/*Tao default theme styles*/
:root {
    /*Fonts*/
    --header: "Oswald", sans-serif;    
    --subheader: "Poppins", sans-serif, system-ui; 
    --bodytext: "Inter", sans-serif, system-ui;     
    /*Colors*/
    --primary:#00275b;
    --dark: #232020; 
    --highlight:#cfab7a;
    --darkgray:#959595; 
    --gray:#DEE3E9; 
    --text:#505050;
    --white: #FFFFFF;
    --offwhite:#FAF9F6;
    --mute:rgba(33, 37, 41, 0.75);
    --error:#ea1000;
    
    /*Utilities*/
    --sliderHeight:580px;
    @keyframes spinner-border{100% transform: rotate(360deg);}
}

/* 1. Reset/Normalize */
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-family:sans-serif; scroll-behavior:smooth;}
body{color:var(--text);  display:flex; flex-direction:column; font-family:var(--bodytext); font-size: .97rem;font-weight: 400;line-height: 1.5; margin:0; position:relative; text-align:left;  size-adjust: 105%; ascent-override: 92%; descent-override: 28%; line-gap-override: 0%;}
button, input, optgroup {margin: 0; font: inherit; color: inherit;  border: 1px solid var(--gray); }
button {overflow: visible; -webkit-appearance: button;}   
.button, input[type="button"], input[type="reset"], input[type="submit"] {display: inline-block; line-height: 1; width:auto; background-color: var(--primary); color: var(--white); fill: var(--white); text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 1.2em; font-weight: 400; border-radius: 5px; padding: 15px 30px;
    &:hover {background:var(--dark); color: var(--white); }
    &:active {background: var(--gray); }
}
input {line-height: normal;
    &[type="checkbox"], &[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 3px; }
    &[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button {height: auto; }
    &[type="email"], &[type="password"], &[type="tel"], &[type="text"], &[type="number"], &[type="file"] {width: 100%; min-height: 40px; background-color: color-mix(in srgb, var(--gray) 25%, transparent); border: 1px solid color-mix(in srgb, var(--gray) 70%, transparent); padding: 10px; text-align: left; color: var(--text); border-radius: 5px;
        &::-webkit-input-placeholder {font-family: "Inter", sans-serif;color: var(--dark); }
        &::-moz-placeholder {font-family: "Inter", sans-serif; color: var(--dark); }
        &:-ms-input-placeholder {font-family: "Inter", sans-serif; color: var(--dark); }
        &:-moz-placeholder {font-family: "Inter", sans-serif; color: var(--dark); }
        &:focus::-webkit-input-placeholder, &:focus::-moz-placeholder, &:focus:-moz-placeholder, &:focus:-ms-input-placeholder {color: transparent; }
    }
    &[type="radio"] {display: inline-block; width:auto;} 
}
select, textarea {background-color: color-mix(in srgb, var(--gray) 25%, transparent); border: 1px solid color-mix(in srgb, var(--gray) 70%, transparent); padding: 15px 10px; text-align: left; color: var(--text); border-radius: 5px;
    &::-ms-expand {display: none; }
    &::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}                  
    &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &:-moz-placeholder {color: var(--dark); }
    &:focus::-webkit-input-placeholder, &:focus::-moz-placeholder, &:focus:-moz-placeholder, &:focus:-ms-input-placeholder {color: transparent; }
}


