:root {
    /*Fonts*/
    --header:  "Lato", sans-serif;
    --subheader: "Ubuntu", sans-serif;
    --bodytext: "Inter", sans-serif, system-ui;
    /*Colors*/
    --primary:#0151a6;
    --secondary: #b6a05c;
    --highlight:#89703C;
    --highlight100:#f8f6ee;
    --dark: #1a1613;
    --mute: #6d6d6d;
    --text: #241f1b;
    --gray:#f9f9f9;
    --border: #c4c4c4;
    /*Utilities*/
    --sliderHeight: 580px;
}

body{font-size: 1.0em;}

/* Medium desktops */
@media (min-width: 1099px) {
  .container {max-width: 1080px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1180px;}
}
/* Large desktops */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
/* Extra-large desktops or 4K displays */
@media (min-width: 1600px) {
  .container { max-width: 1440px; }
}
@media (min-width: 1920px) {
    .container { max-width: 1600px; }
}

a{color: var(--primary);font-weight: 400;}
header.Header {position:fixed;z-index: 9;background: var(--white);box-shadow:none;box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
    #ndbanner{border-bottom:1px solid var(--light);background: #FFF;}
    & .logo {display:flex;justify-content: space-between;
        & img {max-height: 108px;padding: 3px 0;transition:all .3s ease;}
        & .mobileNavIcons { align-items: center;
            button{display:inline-block;color:var(--dark); padding:0 10px;
                &.search-toggler{font-size:2em;}      
            }                          
        }
    }
    & .topNavigationWrapper{background:var(--highlight);display:flex;flex-direction:column;height: 100%;justify-content: center;
        & .topNavigation{display:flex;align-items: center;justify-content: flex-end;
            ul {margin:0;padding:0;/* margin-bottom: 30px; */list-style:none;display:flex;align-items: center;
                li{ position:relative;
                    a{font-size:.9em;display:inline-block;padding: 8px 15px;color: var(--white);}                    
                    a:hover{background:var(--dark);}
                    &:hover{
                        > a{background:var(--dark);}
                        ul{ display:block;}
                    }
                    ul{display:none;position:absolute;z-index: 2;width:100%;min-width: 150px;background: var(--highlight);
                        li a{ display:block;
                            &:hover{background:var(--dark); color:var(--white);}
                        }  
                    }
                   &.renew a{background:var(--dark);}
                }
            }
                       
        }
        @media (min-width: 0px) and (max-width: 991px) {
            & .topNavigation{justify-content:center;
                & > ul{ display:none; }
            }
        }                             
        @media (min-width: 0px) and (max-width: 768px) {
            
        }                              
        button{font-size: 3.5em;color:var(--dark);}
    }          
    & .navigation {/* background:var(--primary); */}
    .searchBlock{display: flex;justify-content: end;margin-top: 10px;margin-bottom: 17px;
        & .inputs{display:flex;flex-direction: row-reverse; 
            input{padding: 4px 10px;padding-left: 30px;min-width: 300px;background: var(--highlight100);border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;
                &:focus, &:focus-visible{outline:none;box-shadow: none;border: 0;}     
            } 
            button{padding: 7px 12px;background: var(--highlight100);margin-right: -24px;position: relative;z-index: 1;border-radius: 30px;/* border-color: var(--gray); */
                i{  font-family: bootstrap-icons !important;color: var(--highlight);font-size:0;
                     &:before{font-size: 16px;line-height: 22px;}
                 }      
            }
        }            
    }
    .main-navigation {justify-content:flex-end;
        & ul {width:100%;margin:0;justify-content: flex-end;
            & li {/* width: -webkit-fill-available; */
                a {font-size: .85rem;text-transform: uppercase;font-weight: 400;color:var(--dark);transition:all .3s ease;padding: 10px 13px;}
                &.home a{font-size:0;text-align: center;padding: 6px 15px;margin: 0;
                    &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 14px;display: block;margin: 0 auto;}          
                }
                &:hover{ 
                    a{ color:var(--white); }
                }                
                ul li a{padding:10px 15px; text-transform:capitalize;}
                 ul li:hover a{color:var(--primary);}
                @media (min-width: 0px) and (max-width: 1199px) {
                    a{font-size: .8em;}
                } 
                @media (min-width: 0px) and (max-width: 1099px) {
                    a{font-size:.75em}
                }                  
            }      
        }  
        button.search-toggler{background:none;border:0;padding: 40px 20px;background: var(--highlight100);color: var(--dark);
            i {font-size:0;
                &:before{font-size: 24px;}  
            }                     
        }
    }    
    &.toFixed{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);transform: translateY(-100%);transition:all .5s ease;}
    &.headBg.toFixed {background: var(--white);transition: all .5s ease;position: fixed;top: 0;transform: translateY(-38px);
        & .logo{
            img{max-height: 108px;transition: all .5s ease;}
            span{font-size:1em; transition: all .5s ease;}
        }           
    }               
    &.headBg{/* background: transparent; */box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
        & .logo {
            & img {filter: none; transition:all .5s ease;}
            button{color:var(--dark); padding:0 10px;
                &.search-toggler{font-size: 2em;}      
            }
        }    
        & .main-navigation {
            li{
                &:hover a{color:var(--white);}
                a{color:var(--dark); transition:all .5s ease;
                    &:hover{color:var(--white);}                   
                 }  
                li a{color:var(--white);
                     &:hover{color:var(--primary);} 
                }
            }
        }
    }                     
}
body.subpage header{background:var(--white);}
.breadcrumb {background:var(--gray);font-size: .85em;padding: 8px 0;
    a{color: var(--dark);}            
}
.content-block.slider-block{background: var(--gray);/* padding: 10px 0; */padding-top: 0;/* margin-bottom: 30px; */}
.sliderSection {height: var(--sliderHeight);max-height: 100vh;overflow: hidden;position: relative;margin-top: 145px;
    & .slide {position: relative;width: 75vw;height:var(--sliderHeight); background:var(--light);
        & .captionData {height: 100%;left:0;right:0;margin: auto;position: absolute;width: 100%; 
            &.justify-Left{justify-content:start;}
            &.justify-Center{justify-content:center;}
            &.justify-Right{justify-content:end;}                        
            &.align-Top{align-items:start;}            
            &.align-Middle{align-items:center;}
            &.align-Bottom{align-items:end;}
        }
        & .caption {display: none; padding: 45px; position: relative; z-index: 2; 
            &:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: -1; } 
            h1, h2, h3, h4, h5, h6 {color: var(--text); }
            .h1, h1 {font-size: calc(1.35rem + 1.5vw); 
                @media (min-width: 1200px) {font-size: 3rem; } 
            }
            .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                @media (min-width: 1200px) {font-size: 2.5rem; } 
            }
            .h3, h3 {font-size: calc(1.0rem + 0.075vw); 
                @media (min-width: 1200px) {font-size: 2rem; } 
            }
            p, div {font-size: calc(1.0rem + 0.05vw); 
                @media (min-width: 1200px) {font-size: 1.6rem; } 
            }                     
        }
        &.video {
            & .image {display: none; } 
            & .tao-video-wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; 
                & .container {max-width: none !important; display: none !important; }
                & .tao-video-tn { background-size:cover;}                
                iframe {position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 99; }
            }
        }
        &.slShow .caption{display: block; color: var(--text); }              
    }    
    & .tao-item{
        & .image{
            img{width:auto; height:90%;}
        }
        &.active.center{
            & .image {position: relative;z-index: 0;top: 0;left: 0; 
                &.Fullwidth {height: 100%;flex: 0 0 auto;width: 100%;
                    img{width: 100%;height: 100%;object-fit: cover;display: block;margin: 0 auto;}
                } 
            }             
        }       
    }
                
    & .tao-nav button{ 
        &:hover{ background:none;}        
        &.tao-next {right: -15%; 
            span:after {content:"\f285"; width: auto;height: auto;  padding:20px;  border-radius:30px;color: var(--white); background:rgb(255 255 255 / 25%);font-size:3rem;}
        }
        &.tao-prev{left: -19%;
            span:after {content:"\f284"; width: auto;height: auto;  padding:20px;  border-radius:30px;color: var(--white); background:rgb(255 255 255 / 25%);font-size:3rem;}                    
        }            
        span{    
            &:after {content:"\f285";color:var(--primary);}
            &:hover:after{ background:var(--white); border-radius:30px; color:var(--highlight);}
        }
        &:hover{background:none !important;}
    }
    & .tao-carousel:hover {
        & .tao-nav{
            & .tao-next{right:1%;}            
        }
    }
                
    @media (min-width: 0px) and (max-width: 991px) { 
        --sliderHeight:480px;
        height:var(--sliderHeight);
        margin-top: 139px;
        & .slide{ height:var(--sliderHeight);}
        img{width:auto;  height:100%; }
        & .slShow .caption{padding:15px; width:100%!important;}
    }  
    @media (min-width: 0px) and (max-width: 549px) {
        --sliderHeight:400px;
        & .slide { display:flex; flex-wrap:wrap;
            & .image{ position:relative; order:0; height:calc( var(--sliderHeight) / 2); width:100%; background-size:cover; background-position:center;}
            & .captionData{ order:1; height:auto;
                .caption { width:100%; padding:0;}
            } 
            & .caption{
                .h1, h1 {font-size: calc(1.20rem + 1.5vw); 
                    @media (min-width: 1200px) {font-size: 3rem; } 
                }
                .h2, h2 {font-size: calc(1.1rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2.5rem; } 
                }
                .h3, h3 {font-size: calc(.70rem + 0.06vw); 
                    @media (min-width: 1200px) {font-size: 2rem; } 
                }
                p, div {font-size: calc(1.0rem + 0.05vw); 
                    @media (min-width: 1200px) {font-size: 1.6rem; } 
                }                
            }                  
        }  
    }              
}
.sliderSection {
    & .tao-item{   
        & .slide {display: flex;flex-wrap: wrap;flex-direction: column;
            & .image {display:flex;flex: 1 1 auto;transition: all ease 8s;width: 100%;align-items: center;justify-content: center;
                      
            }
        }
        &.active { 
             & .slide {
                & .image {  transition:all ease 8s; 
                     a{display: block;width: 100%;}             
                }
             }
        }
       
    }
}
 
