/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.sticky-nav {
    display: none;
    z-index: 0;
}

.sticky-nav.show {
    display: block;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.sticky-nav.show .navbar[data-sticky="top"] {
    transition: all 0.2s ease-in-out;
    background-color: #EB402B;
    will-change: display;
}

@media (max-width: 767.98px) {
    .sticky-nav.show {
        display: block;
        position: sticky;
        top: 0;
        z-index: 1020;
    }

    .sticky-nav .navbar[data-sticky="top"] {
        transition: all 0.2s ease-in-out;
        background-color: #E0BE23;
        will-change: display;
    }
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.95);
}

@media (max-width: 767.98px) {
    .navbar-container .socials-content {
        display: none;
    }
    .navbar-collapse {
      background-color: #EB402B;
    }
    .navbar-collapse a.nav-link.nav-item {
      color: #FFFFFF !important;
    }
    nav.navbar.navbar-expand-lg.navbar-dark {
        background-color: #EB402B;
    }
}