/* 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(--dark);
   a { color:inherit;}
}
.h1, h1 {font-size: calc(1.375rem + 1.5vw); 
    @media (min-width: 1200px) {font-size: 2.5rem; } 
}
.h2, h2 {font-size: calc(1.3rem + 0.6vw); 
    @media (min-width: 1200px) {font-size: 1.75rem; } 
}
.h3, h3 {font-size: calc(1.25625rem + 0.075vw); 
    @media (min-width: 1200px) {font-size: 1.3125rem; } 
}
.h4, h4 {font-size: 1.125rem; }
.h5, h5 {font-size: 1rem; }
.h6, h6 {font-size: 0.875rem; }

img {border:0;max-width: 100%;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
p{line-height:1.7em; margin:.5em 0;}
a{-moz-transition:all .4s ease; -o-transition:all .4s ease; -webkit-transition:all .4s ease; color:var(--primary); text-decoration:none; transition:all .4s ease;
    &:hover, &:focus{color:var(--highlight); text-decoration:none;}
} 
/*Skip button*/
.skip-to-main-content-link {display: block;position: absolute;left: -999px;top: -999px; 
    &:focus{left: 0;top: 0;z-index: 99;padding: 3px;background: #ffc;border:1px solid var(--primary);}
}
:focus,:focus-visible{outline:1px dashed var(--primary);}
 
/*Buttons*/
.button {-o-transition: all 0.3s; -webkit-transition: all 0.3s; background-color: var(--primary); border-radius: 5px; color: var(--white); display: inline-block; fill: var(--white); font-size: 1.2em; font-weight: 400; line-height: 1; padding: 10px 30px; text-align: center; transition: all 0.3s;
    &.button-lg {font-size: 1.5em; padding: 20px 30px; }
    &.button-sm {border-radius:0.25rem; padding:0.5rem .85rem; font-size: 0.9rem;}

    &.button-primary {background: var(--primary); border: 1px solid transparent; color: var(--white);
        &:hover {background: var(--highlight); }
        &.button-lines { border-color: var(--primary); color: var(--primary); }
        &.button-lines:hover {background: var(--primary); color: var(--white); }
    }

    &.button-highlight {background: var(--highlight); border: 1px solid transparent; color: var(--white); 
        &:hover {background: var(--primary); } 
        &.button-lines { border-color: var(--highlight); color: var(--highlight); } 
        &.button-lines:hover {background: var(--highlight); color: var(--white); } 
    }
    &.button-light {background: var(--light); border: 1px solid transparent; color: var(--dark); 
        &:hover {background: var(--dark); color:var(--light);} 
        &.button-lines { border-color: var(--light); color: var(--light); } 
        &.button-lines:hover {background: var(--dadrk); color: var(--light); } 
    }  
    &.button-white {background: var(--white); border: 1px solid transparent; color: var(--dark); 
        &:hover {background: var(--dark); color:var(--white);} 
        &.button-lines { border-color: var(--white); color: var(--white); } 
        &.button-lines:hover {background: var(--dadrk); color: var(--white); } 
    }         
    &.button-dark {background: var(--dark); border: 1px solid transparent; color: var(--light); 
        &:hover {background: var(--light); color:var(--dark);} 
        &.button-lines { border-color: var(--dark); color: var(--dark); } 
        &.button-lines:hover {background: var(--dark); color: var(--light); } 
    }   
    &.button-lines {background: transparent; border-width: .11em; }         
    &.button-arrow {
        &:after {content: ""; display: inline-block; font-family:bootstrap-icons!important; font-size: 40px; line-height: 30px; padding: 0 0 0 4px; vertical-align: middle; }
        &.right:after {content:"\f135"; } 
        &.left:after {content:"\f12c"; } 
        &.down:after {content:"\f124"; } 
        &.up:after {content:"\f145"; }         
        &.button-sm:after {font-size:26px;line-height: 0;}          
    }
}
/*Default paging styles*/
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear: both; float: none; margin: 10px 0; margin-top: 50px; text-align: center; display:flex; justify-content:center;
    &:after {clear: both; content: ''; display: table; }
    span {display: inline-block; text-align: center;
        a, &.gallery_next_link_inactive, &.gallery_prev_link_inactive{font-weight:300; font-size:.9em; text-transform:uppercase; padding:5px 15px; background:var(--light); color: var(--text); display: block; padding: 5px 10px; display:flex; align-items:center; margin:0 15px;
            &:hover{background: var(--primary); color: var(--white); text-decoration: none;} 
        }
        &.gallery_next_link_inactive, &.gallery_prev_link_inactive{color:color-mix(in srgb, var(--mute) 50%, transparent);
            &:hover{background:color-mix(in srgb, var(--gray) 85%, transparent); color:color-mix(in srgb, var(--mute) 50%, transparent)}
        }
        &.gallery_prev_link
        a:before, &.gallery_next_link a:after, &.gallery_next_link_inactive:after, &.gallery_prev_link_inactive:before{content:""; font-family:bootstrap-icons!important; display:inline-block; vertical-align:middle; line-height: 1;}
        &.gallery_prev_link
        a:before, &.gallery_prev_link_inactive:before{content:"\f22d";}
        &.gallery_next_link
        a:after, &.gallery_next_link_inactive:after{content:"\f231";}
        .currentpage {background: var(--highlight); color: var(--white);
            &.gallery_prev_link_inactive, &.gallery_next_link_inactive {display: none; }
        }
    }
}                                                                                                     
#paging_links {
    span {
        &.next_link {width: auto; }
        &.prev_link_inactive, &.next_link_inactive {display: none; }
    }
}
/*Login*/
form#changepass, .general_login, #sendinstructions {border: 1px solid #e9e9e9; margin: 0 auto; max-width: 360px; padding: 15px; text-align: left;
    h2, .logintitle {background: transparent; color: var(--dark); font-size: 18px; font-weight: 400; line-height: 25px; }
    .loginmessage {font-style: italic; margin-bottom: 20px; }
    .row {display: flex; flex-direction: column; margin: 10px 0; text-align: left;
        label, .label {min-width: 100px; text-align: left; }
        label {display: block; font-weight: 400; margin-bottom: 0; }
        span, .formw {display: inline-block; vertical-align: middle; }
        span {display: block;
            input {max-width: 100%; }
            .pwdlevel {font-size: .8em; font-style: italic; }
        }
        &:last-child {text-align: center;
            label {display: none;}
        }
    }
    .loginbtn {flex-direction: inherit; justify-content: center; text-align: center;
        input {width: auto; } 
    }
    .forgotpassword, .errmsg {text-align: center;
        &.errmsg {color:var(--primary); font-size: .84em; overflow: hidden; padding: 0; }
    }
    .remember {flex-direction: row; }
}
#filter {display: none; }
.background-black{background: var(--dark) ;}
.background-black *{ color:var(--white);}

