@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&family=Roboto+Slab:wght@200..400&display=swap');

:root {
    --bs-primary: #d1b14c;
    --bs-primary-rgb: 209, 177, 76;
}
.navbar { 
    --bs-navbar-hover-color: rgba(var(--bs-primary-rgb), .75);
    --bs-navbar-active-color: var(--bs-primary);
}
    .navbar .nav-link {
        font-size:1.5em;
        font-weight:400 !important;
        letter-spacing:1px;
    }
.navbar .nav-link:hover {
    color: var(--bs-navbar-hover-color);
}

.navbar .nav-link.active {
    color: var(--bs-navbar-active-color);
}
h1, h2, h3, h4, h5, .navbar-brand > span, .navbar .nav-link {
    font-family: "League Gothic", sans-serif !important;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
}
body {
    font-family: 'Roboto Slab', sans-serif !important;
}
strong{
    color: var(--bs-primary) !important;
}
.badge{
    font-family:'Roboto Slab', sans-serif;
    font-weight: 400;
    font-size:.5em;
    vertical-align:middle;
}
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color:black;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #b6972f !important;
        border-color: #b6972f !important;
    }

/*BLACK IT UP*/
.navbar, body {
    background-color: #000 !important;
}

header video {
    z-index: 0;
}

header {
    position:relative;
}
/* fallback if video won’t load */

    header::before {
        content: '';
        position: absolute;
        inset: 0;
        background: url('/images/noto_bar_01.jpg') center/cover no-repeat;
        opacity: 0.5;
        z-index: -1;
    }
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,\
<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'>\
<path stroke='%23d1b14c' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/>\
</svg>");
}
@media (max-width: 991px) {
    .navbar-collapse .navbar-nav {
        width: 100%;
    }

    .navbar-collapse .nav-link, .navbar-collapse .btn {
        display: block;
        text-align: center; 
        font-size: 1.25rem; 
        padding: 1rem 0; 
    }
}

.overlay-bg {
    position: relative;
}

    .overlay-bg::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--overlay-image) center/cover no-repeat;
        opacity: var(--overlay-opacity, 0.5);
        z-index: -1;        
        background-attachment: scroll;
    }
    
    .overlay-bg.parallax-bg::before {
        background-attachment: fixed;
    }


    .section-header{
        font-size:3.5rem;
    }

    /*menu BG*/
.bg-br-image {
    position: relative;
    overflow: hidden;
}

    .bg-br-image::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: var(--br-img-w, 100%); 
        height: var(--br-img-h, 100%);
        background: var(--br-img-url) no-repeat right bottom;
        background-size: contain; 
        opacity: var(--br-img-opacity, .07);
        mix-blend-mode: var(--br-img-blend, multiply);
        pointer-events: none;
        z-index: 0;
    }

    .bg-br-image > * {
        position: relative;
        z-index: 1;
    }
/*menu*/

.nav-underline .nav-link {
    font-family: "League Gothic", sans-serif; 
    color: var(--bs-primary) !important;
    border-bottom: 2px solid transparent; 
    transition: color .2s, border-color .2s;
    font-size:1.75rem;
}
    .nav-underline .nav-link:hover {
        color: var(--bs-primary) !important;
        border-color: var(--bs-primary);
        font-weight:400 !important;
    }

    .nav-underline .nav-link.active {
        color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
        font-weight: 400 !important;
    }

    .nav-underline .nav-link.active {
        border-bottom-width: 3px;
        border-bottom-style: solid;
        font-weight: 400 !important;
    }

.menu-sidebar {
    position: sticky;
    top: 100px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;  
}

    .menu-sidebar::-webkit-scrollbar {
        width: 6px; 
    }
.menu-sidebar::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.2);
    
}

.menu-sidebar::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
    border-radius: 3px;
    border: 0;
    opacity: .4;
}

#menu p{
    font-size:1.25em;
    font-weight:200;
}
.border-bottom-sm {
    border-bottom: none;
}

@media (max-width: 767.98px) {
    .border-bottom-sm {
        border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    }
}