@charset "utf-8";
/* CSS Document */
:root{
    --fc-navy:#1f3951;
    --fc-navy-dark:#152b3e;
    --fc-gold:#d4af5a;
    --fc-white:#fff;
}

.site-navbar{
    background:var(--fc-navy);
    z-index:1030;
   
}

.site-navbar>.container{
    max-width:1440px;
}

.site-brand{
    margin:0;
    padding:0;
}

.site-brand img{
    display:block;
}

/* Mobile logo */

.site-brand--mobile img{
    width:60px;
    height:auto;
}

/* Navigation links */

.site-nav .nav-link{
    font-family:Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    color:#fff;
    white-space:nowrap;
    transition:.2s;
}

.site-nav .nav-link:hover,
.site-nav .nav-link:focus{
    color:#d4af5a;
}

.navbar-toggler{
    border-color:rgba(255,255,255,.35);
}

.navbar-toggler:focus{
    box-shadow:none;
}


/*====================================================
DESKTOP
====================================================*/

@media (min-width:1200px){

.site-navbar{
    height:120px;
}

.site-navbar>.container{
    height:120px;
}

.site-nav{
    display:flex !important;
    align-items:center;
    width:100%;
}

/* left menu */

.site-nav__group{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
    gap:1.5rem;
    flex:1;
}

.site-nav__group--left{
    justify-content:flex-end;
    padding-right:110px;
}

.site-nav__group--right{
    justify-content:flex-start;
    padding-left:110px;
}

/* center logo */

.site-brand--desktop{
    flex:0 0 auto;
    margin:0;
    z-index:100;
}

.site-brand--desktop img{
    width:125px;
    height:auto;
    transform:translateY(22px);
}

/* spacing */

.site-nav .nav-link{
    padding:.5rem 0;
}

}


/*====================================================
BETWEEN 1200 & 1400
Shrink logo slightly
====================================================*/

@media (min-width:1200px) and (max-width:1400px){

.site-brand--desktop img{
    width:90px;
    transform:translateY(18px);
}

.site-nav__group--left{
    padding-right:75px;
}

.site-nav__group--right{
    padding-left:75px;
}

.site-nav__group{
    gap:.9rem;
}

.site-nav .nav-link{
    font-size:15px;
}

}




/*====================================================
MOBILE NAVIGATION
====================================================*/

@media (max-width:1199.98px){

    .site-navbar{
        min-height:80px;
        padding:1rem 0;
    }

    .site-navbar > .container{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    /* Mobile header row */
    .mobile-header{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        width:100%;
    }

    /* Logo left */
    .site-brand--mobile{
        display:block;
        margin:0;
        padding:0;
        order:1;
    }

    .site-brand--mobile img{
        width:60px;
        height:auto;
        display:block;
    }

    /* Hamburger right */
    .navbar-toggler{
        order:2;
        margin:0;
        padding:.5rem;
        border-color:rgba(255,255,255,.35);
    }

    .navbar-toggler:focus{
        box-shadow:none;
    }

    /* Dropdown menu */
    .site-nav{
        width:100%;
        padding-top:1rem;
        order:3;
    }

}