/*Search Results*/
#searchresults {padding: 15px 0;
    & .search_url {border-bottom: 1px dashed var(--gray); margin-bottom: 10px; padding-bottom: 10px; }
}
/*Calendar Table*/
#calendar {background: transparent; border-collapse: collapse; color: var(--primary); margin: 0 auto; width: 90%;
    tr {
        th, td {border: 1px solid var(--gray);height: 75px;width: 14.28%;vertical-align: top;padding: 5px;}
        th {background: var(--gray); color: var(--primary); font-family: "Inter", sans-serif; font-size: 18px; line-height: 20px; text-align: center; vertical-align: middle; }
        td.caption {background: var(--primary); color: var(--white); font-size: 24px; font-weight: 500; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase;
            a.nav {color: var(--white); display: inline-block !important; font-size: 34px; height: 55px; line-height: 50px; padding: 0 20px; vertical-align: middle; }
        }
    }
    ul {display: block; list-style: none; margin: 0; padding: 0;
        li {background: var(--primary); border-bottom: 1px solid var(--white); color: var(--white); font-size: 11px; line-height: 16px; padding: 2px;
            a {color: var(--white); }
        }
    }
}
/* Gallery */
.imageGallery{display:flex; flex-wrap: wrap;
    & .ligBox {cursor:pointer;max-width:25%; position:relative; margin:2px; border:1px solid var(--gray); 
        &:after{content:''; display:block; position:absolute; z-index:3; width:100%; height:100%; top:0; left:0;} 
        &:hover:after{background-color: rgba(0, 0, 0, .3);} 
        img{object-fit:cover; height:100%; width:100%; position:relative;} 
        & .gContent{display:none;} 
    }
    @media all and (min-width: 0px) and (max-width: 579px) {
        justify-content:center;
        & .ligBox {max-width: 45%;}   
    }           
}
/*Gallery Lists*/
.galleryLists {display:flex; flex-wrap:wrap; justify-content:start;
    .gallerylist {max-width:40%;flex: 0 0 auto; border: 1px solid var(--gray); text-align:center;margin:15px ;padding: 5px; 
        h3 {margin:10px 0; text-align: center; font-size: 1.1em; font-weight:400;}
        p {display: none;}
        @media (min-width: 0px) and (max-width: 579px) {
            width:80%;max-width:none;flex: 0 0 auto;
        }                
    }    
}
/*Webform Post*/
.error,.taoCMSerror {border:1px solid var(--error); border-left:5px solid; padding-left:5px;color: var(--error); margin-bottom:3px;
    p{ margin:0;}
}
/*Table post template*/
table.webform  {max-width: 80vw;
    .labelcol, .valuecol{width: 40%;} 
    .middlecol {width: 1%;}            
}
/*Div post template*/
.group_nogroup_label,.group_nogroup_tr{ display:none; }
.fieldgroup{clear:both;margin-top: 30px;
    & .fieldgroup_label{border-bottom:1px solid var(--primary); color: var(--primary);display:block;font-size: 1.3em;line-height: 1;font-weight: 500;padding-left: 5px;padding-bottom: 5px;}            
    & .fieldgroup_desc, & .field_desc{font-weight:inherit;margin-bottom:15px; color: var(--mute); font-size: .87em; font-style: italic; }
    & .fieldrow{display:block;text-align:left; margin-bottom:15px;
        & .fieldlabel{ display:block; margin:0;
            label{font-weight:500; margin-bottom:5px;}
            sup{font-size: .95em;color:var(--error);}
        }   
        & .fieldval{display:block;width:100%; padding-right:15px;
            input[type=text], input[type=tel], input[type=email], select{width:100%;} 
            input[type=button], input[type=reset], input[type=submit], .button{width:auto;}
            textarea{min-height:100px; width:100%;} 
            input[type=file]{border:1px solid #ddd;}  
            & div[class*="_radio"]{ display:inline-block;}
        }                
    }            
}
/*Go to Top button*/
.cd-top {position: fixed; bottom: 0; right: 40px; width: 40px; height: 32px; z-index: 10; border-radius: 5px 5px 0 0; background: color-mix(in srgb, var(--dark) 70%, var(--offwhite)); opacity: 0; visibility: hidden; overflow: hidden; display: block; transition: opacity .3s, visibility .3s;
    i {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; line-height: 35px; text-align: center; font-size: 1.4em; color: var(--white); text-indent: 0; }
    &.cd-is-visible, &.cd-fade-out, .no-touch &:hover {opacity: 1; visibility: visible; transition: opacity .3s, visibility .3s; }
    &.cd-fade-out {opacity: .75; }
    &:hover, .no-touch &:hover {background: var(--highlight); border-color: var(--white); }
    &:hover i {color: var(--white); }
}
/*Breadcrumbs*/
.breadcrumb { padding:0;color: var(--text); line-height: 0; background: var(--light); transition: all .5s ease; 
    & .container {display: flex; align-items: center; } 
    a {color: var(--text); font-size: 14px; line-height: 1; padding: 10px 5px; font-weight: 400; display: inline-block; 
      &:hover{ color:var(--primary);}
      }
}
/* ====================utility/ helper classes ==================== ================================================== */
.hide{display:none;}
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after {  content: "";  display: table;  clear: both;  }
.section-title {position: relative;text-transform: uppercase;font-size: 2.8em;margin-bottom: 30px;/* background: var(--gray); */}
.section-title span{background: var(--white);padding: 0 10px;position: relative;z-index: 1;}
.section-title:after {content: '';position: absolute;z-index: 0;top: 0;bottom: 0;display: block;margin: auto;background: var(--dark);width: 100%;height: 5px;}
.color-block.red .section-title:after{ background:var(--white);} 

/* ==================== layout==================== ================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;/* background: var(--white); */min-height: 100vh;display: flex;flex-direction: column;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}
.content-block {padding: 25px 0;padding-bottom: 0;}
.page-content-block {  margin: 0 0;  }
.subpageHeader-block {text-align: justify;background: transparent;position: relative;}
.subpageHeader-block .pageTitle {position: relative;/* top: 50%; *//* transform: translateY(-50%); */width: 100%;text-align: center;}
.subpageHeader-block h2 {margin: 15px 0;color: var(--white);} 
.no-pageHeader {padding-top: 85px;}
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
 

/* ====================header ==================== ================================================== */
.Header h1 {display: none;color: var(--white);}
.Header {position: fixed;width: 100%;z-index: 99;padding: 0;top: 0px;left: 0;transition: all .5s ease;background: var(--white);box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 40%);}
.Header .container{position:relative;}
.Header .mainNavigation {position:relative;}
.Header .Navigation{position: static;z-index:2;text-align: right;display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;/* margin-top: 5px; */}
.Header .Navigation:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity: 0.25;}
body.subpage .Header {  background: var(--white);  box-shadow: 1px 1px 3px rgba(4, 4, 4, 0.35);  }
 
.topNav {margin-bottom: 10px;}
.topNav > ul li a{color: var(--primary);padding: 5px 10px;display: inline-block;vertical-align: middle;margin: 0 2px;background: transparent;transition:all .8s ease;}
.topNav > ul li a span{/* display:none; */display: none;vertical-align: middle;line-height: 0;font-size: 12px;}
.topNav > ul li a:before{content:'';font-family:bootstrap-icons;font-size: 18px; display: inline-block;vertical-align: middle;line-height: 0;}
.topNav > ul li a.home:before {content:"\f424";}
.topNav > ul li a.calendar:before {content:"\f1f2";}
.topNav > ul li a.contact:before {content:"\f32c";}
.topNav > ul li.MHSA a{width: 95px;display:block;background:url(/image/cache/988-Suicide-Crisis-Lifeline.jpg) no-repeat center;background-size:contain;}
.topNav > ul li a:hover {color:var(--highlight); transition:all .8s ease;}

.logo {padding: 0;display: flex;width: 100%;justify-content: space-between;align-items: center;} 
.logo img {position: relative;max-width: 100%;padding: 8px 15px 8px 0;}

.Navigation__body, .HeaderMenu {height:100%;position: static;}
.Navigation__body {background:var(--dark);position: relative;z-index: 99;}
.HeaderMenu > ul, .topNav > ul {list-style: none;padding: 0;margin: 0 auto;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;position: relative;flex-wrap: nowrap;justify-content: flex-end;}
.HeaderMenu>ul>li, .topNav > ul li {position:relative;text-align: center;}
.HeaderMenu>ul>li.hasSub > a:after{content: "\f229";display:inline-block;position: relative;font-family:bootstrap-icons;font-size: 20px;vertical-align: middle;font-weight: 600;display: inline-block;margin: 0 0 0 2px;vertical-align: top;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: rotate(0);color: inherit;position: relative;background: transparent;height: auto;width: auto;right: auto;line-height: inherit;}

