: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:#4c9dd4;
    --primary: #3899d0;
    --highlight:#016a9d;
    --headerBG:#3AB2E9;    
    --dark: #1A1A1A;     
    --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;}
/* 3. Base Elements */
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.5rem;font-family:var(--header);font-weight: 500;text-align:left;text-rendering:optimizelegibility;line-height: 1.2;color: var(--highlight);
   a { color:inherit;}
}
header.Header {position: relative;z-index: 99;top: 0;background: var(--headerBG);/* box-shadow: 0px 0px 1px rgb(9 9 9 / 30%); */
    & .logo {
        & img {width: 130px;padding: 5px;max-height: none;}
    }
    .main-navigation {
        & ul {
            & li {
                & a {color: var(--dark);padding: 30px 10px;font-size: 1rem;
                    &:hover { background:var(--white); color:var(--primary);}
                }
                &.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;}
                }
                
            }
        }
    }
    &.toFixed{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
        & .main-navigation {
            & ul {
                & li {
                    & a {  
                        &:hover {   }    
                    }
                }
            }
        }
        & .navigation {
                & .iconMenu {
                    button { color:var(--white);}
                }
        }
    }               
}

 
.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(--white);}
.featuredBlock{ position:relative;  overflow:hidden; color:#FFF; border-radius:10px;
    img{transform:scale(1);transition:all .5s ease; }               
    &:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity: .8;transition:all .5s ease;background: linear-gradient(0deg, rgb(36 36 36) 40%, rgba(156,45,0,1) 100%);}
    & .details {position:absolute;z-index: 1;/* opacity:0; */transform: translateY(-50%);top: 50%;padding:15px;transition:all .5s ease;
        h2{color:#FFF;display:inline-block;/* padding-right: 20px; *//* padding-bottom: 5px; *//* border-bottom: 1px solid #FFF; */} 
    }   
    &:hover {
        &:after { opacity:.8;  transition:all .5s ease; background: linear-gradient(0deg, rgb(36 36 36) 40%, rgba(156,45,0,1) 100%);}
        img{opacity:.5;transform:scale(1.2);  transition:all .5s ease; }
        & .details { opacity:1; transform: translateY(-50%);}
    }     
}
.homeContentCards .col-12:nth-last-child(-n+3) .featuredBlock::after {background: linear-gradient(0deg, rgba(156,45,0,1) 0%, rgb(36 36 36) 40%);}               
 

.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;}   
    @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{ border-bottom: 1px solid #f9f9f9;
    img{ width:100%;}
    & .aboutContent {background:var(--light);padding: 30px;display: flex;flex-wrap: wrap;align-content: center;height: 100%;justify-content: center;}    
} 


/*Events*/ 
.updates{
    h2{font-weight: 600;margin-bottom: 15px;color: var(--mute);display: inline-block;border-bottom: 2px solid var(--primary);padding-right: 15px;}
    & .eventrow {margin-bottom: 15px;padding-bottom: 5px;border-bottom:1px dashed var(--gray);
        h3{font-size: 1.4rem;}
        p{margin:0;}
        ul {margin-bottom:10px;
            li{ margin-right:15px;}
            i {color: var(--bs-gray-500);}
        }       
    }
    h3 {} 
    & .newsContent > div > a{ font-weight:300;} 
    & .button{ font-size:.9em;}
}

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

/*Directory*/
.directoryBlock {
    .details p{padding-left: 20px;
        i{margin-left: -20px;}          
    }
}

footer#footer { background:transparent;
    & .footerWrapper {background: var(--highlight);padding-top: 50px;}
 
    & .footerDetails{ }
    & .address{}   
    & ul li {text-align: right;}
    & .copyright{margin-top: 30px; 
        span{text-align:right;}
    }
               
/* Waves */               
.waves {/* margin-top: -180px; */position: relative;width: 100%;margin-bottom: -7px;min-height: 100px;max-height: 150px;}
/* Animation */
.parallax > use {animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s;  animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}         

@media all and (min-width: 0px) and (max-width: 779px) {
     & ul li {text-align: left;}
    
    & .copyright{margin-top: 30px; 
        & .subfooter-nav {justify-content:center}
        span{text-align:center;margin: 5px 0;}
    }    
}               
               
}

@keyframes move-forever {
  0% {transform: translate3d(-90px, 0, 0);}
  100% {transform: translate3d(85px, 0, 0);}
}

#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{/* margin-top: 73px; */}
}
@media all and (min-width: 0px) and (max-width: 479px) {
    .sliderSection{/* margin-top: 63px; */}
}