.subpageHeader-block {padding-top: 146px;
    & .pageHeader{width:100%;height: 100%;display:flex;background:var(--primary);margin-bottom: 80px;position: relative;
        & .captionData {width:40%;
            & .caption{width: 100%;position: relative;margin: 0;padding: 10px 30px 30px 60px;
                & :is(h1, h2, h3, h4){ font-family:var(--header); }
                .h1, h1 {font-size: calc(2.0rem + 1.0vw);  font-weight: bold;letter-spacing: 0.05em;
                    @media (min-width: 1200px) {font-size: 3.0rem; }
                    @media (max-width: 992px) {font-size: 2.0rem; }
                    @media (max-width: 548px) {font-size: 1.6rem; }
                   
                }
                .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2.5rem; }
                    @media (max-width: 992px) {font-size: 2.0rem; } 
                    @media (max-width: 548px) {font-size: 1.4rem; }
                }
                .h3, h3 {font-size: calc(1.0rem + 0.5vw); 
                    @media (min-width: 1200px) {font-size: 2rem; }
                    @media (max-width: 992px) {font-size: 1.5rem; }
                    @media (max-width: 548px) {font-size: 1.1rem; }
                }
                p, div {font-size: calc(1.0rem + 0.05vw); 
                    @media (min-width: 1200px) {font-size: 1.2rem; } 
                    @media (max-width: 992px) {font-size: 1.0rem; }                         
                }
            }
        }
        & .media{width: 60%;height: 100%;line-height: 0;transform: translateY(80px);position: relative;display: flex;justify-content: center;align-items: flex-end;
            video{object-fit: cover;height: 100%;width: 90%;object-position: center center;opacity: 1;/* position: absolute; */bottom: 0;max-height: 540px;aspect-ratio: 4 / 3;}     
            &[data-video]:not([data-video=""]){/* aspect-ratio: 4 / 3; */
                & .image{display:none;}
            }
            & .image {object-fit: cover;object-position: center center;opacity: 1;
                img{width:100%;height:100%;max-width: max-content;object-fit: contain;max-height: 540px;
                    &[src="#"], &[src=""]{display:none;}   
                }
            }                      
        } 
    }
    @media (min-width: 0px) and (max-width: 992px) {
            padding-top: 140px;
            & .pageHeader  {margin-bottom:0; flex-direction:column;align-items: flex-start;
                & .captionData{flex: 0 0 auto;width: 100%;position: absolute;z-index: 1;padding:15px;top: 50%;transform: translateY(-50%);
                    & .caption{ padding:15px;
                        &:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: -1;  background-color:color-mix(in srgb, var(--primary) 80%, transparent);}                              
                    }              
                }
                & .media{width:100%; transform:none;
                    & .image{width:100vw;
                        img{object-fit:cover;}        
                    }
                    video{width:100%;}        
                }
            }
    }
    @media (min-width: 0px) and (max-width: 768px) { padding-top:140px;}                      
}

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