.HeaderMenu>ul>li a, .HeaderMenu>ul>li span {color: var(--primary);display: block;padding: 10px 15px;font-weight: 400;cursor:pointer;text-transform: uppercase;font-size: 1.0em;font-family:var(--subheader);background: transparent;transition: all .3s ease;}
.HeaderMenu>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover,.HeaderMenu>ul>li ul li:hover span, .HeaderMenu>ul>li span:hover {color: var(--white);background: var(--primary);}
.HeaderMenu>ul>li ul{display: none;position:absolute;list-style: none;margin: 0;padding: 0;min-width: 260px;margin-top: 0;background: var(--primary);left:0;top:100%;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu>ul>li ul li {text-align:left;}
.HeaderMenu>ul>li ul li a{padding: 10px;font-size: .9em;color: var(--white);}
.HeaderMenu>ul>li:hover > ul { display:block; }

.HeaderMenu>ul>li ul li:first-child{padding-top: 1px;}
.HeaderMenu>ul>li ul li{position:relative;left: 0;top: 0;width: auto;}
.HeaderMenu>ul>li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu>ul>li ul li:hover{}
.HeaderMenu>ul>li ul li ul{ left:auto; right:100%; background: var(--dark);}   
.HeaderMenu>ul>li ul li:hover ul{ display:block;}
.HeaderMenu>ul>li ul li ul li:last-child{padding:0;} 
.subpage .HeaderMenu>ul>li a, .Header.headBg .HeaderMenu>ul>li > a{/* color: var(--mute)444; *//* transition:all .5s ease; */}
.HeaderMenu>ul>li:hover > a{color: var(--white);background: var(--primary);transition: all .5s ease;}
.Header.headBg .HeaderMenu>ul>li:hover > a  {background: var(--primary);color: var(--white);transition:all .5s ease;}

.HeaderMenu>ul>li ul li a:hover, .HeaderMenu>ul>li ul li:hover a{background: var(--highlight);color: var(--white);}

.HeaderMenu>ul>li.hasSub{ position:static;}
.HeaderMenu>ul>li.hasSub > ul{display:none;left: auto;transform: translateX(0%);right: 0%;top: 99%;min-width: auto;width: auto;}
.HeaderMenu>ul>li.hasSub:hover > ul{display:flex;}
.HeaderMenu>ul>li.hasSub > ul > li {min-width: 260px;padding: 10px;}
.HeaderMenu>ul>li.hasSub > ul > li ul{display:block;position:relative;left: 0;top: auto;right: auto;width: auto;min-width: auto;background: none;box-shadow: none;}
.HeaderMenu>ul>li.hasSub > ul > li ul li a{padding: 10px;text-transform:capitalize;padding-top: 0; color:var(--white);}
.HeaderMenu>ul>li.hasSub > ul > li:hover a{color:var(--white);}
.HeaderMenu>ul>li.hasSub > ul > li a:hover, .HeaderMenu>ul>li.hasSub > ul > li:hover a:hover{ color:var(--dark);}

.Sidebar__body {background-color: var(--primary);right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 10000;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar .Sidebar__backdrop, .searchBlock .search_backdrop{position: fixed;width:100%;z-index: 9999;height:100%;background: rgb(0 0 0 / 25%);top:0;left:0;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0;padding-bottom: 30px;}
.SidebarMenu ul {list-style: none;padding: 0;margin: 0;}
.SidebarMenu ul li {}
.SidebarMenu ul li ul li a{font-size:.96em;font-weight: 500;}
.SidebarMenu ul li ul li, .SidebarMenu ul li ul li ul li{margin-left: 10px;}
.SidebarMenu ul li a {font-size: 1.1em;color: var(--white);text-decoration: none;display: block;padding: 10px 15px;text-transform: uppercase;font-weight: 500;}
.SidebarMenu ul li ul li { padding:0;}
.SidebarMenu ul li ul li a{text-transform: none;font-weight: 400;}
.SidebarMenu ul a:hover{color: var(--white);background: var(--highlight);}


.menuIcons .navIcon {text-align: right;color: var(--white);}
.NavbarToggle {/* display: inline-block; */vertical-align: middle;background-color: transparent;border: 0;padding: 0;}
.NavbarToggle i {font-size: 2.5em;color: var(--primary);}
.sidebar__Close {padding: 0;}
.sidebar__Close button {height:auto;padding: 5px;color: var(--white);}
.sidebar__Close button i{color: var(--white);font-size: 1.3em;}
body.subpage .Header .NavbarToggle i {  color: var(--dark);  }
.Header.headBg  {box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 40%);transition: all .5s ease;background: #FFECD3;background: var(--white);}
.Header.headBg .logo{}
.Header.headBg .logo img {transition: all .3s ease;/* max-width: 140px; *//* padding: 10px; */}
.Header.headBg .logo a{color: var(--dark);}
 
/* ==================== Social Menu ==================== ================================================== */
#social {position: relative;z-index: 99;margin: 0;text-align: right;}
#social ul {margin: 0;padding: 0;display: flex;justify-content: flex-end;}
#social li {float: none;display: inline-block;vertical-align: middle;margin: 0;}
#social li a {text-align: left;color: var(--white);display: block;margin: 9px;display: inline-block;vertical-align: middle;}
#social li a span {display: none;text-transform: uppercase;font-family:var(--subheader);font-size: 16px;margin-left: 5px;color: var(--white);font-weight: 400;}
#social li a:before {content:'';font-size: 28px;text-align: center;color: var(--primary);background: transparent;border: 1px solid transparent;display: inline-block;vertical-align: middle;line-height: 30px;font-family:bootstrap-icons;}
 
#social li.facebook a:before {content: "\f230";}
#social li.twitter a:before {content: "\f081"; }
#social li.instagram a:before {content: "\f16d";font-size: 19px;}
#social li.linkedin a:before {content: "\f0e1"; }
#social li.youtube a:before {content: "\f16a"; }
#social li.pinterest a:before {  content: "\f231";  }
#social li.googleplus a:before {content: "\f0d4"; }
#social li.contact a:before, #social li.email a:before {content: "\f199"; }
#social li.rss a:before {content: "\f09e"; }
#social li.phone, #social li.email{}
#social li.phone a:before {content: "\f095";color: var(--primary);padding: 0;line-height: 1;}
#social li.phone a  {/* background:var(--primary); */padding-right: 5px;border-radius:5px;}
#social li.phone a span{display:inline-block;vertical-align: middle;color: var(--primary);line-height: 1;}
#social li.phone a span:before{content:'Place an order';font-size: 10px;display: block;line-height: 1;}

/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {transition: all .3s ease;color:var(--mute);}
#social li.phone a:hover span{transition: all .3s ease;color:var(--mute);}

/* ====================Footer==================== ================================================== */
footer {clear: both;color: var(--white);z-index: 1;position: relative;background: var(--primary);}
footer:before{content:'';display:block;/* position:absolute; */top:0;left: 0;width:100%;height: 100%;/* background: var(--primary) url(../image/cache/wood.jpg) no-repeat; */background-attachment: fixed;opacity: .6;}
.footerContent{display:flex;align-items: flex-start;align-content: center;justify-content: flex-start;}
.footerContent img{max-width: 200px;margin-bottom: 20px;}
footer .address {text-align: left;display: block;clear: both;text-align: left;padding: 0 15px;} 
footer .address .lead {font-family:var(--subheader);}
footer *, footer .address * { color: var(--white);} 
footer .address p, footer .oHours p{padding-left: 24px;}
footer .address p i, footer .oHours p i{display:inline-block;width: 24px;font-size: 18px;margin-left: -24px;text-align: left;vertical-align: middle;}

.footLogos {display:flex;flex-wrap: wrap;justify-content: center;}
.footLogos img{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;padding: 15px;margin: 5px;}
.oHours {text-align:center;}
.oHours em {font-size:12px;}
.footerNav{/* display: block; *//* margin-top: 25px; */}
.footerNav ul { margin: 0px; padding: 0px; list-style: none;}
.footerNav >ul{vertical-align: top;list-style: none;display: flex;flex-wrap: wrap;align-content: flex-end;justify-content: flex-start;flex-direction: column;}
.footerNav > ul > li {text-align: right;}
.footerNav > ul > li > a, .footerNav > ul > li > span {}
.footerNav ul li>a {padding: 0px;margin: 0px;display: block;}
.footerNav ul li a{padding: 10px 0;color: var(--white);display: inline-block;}
.footerNav ul li>ul  {margin: 0px;padding: 0;list-style: none;}
.footerNav ul li> ul li {float: none;display: block;margin: 5px 0;text-align: revert;}
.footerNav ul li> ul li a{padding: 5px 0;font-size: 1em;font-weight: normal;}
.footerNav ul li a:hover{color: var(--white);text-decoration: underline;}

.subfooter-nav ul {margin:0;}
.subfooter-nav ul li {  display: inline-block !important;  float: none !important;  }
.subfooter-nav ul li a {  padding: 0 5px !important;  }
.subfooter-nav ul li a:hover {  background: none !important;  }
 

/* ==================== Copyright ==================== */
.copyright {text-align: left;font-size: 0.85em;padding: 15px;margin-top: 30px;background: rgb(0 0 0 / 10%);}
.copyright a {color: var(--white)!important;}
.copyright span {display: block;text-align: right;}
.subpage .copyright{ margin:0;}
  
/* ====================small size grid style declarations==================== ================================================== */
 

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
   .Navigation {transition: margin .5s ease;}
   .Navigation .container{/* width:98%; *//* max-width: none; */}
   body.subpage .Navigation {  margin-top: 0;  }

}
  
@media (min-width: 1200px) {  
   .Navigation .container{width: auto;max-width: 1140px;}
}

/* ==================== taoCMS Components and Modules ==================== ================================================== */
/*Home page slider*/
.content-block.slider-block{ padding:0;}
.sliderSection {margin-top: 80px;height: var(--sliderHeight);max-height: 100vh;overflow: hidden;position: relative;
    & .slide {position: relative;  height:var(--sliderHeight);
        & .image {background-position-y: center; background-position-x: center; background-size:contain; background-repeat: no-repeat; position: absolute; display:flex;  align-items:center; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; 
            img{width:auto; }
            &.Fullwidth {background-size: cover; 
                img{width:100%;}
            } 
        }
        & .captionData {height: 100%; left:0; right:0; margin:auto; position: relative; width: 100%; }
        & .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: 2.5rem; } 
            }
            .h2, h2 {font-size: calc(1.20rem + 0.5vw); 
                @media (min-width: 1200px) {font-size: 2rem; } 
            }
            .h3, h3 {font-size: calc(1.0rem + 0.075vw); 
                @media (min-width: 1200px) {font-size: 1.8rem; } 
            }
            p, div {font-size: calc(1.0rem + 0.05vw); 
                @media (min-width: 1200px) {font-size: 1.3rem; } 
            }                     
        }
        &.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); }              
    }                
    @media (min-width: 0px) and (max-width: 991px) { 
        --sliderHeight:540px;
        height:var(--sliderHeight);
        & .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:420px;
        & .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; } 
                }                
            }                  
        }  
    }              
}
.tao-carousel .tao-nav button span:after { color:var(--highlight);} 
/* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */
/*navigation */
.form-btn {  padding: 10px 10px;  cursor: pointer;  position: relative;  float: right;  text-align: center;  right: 0;  margin: 3px 0;  color: var(--white);  }
.nav-icon a {  color: var(--dark);  line-height: 75px;  display: block;  padding: 0 5px;  }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover {  text-decoration: none !important;  background: none !important;  color: var(--dark) !important;  }
.nav-icon {  float: right;  font-size: 30px;  line-height: 75px;  position: relative;  z-index: 99;  right: 0;  top: 0px;  margin: auto;  padding: 0 7px;  color: var(--dark);  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: var(--dark);  color: var(--offwhite);  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: var(--dark) !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }


/* side navigation*/
#flyOut{display:none;} 
.profileInfo {background: #cfab7a;border-bottom: 5px solid var(--primary);color:var(--white);padding: 15px 10px;} 
.profileInfo span{display:block;font-size: 18px;text-transform: uppercase;}
.profileInfo strong{ font-size:1.2em;}
.profileInfo ul { margin:0; padding:0; list-style:none;}
.profileInfo ul li {font-size:13px; margin-bottom:2px; display:block;}
.profileInfo ul li:before{content:"\f0e0";font-family:bootstrap-icons;display:inline-block;margin-right:3px;font-size: 11px;} 
.profileInfo ul li.phone:before{content:"\f098";font-size: 13px;}
.profileInfo ul li.hide{ display:none;}


.side-nav {/* background: #f0f0f0; */}
.side-nav ul{list-style:none; margin:0; padding:0;}
.side-nav ul li{position:relative;background: color-mix(in srgb, var(--highlight) 25%, transparent);}
.side-nav ul li.currentitem > a{ background:var(--highlight);}
.side-nav ul li ul{display: block;position: relative;left: 0;top:0%;/* background:var(--dark); *//* margin-bottom: 15px; */}
.side-nav ul li ul li  {background: transparent;}
.side-nav ul li ul li a{padding: 7px 10px;padding-left: 15px;font-size: .9em;}
.side-nav ul li a:hover { background:var(--primary); color:var(--white);}  

.side-nav ul li:hover > ul{ display:block;}
.side-nav ul li a, .side-nav ul li span {border-bottom: 1px solid  color-mix(in srgb, var(--highlight) 25%, transparent);color: var(--dark);display: block;padding: 10px 10px;font-weight: 500;font-size: 1.1em;}
.side-nav ul li span { border:0; padding-bottom:0;}
.side-nav ul li: last-child a {  border: 0;  }
 
.side-nav ul li ul li ul li a, .side-nav ul li ul li ul{ background:var(--primary);}
.side-nav ul li ul li ul li a {background: var(--primary);color: var(--primary);}
.side-nav ul li ul li ul li a:hover {background:var(--primary); color:var(--white);}

.side-nav ul li.PresenterFiles, .side-nav ul li.exhibitorFiles {display:none;}

 
/*modal*/
.modalData{/* display:none; */}
.modal.show .close{ background: red;z-index: 100;text-shadow: none;color: var(--white);line-height: 25px;width: 25px;font-size: 24px;padding:0;}

.modal.show .modal-body{position:relative; padding:0;}
.modal.show .modal-body iframe{ border:0; width:100%;}
.modal.show .modal-content{border:0;box-shadow:none;border-radius: 0;background: transparent;}
 

/*---------------------- custom CSS --------------------------*/
.event {margin: 10px 0;position: relative;margin-bottom: 15px;} 
.event .row{align-items: center;}
.event .date {height: 85px;background: var(--dark);display: flex;flex-direction: column;justify-content: center;}
.event .event_date {    text-align: center;   }
.event .event_date{margin: 0 auto;font-weight: 900;font-size: 1.2em;line-height: 1em;text-transform: uppercase;color: var(--mute);}
.event .event_time { font-size: .84em;   display: block;  font-weight: 400;  line-height: 1.5em; }
.event .event_day {font-size: 1.5em;padding: 10px;}
.event .event_content {padding: 10px;font-weight: normal;font-size: 1em;text-align: left;line-height: 1.5em;}
.event .event_content a {font-size: 1.2em;font-weight: 500;}
.event .event_name a{ vertical-align: middle;word-break: break-word;  }
 

/*News*/
.news {display:flex; flex-direction: column; justify-content: space-between;  height: 100%;}
.newsRow {margin-bottom: 10px;padding: 5px 0;padding-bottom: 5px;}
.newsRow .date {font-weight: 400;color: var(--dark);}
.newsRow .newsRow_title a {font-size: 1.3em;font-weight: 500;color: var(--text);}
 
/*Events*/
.events_block .jsnews_607{ }
.events_block .article  {border-bottom: 1px solid var(--gray);padding: 15px 0;}
.events_block .article img{max-width:300px;/* min-width:300px; */}
.events_block .article .dtl{padding: 0 15px;}
.EventDetail  .dtl img{max-width: 450px;margin: 0 auto;display: block;}

.eventrow  {border-bottom: 1px solid var(--gray);padding-bottom:10px;margin-bottom:15px;}
.eventrow ul{margin:0; padding:0;}
.eventrow li {display:flex;align-items: center;margin-bottom: 5px;}
.eventrow li i {color: var(--darkgray);font-size: .85em;vertical-align: middle;}

/*Home Content Blocks*/
.sectionTitle {/* margin-bottom: 30px; */}
.sectionTitle .decorativeFont {font-size: 2em;line-height:1;margin: 0;}
.sectionTitle h2{font-size: 2.5em;margin-bottom: 0px;text-transform: uppercase;margin: 0;line-height: 1.2;font-weight: 600;color: var(--primary);}

.iconBlock {display:flex;border-style: solid;border-width: 1px 1px 1px 1px;border-color: var(--gray);background-color: var(--primary);overflow: hidden;padding: 0;color: var(--white);height: 100%;flex-direction: column;-ms-flex: 0 0 50%;/* flex: 0 0 50%; *//* max-width: 50%; */}
.iconBlock .content {width:100%;padding:15px;height: 100%;} 
.iconBlock .icon span{font-size: 6em;color: var(--highlight);padding: 15px;font-weight: 200;}
.iconBlock .title.lead{font-weight: 500;}
.iconBlock .title.lead a{color: var(--white);}
.iconBlock .title.lead a:hover{ color:var(--highlight);}
.iconBlock .description {margin: 10px 0;}
.iconBlock .description a {padding: 5px 0;color: var(--dark);}
.iconBlock .description a.button{color: var(--white);padding: 5px 15px;margin-top: 5px;}
.iconBlock .description a.button:hover{ background:var(--dark); }
.iconBlock p a span{vertical-align:middle;}
 
.aboutContent {position:relative;background: var(--highlight);}
.aboutContent .aboutTextContent {background: var(--highlight);position: relative;}
.aboutContent p.lead{font-size:1.15em;}
.aboutContent  .sectionTitle .decorativeFont:after, .aboutContent  .sectionTitle .decorativeFont:before{display:none;}

.home_event{margin-bottom: 15px;padding: 0 10px;padding-bottom: 7px;/* border-bottom: 1px solid var(--gray); */}
.home_event .date {display:inline-block;vertical-align:middle;width: 55px;margin-right: 5px;}
.home_event .date .month{display:block;background: var(--primary);color: var(--white);text-align: center;}
.home_event .date .day{display:block;background: var(--highlight);color: var(--primary);border: 1px solid var(--highlight);text-align:center;font-size:1.8em;font-weight:bold;line-height: 1.3em;}
.home_event .dtl{display:inline-block;vertical-align:middle;margin-left: 1px;width: 80%;}
.home_event .dtl p { font-weight:600; margin:0; }
.home_event .dtl em { color:var(--mute); }

.newsSection .news {position: relative;z-index: 1;background: var(--primary);overflow: hidden;}
.newsSection .news strong a{font-weight: 500;font-family:var(--subheader);color: var(--white);/* font-size: 23px; *//* line-height: 31px; */}
.newsSection .news img{position: relative;min-height: 400px;top: 0;left: 0;object-fit: cover;opacity: 1;transition:all .5s ease;}
.newsSection .news .date { position:absolute; top:0; left:0;}
.newsSection .news .date{height: 75px; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; font-size: 14px; text-transform: uppercase; font-family:var(--subheader); color: var(--offwhite); position: absolute; z-index: 4; top: 0px; left: 10px; background: var(--primary); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 0 10px; }
.newsSection .news .day {font-size: 25px;/* font-weight: 700; */line-height: 28px;}
.newsSection .news .newsContent {padding: 10px;background: rgba(37,23,18,.9);color: var(--highlight);position: absolute;bottom: 0;z-index: 2;}
.newsSection .news:before{position:absolute;content:'';background: rgb(0 0 0 / 30%);top:0;left:0;bottom:0;right:0;opacity: 0;transition:.5s;z-index: -1;}
.newsSection .news:hover {background:var(--dark);transition:all .5s ease;}
.newsSection .news:hover .newsContent {background:rgb(102 12 38 / 85%);}
.newsSection .news:hover:before,  .updatesBlock .updateBlock .event:hover:before, .updatesBlock .updateBlock .event:hover img {opacity: 1;transition:all .5s ease;z-index: 2;} 
.newsSection .news:hover * {color:var(--white);}

.morelink a {display:inline-block;background: var(--primary);color:var(--highlight);font-size: 14px;position: relative;font-family:var(--subheader);font-weight: 300;padding: 6px 15px;border-radius: 4px;}
.morelink a i{vertical-align:middle;font-size: 20px;line-height: 0;}
.morelink a:hover{ background:var(--highlight); color:var(--primary); } 

/*LPHU*/
.lphu-row{min-height: 130px;position: relative;}
.lphu-row h4 {font-size:1.1em;margin-bottom: 5px;display: block;} 
.lphu-row p{ margin:0;}
.lphu-row .adrs {padding-left:20px;}
.lphu-row .adrs i{ margin-left:-20px;}
.lphu-row .adrs span{ display:none;}


/*Community Tool Kit*/
.resourcecat{ margin-bottom:20px;}
.toolkitRow {padding: 10px; border-bottom:1px solid #ddd;}
.toolkitRow .links{padding: 0;}
.toolkitRow .links a{display: flex;padding: 5px 0;font-size: 1.3em;align-items: center;line-height: 1;}
.toolkitRow .links a:before{content:''; font-family:bootstrap-icons; display:inline-block;vertical-align: middle; padding:0 3px;}
.toolkitRow .links a.File:before{content:"\f63e";}
.toolkitRow .links a.Link:before{content:"\f1c5";}
.toolkitRow .links.URL a.File, .toolkitRow .links.File a.Link{display:none;}


table.salary_survey_search {background: rgb(175 175 175 / 0.14);border: 1px solid var(--gray);margin-bottom: 10px;}
table.salary_survey_search tr td{padding:10px;vertical-align: top;width: 25%;}
table.salary_survey_search tr+tr td br{ display:none;}
table.salary_survey_search tr td > div{ font-weight:bold;}
table.salary_survey_search tr td:last-child > div+div{font-weight:normal;}
table.salary_survey_search tr td select{width: 90%;border: 1px solid var(--gray);min-height: 130px;padding: 5px 0px;overflow-y: auto;}
table.salary_survey_search tr+tr td input{margin: 3px 0px;}

#salary_report_results table tr th{ background:var(--gray);}
div#salary_report_results table .headrow2 td {padding: 1px 5px;}
div#salary_report_results table .price {width: 115px;}
div#salary_report_results .poscol {width:auto;}


.data-table {display:table;width: 100%;margin: 0 auto;border-collapse:collapse;position: relative;}
.data-table .data-row{display:table-row;background: transparent;}
.data-table .data-row.body{display: table-row-group;}
.data-table .data-row.caption{ display:table-caption; width:100%;}
.data-table .data-row.caption .data-col{ display:table; width:100%; background:var(--highlight);}
.data-table .data-row.caption .data-col h4, .data-table .data-row.caption .data-col h2{ margin:5px;}
.data-table .data-row .data-col{display:table-cell;border: 1px solid var(--gray);padding: 5px;text-align: left;/* font-size: 0.98em; */vertical-align: middle;background: transparent;}
.data-table .data-row .data-col a {color:var(--primary);}

.data-table .data-row.head .data-col{background: var(--mute);padding: 5px 10px;color: var(--white);font-size: 1.0em;font-weight: 500;border: 0;}
.data-table .data-row .data-col.options{ text-align:center;}
.data-table .data-row .data-col.options a {display: inline;padding: 4px 10px;border: 0;color: var(--primary);font-size: 11px;border: 1px solid var(--highlight);}
.data-table .data-row .data-col.options a.delLoc{color:var(--dark); }
.data-table .data-row .data-col.options a:hover{background: var(--primary);color:var(--white);}
.data-table .data-row .data-col select {margin:0;padding: 4px;min-height: auto;width: auto;}
.data-table .data-row .data-col .timeSlot {border: none;}
.fringeSurvey.data-table .data-row.head div.data-col[class*="a"]{min-width: 200px;}

#changeparameters_1 {display:none;}
.phuDetails{padding: 15px 0;}
.phuDetails h3, .phuDetails p{margin:0;}
/*Documnet library*/
.doc_row{margin-bottom:5px;padding:5px;border-bottom:1px solid #DDD;}
.doc_row h4{ font-weight:500;margin:0; text-transform:capitalize; }
.doc_row em{ color:#888; font-size:.94em;}
.doc_row .accordion-title  {margin-right:15px;color: var(--primary);}
.doc_row a span, .doc_row .accordion-title span{vertical-align: middle; line-height: 15px;}
.catLink.Links{display: inline-block;font-size: .9em;}
.link.Links{ display:none; }


/*-- Discussion Forum--*/
.topicsWrapper{
    .topicRow{border-top:1px solid #e9dabf;border-bottom:1px solid #e9dabf;/* margin:30px 0; */padding: 20px 0; 
        p{ margin:0; font-weight:600; font-size:.9em; 
          span{font-weight:normal;}
         }
    &:nth-child(even){background:#faf7f2; border-top:0; }
    }
}
.topicDetail > ul {margin:0;padding:0;list-style:none;display:flex;flex-wrap: wrap;justify-content: flex-end;
    li a{display:inline-block; padding:1px 15px;  font-size:.9em; margin-left:15px; border:1px solid #ddd; background:#00275b; color:#FFF;}                  
}
.repliesWrapper { 
    .replyRow {display:flex;flex-wrap:wrap;         
        & .reply{padding: 10px 15px;border:1px solid #e9dabf;border-radius:3px;width: 85%;margin-bottom:15px;
            & .user {display:flex;align-items: center;
                &:before{content:"\f4d7";font-family:bootstrap-icons!important;font-size: 30px;color: #cfab7a;margin-right: 10px;}
                span{display:block;font-weight: bold; font-size:.9em;line-height:1.5; span{ font-weight:normal;}}
            }  
            & .file a{display:inline-block; background:#00275b; color:#FFF; border-radius:3px; font-weight:normal;  margin:15px 0;padding:5px 10px; }       
        }
        &.myReply{justify-content:end;
            & .reply{background: #f3eade;color:#333;border-color: #eadac5;
            & .user:before{/* color:#FFF; */}        
            }         
        }                
    }
    @media all and (min-width: 0px) and (max-width: 579px) {
     .replyRow {         
        & .reply{width:95%;}
     }
    }
}


/* ====================mobile css ==================== ================================================== */
@media (min-width: 460px) {  }

@media (min-width: 580px) {  }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
   .subpage-content-block.page-content-block {  margin: 20px 0;  }
   /*footer*/ 
   .modal-dialog{ max-width:65%;}
}

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  
   .logo {}
}

@media all and (min-width: 0px) and (max-width: 1199px) { 
    .sliderSection {margin-top: 80px;}
    .HeaderMenu>ul>li a, .HeaderMenu>ul>li span {font-size:.905em;}
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
   #socail > span {  display: block;  line-height: normal;  }
   #socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  } 
}

@media all and (min-width: 0px) and (max-width: 991px) {  
   .Header .Navigation #social {margin: 0;width: 100%;border-radius: 0;box-shadow: none;background: var(--dark);}
   .Header .Navigation #social ul  {border-radius:0;justify-content: center;}
   .logo img {max-width: 350px;padding: 0;}
    #social li a:before, #social li.phone a span {/* color:var(--white); */}
        .sliderSection {margin-top: 90px;}
   .HeaderMenu>ul>li {  padding: 0 7px;  }     
   .NavbarToggle {padding: 0;color: var(--primary);}
    .NavbarToggle i{/* color: var(--white); */}
   .Header .topnav ul {margin-bottom: 5px;}
   .topNav {margin:0;}
   .topNav #social {justify-content: start;}
   .Navigation .navbar-collapse {  display: none;  }
    .no-pageHeader {padding-top: 95px;}
  .Sidebar__backdrop {  background-color: rgba(0,0,0,.25);  left: 0;  top: 0;  z-index: 999;  display: none;  }
   .Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
   .Sidebar.active .Sidebar__backdrop {  display: block;  }
   .Sidebar--active, .Sidebar__backdrop {position: fixed;height: 100%;width: 100%;}
 
   body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i {color: var(--white);}
   .footerContent {flex-direction:column;justify-content: flex-start;align-items: flex-start;}
   footer .address {padding:0;}
 }

 @media all and (min-width: 0px) and (max-width: 880px) {  
 
    .bgBlock .textContent{width:100%;}
    .bgBlock .imgBlock {height:400px;}
    .bgBlock .imgBlock img {min-height: 100%;max-width: none;max-height: 100%;margin: 0 auto;display: block;}
 }

@media all and (min-width: 0px) and (max-width: 779px) { 
   .page-content-block {  margin-top: 20px;  padding-top: 0px;  }
   /* header */ 
   .topNavWrapper {display:flex;justify-content: space-between;align-items: center;}
   .topNav { margin:0;}
   .Navigation .NavbarToggle {/* top: calc(50% - 28px); */z-index: 1;display: block;float: right;margin: 0;height: 100%;}
   .slider-block {}
   /* navigation */
   .nav-top ul {  margin: 0 !important;  }
   #main-navigation {  position: fixed;  overflow-y: auto;  width: 0;  height: 100%;  margin-bottom: 0;  z-index: 1;  left: 0;  top: 0;  background: #08364c;  display: none;  }
   #main-navigation.navbar-block {  display: block;  }
 
   /* ====================nav bar==================== ================================================== */
   footer .footer-bg {  background-position: center bottom;  }
   .footerNav > ul > li {vertical-align: top;text-align: center;} 
   footer *, footer .address *, .copyright span {text-align:center;}
   #social ul {justify-content: flex-end;}
   nav.subfooter-nav{justify-content:center;margin-bottom: 5px;}
   .footerContent {flex-direction:column;justify-content: flex-start;align-items: center;display: flex;}
   .footerNav >ul {
    display: flex;
    align-content: center;
}
}

@media all and (min-width: 0px) and (max-width: 639px) {  
   .nav-top {  display: none;  } 
}

@media all and (min-width: 0px) and (max-width: 579px) { 
    .Header {height: 100px;}
    .logo img {padding: 2px 30px;padding-left: 0;max-width: 100%;}
    .sliderSection {margin-top: 100px;}
   .topNav p, #social ul {text-align:center;margin: 0;padding: 0;}
   .topNav #social ul {justify-content:center;}
   .nav-icon a, .nav-icon {  line-height: 74px;  }
        .no-pageHeader {padding-top: 100px;}
   .home-content-block, .page-content-block.news-block, .feature-blocks {  padding: 30px 0;  }
    .subpage-content-block.page-content-block {  margin-top: 129px;  }
   footer .footerMenu, footer .contact {  float: none;  }
 
   .footerNav {  margin-bottom: 0;  text-align: center;  }
   .footerNav >ul{justify-content: center;flex-direction: column;padding: 0;}
   .footerNav > ul > li{text-align: center;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
   
   .footerNav > ul > li a {}
   footer .address p {/* text-align: center !important; *//* margin-top: 20px; */}
   .subfooter-nav ul,.copyright span {  display: block;  text-align: center;  float: none;  }
   .subfooter-nav ul {  margin: 0 auto;  display: block;  }
   .subfooter-nav ul li {  float: none;  display: inline-block;  }
   #socail li {  margin: 0 2px;  }
   .bgBlock .textContent{font-size:2em;width: 100%;}
   .programRow{display:block;}
   .staffBlock .staffDetails img{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;display: block;margin: 0 auto;}
}

@media all and (min-width: 0px) and (max-width: 460px) {  
   .nav-top {  position: relative;  text-align: right;  }
   #socail > span {  display: inline-block;  vertical-align: middle; font-size: 11px;  }
   #socail li a:after {  font-size: 20px;  margin: 2px;  } 
      .slider-block {}
}

@media all and (min-width: 0px) and (max-width: 380px) {  
    .Header {/* height: 65px; */}
    .sliderSection {margin-top: 100px;}    
   .slider_block { min-height: 100% !important;  }
   .logo {}
   .logo a {}
   .logo img {padding: 10px;padding-left: 0;}
   .logo .tag {  letter-spacing: 1px;  font-size: 15.5px;  }
   .search-btn, .nav-icon {  margin: 0 5px;  padding: 0;  }
   .footerNav > ul > li {  display: block;  width: auto;  }
   .Header.headBg .logo, .logo{}
   .logoBlock span{font-size: 2.2em;}
   .NavbarToggle{}
   .sliderContent div.base div h2{font-size: 1.8em;}
   .sliderContent div.base div h2.display-1{ font-size:2.4em;}
   #social li a:before { margin:0;}
   #social li.phone a span {font-size: 12px;}
}

@media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) {  
 
}