: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:#e55419;
    --primary: #d83e00;
    --highlight:#ab3200;
    --dark: #3e3e3e;     
    --mute:#303e49;
    /*Utilities*/
    --sliderHeight:100vh;
}
body{color:var(--mute);}
body.subpage{ margin-top:120px;}
body::-webkit-scrollbar-track {background-color: #fff;}
body::-webkit-scrollbar { width: 7px; background-color: #fff;}
body::-webkit-scrollbar-thumb { background-color: var(--highlight);}
a{color:var(--highlight); font-weight:500;}
header.Header {position:fixed;z-index: 99;top: 0;background: transparent;/* box-shadow: 0px 0px 1px rgb(9 9 9 / 30%); */
    & .logo {
        & img {max-height: 90px;padding: 5px;}
    }
    .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;}
                }
                
            }
        }
    }
    &.toFixed{background: var(--primary);box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
        & .main-navigation {
            & ul {
                & li {
                    & a { color:var(--white);
                        &:hover { background:var(--white); color:var(--primary); }    
                    }
                }
            }
        }
        & .navigation {
                & .iconMenu {
                    button { color:var(--white);}
                }
        }
    }               
}


.BGVideo{position: relative;top:0;left:0;width:100%;min-width: 100%;line-height: 0;
    &:after{content:''; display:block; position:absolute; width:100%; height:100%; z-index:0; top:0; left:0; background: radial-gradient(circle, rgba(0, 0, 0, 0.10) 0%, rgb(40 40 40) 100%);}
    video{object-fit: cover;width: 100%;height: auto;max-height: 100vh;}
}
.slider-block {position:relative;background: var(--dark);}
.controls{position:absolute;top: 30%;z-index: 1;
    span{display: flex;width: 30px;height: 30px;background:var(--primary);margin: 1px 0;font-size: 0;align-items: center;justify-content: center;cursor: pointer;border-top-right-radius: 3px;border-bottom-right-radius: 3px;
        &:before{content:'';font-family:bootstrap-icons!important;font-size: 16px;color: var(--white);}
        &#playControl:before{content:"\f4f2";}
        &#playControl.playing:before{content:"\f4c1";}  
        &#soundControl:before{content:"\f610";}
        &#soundControl.muted:before{content:"\f60c";}         
    }    
}

.sliderSection {z-index: 1;/* background: radial-gradient(circle, rgba(0, 0, 0, 0.10) 0%, rgb(40 40 40) 100%); */position: absolute;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(--dark);}
.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);}               
}

.galleryEmbed a {display: flex;width: 100%;max-height: 100%;gap: 4%;flex-wrap: wrap;
    span{width: 45%;margin: 5px;}
    img{padding: 8px;border: 1px solid #ddd;height: 100%;width: 100%;max-height: 280px;object-fit: cover;}                
}

#logoSlider {
    & .bLogo img{max-width: 220px !important;!I;!;display: block;margin: 0 auto;border-radius: 5px;border: 1px solid #e2e2e2;}        
    & .tao-nav button{
        &:hover{ background:none;}        
        &.tao-next {right: -10%;
            span:after {content:"\f285";}
        }
        &.tao-prev{left: -10%;
            span:after {content:"\f284";}                    
        }            
        span{    
            &:after {content:"\f285";color:var(--primary);}
            &:hover:after{ color:var(--highlight);}
        }
    }
}

footer#footer{background: var(--dark);
    .col-12.order-md-0 {border-left: 1px solid var(--primary);}
    .col-12.order-md-1 {border-left: 1px solid var(--primary);}
    iframe{ min-height:480px;filter: grayscale(1) invert(.89) brightness(1.5);}
    & .footerDetails{padding-left:45px; }
    & .address{padding-top:45px;line-height: normal;
        p{ font-size:.95em; font-weight:300; line-height:1.5;
            a{ font-weight:300;} 
        }          
    }   
    & ul li { text-align:left;
         a { }
    }
    & .copyright{margin-top: 0;display: flex;justify-content: space-between;flex-wrap: wrap; 
        span{text-align:left !important;}
    }
}
#social {background:transparent;padding: 0;}

@media all and (min-width: 0px) and (max-width: 991px) {
    .BGVideo{
        video{/* height:var(--sliderHeight); *//* min-height: unset; */}        
    }
    footer#footer iframe{min-height: 300px;} 
} 
@media all and (min-width: 0px) and (max-width: 779px) {
    .BGVideo{height:auto; 
        video{ height:auto;}
    }
    .sliderSection{position:relative;height: auto;background: #333;}
    .sliderSection {
    & .slide {/* height:auto; */}
    }    

}

@media all and (min-width: 0px) and (max-width: 779px) {
    footer#footer .col-12.order-md-0 {border:0;border-top: 2px solid var(--primary); border-bottom: 2px solid var(--primary); }
    footer#footer .col-12.order-md-1 {border:0; border-bottom: 2px solid var(--primary); }    
}

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