/** {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
} */
body {
    /*padding-top: 4.5rem;*/
    padding-right: 0 !important;
}
body #mobileHeader,
body #desktopHeader {
    padding-right: 0 !important;
}
header {
    border-bottom: 0;
    height: auto;
}
/*.fal, 
.far {
    font-family: "Font Awesome 6 Pro";
} */

/* Modal Positioning & Visibility */
body.modal-open {
    overflow-y: scroll;
    overflow-x: hidden;
}
body.modal-open.main-menu-active,
body.modal-open.main-menu-active #mobileHeader,
body.modal-open.main-menu-active #desktopHeader {
    padding-right: 0 !important;
    z-index: 2000;
}

body .menu-button--active {
    display: none;
}
body.modal-open.main-menu-active .menu-button {
    display: none;
}    
body.modal-open.main-menu-active .menu-button--active {
    display: block;
    background-color: #006877;    
    border-bottom: solid 2px #006877;
}           
body.modal-open.main-menu-active .menu-button--active span {
    color: #FFFFFF !important;
}    

.modal.modal-menu {
    padding: 0 !important;
    /*top: 4.5rem;*/
    top: 0;
    height: 100vh;
}
@media screen and (max-width: 768px) {
    .modal.modal-menu {
        height: 100%;
    }
	.modal.modal-menu .modal-dialog {
		height: auto;
	}
	.modal.modal-menu .modal-content {
		height: 100% !important;
	}
	.modal.modal-menu .modal-body {
		padding: 2rem 2rem 4rem 2rem;
	}
}
.modal.modal-menu * {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}        
.modal.modal-menu .modal-dialog {
    margin: 0;
    max-width: 100%;
}
.modal.modal-menu.fade .modal-dialog {
    transform: translate(25%,0);
}
.modal.modal-menu.show .modal-dialog {
    transform: translate(0,0);
}
.modal.modal-menu .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
}

.modal.modal-menu .modal-content {
    /*background-color: #212121;*/
    background-color: #1F3437;
    color: #FFFFFF;
    height: 100vh;
}
.modal.modal-menu .modal-header {
    height: 60px;
    border: 0;
}
.modal.modal-menu .modal-header .close {
    background-color:  #006877;
    opacity: 1;
    /* height: 60px;*/
    min-width: 175px;
}
.modal.modal-menu .modal-header .close span {
    color: #FFFFFF;
    font-size: 1.15rem;
}
.modal.modal-menu .modal-header .close .menu-button__text {
    text-transform: uppercase;
    letter-spacing: .05rem;
    font-weight: 400;
    font-size: 1rem;
    margin-right: .5rem;
}
.modal.modal-menu .modal-body {
    padding: 2rem;
}
.modal.modal-menu .modal-body a {
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    position: relative;
    display: block;
}
.modal.modal-menu .modal-body a:hover {
    text-decoration: none;
}
.modal.modal-menu .modal-content .fal, 
.modal.modal-menu .modal-content .far {
    font-family: "Font Awesome 6 Pro";
    color: #FFFFFF;
}        
.modal.modal-menu .modal-body ul {
    padding: 0;
    list-style-type: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
}       
.modal.modal-menu .modal-body li {
    padding: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}         
.modal.modal-menu .modal-body .form-group,
.modal.modal-menu .modal-body .menu-group {
    margin-bottom: 30px;
}      
.modal.modal-menu .modal-body .form-group {         
    position: relative;
}       
.modal.modal-menu .modal-body .form-group:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f002";          
    position: absolute;
    top: 14px;
    right: 15px;                 
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;   
    color: #19909B; 
    font-size: 1.5rem;    
    display: none;
}     
.modal.modal-menu .modal-body .form-group input {
    position: relative;
    height: 50px;            
}        
.modal.modal-menu .modal-body .form-group .icon-btn {
    position: absolute;
    top: .75rem;
    right: 1rem;        
    border: 0;
    background-color: transparent;
}
.modal.modal-menu .modal-body .form-group .icon-btn span {
    color: #19909B; 
    font-size: 1.5rem;   
}
.modal.modal-menu .modal-body .form-group .form-control {
    font-size: 1.25rem;
    padding: .5rem 1rem;
    color: #1F3437;
}    
.modal.modal-menu .modal-body .form-group .form-control::placeholder {
    color: #666666;    
}
.modal.modal-menu .modal-body .modal-menu__tier-1 {
    font-size: 1.5rem;
}    
.modal.modal-menu .modal-body .modal-menu__tier-2 {
    font-size: 1.125rem;
}      
.modal.modal-menu .modal-body .modal-menu__tier-3 {
    font-size: 1rem;
} 
.modal.modal-menu .modal-body .modal-menu__tier-1 li {
    padding-bottom: 1rem;
    border-bottom: solid 2px rgba(255,255,255,.2);
    margin-bottom: 1rem;            
} 
.modal.modal-menu .modal-body .modal-menu__tier-2 li {
    padding-bottom: .75rem;
    border-bottom: solid 2px rgba(255,255,255,.2);
    margin-bottom: .75rem;            
}     
.modal.modal-menu .modal-body .modal-menu__tier-1 a:after,
.modal.modal-menu .modal-body .modal-menu__tier-2 a:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f061";          
    position: absolute;
    right: 10px;                 
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;        
}    
.modal.modal-menu .modal-body .modal-menu__tier-1 li:hover,
.modal.modal-menu .modal-body .modal-menu__tier-2 li:hover {
    border-color:  #19909B;           
}    
.modal.modal-menu .modal-body .modal-menu__tier-1 li:hover a:after,
.modal.modal-menu .modal-body .modal-menu__tier-2 li:hover a:after {
    right: 0;    
} 

