:root {
    /*Colors*/
    --primary:#001c4e;
    --secondary:#cda401;
    --highlight:#fdea05;
    --dark: #001d4f;     
    --mute:#303e49;
    --text:#13272e; 
    --gray:#effaff;     
    /*Utilities*/
    --sliderHeight:530px;
}

body{font-size: 1.18em;}

/* Medium desktops */
@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(--secondary);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%);
    & .logo {display:flex;justify-content: space-between;
        & img {max-height: 80px;padding: 6px 0;/* filter: brightness(0) invert(1); */transition:all .3s ease;}
        button{color:var(--primary);}
    }
    .main-navigation { 
        & ul {
            & li {
                a, span {text-transform:capitalize;font-weight: 400;color:var(--primary);transition:all .3s ease;padding: 28px 10px;}
                &.home a{font-size:0;text-align: center;padding: 20px 15px;margin: 0;
                    &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 18px;display: block;margin: 0 auto;}          
                }
                &:hover{ background-color:var(--primary);
                    a, span{ 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:.7em}
                }            
            }      
        }    
    }    

    &.Header.headBg{background:var(--white);box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);
        & .logo {
            & img {filter: none; transition:all .3s ease;}
            button{color:var(--primary);}
        }    
        & .main-navigation {
            li{
                &:hover a, &:hover span{color:var(--white);}
                a, span{color:var(--primary); transition:all .3s ease;
                    &:hover{color:var(--white);}                   
                 }  
                li a, li span{color:var(--white);
                     &:hover{color:var(--primary);} 
                }
            }
        }
    }               
}
body.subpage header{background:var(--white);}
.breadcrumbs { background:var(--gray);}

.slider-block{background: var(--primary);color: var(--white);
    .sliderSection{margin-top: 80px;height:100%;
        .tao-carousel, .tao-carousel .tao-stage-outer, .tao-carousel .tao-stage, .tao-carousel .tao-wrapper, .tao-carousel .tao-item, .item{height:100%;}
        & .slide { height:100%;
            & .image { height:100%; position:relative;
                img{width:100%;height:100%;object-fit:cover;max-height: 540px;}
            }
        }                     
    }    
    @media (min-width: 0px) and (max-width: 991px) { 
        & .sliderSection{padding-top: 80px;}
    }               
}

.sliderSection {
    & .tao-item{   
        & .slide {
            & .image {background-size:100%;  transition: all ease 8s;}
        }
        &.active { 
             & .slide {
                  & .image {  transition:all ease 8s; background-size:105%;   }
             }
        }
       
    }
}
 
.subpageHeader-block {padding-top: 80px;
    & .pageHeader{background:var(--dark);
        img{width:100%;max-height: 560px;object-fit:cover;/* opacity:0.5; */}                                      
    }
}
.content-block {}
.sideNav {
    ul {list-style: none; margin: 0; padding: 0;
        li{   
            &.currentitem a{background:var(--mute); color:var(--white);}
        }
    }
}
.events-block{ 
    & .homeEvents{padding:30px;background:var(--white);border-radius: 5px;
        h2{margin-bottom: 15px;color: var(--dark);}
        & .eventrow {margin-bottom: 15px;padding-bottom: 15px; 
            h4 a{color:var(--dark);}
            ul li {margin-bottom: 10px;}         
        }
        & .resourceBlock{border-bottom:1px solid #ddd;padding: 0 0 10px 10px;margin-bottom: 20px;
             a{display:inline-block; margin-right:15px; }
        } 
    }
    &.bgImage-block{position:relative;padding: 9em 0;min-height: 500px;background: var(--primary) url(/image/cache/home-background.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;
        & .container{position:relative; z-index:1;}
        &:after{content:''; display:block;opacity:.5; position:absolute; width:100%; height:100%; background:var(--primary); top:0; left:0;}               
    }
}

.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;}
footer#footer{padding-top:30px;}
#social {}
.copyright{ margin-top:0px !important;}

/*Service/Programs*/
.serviceBlocks{ 
    .serviceBlock{border: 1px solid #001c4e1c;padding: 20px;height: 100%;border-radius: 5px;background: var(--gray);
        h3{margin:0;}   
    }
} 

.FacilityBlocks{
    .FacilityBlock{ border: 1px solid #001c4e1c;border-radius: 5px; height: 100%; background: var(--gray);
        .details {padding: 15px;}
    }
}

/*Job Posts*/
.jobPosts{
    .jobPost{ padding:15px; border: 1px solid #001c4e1c;border-radius: 5px; height: 100%; background: var(--gray);
        > ul{ display:flex; list-style:none; margin:0; padding:0;
              li {margin-right:25px;}
          }        
    }
} 

.jobPostDetails.jobPost{
    > ul{ display:flex; list-style:none; margin:0; padding:0;
          li {margin-right:25px;}
    }
    & .details{ margin-top:30px;}
}

/*News*/
.news-listing {padding: 0;position: relative;background: var(--white);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(--primary);}             
        }            
    }
    &: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 dashed var(--gray);
        & .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);
  .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; } 
  }
}

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

/*Testimonial*/
.testimonial{ 
    & .card{position:relative;
        &:before{content:"\f6b0";font-family:bootstrap-icons!important;font-size: 10em;color: var(--primary);display:block;width: 150px;height: 150px;opacity: .1;position:absolute;top: 0;left: 0;line-height: 150px;}
        & .card-body{position:relative;z-index:2;/* padding-left: 60px; */}
    }
}

footer {
    & .footerNav {margin-bottom: 25px;
        ul { display:flex;
            li {min-width:50%;text-align: left;
                ul{ display:block;
                    li{min-width:auto;text-align:left;padding: 5px 0;}
                } 
                a{text-align:left; font-size:1.1em;}
                &.services ul li{padding: 5px; 
                    a{ font-size:.9em;}    
                }
            }
        }                    
    }
    & .copyright{ margin-top:15px;}
    @media all and (min-width: 0px) and (max-width: 767px) {
        & .address{ text-align:left;}
        & .footerNav { margin-top:30px;
            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;}
}