﻿.bg-img:before {
    background: var(--bg_custom_opacity)!important;
}

/*Logo*/
@media (max-width: 991px) {
    .logo img {
        max-width: 200px;
        max-height: 20vh;
        margin-bottom: 20px;
    }

    .logo {
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .logo img {
        max-width: 300px;
        max-height: 20vh;
        margin-bottom: 25px;
    }

    .logo {
        text-align: center;
        width:100%!important;
    }
}

@media (min-width: 960px) {
    #sidebar_toggle {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-toggler {
        top: 21px!important;
        right: 24px!important;
    }

    .navbar-toggler.collapsed {
        margin-top: -24px;
    }
}

.welcome-text * {
    color: white !important;
    background: none !important;
}

.copyright-footer {
    text-align: center;
}

#navbarContent {
    justify-content: space-between;   
}

.social-links {
    margin: 10px;
}

.welcome-text * {
    color: white !important;
    background: none !important;
    padding-right: 15px;
    padding-left: 15px;
}

.welcome-text h2 {
    font-size: 36px !important;
    line-height: 42px !important;
}

.ft-send-mail.btn {
    margin-bottom: 60px;
}

section {
    padding: 20px 0;
}

/* 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;
    }
}

.navbar {
    z-index: 2000!important;
}

.title-font {
    font-size: 28px!important;
}

@media screen and (max-width: 991px) {
    .title-font{
        font-size: 22px!important;
    }
}

@media screen and (max-width: 1199px) {
    .title-font {
        font-size: 19px!important;
    }

    section {
        padding: 20px 0px!important;
    }
}

.ft-mail-container {
    margin-top:45px;
}

section.gallery {
    margin-bottom: 35px;
}

/* Opening hours layout */

@media (min-width: 992px) {
    .col-lg-6 {
        width: auto !important;
    }
}

.btn.theme {
    color: white !important;
}

a.btn.theme:hover {
    color: white;
}