.modal.modal-menu .modal-body .modal-menu__tier-3 li {
    margin-bottom: .5rem;            
}        
.modal.modal-menu .modal-body .modal-menu__tier-3 ul {
    margin: 0 auto;         
}  
.modal.modal-menu .modal-body .modal-menu__tier-3 a {
    display: inline-block;
    width: auto;
    padding-bottom: 5px;
    border-bottom: solid 1px transparent;
} 
.modal.modal-menu .modal-body .modal-menu__tier-3 a:hover {
    border-bottom: solid 1px #FFFFFF;
}
.modal.modal-menu .modal-body .modal-menu__tier-3 a:hover span {
    transform:translateX(10px);
} 
.modal.modal-menu .modal-body .modal-menu__tier-1 a:after,
.modal.modal-menu .modal-body .modal-menu__tier-2 a:after, 
.modal.modal-menu .modal-body .modal-menu__tier-3 a span {
    opacity: .4;
}  
.modal.modal-menu .modal-body .modal-menu__tier-1 li:hover a:after,
.modal.modal-menu .modal-body .modal-menu__tier-2 li:hover a:after,
.modal.modal-menu .modal-body .modal-menu__tier-3 a:hover span {
    opacity: 1; 
}

/* end Modal Positioning & Visibility */


.navbar {
    padding: 0;
}

.navbar .navbar-toggler {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.navbar .navbar-collapse {
    background-color: #212121;
    color: white;
    z-index: 2;
}

#mobileHeader div,
#mobileHeader a,
#mobileHeader span,
#mobileHeader ul,
#mobileHeader li
#quickLinksDesktop div,
#quickLinksDesktop a,
#quickLinksDesktop span,
#quickLinksDesktop ul,
#quickLinksDesktop li {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#mobileHeader {
    padding: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, .95);
    /*position: relative;*/
    /*z-index: 2;*/
}
#mobileHeader > .container-fluid {
    padding: 0;
}
#mobileHeader .row {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}
#mobileHeader a:hover {
    text-decoration: none;
}
#mobileHeader .col {
    /*padding: 15px 10px;*/
    padding: .65rem;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}
#mobileHeader .col.menu-button,
#mobileHeader .col.menu-button--active {
    border-right: 0;
}
#mobileHeader div.col {
    border-right: 0;
}

#mobileHeader .fad,
#mobileHeader .far {
    color: #006877;
    font-size: 1.25rem;
    margin-bottom: .25rem;
}

#mobileHeader .quick-link__text {
    color: #76787A;
    font-weight: 600;
    font-size: .85rem;
    line-height: 1.25;
}

#mobileHeader .col:hover {
    cursor: pointer;
    background-color: #006877;
}

#mobileHeader .col:hover span {
    color: #FFFFFF;
}

#mobileLogo {
    height: auto;
    border: 0;
    z-index: 2;
    float: left;
    clear: both;
    width: 100%;   
}

#mobileLogo .logo {
    height: 100%;
    padding: 20px 0;
}

#mobileLogo .logo img {
    max-width: 250px;
    margin: 0 auto;
    padding-top: .5rem;
}

#desktopHeader {
    width: 100%;
    /*padding: 10px 20px;*/
    background-color: rgba(255, 255, 255, .95);
    /*border-bottom: solid 1px #E6E7E8;*/
    height: 60px;
}

