:root {
    --header: "Public Sans", sans-serif ;
    --subheader: "Inter Tight", sans-serif, system-ui; 
    --bodytext: "Inter", sans-serif, system-ui;
    --special :"Nova Square", sans-serif; 
    /*Colors*/
    --primary: #056839;
    --highlight:#009a4a;
    --light:#edfff5;
    --dark: #00381b;     
    --mute:#303e49;
    /*Utilities*/
    --sliderHeight:600px;
}
body{color:var(--mute);}
body.subpage{ margin-top:120px;}
body.noScroll{ overflow:hidden;}
body::-webkit-scrollbar-track {background-color: #fff;}
body::-webkit-scrollbar { width: 7px; background-color: #fff;}
body::-webkit-scrollbar-thumb { background-color: var(--primary);}
a{color:var(--highlight); font-weight:500;}
header.Header {position: relative;z-index: 99;top: 0;background: var(--white);/* box-shadow: 0px 0px 1px rgb(9 9 9 / 30%); */
    & .logo {
        & img {padding: 5px;height: 115px;max-height: 115px;}
    }
    .main-navigation {
        & ul {
            & li {
                & a {color: var(--primary);padding: 30px 10px;font-size: 1rem;
                    &:hover { background:var(--primary); color:var(--white);}
                }
                &.home a{font-size:0;text-align: center;padding: 28px 15px;margin: 0;
                    &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 18px;display: block;margin: 0 auto;}        
                }
                &.phone a {display:flex; align-items:center; padding: 27px 15px;margin: 0;
                    &:before{content:"\f5b4";font-family:bootstrap-icons!important;font-size: 18px; margin-right: 5px;}
                }
                
            }
        }
    }
    
    @media all and (min-width: 0px) and (max-width: 991px) {
        & .logo{ position:relative;}
    }
}

 
.slider-block {position:relative;background: var(--dark);}
.sliderSection {z-index: 1;/* background: radial-gradient(circle, rgba(0, 0, 0, 0.10) 0%, rgb(40 40 40) 100%); */position: relative;top: 0;width: 100%;left: 0;
    & .slide {
        & .caption {
            & :is(h1, h2, h3, h4){ font-family:var(--special);}
            .h1, h1 {font-size: calc(2.5rem + 1.5vw); 
                @media (min-width: 1200px) {font-size: 4rem; } 
            }
            .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                @media (min-width: 1200px) {font-size: 3.5rem; } 
            }
            .h3, h3 {font-size: calc(1.0rem + 0.075vw); 
                @media (min-width: 1200px) {font-size: 3rem; } 
            }
            p, div {font-size: calc(1.0rem + 0.05vw); 
                @media (min-width: 1200px) {font-size: 1.6rem; } 
            }                     
        }
    }
}
.subpageHeader-block {/* padding-top: 112px; */}

.titleBlock {/* padding:30px 0; */
    &.white{ color:var(--white);}         
    span {font-size: 1.3rem;font-weight:400;font-family:var(--bodytext);font-weight: 500;margin: 0 0 10px;position: relative;display: inline-block;color: var(--primary);}
    .title{font-size: 2.65em;font-weight:600;font-family:var(--special);line-height: 1.0;}         
}


.homeContentCards {background: var(--primary);}
.introBlock{position:relative;/* background: var(--light); */color: var(--white);text-align:center;padding: 40px;margin: 15px;border: 1px solid var(--light);border-radius: 5px;transition:all .5s ease;
    img{width: 50px;height: 50px;transform:scale(.9);transition:all .5s ease;display: block;margin: 20px auto;filter: invert(1);}     
    span{font-size: 1.5em;display:block;text-transform: uppercase;font-weight: 300;color: var(--white);}   
    &:hover { background:var(--light); color: var(--text);  transition:all .5s ease;
        span {color:var(--text);}
        img{opacity:1;transform:scale(1.1);transition:all .5s ease;filter: invert(0);}
    }
    @media all and (min-width:0px) and (max-width:579px) { padding: 15px;margin: 5px;
        img{ margin:5px auto;}
    }
} 

.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{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;/* max-height: 190px; */}
    img{ max-height:250px;}
    @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);}               
}

.titleBlock {
    &.white{ color:var(--white);}         
    span {font-size: 1.3rem;font-weight:400;font-family:var(--bodytext);font-weight: 500;position: relative;display: inline-block;color: var(--mute);border-bottom: 2px solid var(--primary);}
    .title{font-size: 2.65em;font-weight:600;font-family:var(--special);line-height: 1.0;}         
}

.about-block{ 
    img{ width:100%;}
    & .aboutContent {background: var(--primary);color: var(--white);padding: 30px;display: flex;flex-wrap: wrap;align-content: center;height: 100%;
        h2{color:var(--white)}                
    }    
} 
/*Events*/ 
.news_updates { }
.updates{background: var(--light);padding:15px;height:100%;
    h2{font-weight: 600;margin-bottom: 15px;display: inline-block;/* border-bottom: 2px solid var(--highlight); */padding-right: 15px;}
    & .eventrow {margin-bottom: 15px;padding-bottom: 5px;border-bottom:1px dashed var(--highlight);
        h3{font-size: 1.3rem;}
        p{margin:0;}
        ul {margin-bottom:10px; 
            li{margin-right:15px;font-size: .85em;display: flex;align-items: center;} 
        }       
    }
    h3 { } 
    & .button{ font-size:.9em;}
    .photoGallery{max-width: 100%;flex: 0 0 auto;border: 1px solid var(--gray);text-align:center;padding: 5px;
        img{max-height: 250px;width:100%;height:100%;object-fit:cover;}             
    }
    @media all and (min-width:0px) and (max-width:768px) {
    .photoGallery{max-width:max-content;  
        img{ width:auto; height:100%; object-fit:cover;}             
    }        
    }
}

/*News*/
.newsRow{margin-bottom: 15px;padding-bottom: 5px;border-bottom:1px dashed var(--highlight);
    & .date {  }
}

footer#footer{background: var(--dark);
    iframe{ min-height:480px;}
    img{max-width: 280px;}
    & .footerDetails{ }
    & .address{padding-top:45px;line-height: normal;}   
    & ul li { text-align:left;
         a { }
    }
    & .copyright{margin-top: 30px; 
        span{text-align:left !important;}
    }
}
#social { background:transparent;}


@media all and (min-width: 0px) and (max-width: 991px) {}
 
@media all and (min-width: 0px) and (max-width: 779px) {
    .sliderSection{position:relative;height: auto;background: #333;}
    .sliderSection {
    & .slide {/* height:auto; */}
    }    
}

@media all and (min-width: 0px) and (max-width: 579px) {
   .sliderSection {
        --sliderHeight:500px;
        & .slide {display:flex;flex-wrap:wrap;align-items: flex-end;
            & .image{height: calc( var(--sliderHeight)/2);background-size:contain;!i;!;background-position: center !important;!i;!;}
        }
    }
}
@media all and (min-width: 0px) and (max-width: 479px) {
    .sliderSection{/* margin-top: 63px; */}
}