:root {
    /*Fonts*/
    --header: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    --subheader: "Inter", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bodytext:  "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;     
    /*Colors*/
    --primary:#587caa;
    --secondary:#975e2b;
    --highlight:#993300;
    --dark: #222222;
    --mute:#303e49;
    --text:#666666;
    --gray:#f4f8fa; 
    --offwhite:#d7e5eb;
    /*Utilities*/
    --sliderHeight: 600px;
}

body{font-size: 1.0em;  font-family: var(--bodytext);}

/* 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:relative;z-index: 9;background:var(--white) url(/image/cache/headerBG.png); box-shadow:none;
    & .brandNavigation { align-items:center;}
    & .logo {display:flex;justify-content: space-between;
        & img {max-height: 110px;}
    }
    div.navigation {background: var(--white);}
    .main-navigation {justify-content: space-between;
        & ul {justify-content: space-around;margin:0;width:100%;
            & li {
                a,span {font-size: 1.0em;text-transform: capitalize;font-weight: 400;padding: 12px 15px;color: var(--text);}
                &.hasSubmenu {
                    > a, > span{
                        &:after{content:"\f229";font-family: bootstrap-icons !important;font-size: 10px;display:inline-block;vertical-align:middle;padding: 1px 3px;}                        
                    }
                } 
                &.home a{font-size:0;text-align: center;padding: 10px 12px;margin: 0;
                    &:before{content:"\f424";font-family:bootstrap-icons!important;font-size: 18px;display: block;margin: 0 auto;}          
                }
                &:hover{ background-color:var(--highlight);
                    a,span{ color:var(--white); cursor:pointer;
                         &:hover{  background:var(--primary); }
                     }
                }        
                ul {min-width: 300px; 
                    li a{padding: 10px;font-size: .9em;}
                }
                &:last-child ul{right: 0;left: auto;}
                @media (min-width: 0px) and (max-width: 1199px) {
                    a{padding: 12px 15px;font-size:1em}
                } 
                @media (min-width: 0px) and (max-width: 1080px) {
                    a{padding: 12px 10px;font-size:.9em}
                }                 
            }      
        }    
        button.navbar-toggler{background:none;border:none;padding: 0 5px;outline:none;box-shadow: none;border-radius: 0;
            &:focus, &:active{outline:none;box-shadow: none;}
            i{font-size:2.5em;color: var(--text);line-height: 0;}  
            &:hover {background:var(--highlight);
                i{color:var(--white);}        
            }
        }
    }  
               
    div.topNav{
        nav{
            ul{display:flex; list-style:none; margin:0; padding:0;
                li{
                    a{color:var(--highlight);font-size: 1.1em;font-weight: 500;display:inline-block;padding:10px;margin:0 2px;line-height: 1;border: 2px solid var(--highlight);transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 3px;
                        &:hover{background:var(--highlight); color:var(--white);}
                    }
                    &.onlineLicense a{background: var(--highlight);border: 1px solid transparent;color: var(--white);font-size: 1.1em;font-weight: 400;line-height: 1;padding: 10px 15px;text-align: center;
                        &:hover{background:var(--primary); color:var(--white);}          
                    }
                }  
                @media (min-width: 0px) and (max-width: 991px) {
                    li{display:none;
                       &.onlineLicense{display:block;}
                    }   
                }
            }            
        }
        button.navbar-toggler{background: var(--primary);border:none;padding: 0;margin:0 10px;outline:none;box-shadow: none;height: 39px;border-radius: 5px;
            &:focus, &:active{outline:none;box-shadow: none;}
            span{display:block;}
            i{font-size: 40px;color: var(--white);line-height: 0;}                     
        } 
        a.button.button-primary{background:var(--primary);text-transform:uppercase; padding:15px;
            &:hover{background:var(--primary); color:var(--white);}                       
        }         
    }
    @media (min-width: 0px) and (max-width: 991px) {
        & .brandNavigation {padding:5px 0;}            
        & .topNav{flex-wrap:wrap;
            & #social{min-width:100%;
                & ul{justify-content:end; margin-bottom:10px;}                     
            } 
             a.button.button-primary{ font-size:.9em;}
        }
        a{font-size:1em}
    }               
}
.breadcrumbs { background:var(--gray);
    a{display:inline-block;padding: 10px 5px;color: var(--primary);}            
}

.slider-block{background: var(--primary);color: var(--white);
    .sliderSection{margin-top: 0px; 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%;
                img{width:100%;height:100%;object-fit:cover;max-height: 540px;}
            }
        }
    }
}

.subpageHeader-block {
    img{width:100%;max-height: 560px;object-fit:cover;}                     
}
.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);}
            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; }
        } 
    }
}

.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{
    iframe{min-height:340px;}
}
#social {}
.copyright{ margin-top:0px !important;}

.about-block{background:var(--gray);}
.updates-block {background:var(--primary);
    img{width:100%; height:100%; object-fit:cover; min-height:480px;}               
}
.onlineBlock {background:var(--primary);color:var(--white);border-radius: 5px;
    h2{ margin-bottom:5px; color:var(--white);}
    & .content{
        p a{ color:var(--gray);}
    }
    
}

/*News*/
.newsBlock{padding: 15px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;
    & .jsnews_35{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
    h2{margin-bottom:15px;color: var(--white);}
    .news-listing {/* background: var(--white); */position: relative;margin-bottom: 7px;padding-bottom: 8px;border-bottom: 1px solid var(--offwhite);
        & .news-info{position:relative;z-index:1;color: var(--offwhite);
            & .newsTitle {line-height:1.1;
                a{color: var(--white);
                     &:hover{color:var(--offwhite);}
                 }             
            }            
        }
        &: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(--offwhite);
        & .date {font-weight: 400;color: var(--primary);} 
        & .newsContent h3 a{color:var(--secondary);}
        & .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; } 
  }
}

footer {
    & .footerNav {margin-bottom: 25px;line-height: normal;
        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;
                    &:hover, &:focus{color:var(--primary);} 
                }
                &.services ul li{padding: 5px; 
                    a{ font-size:.9em;}    
                }
            }
        }                    
    }
    & .copyright{margin-top:15px;line-height: normal;}
    @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{ }
}
@media all and (min-width: 0px) and (max-width: 479px) {
    .sliderSection{ }
}