#desktopHeader .logo {
    display: block;
    /*padding-left: 20px;*/
}
#desktopHeader .logo:hover {
    opacity: .8;
}
#desktopHeader .logo img {
    /*max-width: 250px;*/
}

#desktopHeader .container-fluid,
#desktopHeader .container-fluid>.row {
    height: 100%;
}

#desktopHeader .navbar-toggler {
    display: inline-block;
    width: auto;
}

#quickLinksDesktop ul {
    padding: 0;
    list-style-type: none;
}

#quickLinksDesktop ul li {
    padding: 0;
    margin-right: 1rem;
    display: inline-block;
}

#quickLinksDesktop ul li.d-xl-inline-block {
    display: none;
}

#quickLinksDesktop ul li.last {
    margin-right: 2rem;
}

#quickLinksDesktop ul li a {
    text-decoration: none;
    color: #3D4543;
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: solid 2px transparent;
}

#quickLinksDesktop ul li a:hover {
    text-decoration: none;
    color: #006877;
    border-bottom: solid 2px #19909B;
}

#quickLinksDesktop ul li.highlight a {
    color: #006877;
}
#quickLinksDesktop ul li.highlight a:hover {
    cursor: pointer;
}
#menuButtonDesktop {
    background-color: #006877;
    padding: 0 40px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;   
}
#menuButtonDesktop span {
    color: #FFFFFF;
}
#menuButtonDesktop .menu-button__text {
    margin-right: .5rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05rem;
}
#menuButtonDesktop .fad,
#menuButtonDesktop .far,
#modalMainMenu button.close .far {
    font-size: 1.75rem;
    position: relative;
    top: 2px;
}

@media only screen and (max-width: 768px) {
    header {
        border-bottom: 0;
    }
}

@media only screen and (min-width: 768px) {
    body {
        /*padding-top: 60px;*/
        padding-top: 0;
    }
    header {
        height: auto !important;
    }
    .modal.modal-menu {
        /*top: 60px;*/
        top: 0;
    }
    .modal.modal-menu .modal-content {
        max-width: 80%;
        float: right;  
        -webkit-box-shadow: -5px 0px 20px -10px rgba(0,0,0,0.5); 
        box-shadow: -5px 0px 20px -10px rgba(0,0,0,0.5);                
    }        
    .modal.modal-menu .modal-body {
        padding: 2.5rem;
    }  
}

@media only screen and (min-width: 992px) {
    .modal.modal-menu .modal-content {
        max-width: 60%;
    }
}

@media only screen and (min-width: 1200px) {
    #quickLinksDesktop ul li.d-xl-inline-block {
        display: inline-block;
    }
    .modal.modal-menu .modal-body {
        padding: 4rem 2rem;
    }
    .modal.modal-menu .modal-content {
        max-width: 40%;
    }
    #menuButtonDesktop {
        min-width: 150px; 
    }
}

@media only screen and (min-width: 1440px) {
    #quickLinksDesktop ul li {
        margin-right: 1rem;
    }
    #quickLinksDesktop ul li.last {
	    margin-right: 2rem;
    }
    .modal.modal-menu .modal-content {
        max-width: 30%;
    }
}


/* Member Navigation */
.secondary.fixed-top {
    /*box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.10);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.10);   */     
}
#secondaryHeader {
    background-color: #002E36;
} 
#secondaryHeader * {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}      
#secondaryHeader .secondary-header__btn {
    border: 0;
    border-radius: 0;
    width: 100%;
    padding: 10px 20px;
    background-color: #002E36;
    text-align: left;
}          
#secondaryHeader .secondary-header__btn h2,
#secondaryHeader .secondary-header__title h2 {
    color: #FFFFFF;
    /*font-family: "FreightSansProMedium-Regular";*/
    font-size: 1.375rem;
    letter-spacing: .025rem;
    font-weight: normal;
    line-height: 1.25;
    margin: 0;
    position: relative;
    top: 1px;
} 
#secondaryHeader .secondary-header__btn h2 {
    color: #FFFFFF;
    font-size: 1.25rem;
    position: relative;
    top: 1px;       
    padding-right: 2rem;
}
#secondaryHeader .secondary-header__btn h2:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f078";          
    position: absolute;
    right: 0;                 
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #FFFFFF;
    opacity: .4;      
}
#secondaryHeader .secondary-header__btn:hover h2:after {
    opacity: 1;
} 
#secondaryHeader .secondary-header__btn[aria-expanded=true] h2:after {
    transform: rotate(180deg);
} 
#secondaryHeader .secondary-header__title h2 a {
    text-decoration: none;  
    color: #FFFFFF;    
}
#secondaryHeader .secondary-header__title h2 a:hover {
    text-decoration: none;  
    color: #FFFFFF;
    opacity: .8;
}
#secondaryHeader .secondary-header__links ul {
    padding: 0;
    list-style-type: none;
    display: block;        
}
#secondaryHeader .secondary-header__links li {
    padding: 0;
}
#secondaryHeader .secondary-header__links li a {
    text-decoration: none;
    border-bottom: solid 1px transparent;
    color: #FFFFFF;
}
#secondaryHeader .secondary-header__links li a:hover {
    text-decoration: none;
    color: #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}    

