/* TAG */
b { font-weight: 600 }
p, ul, table { font-size: 18px }

/* ID */
#footer { border-top: 0px }

/* CLASS */
.entry-meta li { color: #333 }
.img_parallax { width: 100%!important; height: 100%!important }
.is-expanded-menu .full-header .primary-menu .menu-container { padding-right: 0px!important; margin-right: 0px!important; border-right: 0px!important }
.is-expanded-menu .full-header #logo { padding-right: 30px; border-right: 0px!important }
.shape-divider-fill { fill: #766662 } /* #7c574e #4d423f*/
.menu-link, .sub-menu-container .menu-item > .menu-link div { font-weight: 400!important; font-size: 15px!important; color:#333; font-family: 'Jost'!important; text-transform: capitalize!important }
.modal-content { border: none  }
.modal-header { border-bottom: 1px solid #7c574e; background: #7c574e }
.modal-header .modal-title { color: #fff; margin: auto; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: -1px; font-family: 'Jost'!important }
.modal-body { padding: 20px }
.modal-content h3, .modal-content p { font-family: "Jost"!important }
.modal-footer { border-top: 1px solid #333; display: flow-root; text-align: center }
.navbar-collapse > .navbar-nav > .nav-link { padding: 0px!important }
.parallax-bg { transform: scale(1)!important }
.section { padding: 30px 0px }

/* BOTTONE HEADER */
.custom-header-misc {
    display: inline-flex;
    align-items: center;
    flex-shrink: 1;
    max-width: 100%;
    white-space: nowrap;
}

.custom-reservation-btn {
    white-space: nowrap;
    padding: 0.5rem 1rem;          
    font-size: 1rem;              
}

@media (max-width: 576px) {
    .logo-default{
        width: 176px!important;
        height: 80px!important;
    }
    .custom-reservation-btn {
        padding: 0.3rem 0.6rem;  
        font-size: 0.8rem;
    }
}


/* MEDIA */
/* LG */
@media (min-width: 1201px) and (max-width: 1500px){ }

/* MD */
@media (min-width: 992px) and (max-width: 1200px){ 
    .menu-link { font-size: 12px!important }
}

/* SM */
@media (min-width: 768px) and (max-width: 992px){ }

/* XS */
@media (max-width: 767px){ }

@media (max-width: 992px){ 
    #header { position:fixed!important; z-index:999!important; width: 100%!important }
}