/*--- Color & Font Variables ---*/
:root {
    --black: #25201F;
    --green: #2B623C;
    --light-green: #8DC53F;
    --pale: #F7F7F7;
    --white: #FFFFFF;
  }

/*-- Desktop Stationary Navigation --*/
.d-nav {
    z-index:9999;
    display:none;
    background-color:#ffffff00;
    padding:0 2rem;
}

@media (min-width: 776px) {.d-nav {display:block;}}


    .d-nav .imgbox img {height:7rem; margin-top:0rem;}
        @media (min-width: 776px) {.d-nav .imgbox img {height:7.3rem; margin-top:1.5rem; margin-left:3rem;}}


/* Primary Navigation */

.primary-nav .nav-menu {
    margin-right: 2rem;
    text-align:right;
    margin-top:3rem;
}

    .primary-nav .nav-menu li {
        list-style-type:none;
        display:inline-block;
    }

    .primary-nav .nav-menu li .nav-btn {margin-top:1rem;}

        .primary-nav .nav-menu li .nav-btn,
        .dropdown button {
            font-family:"Instrument Medium", sans-serif;
            text-decoration:none;
            font-size:1.4rem;
            color:var(--black);
            cursor:pointer;
            display:inline-block;
            padding: 0rem 5rem 2.8rem 0rem;
            vertical-align: middle !important;
            line-height:1.5;
        }

            .primary-nav .nav-menu li a:hover,
            .primary-nav .nav-menu li a:active {
                color:var(--green);
                transform:.4s;
            }


        /* Alt Header */

        .alt .primary-nav .nav-menu li .nav-btn,
        .alt .dropdown button {color:var(--white); }


        /* Primary & Secondary CTA Buttons */
        .nav-menu li .btn {
            vertical-align: middle !important;
            margin-top:-1.6rem;
            text-decoration:none;
            cursor:pointer;
        }

        
 /*-- Dropdowns  */   
    
.dd {display: inline-block;}

.dd button {border:none !important; background-color:rgba(255, 255, 255, 0) !important;}

.dd:hover .dd-content  {display: block;}

.dd-content { 
    display:none;
    position: absolute;
    top:7rem;
    min-width: 20vw;
    background-color: var(--green);
    z-index: 9999;
    text-align:left;
    border:#ccc 1px solid;
    box-shadow: 0px 3.38624px 7.61905px rgba(0, 0, 0, 0.25);
    border-radius:10px;
}

.dd-content img {height:1.3rem; margin-right:.5rem;}

    .primary-nav .dd-content ul li {display:block; width:100%; padding:1rem;}

    .primary-nav .dd-content ul li:hover {background-color:var(--pale); transition:.2s;}

    .primary-nav .dd-content ul a  {font-size:1.3rem; color:var(--white);}

    .dd-content ul li{display:block;}

    .dd-content .menu .title {
        border-bottom:2px var(--blue) solid;
        max-width:90%;
        padding-left:0 !important;
    }

    .dd-content ul li:hover a,
    .dd-content ul li:active a {
        color:var(--green);
        transition:.2s;
    }
        

/*-- Desktop Stationary Navigation --*/

/*-- Mobile Floating Navigation --*/


.m-nav {
    padding-bottom:0rem;
    display:block;
    background-color:var(--white);
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    box-shadow: 0px 3px 7.61905px rgba(0, 0, 0, 0.25);
}

    @media (min-width: 776px) {.m-nav {display:none;}}

    .m-primary-nav .tile {padding: .9rem 3.4rem !important;}

    .m-primary-nav .tile span {
        font-size:1rem;
        font-family:"Instrument", sans-serif;
        color:var(--black);
        display:block;
    }

    .m-primary-nav .m-logo {
        height:6rem;
        margin-top:.5rem;
    }


            .m-primary-nav .navbar-trigger {
                cursor: pointer;
                color:var(--black);
                margin-top:.5rem;
            }
                @media (min-width: 776px) {.m-primary-nav .navbar-trigger {display:none;}}


        .m-primary-nav #open img {
            cursor: pointer;
            height:1.9rem;
        }

        .m-primary-nav #close img {
            cursor: pointer;
            height:2.1rem;
        }
        
        @media (min-width: 776px) {.m-primary-nav #open img, .m-primary-nav #close img {display:none;}}
    


    /*-- Mobile Sidebar --*/
    

.sidenav {
    height: 102vh;
    width: 0%;
    position: fixed;
    z-index: 1;
    top: 8.3rem;
    left: 0;
    background-color: var(--white);
    overflow-x: hidden;
    z-index:9999;
}

.sidenav-list {margin:0rem 4rem 0 4rem !important; padding-top:2rem;}
      
.cover {
    background-color:var(--white);
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    z-index:9998;
}






/*-- Mobile Dropdown Menu --*/


.mobile-nav-link,
.accordion {
    text-decoration:none;
    display:block;
    background-color: var(--white);
    width: 100%;
    text-align: left;
    color:var(--black);
    font-family: 'Instrument Bold', serif;
    font-size:2.2rem;
    border:none;
    background:none;
    outline:none;
    cursor: pointer;
    transition: 0.4s;
    padding-left:0 !important;
}

@media (min-width: 776px) {.mobile-nav-link, .accordion {font-size:2rem;}}

.mobile-nav-link {
    padding: 2rem 0 .5rem 0;
    display: flex;
    align-items: center;
    text-decoration: none;
}
      
     .panel {
        padding:.5rem 2rem 0rem 0;
        background-color: var(--white);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
      }

      .panel img {
        height:1.8rem;
        margin-right:.5rem;
      }

      .panel p {font-size:1.8rem;}

      .panel .title {
        border-bottom:2px var(--blue) solid;
        padding-left:0 !important;
      }

        .panel .title h3 {
            font-family:"Instrument", sans-serif;
            color:var(--black);
            font-size:2.3rem;
            line-height:1.15;
            margin-bottom:.75rem;
        }

    .panel ul {margin-top:1rem;}

        .panel ul li {margin-bottom:1rem;}

        .panel ul li a {
            font-family:'Lexend', sans-serif;
            text-decoration:none;
            color:var(--black);
            font-size:1.9rem;
        }

        @media (min-width: 776px) { .panel ul li a {font-size:1.7rem;}}

      .accordion:after {
        content: '\002B'; /* Unicode character for "plus" sign (+) */
        color: var(--red);
        float: right;
        margin-right:3rem;
        text-decoration:none;
      }
      
      .active:after {
        content: "\002D"; /* Unicode character for "minus" sign (-) */
      }

      .panel a {text-transform: unset;}

    
/*-- Mobile Floating Navigation --*/



/*-- Alternate Header CSS --*/

.alt-d-nav .primary-nav .nav-menu {margin-top:4rem;}

.alt-d-nav {
    position:static;
    z-index:9999;
    display:none;
    background-color:#ffffff00 !important;
    box-shadow: none !important;
    padding:0 2rem;
}

@media (min-width: 776px) {.alt-d-nav {display:block;}}

.alt-d-nav .primary-nav .nav-menu li .nav-btn {
    padding: 0rem 5rem 2.8rem 0rem;
    color:var(--white);
}