/* NAVBAR ----------------------------------------------------------- */


/** LOGO -------------------------------------------------------- */

.logo-nav {
    height: 35px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

header.sticked.sticky .logo-nav {
    height: 25px;
}

@media screen and (max-width: 991px) {
    .logo-nav {
        height: 40px;
    }
    header.sticked.sticky .logo-nav {
        height: 20px;
    }
}


/** header ------------------------------------------------------ */

header {
    position: relative;
    width: 100%;
    z-index: 99999;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #ffffff;
}

header .navbar-light .navbar-nav .active>.nav-link,
header .navbar-light .navbar-nav .nav-link.active,
header .navbar-light .navbar-nav .nav-link.show,
header .navbar-light .navbar-nav .show>.nav-link,
header .navbar-light .navbar-nav .nav-link:hover {
    color: #7e2313;
}


/** STICKY ------------------------------------------------------ */

header.sticked.sticky {
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #F8F8F8 !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.22);
    top: 0px;
}

header.sticked.sticky .navbar-light .navbar-nav .active>.nav-link,
header.sticked.sticky .navbar-light .navbar-nav .nav-link.active,
header.sticked.sticky .navbar-light .navbar-nav .nav-link.show,
header.sticked.sticky .navbar-light .navbar-nav .show>.nav-link,
header.sticked.sticky .navbar-light .navbar-nav .nav-link:hover {
    color: #7e2313;
}

header.sticked.sticky .navbar {
    width: 100%;
    text-align: left;
    top: 0;
}


/** OPEN MOBILE  ------------------------------------------------------ */

@media screen and (max-width: 991px) {
    header li {
        font-size: 20px;
        line-height: 32px;
        margin-top: 0px;
        height: auto;
    }
    #menu-primary {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}


/** burger-left  ------------------------------------------------------ */


/** header ------------------------------------------------------ */

.burger-left header {
    background: transparent;
}

.burger-left .absolute-open {
    position: fixed;
    z-index: 1039;
    width: 100%;
    top: 0
}

.burger-left .collapse {
    height: 100vh;
}

.burger-left div#navbarSupportedContent {
    background: #f3f3f3;
    padding: 2rem 6rem;
    height: 100vh;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.burger-left .collapse:not(.show) {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    right: -1000px;
    position: relative;
}


/** STICKY ------------------------------------------------------ */

.burger-left header.sticky {
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #ffffff !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.22);
    top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.burger-left header.sticky .absolute-open .active>.nav-link,
.burger-left header.sticky .absolute-open .nav-link.active,
.burger-left header.sticky .absolute-open .nav-link.show,
.burger-left header.sticky .absolute-open .show>.nav-link,
.burger-left header.sticky .absolute-open .nav-link:hover {
    color: #EF4223;
    font-weight: bold;
}

.burger-left .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.burger-left .absolute-open li {
    font-size: 40px;
    line-height: 50px;
    margin-top: 15px;
    padding-left: .5em;
    padding-right: .5em;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.burger-left header.sticky li {
    font-size: 16px;
    margin-top: 0px;
    height: 50px;
}

.burger-left .absolute-open .nav-link {
    color: #EF4223;
}

.burger-left .absolute-open .active>.nav-link,
.burger-left .absolute-open .nav-link.active,
.burger-left .absolute-open .nav-link.show,
.burger-left .absolute-open .show>.nav-link,
.burger-left .absolute-open .nav-link:hover {
    color: #7e2313;
}


/** burger-overlay  ------------------------------------------------------ */


/** header ------------------------------------------------------ */

.burger-overlay header {
    background: transparent;
}

.burger-overlay .absolute-open {
    position: fixed;
    z-index: 1039;
    width: 100%;
    top: 0
}

.burger-overlay .collapse {
    height: 100vh;
}

.burger-overlay div#navbarSupportedContent {
    background: #f3f3f3;
    padding-top: 6rem;
    padding-bottom: 6rem;
    height: 100vh;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.burger-overlay .collapse:not(.show) {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    right: -1000px;
    position: relative;
}


/** STICKY ------------------------------------------------------ */

.burger-overlay header.sticky {
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #ffffff !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.22);
    top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.burger-overlay header.sticky .absolute-open .active>.nav-link,
.burger-overlay header.sticky .absolute-open .nav-link.active,
.burger-overlay header.sticky .absolute-open .nav-link.show,
.burger-overlay header.sticky .absolute-open .show>.nav-link,
.burger-overlay header.sticky .absolute-open .nav-link:hover {
    color: #EF4223;
    font-weight: bold;
}

.burger-overlay header.sticky .navbar {
    width: 100%;
    text-align: overlay;
    top: 0;
}

.burger-overlay .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.burger-overlay .absolute-open li {
    font-size: 40px;
    line-height: 50px;
    margin-top: 15px;
    padding-overlay: .5em;
    padding-right: .5em;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.burger-overlay header.sticky li {
    font-size: 16px;
    margin-top: 0px;
    height: 50px;
}

.burger-overlay .absolute-open .nav-link {
    color: #EF4223;
}

.burger-overlay .absolute-open .active>.nav-link,
.burger-overlay .absolute-open .nav-link.active,
.burger-overlay .absolute-open .nav-link.show,
.burger-overlay .absolute-open .show>.nav-link,
.burger-overlay .absolute-open .nav-link:hover {
    color: #7e2313;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border: unset;
}

.navbar-light .navbar-toggler-icon {
    width: 48px;
    height: 36px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(239,66,35)'%3E%3Crect x='16' y='12' width='16' height='2' /%3E%3Crect x='16' y='17' width='16' height='2' /%3E%3Crect x='16' y='22' width='16' height='2' /%3E%3C/svg>");
    background-position: center;
    background-repeat: no-repeat;
}

.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(126,35,19)'%3E%3Crect x='16' y='12' width='16' height='2' /%3E%3Crect x='16' y='17' width='16' height='2' /%3E%3Crect x='16' y='22' width='16' height='2' /%3E%3C/svg>");
}

.navbar-toggler:focus {
    outline: 0;
}