/*News*/
.news-listing {padding: 0;position: relative;background: var(--white);padding: 20px;margin-bottom: 20px;border-bottom: 1px solid var(--bs-border-color);-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease;
    & .news-info{position:relative;z-index:1;
        & .newsTitle {line-height:1.1;
            a{color: var(--highlight);}             
        }            
    }
    &:hover {transition: box-shadow .35s ease}
}
 
.news{display:flex; flex-direction:column; height:100%; justify-content:space-between;
     & .article {margin-bottom: 15px;padding-bottom:10px;border-bottom:1px dashed var(--primary);
        h2{font-size:1.33em;}
        & .splitleft, & .splitright { display:block;
            em{font-size:.9em;}
            a{display:inline-block; padding:3px 10px; font-size:.8em; text-transform:uppercase; border:1px solid var(--primary); border-radius:5px;
                 &:hover{ background:var(--primary); color:var(--white);}
             } 
        }
    }
    & .newsRow{margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px solid var(--border);
        & .date {font-weight: 400;color: var(--primary);}   
        & .newsRow_title a {font-size: 1.3em;font-weight: 500;color: var(--text);}
    }      
}

.news-body img{max-width:60%;float:left;margin-right: 15px;margin-bottom: 15px;}

/* Events Wrapper */
.event {margin: 10px 0 15px;padding: 0;position: relative;display: flex;justify-content: flex-start;align-items: center;background: var(--white);border-bottom: 1px solid var(--bs-border-color);flex-wrap: wrap;
  .event_date {text-align: center; font-weight: 900; font-size: 1.2em; line-height: 1em; text-transform: uppercase; color: var(--text); } 
  .event_day {font-size: 1.5em; padding: 10px; } 
  .event_time {font-size: 0.84em; font-weight: 400; display: block; line-height: 1.5em; } 
  .event_content {padding: 10px; font-weight: normal; font-size: 1em; text-align: left; line-height: 1.5em; position: relative; z-index: 1; 
    a {color:var(--primary);font-size: 1.2em; font-weight: 500; word-break: break-word; vertical-align: middle; } 
  }
.event-date {
  background-color: var(--secondary);
  color: var(--dark);
  text-align: center;
  font-size: 1.3em;
  line-height: 1.1;
  margin: 0 10px 0px 0;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
  width: 80px;
}
.event-date span {
  display: block;
  font-size: 20px;
  text-transform: none;
  /* font-weight: 300; */
  font-style: italic;
}
.event-date span:nth-child(2) {
  background-color: var(--highlight);
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  margin-top: 8px;
  padding: 6px 0 6px 0;
}
.event-title {
  font-weight: 700;
}
.event-location {
  color: #6d6d6d;
  font-size: 12px;
  font-style: italic;
}
.event-body {
  color: #6d6d6d;
  font-size: 12px;
}
.event-link {
  color: #b79152;
  border-bottom: solid #b9b9b9 1px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: right;
}        
}

