﻿#hero:before {
    background: var(--bg_custom_opacity)!important;
}

/*Logo*/
@media (max-width: 991px) {
    .logo img {
        max-width: 200px;
        max-height: 20vh;
    }

    .logo {
        margin-bottom: 20px;
        text-align: center;
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .logo img {
        max-width: 300px;
        max-height: 20vh;
    }

    .logo {
        margin-bottom: 25px;
        text-align: center;
        width: 100% !important;
    }
}

.nav-link, a:hover {
    font-family:inherit!important;
    text-decoration-style: unset!important;
    text-decoration-thickness: unset!important;
    line-height:inherit!important;
    font-size: revert!important;
}

#footer .footer-top .footer-links ul a {
    line-height:unset!important;
}

input.form-control {
    height: 50px;
}

.template-button:hover {
    background: var(--bg_light)!important;
}

.welcome-text * {
    color: white !important;
    background: none !important;
}

.welcome-text h2 {
    font-size: 36px !important;
    line-height: 42px !important;
}

/* FRONT PAGE MESSAGE */

.card.fp-message * {
    margin: 0px;
}

.card.fp-message {
    border: none !important;
    background-color: var(--bg_dark) !important;
    max-width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px !important;
    opacity: 0.7;
}

@media (min-width: 1080px) {
    .card.fp-message {
        max-width: calc(60% - 20px);
        margin-left: auto;
        margin-right: auto;
    }
}
h1 {
    margin-bottom: 20px !important;
}

/* Opening hours layout */

@media (min-width: 992px) {
    .col-lg-6 {
        width: auto !important;
    }
}