:root {
    --primary: #b4942c;
    --secondary: #605f5f;
    --underline: #ffb504;
}
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

img {
    object-fit: cover;
}

section {
    padding: 0;
}

@media (min-width:992px) and (max-width:1501px) {
    .brand.menu-fixed {
        display: none !important;
    }

    .snip1226 li {
        margin: 0 10px !important;
    }
}

.bg-primary {
    background-color: var(--primary) !important;
}

.navbar-light .navbar-toggler {
    border: none;
}

.collapse:not(.show) {
    display: flex !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

.bg-secondary {
    background-color: var(--secondary) !important;
}

footer {
    padding: 50px;
    text-align: center;
}

    footer * {
        color: white !important
    }

.cucina-immagine img {
    width: 300px;
    height: 230px;
}

.divisore {
    background: var(--primary);
    width: 100%;
    height: 1px;
    margin: 20px 0
}

@media(min-width:1150px) {
    .sidebar {
        width: 270px
    }
}

.sidebar .col-3 {
    padding: 0;
    max-width: 29%;
}

.sidebar .menu-cucina ul {
    list-style-image: url("/Templates/green_dot.jpg");
}

.sidebar .titolo {
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background: var(--primary)
}

.chk input[type=checkbox] {
    width: 25px;
    margin-right: 15px;
}

.chk label {
    color: black;
    text-align: left;
}

    .chk label a {
        color: var(--primary);
    }

        .chk label a:hover {
            color: var(--primary)
        }

.logo {
    max-width: 200px;
}

.contact-photo {
    background: var(--secondary);
}

    .contact-photo i {
        color: white;
    }

.sidebar .gallery a {
    margin: 5px;
    width: 70px;
}

.navbar-light .navbar-nav .nav-link {
    color: #2D1D17;
}

.cucina-titolo h3 {
    border-bottom: 2px solid var(--underline);
    width: max-content;
    margin-bottom: 20px !important;
}

.sidebar .gallery img {
    width: 100%;
    height: 50px;
}

#elenco_menu img {
    width: 260px;
    height: 140px;
}

#elenco_menu .titolo {
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: var(--primary);
}

#elenco_menu .testo {
    margin: 10px 0;
    line-height: 20px;
}

#elenco_menu .collegamenti a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    color: var(--primary)
}

.second-section .row > .colonna a {
    visibility: hidden;
    width: 100%;
    height: 300px;
    transition: all ease-in-out 0.3s;
}

.second-section .row > .colonna:hover a {
    visibility: visible;
    background-color: rgba(180, 148, 44, 0.8)
}

.second-section .colonna {
    background-position: center !important;
    background-size: cover !important;
    margin: 10px;
    padding: 0;
    overflow: hidden;
}

.colonna:hover:before {
    top: 50%;
    transition: all 0.5s;
}

.second-section .row > .colonna:hover a h4 {
    width: 100%;
    top: 15%;
    transition: all 0.5s;
}

.second-section .row > .colonna a h4 {
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 30px;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
    z-index: 2;
}

.colonna:before {
    content: "\f302";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    width: 50px;
    height: 50px;
    background: #c8a97e;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 100%;
    font-size: 30px;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
    z-index: 2;
}

/*navbar*/
.snip1226 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

    .snip1226 * {
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1226 li {
        display: inline-block;
        list-style: outside none none;
        margin: 0 1.5em;
        overflow: hidden;
    }

    .snip1226 a {
        padding: 15px 20px;
        color: rgba(255, 255, 255, 0.5);
        position: relative;
        display: inline-block;
        letter-spacing: 1px;
        margin: 0;
        text-decoration: none;
    }

.navbar-light .navbar-nav .nav-link {
    color: white;
}

.snip1226 a.socials i {
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.snip1226 a.nav-link:before,
.snip1226 a.nav-link:after {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1226 a.nav-link:before {
    bottom: 100%;
    left: 0;
    display: block;
    height: 3px;
    width: 100%;
    content: "";
    background-color: var(--primary);
}

.snip1226 a.nav-link:after {
    padding: 15px 8px;
    position: absolute;
    bottom: 100%;
    left: 0;
    content: attr(data-hover);
    color: white;
    white-space: nowrap;
}

.snip1226 li:hover a.nav-link,
.snip1226 a.nav-link.active {
    transform: translateY(100%);
}
/**/

.intestazione > div {
    padding: 200px 0;
}

.intestazione .banner-info {
    top: 50%;
}

nav[aria-label="breadcrumb"] {
    position: absolute;
    left: 50px;
    bottom: -150px;
}

.banner-img {
    background-size: cover;
    background-repeat: no-repeat;
}