/* Events Section */
.events {
  h2 {margin: 50px 0 15px; color: var(--text); }
  .eventrow {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed var(--gray); 
    h3 {font-size: 1.125rem; } p {margin: 0; } 
    ul {margin: 0 0 10px; padding: 0; 
      li {margin-right: 15px; } 
    } 
  }
}

/* Event Articles / Cards */
.events_block {
  .article {border-bottom: 1px solid var(--gray); padding: 15px 0; 
    img {max-width: 300px; height: auto; } 
    .dtl {padding: 0 15px; } 
  } 
}

/* Event Detail Page */
.EventDetail {
  .dtl img {max-width: 450px; margin: 0 auto; display: block; } 
}

@media (max-width: 768px) {
  .event {flex-direction: column; text-align: center; 
    .event_content {padding-top: 15px; } 
  }

  .events_block .article {flex-direction: column; align-items: center; 
    img {width: 100%; max-width: 100%; } 
    .dtl {padding: 10px 0; } 
  }
}
 
/*Content blocks*/
/*Home*/ 

.sectionTitle{
    & .lead{color:var(--highlight);font-weight: 500;}
    h2{border-bottom:2px solid var(--highlight); padding-bottom:5px;}
}
.aboutContent {/* background:var(--highlight100); */
    & .aboutText{ font-size:1.05em;}
    & .aboutNav{ height:100%; background:var(--highlight); padding:30px; color:var(--white);
        h2{color:var(--white); border-bottom:2px solid var(--white); padding-bottom:5px;}
        ul{margin:0; padding:0; list-style:none;
         li{ display:flex; align-items:center;
            &:before{content:"\f135"; font-family:bootstrap-icons !important; font-size:1.5em; }
            a{display:inline-block;font-size: 1.15em;font-weight:500;text-transform:uppercase;color:var(--white);padding:10px 0;}  
         }
        }
    }
}

