:root {
    /*Colors*/
    --primary:#7A563C;
    --highlight:#456001;
    --dark: #553c2a;     
    --mute:#303e49;
    /*Utilities*/
    --sliderHeight:600px;
}

body{color:var(--mute);}
a{color:var(--highlight); font-weight:500;}
header.Header {position:fixed;background:var(--white);box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
    & .logo {
        & img {max-height: 80px;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;}                 
}
.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);}           
    }
}

/*Side nav*/
.sideNav ul{ margin-bottom:15px;}
.sideNav .highlight span, .sideNav .highlight a {background: var(--primary); color: var(--white); } 
#changeparameters_1, #changeparameters_4{display:none;}
.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;}

.imageGallery { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; width: 100%; height: auto;
    .ligBox{max-width: none;}   
    @media (min-width: 0px) and (max-width: 1190px) {grid-template-columns: repeat(4, 1fr);}               
    @media (min-width: 0px) and (max-width: 778px) {grid-template-columns: repeat(3, 1fr);}
    @media (min-width: 0px) and (max-width: 479px) {grid-template-columns: repeat(2, 1fr);}               
}

footer#footer{ padding-top:45px;}
#social { display:none;}
.copyrigh{ margin-top:60px;}

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