/* --primary:#0a5640;
--secondary:#063;
--highlight:#ffc72a;
--dark: #073926; */ 
:root {
    /*Colors*/
    --primary:#88674E;
    --secondary:#68482c;
    --highlight:#ffc107;
    --dark: #542D1C;     
    --mute:#303e49;
    --text:#13272e; 
    /*Utilities*/
    --sliderHeight:600px;
}



body{color:var(--mute);}
a{color: var(--secondary);font-weight:500;}
header.Header {position:fixed;background:var(--white);box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
    & .logo {
        & img {max-height: 110px;padding: 0;}
    }
    .main-navigation ul li.home a{font-size:0;text-align: center;padding: 20px 15px;margin: 0;}
    .main-navigation ul li.home a:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 18px;display: block;margin: 0 auto;}               
}
.breadcrumbs { background:color-mix(in srgb, var(--primary) 10%, transparent);}
.sliderSection{margin-top:80px;}
.subpageHeader-block {padding-top: 112px;}
.events {
    &.homeEvents{
        h2{margin:0;margin-bottom:15px;color: var(--dark);}
        & .eventrow {margin-bottom: 15px;padding-bottom: 15px;/* border-bottom: 1px dashed var(--mute); */padding: 15px;background: color-mix(in srgb, var(--primary) 7%, transparent 100%);border-radius: 5px;
            h4 a{color:var(--dark);}
            ul li {margin-bottom: 10px;}         
        }
        & .resourceBlock{border-bottom:1px solid #ddd;padding: 0 0 10px 10px;margin-bottom: 20px;
             a{display:inline-block; margin-right:15px; }
        }
    }
}

.taoGalleryBox .overlay {background:color-mix(in srgb,var(--mute) 85%,transparent) !important;}
.gallery_paging_links  span  a, .gallery_next_link_inactive, .gallery_prev_link_inactive {margin: 0 1px !important;}
footer#footer{/* padding-top:30px; */}
#social {display:none; margin-bottom:60px;}
.copyright{ margin-top:0px !important;}

/*Roster*/
.rosterRow{border:1px solid var(--gray);padding:15px;height: 100%;
    p{margin:0;}
    &.Not&.Renewed sup{display:none;}
    &.Renewed sup{display:inline-block;font-size: 20px;top: -5px;}
    a{color:var(--primary);font-weight: normal;}
    & .address {
        p {padding-left: 25px; word-break: break-all;
            i {display: inline-block; margin-left: -25px; text-align: center; vertical-align: middle; width: 25px;}            
        }
        i.bi-link-45deg{font-size: 24px;font-weight:600;}
    }    
} 

@media all and (min-width: 0px) and (max-width: 579px) {
    .sliderSection{margin-top: 73px;}
}
@media all and (min-width: 0px) and (max-width: 479px) {
    .sliderSection{margin-top: 63px;}
}