:root {
    --black: #353535;
    --red: #810027;
    --pale: #F5F5F5;
    --bluewhite: #EEF5FB;
    --blue: #509BD4;
    --white: #FFFFFF
  }


/*-- 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);
}

@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;}}



/* 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:'Mulish Bold', 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 1.5rem 1.4rem 3rem;
            vertical-align: middle !important;
            line-height: 1.5;
            text-decoration: none;
            font-size: 1.35rem;
            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:'Livvic Bold' !important;
            text-decoration:none;
            font-size:1.35rem;
            color:var(--black);
            letter-spacing:.03rem;
            cursor:pointer;
            display:inline-block;
            padding: 0rem 3rem 2.8rem .5rem;
            vertical-align: middle !important;
            line-height:1.5;
        }

            .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.4rem;
            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 3rem 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:"Livvic Bold", 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:"Mulish", 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:"Livvic Bold", sans-serif;
        color:var(--black);
        font-size:1.4rem;
        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:"Mulish", 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:"Livvic Bold", 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:"Mulish", 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;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.10);

}

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

    .m-primary-nav .tile {
        text-align:center;
        padding: .75rem 0 !important;
    }

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

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

        .m-primary-nav .phone-icon img {
            cursor: pointer;
            height:1.9rem;
            margin-top:1.3rem;
            margin-bottom:.25rem;
        }
            @media (min-width: 776px) {.m-primary-nav .phone-icon img {display:none;}}


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


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

        .m-primary-nav #close img {
            cursor: pointer;
            height:1.5rem;
        }
            @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: 7.5rem;
    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: 'Livvic Bold', serif;
    font-size:2.5rem;
    font-weight:700;
    border:none;
    background:none;
    outline:none;
    cursor: pointer;
    transition: 0.4s;
    padding-left:0 !important;
}

.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:"Livvic Bold", 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:'Mulish', sans-serif;
            text-decoration:none;
            color:var(--black);
            font-size:1.8rem;
        }

      .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 --*/