.info-block{background:var(--highlight100);}
.bgImage-block{ background:url('/image/cache/plane_1920.jpg') no-repeat center; background-attachment:fixed;
    & .randomFacts{margin:5em auto;background: rgb(26 22 19 / 90%);display: flex;padding: 4em 2em;align-items: flex-start;
        & .aviation-icon {background: var(--highlight);/* min-height: 100px; */width: 15%;padding: 10px;margin: 0 15px;text-align: center;
            i{font-size:0;
            &:before{font-size: 70px;color:var(--white);line-height: 80px;} 
            }        
        }                          
                            
        & .aviation-fact {height: 100%;
            h1 {color: #ffeac3;font-size: 18px;display:flex;flex-wrap: wrap;align-items: flex-end;border-bottom: #b79152 solid 2px;
                span {display: block;font-size: 20px;/* width: 80%; */line-height: 1;
                    strong{display:block;font-size: 38px;}     
                }   
                & .fact-number {order:1;display: block;font-size: 2.5em;font-weight: 600;border-bottom: none;padding-left: 60px;}   
            }      
            p {color: #f2f2f2;font-style: italic;width: 100%;margin-bottom: 0;}    
        }
  
        @media (min-width: 768px) and (max-width: 1099px) {
            & .fact-number {font-size: 25px;}
        } 
        @media (min-width: 0px) and (max-width: 992px) {
            flex-direction:column;
            & .aviation-icon {width:100px;margin: 10px 0;}
             & .aviation-fact {
                 h1{font-size:14px;
                    strong{font-size:28px !important;}
                     & .fact-number {padding-left:15px !important;font-size: 2em;}                   
                }
             }
        }                   
    }
}

.map-Block {position: relative; 
    #mapBlock {position: relative;width: 100%;height:100%;min-height: 600px; 
        a {outline: none; } 
    }      
    & .infoWindow{max-width:380px;
        img{max-width: 150px;}             
    }
}



footer {background:var(--dark);position:relative;z-index:1;padding-top: 30px;
    & .footerImage{
        img{filter:brightness(0) invert(1);margin-bottom: 30px;}               
    } 
    & .footerInfoBlock{display:flex; 
        & .address{ width:50%; font-size:.9em;
            div{display:flex; padding-bottom:5px;
                i{margin-right: 10px;} 
                address{margin:0;}
            }          
        }                  
    }

        & .footerNav {
        ul {display:flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;
            li {/* min-width: 20%; */text-align: left;
                ul{ display:block;
                    li{min-width:auto;text-align:left;padding: 5px 0;}
                } 
                a{text-align:left; font-size:0.9em; color:var(--gray);}
            }
        }                    
    }
    & .copyright{ color:var(--gray); margin-top:15px;
        & .subfooter-nav { 
            ul {margin:0;padding: 0;} 
            ul li{display:inline-block!important; vertical-align: middle;            
                a{padding: 0 10px 0 0!important;color:var(--gray);
                    &:hover{background:none!important;} 
                }           
            } 
        }                             
    }
    @media all and (min-width: 0px) and (max-width: 767px) {
        & .footerInfoBlock{flex-direction:column; }
        & .address{text-align:left;margin-bottom: 15px;}
        & .footerNav { margin-top:10px;
            ul{display:block;}
        }
    }    
}

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