@media only screen and (max-width: 768px) {
    #secondaryHeader .secondary-header__links {
        padding: 0;
    }
    #secondaryHeader .secondary-header__links .collapse {
        padding: 20px 0;
        background-color: #1F3437;
    } 
    #secondaryHeader .secondary-header__links ul {
        padding: 0 20px;
        margin: 0 auto;
    }        
    #secondaryHeader .secondary-header__links li {
        padding-bottom: 10px;
        border-bottom: solid 1px rgba(255,255,255,.2);
        margin-bottom: 10px;
    }
    #secondaryHeader .secondary-header__links li a {
        color: #FFFFFF;
        font-weight: 400;
        position: relative;
        width: 100%;
        display: inline-block;            
        border-bottom: 0;
    }
    #secondaryHeader .secondary-header__links li a:hover {
        color: #FFFFFF;
        border-bottom: 0;
    }

    #secondaryHeader .secondary-header__links li a:after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        content: "\f061";          
        position: absolute;
        right: 10px;                 
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        color: #FFFFFF;
        opacity: .4;
    }    
    #secondaryHeader .secondary-header__links li:hover {
        border-color:  #FFFFFF;         
    }    
    #secondaryHeader .secondary-header__links li:hover a:after {
        right: 0;     
        opacity: 1;      
    }


}   

@media only screen and (min-width: 768px) {
    #secondaryHeader {
        padding: 10px 20px;
    }
    #secondaryHeader .secondary-header__links .collapse {
        display: block;
    }
    #secondaryHeader .secondary-header__links ul {
        text-align: right;
    }
    #secondaryHeader .secondary-header__links li {
        display: inline-block;
        margin-right: 1rem;
    }
    #secondaryHeader .secondary-header__links li a {
        font-size: .95rem;
    }
}    


/* Sub-Page Nav */
/*@media screen and (max-width: 576px) {
    .left-col {
        padding: 10px 20px;
        margin-bottom: 20px;
    }   
    .main-content {
        padding-top: 0;
    }
    .main-content > .container h1 {
        margin-top: 20px;
    }
    .subpage-nav__btn:hover {
        cursor: pointer;
    }
    .subpage-nav__btn .btn__title {
        color: #002E36;
        font-size: 1.25rem;
        position: relative;
        top: 1px;
        padding-right: 2rem;
        margin-bottom: 0;
    }
    .subpage-nav__btn .btn__title:after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        content: "\f078";          
        position: absolute;
        right: 0;                 
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        color: #002E36;
        opacity: .4;      
    }
    .subpage-nav__btn:hover .btn__title:after {
        opacity: 1;
    } 
    .subpage-nav__btn[aria-expanded=true] .btn__title:after {
        transform: rotate(180deg);
    } 
    #collapseleft {
        padding: 20px 0 10px 0;
    }
    #collapseleft ul li {
        padding-bottom: 10px;
        border-bottom: solid 1px rgba(0, 46, 54, .2);
        margin-bottom: 10px;
    }
    #collapseleft ul li {
        padding-bottom: 10px;
        border-bottom: solid 1px rgba(0, 46, 54, .2);
        margin-bottom: 10px;
    }
    #collapseleft ul li a {
        color: #002E36;
        font-weight: 400;
        position: relative;
        width: 100%;
        display: inline-block;
        border-bottom: 0;
        text-decoration: none;
        margin: 0;
    }
    #collapseleft ul li a:after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        content: "\f061";
        position: absolute;
        right: 10px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        color: rgba(0, 46, 54, .4);
    }
    #collapseleft ul li:hover {
        border-bottom: solid 1px rgba(0, 46, 54, 1);
    }
    #collapseleft ul li:hover a {
        color: #002E36;
        text-decoration: none;
    }
    #collapseleft ul li:hover a:after {
        transform:translateX(10px);
        color: rgba(0, 46, 54, 1);
    }
}*/