/*-- Desktop Stationary Navigation --*/
.d-nav {
    position:fixed;
    z-index:9999;
    display:none;
    background-color:#ffffff00;
    background-color: var(--white);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.08);
    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:8.5rem; margin-top:.85rem; margin-left:3rem;}}



/* Secondary Navigation (TOP NAV) */

    .d-nav .secondary-nav {background-color:var(--white);}

        .d-nav .secondary-nav .textbox {
            text-align:right;
            margin-right:2rem; 
        }

        .d-nav .secondary-nav .textbox li {
            display: inline-block;
            list-style-type: none;
            font-family:'Lexend', sans-serif !important;
            font-size:1.3rem;  
            margin-top: 1rem;
            margin-left:.75rem;
            padding:.77rem 0 0 0;   
        }

        .d-nav .secondary-nav ul li a {
            display: inline-block;
            padding: 0rem 0 1.4rem 3rem;
            vertical-align: middle !important;
            line-height: 1.5;
            text-decoration: none;
            font-size: 1.25rem;
            color: var(--black);
            letter-spacing: .03rem;
            cursor: pointer;
        } 

        .d-nav .secondary-nav .textbox a:hover,
        .d-nav .secondary-nav .textbox a:active {
            color:var(--red); 
            transition:.4s;
        }



/* Primary Navigation (BOTTOM NAV) */

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

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

        .primary-nav .nav-menu li .nav-btn {
            font-family:'Lexend' !important;
            text-decoration:none;
            font-size:1.35rem;
            color:var(--black);
            letter-spacing:.03rem;
            cursor:pointer;
            display:inline-block;
            padding: 0rem 5rem 2.8rem 0rem;
            vertical-align: middle !important;
            line-height:1.5;
            text-transform:uppercase;
        }

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


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

        
 /*-- Dropdowns (HEALTH CENTER & PATIENT RESOURCES */   
    
.dd-services, .dd-resources {display: inline-block;}

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

.dd-content-services,
.dd-content-resources {
    display: none;
    position: absolute;
    top:5rem;
    left:-32.35%;
    background-color: var(--white);
    min-width: 100vw;
    padding: 2rem 5rem;
    z-index: -1;
    text-align:left;
    border-bottom:#ccc 1px solid;
    }

    .dd-content-services .textbox, 
    .dd-content-resources .textbox {
        text-align:left;
        margin:0rem auto 2rem auto;
    }

    .dd-content-services .textbox h2,
    .dd-content-resources .textbox h2 {
        font-family:"Lexend", sans-serif;
        color:var(--black);
        font-size:2.3rem;
        line-height:1.15;
        margin-bottom:.75rem;
        padding-left:3rem;
    }

    .dd-content-services .textbox p,
    .dd-content-resources .textbox p {
        font-family:"Lexend", sans-serif;
        font-size:1.3rem;
        width:80%;
        margin-bottom:1.5rem;
        padding-left:3rem;
    }

    .dd-content-services .textbox a,
    .dd-content-resources .textbox a  {
        margin-left:3rem;
        font-size:1.3rem;
    }

    .dd-content-services .menu ul li,
    .dd-content-resources .menu ul li {display:block;}

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

    .dd-content-services .menu .title h3,
    .dd-content-resources .menu .title h3{
        font-family:"Lexend", sans-serif;
        color:var(--black);
        font-size:1.6rem;
        padding-bottom:.5rem;
    }

    .dd-content-services .menu .listbox,
    .dd-content-resources .menu .listbox {
        padding-left:0!important;
    }

    .dd-content-services .menu .listbox ul li a,
    .dd-content-resources .menu .listbox ul li a {
        text-decoration:none;
        color:var(--black);
        font-family:"Lexend", sans-serif;
        font-size:1.2rem; 
    }

    .dd-content-services .menu .listbox ul li a:hover,
    .dd-content-services .menu .listbox ul li a:active,
    .dd-content-resources .menu .listbox ul li a:hover,
    .dd-content-resources .menu .listbox ul li a:active {
        color:var(--red);
        transition:.2s;
    }



/* Health Center Dropdown */
  
.dd-services:hover .dd-content-services  {display: block;}
           


/* Resources Dropdown */

.dd-content-resources .social img {margin-bottom:1rem;}

.dd-content-resources .social h3 {
    font-family:"Lexend", sans-serif;
    color:var(--black);
    font-size:1.5rem;
    line-height:1.15;
    margin-bottom:.75rem;
    max-width:75%;
}

    .dd-content-resources .social a {
        color:var(--red);
        font-family:"Lexend", sans-serif;
        font-size:1.2rem; 
    }

    .dd-content-resources .social a:hover,
    .dd-content-resources .social a:active {
        color:var(--blue);
        transition:.2s;
    }

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

/*-- 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;
    border-bottom:var(--lightgold) 1px solid;

}

    @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:"Lexend", sans-serif;
        color:var(--black);
        display:block;
    }

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


            .m-primary-nav .navbar-trigger {
                cursor: pointer;
                color:var(--black);
            }
                @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: 'Lexend', 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 p {font-size:1.8rem;}

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

        .panel .title h3 {
            font-family:"Lexend", 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);
}