/*-----------------------------------------------------------------------------------

	Theme Name: Stratham, NH
	Front-end developer: Husnain Mustafa
	Author Design: Toshe Vladevski
	Author URI: https://www.revize.com/
	Date: 04/15/2025
-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/* -----------------------------------------

#basic styles

-----------------------------------------*/

/* very important!!! Assign these colors */

:root {
  --brandcolor: #25AF60;
  --brandlight: #E3F7EB;
  --darkgray: #999;
  --lightgray: #ddd;
  --white: #fff;
}

body {
	background: #fff; 
	font-size: 16px;
	line-height: 1.6;
	font-family: "Open Sans", sans-serif;
	color: #1B1B1B;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	top: 0 !important
}

/* -----------------------------------------

#typography

-----------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #1A1A1A; font-weight: 700;margin-bottom: 20px; line-height: 1.2;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {font-size: 36px}
h2 {font-size: 32px}
h3 {font-size: 28px}
h4 {font-size: 21px}
h5 {font-size: 16px}
h6 {font-size: 14px}
.header {font-size: 28px;color: #1A1A1A;margin-bottom: 20px}
.subheader {display: block;font-size: 40px;line-height: 48px;color: #1A1A1A;font-weight: 700;letter-spacing: -0.8px;margin-bottom: 20px;text-transform: capitalize;}
p {margin: 0 0 20px 0}
em {font-style: italic}
strong,
b {font-weight: bold}
small {font-size: 80%}
hr {border: solid var(--lightgray);border-width: 1px 0 0;clear: both;margin: 10px 0 30px;height: 0}

/* -----------------------------------------

#links

-----------------------------------------*/
a, a:visited { text-decoration: underline; -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; color: #008742;}
p a,
p a:visited {line-height: inherit}

/* -----------------------------------------

#lists

-----------------------------------------*/
ul, ol { margin-bottom: 20px; margin-left: 10px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 1.3; margin-bottom: 7px; }
li p { line-height: 1.3; }


/* -----------------------------------------

#images

-----------------------------------------*/
img { max-width: 100%; height: auto; }
a img { border: none; }
.alignleft { float: left; clear: left; margin: 0 20px 20px; }
.alignright { float: right; margin: 0 0 20px 20px; }
.alignnone { margin: 0 auto 20px; display: block; }
img[align="right"], img[style*="float: right"], img[style*="float:right"] { margin: 0 0 20px 20px; }
img[align="left"], img[style*="float: left"], img[style*="float:left"] { margin: 0 20px 20px 0; }


/* -----------------------------------------

#buttons

-----------------------------------------*/
.span button{color:#fff!important;text-decoration:none}
span.btn a{color:#fff!important;text-decoration:none}
span.button a{color:#fff!important;text-decoration:none}
.btn{color:#fff!important;text-decoration:none}
.btn,
.button,
a.button,
#post button:not(.rz-agenda-search-submit):not(.rz-doc-search-reset),
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn {padding: 12.5px 16px;background: var(--brandcolor);color:var(--white) !important;border:0;border-radius: 40px;display:inline-block;font-size:18px;font-weight:700;letter-spacing: -0.36px;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:middle;transition:all .3s;text-transform: capitalize;}
.btn:hover,
.button:hover,
a.button:hover,
#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background: #008742;}
.button:active,
a.button:active,
#post button:active,
#post input[type="submit"]:active,
#post input[type="reset"]:active,
#post input[type="button"]:active,
.rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--brandcolor);color:#fff}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}


/* -----------------------------------------

#revize edit buttons DO NOT MODIFY

-----------------------------------------*/
/* ----------------------------------------- #helpers and positioning for revize buttons -----------------------------------------*/
.relative{position:relative!important}
.absolute{position:absolute!important}
.static{position: static!important}
.user-logged-in{box-shadow: 0 0 10px rgba(21,0,56,0);padding:14px}
.rz-bar-center-col{display:none!important}

/* default position for revize buttons is top right DO NOT WRAP - Check Below for other positioning */
.rz-btns-container{line-height:1.5!important;font-size:16px;opacity:0;background:#fff;padding:4px;box-shadow:0px 2px 10px rgba(21, 0, 56, 0.08);border:1px solid rgba(21, 0, 56,.1);transform:translateY(10px);transition:all .2s;position:absolute;top:0;right:0;z-index:9;white-space:nowrap}
.rz-btns-stacked{padding:6px 6px 0!important}

/* 
to reposition '.rz-btns-container' WRAP IT IN A DIV WITH ONE OF THE CLASSES BELOW
top-left,top-center,right-center,right-bottom,center-bottom,center-center,bottom-left,left-center 
*/
.left-top{top:0!important;right:auto!important;left:0!important;z-index:9;position:absolute}
.left-top .rz-btns-container{position:relative!important}
.center-top{top:0!important;right:50%!important;transform:translate(50%, 0)!important;z-index:9;position:absolute}
.center-top .rz-btns-container{position:relative!important}
.right-center{top:50%!important;right:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
.right-center .rz-btns-container{position:relative!important}
.right-bottom{top:auto!important;right:0!important;bottom:0!important;z-index:9;position:absolute}
.right-bottom .rz-btns-container{position:relative!important}
.center-bottom{top:auto!important;right:50%!important;bottom:0!important;transform:translateX(50%)!important;z-index:9;position:absolute}
.center-bottom .rz-btns-container{position:relative!important}
.center-center{top:50%!important;right:50%!important;transform:translate(50%, -50%)!important;z-index:9;position:absolute}
.center-center .rz-btns-container{position:relative!important}
.left-bottom{top:auto!important;right:auto!important;left:0!important;bottom:0;z-index:9;position:absolute}
.left-bottom .rz-btns-container{position:relative!important}
.left-center{top:50%!important;right:auto!important;left:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
.left-center .rz-btns-container{position:relative!important}

/* ----------------------------------------- rzBtn's -----------------------------------------*/
.rz-btns-container a{display:inline-block!important}
.rzBtn{text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;line-height:1.5!important;display:inline-block!important;letter-spacing:0!important;padding:7px 14px;background:#fff!important;color:#000!important;font-weight:bold!important;font-size:16px;white-space:nowrap;text-align:center;border:1px solid #e6e6e6;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}
.rz-btns-stacked a,.rz-btns-stacked .rzBtn{display:block!important;margin-bottom:6px;text-decoration:none}
.rzBtn:hover{background:#eee!important;border-color:#ccc;color:#000!important;text-decoration:none}
.rzBtn-sm{font-size:14px!important;padding:5px 10px!important}
.rzBtn-xs{font-size:12px!important;padding:3px 6px!important}
.user-logged-in .yes-has-edit-buttons{position:relative;outline:3px solid transparent;outline-offset:6px}
.user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{outline:3px solid #6000fe;outline-offset:3px;z-index:10!important;transition:all .2s;min-width:142px;min-height:32px}
.user-logged-in .yes-has-edit-buttons:hover .rz-btns-container:has(.rzBtn),
.show-edit-buttons .user-logged-in .yes-has-edit-buttons .rz-btns-container:has(.rzBtn){opacity:1;height:auto;transform:translateY(0);opacity:1}
.hide-edit-btns .rz-btns-container{display:none}
.user-not-logged-in .rz-btns-container{display:none!important}

/* -----------------------------------------

#forms

-----------------------------------------*/
form { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select { border: 1px solid var(--darkgray); padding: .375rem .75rem; outline: none; font-size: 16px; color: #1A1A1A; margin: 0; display: inline-block; background: #fff; border-radius: 0; box-shadow: none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus { color: #1A1A1A; border: 1px solid var(--darkgray); }
label, legend { display: block; font-weight: bold; font-size: 13px; }
input[type="checkbox"] { display: inline; }
label span, legend span { font-weight: normal; font-size: 16px; color: #444; }
.form-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; }
::-webkit-input-placeholder { color: #777; }
:-moz-placeholder { color: #777; }
::-moz-placeholder { color: #777; }
:-ms-input-placeholder { color: #777; }
.gsc-control-cse * { box-sizing: content-box; }


/* -----------------------------------------

#rz intranet

-----------------------------------------*/
form.loginform { background: #fff; padding: 30px; border: 1px solid #D2DFEF; }
form.loginform p { background: #E65229; color: #fff; padding: 20px; line-height: 1; }
form.loginform label { font-weight: normal; }
form.loginform label input { display: block; margin-bottom: 10px; width: 100%; box-sizing: border-box; padding: 10px; color: #000; }


/* -----------------------------------------

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:1024;bottom:20px;margin:0;right:20px;background:#fff;color: #1A1A1A;padding:32px 24px;border: 1px solid #6A8E89;font-size:16px;width:400px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;line-height: 21.6px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);}
.floating-alert h2{color: #1C4A50;font-size:24px;font-weight:700;line-height:28.8px;letter-spacing: -0.48px;display: flex;align-items: center;margin:0 0 10px;}
.floating-alert h2 img {width: 24px;margin-right: 10px;}
.floating-alert p{margin:0}
.alert-buttons{margin:32px -24px -32px;border-top:1px solid #6A8E89;display:flex}
.alert-button{border-right:1px solid #6A8E89;flex:1;text-align:center;padding:19px 0;text-decoration:none;color: #000 !important;font-size: 14px;font-weight:700;line-height:1.5;letter-spacing: -0.28px;}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background: #1C4A50;color:#fff !important;text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}


/* -----------------------------------------

#rz edit

-----------------------------------------*/
#event-modal .modal-footer .btn{margin:3px 0 0 10px}

/* -----------------------------------------

#main

-----------------------------------------*/
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
.container {width: 1258px;max-width: 100%;}
#main {position: relative;z-index: 11;}
.primary-btn {background: var(--primary-color);}
.primary-btn:hover {background: var(--blue);text-decoration: none;}
.secondary-btn {background: var(--secondary-color);color: #000 !important;}
.secondary-btn:hover {background: var(--sky-blue);text-decoration: none;}
.tertiary-btn {background: var(--light-green);color: #000 !important;}
.tertiary-btn:hover {background: var(--green);text-decoration: none;}
#backTo_Top {background: #3C8BC6;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: none;position: fixed;bottom: 30px;right: 30px;z-index: 1020;display: none;}
#backTo_Top img {width: 24px;filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(34%) hue-rotate(197deg) brightness(108%) contrast(100%);}
.rz-business-block .rz-block-img {    height: 200px;border-radius: 5px;overflow: hidden;position: relative;max-width: 350px;}
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-size:50% !important;background-position:center center !important}
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{background: linear-gradient(to bottom, rgba(2, 16, 37, 0.96) 0%, rgba(126, 133, 144, 0.04) 22%, rgba(255, 255, 255, 0.04) 100%) !important;}
#doc-search-form .rz-doc-search-submit {padding: 4px 24px 4px 24px !important;border-radius: 0 !important;}
#rz-bar-wrap {z-index: 9999;}
:not(.rz-bar-left) .user-logged-in #rz-bar-wrap{position: fixed !important;width: 100%;}
.rz-card-img li, .rz-block-img li {color: #000 !important;}
.rz-business-list .letter-label {display: none !important;}
.business-social-links a > .fa-twitter::before { content: ""; width: 16px; height: 16px; background: url("../images/twitter.png"); display: inline-block; background-repeat: no-repeat; background-size: 16px; margin: 0 1px -2px 2px; }

#rz-checkboxs .checkbox-inline label {display: block !important;}
#doc-search-form .rz-doc-search-submit, .doc-search-form .doc-search-submit  {padding: 10px 24px 8px 24px !important;border-radius: 0 !important;}
h3.jobs-title {font-size: 20px;}

/* Top alert */
#alert {background: #FBE6E3;border: 2px solid #7A180D;border-radius: 12px;color: #ffffff;max-width: 1000px;width: 100%;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);position: absolute;top: 115px;left: 50%;transform: translateX(-50%);width: calc(100% - 16px);z-index: 1022;}
.alert-in {display: flex;align-items: center;justify-content: space-between;padding: 12px 24px;gap: 24px;}
.alert-left {width: 80%;}
.alert-title {color: #7A180D;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.4px;margin-bottom: 4px;}
.alert-text {color: #1A1A1A;font-size: 16px;font-weight: 400;line-height: 21.6px;letter-spacing: -0.32px;}
.alert-right {width: 20%;}
.alert-btns {display: flex;align-items: center;}
#alert .alert-more {padding: 7px 11px;background: #7A180D;border-radius: 50px;display: inline-block;color: #fff !important;font-size: 16px;font-weight: 700;letter-spacing: -0.32px;text-decoration: none;text-transform: uppercase;text-align: center;}
#alert .alert-more:hover {background-color: #490E08;}
#alert #alertClose img {margin-left: 24px;}
#alert #alertClose img {width: 24px;cursor: pointer;}
#alert #alertClose img:hover {filter: brightness(0) saturate(100%) invert(11%) sepia(63%) saturate(3553%) hue-rotate(353deg) brightness(103%) contrast(96%);}


/* scroll-menu */
#fixed-btns{position:fixed;right:0;top:56%;transform:translateY(-50%);z-index:1022 !important}
#scroll-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end}
#scroll-menu li {margin-bottom: 4px;}
.scroll-link:not(:last-of-type){margin-bottom:4px}
.scroll-link{position:relative;display: flex;align-items: center;padding: 12px 16px;background: #3C8BC6;text-decoration:none;height:52px;width:199px;margin-bottom:0;cursor:pointer;border-radius:50px 0 0 50px;transition:all .3s;z-index: 1;}
#scroll-menu li:not(.active) .scroll-link:hover {background: #FFE001;}
.scroll-menu-icon-box img{width:20px;min-width:20px;margin-right: 12px;transition: all 0.2s;}
#scroll-menu li:not(.active) .scroll-link:hover .scroll-menu-icon-box img {filter: brightness(0) saturate(100%) invert(29%) sepia(13%) saturate(6393%) hue-rotate(34deg) brightness(102%) contrast(103%);}
.scroll-menu-title{display:flex;align-items:center;flex-wrap:wrap;height:100%;font-size: 18px;font-weight:700;color:#fff;letter-spacing: -0.36px;text-transform:capitalize;overflow:hidden;transition:all .3s}
#scroll-menu li.active .scroll-menu-title {color: #fff;}
#scroll-menu li:not(.active) .scroll-link:hover .scroll-menu-title {color: #665A00;}
#scroll-menu li.active .scroll-link {background: #0F5184;}
.scroll-link:hover{text-decoration: none;}


/* site-header */
.site-header {position: relative;z-index: 1020;}
.site-header .container {width: 1628px;}
#header-in {display: flex;align-items: center;justify-content: space-between;height: 80px;position: relative;}
#logo{display: inline-block;width: 164px;position: relative;top: 53px;transition: all 0.3s;}
.header-right {display: flex;align-items: center;gap: 24px;}
.social-media-wrap {gap: 12px;}
.social-media-link img {width: 20px;}
.social-media-link:hover img {filter: brightness(0) saturate(100%) invert(74%) sepia(96%) saturate(1251%) hue-rotate(3deg) brightness(110%) contrast(101%);}


/*base nav styles*/
#nav .fa:before {font-family: 'FontAwesome' !important}
.site-header nav {position: static !important;min-width: 0 !important;}
.site-header #nav {padding: 0;position: static;margin: 0 auto;max-width: 100%;}
.site-header #nav li {margin: 0;list-style: none;}
.site-header #nav a,
.site-header #nav span {font-size: 18px;font-weight: 700;line-height: normal;color: #fff;display: block;text-transform: capitalize;text-decoration: none;padding: 12px 16px;z-index: 1; transition: all 0.3s;}
.site-header #nav ul {padding: 0;margin: 0;}

/* nav-icons */
#nav img { width: 24px; margin-bottom: 12px; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toggle { display: none; }
#twitterfeed { background: #f1f1f1; }
.goog-te-banner-frame { display: none; }

/* Google translate*/
#translation-links { padding:0; margin:0 }
#translation-links li { position:relative; margin:0; list-style:none; line-height:1.5 }
#translation-links ul {padding:10px 0;margin:0;position:absolute;top: 10px;left: 100%;width: 255px;background: #fff;display:none;height:300px;overflow-y:scroll;}
#translation-links ul li { margin:0 }
#translation-links ul li a {display:block;text-decoration:none;padding: .6rem 1.5rem;}
#translation-links ul li a:hover { background:var(--lightgray); color:var(--brandcolor) }
[lang="en"] #translate-reset { display:none }
[data-lang="English"] { background:#f9f9f9 }
div.skiptranslate { display:none !important }
.translator{position: fixed;left: 4px;top: 44%;margin-top: 96px;z-index: 1022;}
ul#translation-links button {background: #0F5184;color: #ffffff;border: none;border-radius: 50%;width: 44px;height: 44px;z-index: 99999;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
ul#translation-links button img {width: 20px;}
ul#translation-links button:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), #0F5184;}
button#translate-reset {display: none !important;}


/* search */
#search {margin-bottom:7px}
#search form{display:inline-block;margin:0;position:relative;width:48px}
#search input {width:56px;height:56px;padding:0 23px 0 10px;color: #06221E;font-size: 16px;font-weight: 400;background: transparent;border-radius:50%;transition:width .3s, border-color .3s, background .3s;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:11;border:1px solid transparent;}
#search.search-active input{width:220px;padding-right:51px;padding-left:16px;border-color: #096107;background:#fff}
#search.search-active button {background: none;backdrop-filter: unset;}
#search button {width:56px;height:56px;position:absolute;top:50%;right:0;transform:translateY(-50%);background:#fff;border:none;border-radius:50%;cursor:pointer;z-index:100;padding:0;display:inline-flex;transition:all .3s}
#search button img{display:inline-block;width:32px;height:32px;margin:auto}
#search button:hover {background:#FFE001}
#search button:hover img{filter: brightness(0) saturate(100%) invert(29%) sepia(13%) saturate(6393%) hue-rotate(34deg) brightness(102%) contrast(103%);}
#search input::-webkit-input-placeholder{color: #1A1A1A}
#search input:-moz-placeholder{color: #1A1A1A}
#search input::-moz-placeholder{color: #1A1A1A}
#search input:-ms-input-placeholder{color: #1A1A1A}

/* slider search */
#slider-search {position: relative;max-width: 400px;height: 56px;margin: 80px auto 0;}
#slider-search form {margin:0;width: 100%;height: 100%;}
#slider-search label { position:absolute; left:15px; top:50%; transform:translateY(-50%); font-size:18px }
#slider-search input {border:0;width: 100%;height:100%;background: rgba(255, 255, 255, 0.92);border: 2px solid transparent;border-radius: 50px;padding-left: 24px;padding-right:50px;color: #1A1A1A;transition: all 0.3s;}
#slider-search input::placeholder {color: #1A1A1A;}
#slider-search input:hover {background-color: #FFE001;}
#slider-search input:focus {border-color: #FFE001;background-color: #fff;font-weight: 700;}
#slider-search button { position:absolute; right: 12px; top:50%;transform: translateY(-50%); padding:0; border:0;width:32px;height: 32px;#slider-search input::placeholder { color: #1A1A1A }background: none;color: #1A1A1A}
#slider-search input:hover + button img {filter: brightness(0) saturate(100%) invert(31%) sepia(52%) saturate(929%) hue-rotate(20deg) brightness(97%) contrast(102%);}


/* -----------------------------------------

#inner

-----------------------------------------*/
body:not(.user-logged-in) #flyout-wrap.hide-box, body:not(.user-logged-in) #contact-wrap.hide-box, body:not(.user-logged-in) #resource-wrap.hide-box, body:not(.user-logged-in) #hours-wrap.hide-box{display: none;}
body:not(.user-logged-in) .hide-left-box {display: none;}
body#freeform.user-logged-in aside .has-edit-buttons {min-height: 45px !important;}
#freeform #freeform-wrapper {padding: 48px 0;}
#freeform {position: relative;}
#freeform #slider {position: relative;padding: 0;height: 500px;}
#freeform #slider>img {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 11}
body.user-logged-in .has-edit-buttons.main-flyout {z-index: 15 !important;}
#flyout-wrap {position: relative;padding: 32px;background: #F8F8F8;border: 1px solid #EFEFEF;border-radius: 16px;margin-top: 8px;padding: 32px 0;z-index: 2;}
#flyout-header {font-size: 24px;color: #1A1A1A;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;margin-bottom: 16px;padding: 0 32px;text-transform: capitalize;}
#flyout {position: relative;;margin: 0;padding: 0;z-index: 1;}
#flyout li {position: relative;margin: 0;padding: 0 32px;list-style: none;z-index: 10;}
#flyout a,
#flyout span {display: block;text-decoration: none;font-size: 14px;font-weight: 400;color: #1A1A1A;padding: 12px 0;line-height: 18.9px;letter-spacing: -0.28px;text-transform: capitalize;transition: all 0.3s;}
#flyout ul {padding: 0;margin: 0;display: none}
#flyout ul a,
#flyout ul span {font-size: 14px;padding: 10px 15px;margin: 0;color: #fff;border-bottom: 1px solid rgba(0, 0, 0, .15) !important;}
#flyout ul li {padding: 0;margin: 0;}

#freeform-slider-data {position: absolute;top: 58%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
#freeform #slider .tns-controls {bottom: 24px;}
#freeform #slider.tiny-slider-wrap button[data-action] {bottom: 24px;}

.col-xs-12 {width: 100%}

.freeform-box-header {font-size: 24px;color: #1A1A1A;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;margin-bottom: 24px;text-transform: capitalize;}

#contact-wrap {position: relative;padding: 32px;background: #F8F8F8;border: 1px solid #EFEFEF;border-radius: 16px;z-index: 1;}
.profile-img {width: 128px;height: 128px;margin-bottom: 24px;border: 2px solid var(--brandcolor);border-radius: 50%;}
.contact-name {font-size: 18px;font-weight: 700;line-height: 24.3px;color: #1A1A1A;letter-spacing: -0.36px;margin: 0;text-transform: capitalize;}
.contact-position {display: block;font-size: 16px;font-weight: 400;line-height: 21.6px;letter-spacing: -0.32px;color: #4D4D4D;margin-top: 4px;}
#contact-info {margin: 28px 0 0 0;padding: 0;list-style: none;}
#contact-info li {margin-bottom: 24px;}
#contact-info li,
#contact-info .contact-link {display: block;color: #1A1A1A;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;display: flex;align-items: center;gap: 12px;text-decoration: none;line-height: 18.9px;transition: all 0.3s;}
#contact-info .contact-link img {width: 24px;}
#contact-info .contact-link:hover {color: var(--brandcolor);text-decoration: underline;}
#contact-info li img {width: 24px;}
.contact-text {font-size: 14px;font-weight: 400;line-height: 18.9px;letter-spacing: -0.28px; color: #1A1A1A;margin: 24px 0 0 0;}

#hours-wrap {position: relative;padding: 32px;background: #F8F8F8;border: 1px solid #EFEFEF;border-radius: 16px;margin-top: 8px;z-index: 1;}
#hours-wrap ul {padding: 0;margin: 0;list-style-type: none;}
#hours-wrap ul li {font-size: 14px;margin: 20px 0 0 0;}
#hours-wrap .day {display: inline-block;width: 38px;font-size: 14px;color: #4D4D4D;font-weight: 700;line-height: 18.9px;letter-spacing: -0.28px;margin-right: 13px;text-transform: uppercase;}
#hours-wrap .time {color: #1A1A1A;font-size: 14px;font-weight: 400;line-height: 18.9px;letter-spacing: -0.28px;}

#resource-wrap {position: relative;padding: 32px;margin-top: 8px;background: #F8F8F8;border: 1px solid #EFEFEF;border-radius: 16px;z-index: 1;}
#resource-wrap .resource-link {display: flex;align-items: center;gap: 12px;text-decoration: none;color: #1A1A1A;background-color: var(--brandlight);padding: 16px;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;text-transform: capitalize;line-height: 18.9px;border-radius: 8px;margin-top: 8px;}
#resource-wrap .resource-link:hover {background: var(--brandcolor);color: #fff;}
#resource-wrap .resource-link:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(299deg) brightness(102%) contrast(102%);}
.resource-link img {width: 24px;}

#page-title {font-size: 48px;line-height: 57.6px;color: #1A1A1A;font-weight: 700;letter-spacing: -0.96px;margin-bottom: 0;text-transform: capitalize;}

#breadcrumbs {margin: 16px 0 48px;}
#breadcrumbs ul {margin: 0;padding: 0;list-style: none;text-transform: capitalize;}
#breadcrumbs ul li {display: inline-block;margin: 0;position: relative;font-size: 14px;margin-right: 52px;color: #4D4D4D;font-weight: 400 !important;letter-spacing: -0.28px;text-decoration: none;}
#breadcrumbs ul li:last-child {margin-right: 0;}
#breadcrumbs a {display: inline-block;position: relative;font-size: 14px; color: #1A1A1A;text-decoration: none;font-weight: 700;line-height: 18.9px;}
#breadcrumbs ul li:not(:last-of-type)::after {content: '\f0da';font-family: 'FontAwesome';font-size: 14px;position: absolute;top: 50%;transform: translateY(-50%);margin: 0 26px;color: #1A1A1A;}

#post blockquote {position: relative;margin: 48px 0;font-size: 24px;line-height: 36px;color: #1A1A1A;font-weight: 400;background: #E7F0F8;padding: 24px 32px;border-radius: 16px;letter-spacing: -0.48px;text-transform: capitalize;}
#post blockquote span {display: block;color: #3C8BC6;font-size: 16px;font-weight: 700;line-height: 21.6px;letter-spacing: -0.32px;padding-left: 32px;margin-bottom: 13px;position: relative;}
#post blockquote span::before {position: absolute;content: '';background: url(../images/quote-icon.png) center/cover no-repeat;width: 24px;height: 24px;left: 0;}

/* -----------------------------------------

#share widget

-----------------------------------------*/
.modal { z-index: 100000; }
.modal .modal-dialog { transition: transform cubic-bezier(0.86,0,0.07,1); transform: scale(.98)!important; opacity: 1!important; }
.modal.show .modal-dialog { transition: transform .3s cubic-bezier(0.86,0,0.07,1); transform: translateY(0%)!important; }
.modal-content { border-radius: 10px; overflow: hidden; border: 0; }
.modal-header { background: #d2d2d2; border-radius: 10px 10px 0 0; font-size: 18px; line-height: 1.4; }
.share-btns { display: flex; gap: 8px; justify-content: center; }
.share-btns a { display: flex; text-decoration: none; border-radius: 100%; height: 44px; width: 44px; outline-offset: 0; outline: 2px solid transparent; transition: all .3s; }
.share-btns svg { width: 16px; height: 16px; margin: auto; fill: #fff; }
.btn-linkedin { background: #0077b5; }
.btn-linkedin:hover { border-color: #0077b5; outline: 2px solid #0077b5; outline-offset: 2px; }
.btn-facebook { background: #3b5998; }
.btn-facebook:hover { border-color: #3b5998; outline: 2px solid #3b5998; outline-offset: 2px; }
.btn-twitter { background: #000; }
.btn-twitter:hover { border-color: #000; outline: 2px solid #000; outline-offset: 2px; }
.btn-reddit { background: #ff5700; }
.btn-reddit:hover { border-color: #ff5700; outline: 2px solid #ff5700; outline-offset: 2px; }
.modal .btn { font-size: 16px!important; font-weight: bold!important; padding: .6rem 1.2rem!important; border: 0!important; line-height: 1.4!important; text-transform: none!important; letter-spacing: 0!important; color: #000!important; border: 0!important; }
.modal .btn.p-0 { padding: 0!important; }
.modal .btn-inverse:focus { box-shadow: 0 0 0 .2rem rgba(0,0,0,.25); }
.floating-share-btn { position: fixed;z-index: 1022;top: 44%;left: 4px;border-radius: 50%;border: 0;background: #046a36;width: 44px;height: 44px;padding: 0;line-height: 1;text-align: center;margin-top: 48px;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.floating-share-btn img { width: 20px; }
.floating-share-btn svg path { fill: #fff; }
.floating-share-btn:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), #008742;}


/* site-plugin */
#ada-plugin{position: fixed;z-index: 1022;left: 4px;top: 44%;}
body #userwayAccessibilityIcon{display: none !important;}
#ada-btn {width: 44px;height: 44px;background: #7A180D;border:0;border-radius: 50%;padding:0;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
#ada-btn img{width: 20px;}
#ada-btn:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), #7A180D}


/* -----------------------------------------

#slider

-----------------------------------------*/

#slider {position:relative;height: 500px; z-index:1}
#homepage:not(.police-dept, .fire-dept, .parks-dept, .public-works-dept) #slider {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-controls {top: unset;transform: unset;bottom: 40px; z-index: 2;}
#slider .tns-controls button {background: rgba(255, 255, 255, 0.92);}
#slider .tns-controls button:first-of-type{ margin-left: 48px;}
#slider .tns-controls button:last-of-type{ margin-right: 48px;}
#slider-data-section {position: relative;}
#homepage:not(.police-dept, .fire-dept, .parks-dept, .public-works-dept) .section::before {position: absolute;content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.56) 16%, rgba(0, 0, 0, 0.32) 32%);width: 100%;height: 100%;top: 0;left: 0;}
#slider-data-section .container {width: 100%;}
#slider-data {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 15px;z-index: 3;}
.slider-heading {color: #fff;font-size: 100px;font-weight: 500;line-height: 100px;letter-spacing: -1.6px;margin-bottom: 0;text-transform: math-auto;font-family: "Crimson Text", serif;text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.4);}
.slider-heading span {display: block;color: #fff;font-size: 32px;font-weight: 400;line-height: 40.8px;letter-spacing: 1px;text-transform: uppercase;margin: 24px 0 0;font-family: "Crimson Text", serif;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);}
.slider-subheading {color: #FFE001;font-size: 24px;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;text-transform: capitalize;padding-top: 4px;width: fit-content;margin: 48px auto 0;border-top: 2px solid #FFE001;}

.tiny-slider-wrap > .tns-outer,
.tiny-slider-wrap > .tns-outer > .tns-inner,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
#homepage #slider .tns-inner,
#homepage #slider .tiny-slider,
#homepage #slider .tiny-item {height: 100%;}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);}
.tns-controls button {background: #fff;padding: 0 !important;width:40px;height:40px;border: 0;border-radius: 50%;line-height: 1;transition: all 0.3s;}
.tns-controls button img {width: 24px;}
.tns-controls button:hover {background: #FFFCE3;}
.tns-controls button:hover img {filter: brightness(0) saturate(100%) invert(31%) sepia(79%) saturate(486%) hue-rotate(16deg) brightness(94%) contrast(102%);}
.tns-controls button:last-of-type {float:right}
.tiny-slider-wrap button[data-action]{position:absolute;left: 50%;transform: translateX(-50%);bottom:100px;z-index:2}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}
button[data-action="stop"] {background: none;padding: 0;border: 0;width: 32px;height: 32px;font-size: 0;border: none;}
button[data-action="start"] {background: none;padding: 0;border: 0;width: 32px;height: 32px;font-size: 0;border: none;}
button[data-action="stop"]:hover, button[data-action="start"]:hover {filter: brightness(0) saturate(100%) invert(88%) sepia(76%) saturate(371%) hue-rotate(318deg) brightness(90%) contrast(88%);}
.slider-curve {position: absolute;bottom: 0;width: 100%;height: 68px;}

.slider-btns {display: flex;align-items: center;justify-content: space-between;position: absolute;bottom: 40px;left: 0;width: 100%;z-index: 2;}
.slider-btns button, .slider-btns button {background: rgba(255, 255, 255, 0.92);padding: 0;width:40px;height:40px;border: 0;border-radius: 50%;line-height: 1;transition: all 0.3s;}
.slider-btns button img, .slider-btns button img {width: 24px;}
.slider-btns button:first-of-type {margin-left: 33px;}
.slider-btns button:last-of-type {margin-right: 33px;}
.slider-btns button:hover {background: #FFFCE3;}
.slider-btns button:hover img {filter: brightness(0) saturate(100%) invert(29%) sepia(64%) saturate(920%) hue-rotate(23deg) brightness(97%) contrast(103%);}

#video-controls {background: rgba(255, 255, 255, 0.16);border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 3;}
#video-controls button {background: none;border: none;display: flex;align-items: center;font-weight: 700;color: var(--white);letter-spacing: 0.64px;line-height:1;text-transform: uppercase;outline: none;padding: 0;}
#video-controls button img {width: 24px;}

.section {position: relative;}
#homepage:not(.fire-dept).section::before {position: absolute;content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.56) 16%, rgba(0, 0, 0, 0.32) 32%);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.section-header {margin-bottom: 40px;position: relative;}
.section-heading {color: #1A1A1A;font-size: 40px;font-weight: 700;line-height: 48px;letter-spacing: -0.8px;text-transform: capitalize;margin: 0;display: flex;align-items: center;gap: 12px;}
.section-heading img {width: 24px;}
.section-text {color: #1A1A1A;line-height: 21.6px;letter-spacing: -0.32px;}

.dept-header-main {position: fixed;width: 100%;bottom: 0;z-index: 1024;transition: top 0.4s ease, bottom 0.4s ease;}

/* discover style */
#quick-links {position: relative;z-index: 1;}
#quick-links.section::before {background: linear-gradient(0deg, rgba(37, 175, 96, 0.05) 0%, rgba(37, 175, 96, 0.05) 100%), linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%) !important;}
.quick-links-in {position: relative;z-index: 1;}
.quick-link {display: block;padding: 40px;height: 240px;background-color: var(--brandlight);border: 2px solid var(--brandcolor);border-radius: 16px;text-decoration: none;transition: all 0.3s;position: relative;z-index: 1;}
.quick-link:hover {background-color: #FFFCE3;border-color: #FFE001;text-decoration: none;}
.quick-link:not(:last-child) {margin-bottom: 8px;}
.qlink-icon-box {background-color: #fff;border: 2px solid transparent;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 72px;height: 72px;transition: all 0.3s;}
.qlink-icon-box img {width: 40px;}
.quick-link:hover .qlink-icon-box {border-color: #FFE001;}
.quick-link:hover .qlink-icon-box img {filter: brightness(0) saturate(100%) invert(29%) sepia(64%) saturate(920%) hue-rotate(23deg) brightness(97%) contrast(103%);}
.qlink-title {color: #1A1A1A;font-size: 24px;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;text-transform: capitalize;margin: 16px 0 0;}
#quick-links .tns-controls {display: flex;align-items: center;justify-content: flex-end;gap: 16px;top: -82px;transform: unset;width: fit-content;margin-left: auto;z-index: 14;}
#quick-links .tns-controls button:first-of-type{margin-left: 10px;}
#quick-links .tns-controls button:last-of-type{margin-right: 10px;}
.user-logged-in #quick-links .fp-tableCell {vertical-align: bottom;padding-bottom: 32px;}


/* news style */
#news {position: relative;z-index: 1;}
#homepage  #news.section::before {background: linear-gradient(0deg, rgba(255, 224, 1, 0.05) 0%, rgba(255, 224, 1, 0.05) 100%), linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%) !important;}
.news-item {display: block;background-color: #fff;border: 2px solid var(--brandcolor);border-radius: 16px;padding: 16px;text-decoration: none;transition: all 0.3s;}
.news-item:hover {background-color: #FFFCE3;border-color: #FFE001;text-decoration: none;}
#news .news-date {color: #4D4D4D;font-size: 14px;font-weight: 700;line-height: 18.9px;padding-left: 16px;}
#news .news-banner {height: 303px;border-radius: 8px;margin-top: 12px;}
#news .news-info {padding: 24px 16px 16px;}
#news .news-title {color: #1A1A1A;font-size: 24px;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;margin-bottom: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.news-more {display: inline-block;color: var(--brandcolor);font-weight: 700;letter-spacing: -0.32px;margin-top: 20px;transition: all 0.3s;}
.news-item:hover .news-more {color: #665A00;}
#news .tns-controls {display: flex;align-items: center;justify-content: flex-end;gap: 16px;top: -85px;right: 166px;left: unset;transform: unset;width: fit-content;z-index: 18;}
.user-logged-in #news .fp-tableCell {vertical-align: bottom;padding-bottom: 32px;}

/* events style */
#events {position: relative;z-index: 1;}
#events.section::before {background: linear-gradient(0deg, rgba(60, 139, 198, 0.05) 0%, rgba(60, 139, 198, 0.05) 100%), linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%) !important;}
#events .section-header {z-index: 2;}
#events .section-header-right {display: flex;align-items: center;gap: 16px;}
#event-tabs-box {position: relative;z-index: 12;}
#event-filter {position: relative;background-color: rgba(255, 255, 255, 0.92);border-radius: 50px;padding: 11.6px 24px;font-size: 18px;font-weight: 700;color: #1A1A1A;letter-spacing: -0.36px;cursor: pointer;display: flex;align-items: center;transition: all 0.3s;}
#event-filter::after{content:'';display:inline-block;width:20px;height:20px;position:relative;left:8px;top:1px;background:url(../images/event-select-arrow.png) center/cover no-repeat}
#event-filter:hover, #event-filter.opened {background-color: #FFFCE3;color: #665A00;}
#event-tabs {position: absolute;right: 0;top: 100%;background-color: var(--brandcolor);border-radius: 24px;padding: 10px;margin: 0;list-style-type: none;width: 200px;transition: all .4s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(25px);z-index: 1;}
#event-filter.opened + #event-tabs-wrap #event-tabs {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
#event-tabs .event-tab {background-color: #fff;border-radius: 32px;padding: 8px 12px;margin-bottom: 4px;font-size: 16px;font-weight: 500;letter-spacing: -0.18px;color: #1A1A1A !important;cursor: pointer;}
#event-tabs .event-tab:last-of-type {margin-bottom: 0;}
#events-in {position: relative;z-index: 1;}
.user-logged-in #events .fp-tableCell {vertical-align: bottom;padding-bottom: 32px;}


/* section explore */
#videos {position: relative;z-index: 1;}
#videos.section::before {background: linear-gradient(0deg, rgba(37, 175, 96, 0.05) 0%, rgba(37, 175, 96, 0.05) 100%), linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%) !important;}
#videos .fp-tableCell {vertical-align: bottom;padding-bottom: 32px;}
#videos .section-heading {justify-content: center;}
#videos .section-text {max-width: 744px;margin: 24px auto 0;}
#videos .button {margin-top: 24px;}
#video-wrap {max-width: 900px;width: 100%;height: 380px;margin: 0 auto;border-radius: 16px;position: relative;display: flex;justify-content: center;align-items: center;z-index: 1;}
#video-banner {position: absolute;top: 0;left: 0;height: 100%;width: 100%;border-radius: 16px;z-index: -1;}
#video-wrap .video-btn img {width: 64px;}
#video-wrap .video-btn:hover img {filter: brightness(0) saturate(100%) invert(78%) sepia(51%) saturate(865%) hue-rotate(359deg) brightness(106%) contrast(103%);}

/* section public hearing */
#hearing {position: relative;z-index: 1;}
#hearing.section::before {background: linear-gradient(0deg, rgba(60, 139, 198, 0.05) 0%, rgba(60, 139, 198, 0.05) 100%), linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%) !important;}
#hearing .section-heading {margin-bottom: 24px;}
#hearing-in {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;position: relative;z-index: 1;}
.hearing-content {padding-right: 48px;}
.hearing-content p {color: #1A1A1A;line-height: 21.6px;letter-spacing: -0.32px;}
#hearing .button {margin-top: 12px;}
.hearing-link {display:flex;flex-wrap:wrap;align-items:center;position:relative;background: #fff;border: 2px solid var(--brandcolor);border-radius: 16px;padding: 18px 24px;height:148px;cursor:pointer;border-radius:8px;overflow:hidden;transition: all 0.3s;}
.hearing-link:not(:last-of-type) {margin-bottom:8px}
.hearing-link:hover {background-color: #FFFCE3;border-color: #FFE001;}
.hearing-date-wrap {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50px;border: 2px solid transparent;background: var(--brandlight);transition:all .3s}
.hearing-date-wrap .hearing-month {display:block;width:100%;text-align:center;font-size:14px;font-weight: 700;color: #1A1A1A;text-transform:uppercase;margin-bottom:0;line-height:18.9px;letter-spacing: -0.28px;align-self:flex-end;transition:all .3s}
.hearing-date-wrap .hearing-day{display:block;width:100%;text-align:center;font-weight:700;font-size:36px;color:#1A1A1A;line-height:43.2px;letter-spacing: -0.72px;text-transform: capitalize;align-self:flex-start;transition:all .3s;}
.hearing-link:hover .hearing-date-wrap  {background-color: #fff;border-color: #FFE001;}
.hearing-link:hover .hearing-month, .hearing-link:hover .hearing-day {color: #665A00;}
.hearing-data{width:calc(100% - 100px);padding-left: 24px;align-self:center;overflow:auto}
.hearing-time {display: flex;align-items: center;gap: 5px;font-size: 14px;font-weight: 700;line-height: 18.9px;letter-spacing: -0.28px;color: #4D4D4D;transition: all 0.3s;}
.hearing-time img {width: 16px;transition: all 0.2s;}
.hearing-link:hover:hover .hearing-time img {filter: brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(699%) hue-rotate(24deg) brightness(94%) contrast(101%);}
.hearing-title{width:100%;margin: 8px 0 0;font-weight:700;font-size:24px;color:#1A1A1A;line-height:28.8px;letter-spacing: -0.48px;align-self:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}


/* section social media */
#social-media.section::before {background: linear-gradient(0deg, rgba(37, 175, 96, 0.05) 0%, rgba(37, 175, 96, 0.05) 100%), linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%) !important;}
#social-media .section-heading {justify-content: center;}
#social-media .section-text {max-width: 744px;margin: 24px auto 0;}
#social-media-in {position: relative;z-index: 1;}

/* section enotify */
#enotify {position: relative;padding: 40px 0;z-index: 1;}
#enotify::before {position: absolute;content: '';background: url(../images/enotify-bg.png) center/cover no-repeat;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.enotify-icon-box {background-color: var(--brandlight);border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 72px;height: 72px;margin: 0 auto;}
.enotify-icon-box img {width: 40px;}
#enotify .section-heading {margin-top: 16px;justify-content: center;}
#enotify .section-text {max-width: 972px;margin: 24px auto 0;}
#enotify .button {margin-top: 32px;}
#enotify .button img {width: 20px;margin-left: 8px;}

/* tiles style */
.tiles-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}
.tile-img {width: 100%;height: 224px;border-radius: 8px;}
.tile-card {background: #fff;border-radius: 16px;border: 2px solid #25AF60;display: block;padding: 16px;}
.tile-info {padding: 24px 16px 16px;}
.tile-title {color: #1A1A1A;font-size: 24px;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;margin: 0;}
.tile-text {color: #1A1A1A;font-size: 14px;font-weight: 400;line-height: 18.9px;letter-spacing: -0.28px;margin: 8px 0 0;}
.tile-contact-details {margin-top: 24px;}
.tile-contact-details ul {margin: 0;padding: 0;list-style-type: none;}
.tile-contact-details ul li {margin-bottom: 14px;}
.tile-contact-details ul li a {display: flex;align-items: center;gap: 12px;color: #1A1A1A;font-size: 14px;font-weight: 400;line-height: 18.9px;letter-spacing: -0.28px;text-decoration: none;}
.tile-contact-details ul li a img {width: 24px;}
.tile-contact-details ul li a.tile-file-link {color: #008742;text-decoration: underline;}
.tile-contact-details ul li a:hover {color: #008742;}

/* footer style */
#footer {position: relative;background: #fff;z-index: 1;}
#freeform #footer {border-top: none;}
#footer.section::before {display: none;}
#footer-top {padding: 40px 0 32px;position: relative;z-index: 1;}
#freeform #footer-top {padding: 48px 0 40px;}
.footer-logo {display: block;width: 123px;}
.footer-title {color:#1A1A1A;font-size: 18px;font-weight: 700;line-height: 24.3px;letter-spacing: -0.36px;text-transform: capitalize;margin-bottom: 28px;}
.footer-contact-info ul li {display: flex; align-items: center;gap: 12px;margin-bottom: 20px;}
.footer-contact-info ul li:last-child {margin-bottom: 0;}
.contact-icon-box img {max-width: 20px;width: 20px;}
.footer-col ul li:hover .contact-icon-box img {filter: brightness(0) saturate(100%) invert(22%) sepia(93%) saturate(2462%) hue-rotate(145deg) brightness(96%) contrast(103%);}
.footer-contact-info ul li a {color: #1A1A1A;font-size: 14px;font-weight: 400;line-height: 18.9px;letter-spacing: -0.28px; text-align: left;text-decoration: none;transition: all 0.3s;}
#footer .social-media-wrap {margin-top: 28px;}
#footer .social-media-link {filter: brightness(0) saturate(100%) invert(26%) sepia(86%) saturate(982%) hue-rotate(31deg) brightness(100%) contrast(101%);}
#footer .social-media-link:hover {filter: brightness(0) saturate(100%) invert(22%) sepia(93%) saturate(2462%) hue-rotate(145deg) brightness(96%) contrast(103%);}
.footer-col ul li {margin-bottom: 20px;}
.footer-col ul li:last-child {margin-bottom: 0;}
.footer-col ul li a {font-size: 14px;font-weight: 400;color: #1A1A1A !important;line-height: 18.9px;letter-spacing: -0.28px;text-decoration: none;transition: all 0.3s;}
.footer-col ul li:hover a {color: #008742 !important;}
#footer-bottom {padding: 24px 0;border-top: 1px solid #E5E5E5;font-family: "Montserrat", sans-serif;position: relative;z-index: 1;}
#footer-bottom .container {width: 1634px;}
#revize {font-size: 14px;font-weight: 400;line-height: 18.9px;color: #1E1E1E;}
#revize img {width: 32px;margin-right: 8px;}
#revize-link {font-size: 14px;font-weight: 400;color: #1E1E1E;text-decoration: none;}
#revize-login {font-size: 14px;font-weight: 400;color: #1E1E1E !important;}
#revize-link:hover {text-decoration: underline;text-underline-offset: 2px;}
.footer-delimiter {position: relative;margin-right: 40px;color: #1E1E1E !important;text-decoration: none;}
.footer-delimiter::after {content: '';display: inline-block;width: 1px;height: 14px;background: rgba(30, 30, 30, 0.20);right: -20px;top: 5px;position: absolute;}
.privacy-link {font-size: 14px;font-weight: 400;color: #1E1E1E !important;text-decoration: none;}


/* -----------------------------------------

#Blog

----------------------------------------- */
img.blog-img {width: 100%;height: auto;}
hgroup.blog-header {margin: 0;font-family: 'DIN',sans-serif;font-size: 32px;text-transform: capitalize;font-weight: bold;letter-spacing: -.025em;padding: 15px 30px;}
.blog-header h2 {color: #3A5976!important;margin: 0;font-size: 21px;line-height: 30px;width: 73%;text-decoration: none;}
.blog-header h3 {font-family: 'Gotham',sans-serif;font-weight: 700;font-size: 16px;text-transform: uppercase;color: #389583;margin: 0;line-height: 42px;width: 27%;text-align: right;}
.blog-caption {padding: 30px;font-size:15px;line-height:27px}
a.blog-readmore {font-weight: bold;text-decoration: none;display:block;margin-top:15px}
a.blog-readmore:after {content: "\f054";font-family: FontAwesome;font-size: 14px;padding-left: 4px;}
.no-after a:after{display:none}
img.blog-inner-img {max-width: 40%;margin: 0 0 30px 30px;}
.blog-header small {color: #fff;background: #389583;border-radius: 3px;padding: 5px;display: inline-block;letter-spacing: 0.025em;margin-top: 3px;}
.blog-item{box-shadow: 0 4px 20px rgba(0,0,0,.25);margin-bottom:30px}
@media only screen and (min-width:992px) {
    #blog-posts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
    .blog-item {width:calc(50% - 30px);margin:0px 15px 30px 15px}
}


/* -----------------------------------------

#media queries

-----------------------------------------*/

@media only screen and (max-width:1500px) {
	.scroll-link {width: 45px;}
	.scroll-menu-icon-box {line-height: 1;}
}

@media only screen and (max-width:1200px) {
	.site-header #nav a, .site-header #nav span {font-size: 13px;padding: 10px;}
	.slider-heading {font-size: 64px;line-height: 64px;}
}

@media only screen and (min-width:992px) {

	.site-header #nav .toggle,
	.site-header #nav .toggle2{display:none}
	
	.site-header #nav .focused .toggle,
	.site-header #nav .focused .toggle2,
	#flyout .focused .toggle{display:inline-block !important;margin-left:-8px;padding: 0;height: auto;}
	
	#flyout .focused .toggle,
	.site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	
	/* base nav styles  */
	.sticky-header {position: fixed;width: 100%;top: 0;z-index: 1022;}
	.sticky-header.sticky {background: #0F5184;}
	.site-header #nav {display: flex;justify-content: center;height: 80px;}
	.site-header #nav li:hover>ul{display:block}
	.site-header #nav ul a:not(.fa),
	.site-header #nav ul span{display:block;color:#000}
	.site-header #nav a,
	.site-header #nav span { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
	.site-header #nav>li:hover>a:not(.fa),
	.site-header #nav>li:hover>span:not(.fa) {color: #FFE001;}

	/* traditional    */
	#nav ul{position:absolute;left:0;top:100%;display:none}
	#nav ul:not(make-mage) ul{left:100%;top:0;position: static;display: block !important;}
	#nav li{position:relative;display: flex;align-items: center;}
	#nav ul li {display: block;width: 100%;}
	#nav :not(make-mage) .focused .toggle2{-webkit-transform:rotate(-90deg);position:absolute;right:15px;top: 8px;transform:translateY(-50%) rotate(-90deg);}
	
	/* mega menu */
	#nav li.static:hover ul{display:block}
	#nav>li>ul.make-mage{position:absolute;left:0;right:0;top:100%;display:none;margin: 0 auto;width: 1224px;max-width: 100%;overflow: auto;}
	#nav>li>ul.make-mage>.mega-scroll {-webkit-column-count:4;-moz-column-count:4;column-count:4;column-rule: 2px solid #D5E1EA;column-gap: 48px;padding: 40px 48px;border-radius: 0 0 16px 16px;background-color: #E7F0F8;border: 2px solid #3C8BC6;}
	#nav>li>ul.make-mage>.mega-scroll>li{display: table;page-break-inside: avoid;}
	#nav li:hover>ul.make-mage ul{position:static;margin: -10px 0 0;}
	#nav ul.make-mage a:not(.fa),
	#nav ul.make-mage span{font-size:18px;font-weight: 700;line-height: normal;letter-spacing: -0.36px;text-transform: capitalize;color: #1A1A1A;display: inline-block;margin-bottom:20px;padding: 6px 8px;border-radius: 24px;}
	#nav ul.make-mage a:not(.fa):hover,
	#nav ul.make-mage span:hover {background-color: #FFE001;color: #665A00;}
	#nav ul.make-mage ul a:not(.fa),
	#nav ul.make-mage ul span{font-size: 16px;line-height: 21.6px;font-weight: 400;color: #1A1A1A;display: inline-block;margin: 0;padding: 8.2px 8.8px;text-transform: capitalize;}
	#nav .make-mage .focused .toggle2{display:block}

	.layout-table {table-layout: fixed;width: 100%}


	#flyout>li:hover>ul {display: block;}
	#flyout ul {position: absolute;left: 100%;top: 0;width: 200px;z-index: 10;background: var(--brandcolor);max-height: 350px !important;overflow: auto;}
	#flyout li:hover a,
	#flyout li:hover span {text-decoration: none;color: #008742;text-decoration: underline;text-underline-offset: 3px;}
	#flyout li:hover ul a,
	#flyout li:hover ul span {color: #fff;text-decoration: none;}
	#flyout li ul li:hover a {text-decoration: underline ;}
	#toggleButton {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border-radius: 12px;background: #1C4A50;display: flex;align-items: center;justify-content: center;z-index: 1;transition: 0.3s;cursor: pointer;transition: all 0.3s;}
	#toggleButton img {width: 24px;}
	#toggleButton:hover {background: #C69214;}
	#search.focus #toggleButton {background: none;}
	#search.focus #toggleButton img {filter: brightness(0) saturate(100%) invert(23%) sepia(68%) saturate(364%) hue-rotate(138deg) brightness(93%) contrast(96%);}

	#homepage.user-logged-in .sticky-header {top: 61px;}
	#homepage.user-logged-in .site-header .social-media-wrap {padding-left: 102px;}
	.crt-post-text {padding: 0 !important;margin: 16px 0 !important;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
	.crt-post-image {max-height: 200px;object-fit: cover;}
	#homepage #social-media .fp-tableCell {vertical-align: bottom;}
	#homepage.user-logged-in #header-in, #homepage.user-logged-in .site-header #nav {height: 100px;}
	#homepage.user-logged-in #alert {top: 200px;}
	#homepage.user-logged-in #slider-data-section .center-center {top: 29% !important;}
	#homepage.user-logged-in #footer .footer-col {padding-top: 40px;}

	#freeform.user-logged-in .sticky-header {top: 60px;}
	.rz-bar-bottom #freeform.user-logged-in .sticky-header, .rz-bar-left #freeform.user-logged-in .sticky-header {top: 20px;}
	#freeform.user-logged-in #rz-bar-wrap {top: 0;}
	.rz-bar-bottom #rz-bar-wrap {top: unset !important;}
	.department.user-logged-in #slider .center-center {top: 33% !important;}

}

@media only screen and (max-width:991px) {

	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	
	.site-header .toggle,
	.site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff !important;background:rgba(255, 255, 255, 0.251);position:absolute;right:0;top:0}
	.site-header .logo-wrap{position: relative;display:flex;align-items:center;justify-content:space-between;width: 100%;height: 100%;}
	.site-header #nav{position: absolute;left: 0;top: 100%;width: 100%;background: #0F5184;}
	.site-header #nav li{position:relative!important}
	.site-header #nav ul{display:none}
	.site-header #nav li a,
	.site-header #nav li span {font-size: 16px !important; color: #fff;font-weight: 500;}
	.site-header #nav ul a,
	.site-header #nav ul span {font-size: 14px !important; font-weight: 500;text-transform: capitalize;}
	.site-header #nav ul ul a,
	.site-header #nav ul ul span {font-size: 14px !important;text-transform: capitalize !important;}
	.site-header #nav>li>a:not(.fa) {display: flex;align-items: center;}
	.site-header #nav ul {background: rgba(0, 0, 0, 0.25);}
	#nav ul, #flyout ul {background: rgba(0, 0, 0, 0.25);}

	#freeform #formwizziwmorf tr, #freeform #formwizziwmorf tr td { display: block !important; }
	#freeform #formwizziwmorf tr table tr { display: table-row !important; }
	#freeform #formwizziwmorf tr table td { display: table-cell !important; }


	/* Allows tables to be used as columns with responsive stacking */
	.layout-table { width: 100% !important; }
	.layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr { display: block !important; }
	.layout-table td { margin-bottom: 15px; }

	#info-toggle, #nav-toggle, #search-toggle { line-height: 42px; width: 42px; text-align: center; background: var(--brandcolor);display: inline-block; color: #fff; border-radius: 4px; margin-left: 5px; cursor: pointer; }
	#nav, #flyout { display: none; }
	#nav li { display: block; }
	#nav a, #nav span, #flyout a, #flyout span { font-size: 14px !important; line-height: 1 !important; padding: 15px !important; border-bottom: 1px solid #bdbdbd; }
	#nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span { border: 0; }
	#flyout a, #flyout span { font-size: 16px !important; font-weight: 600; color: #fff; border-radius: 0; }
	#flyout li { padding: 0; }
	#flyout ul a, #flyout ul span { font-size: 14px !important; border-bottom: 1px solid #bdbdbd !important; color: #fff; }
	.toggle, .toggle2 { display: block; position: absolute; right: 0; top: 0; line-height: 45px; text-align: center; width: 45px; color: #fff !important; background: rgba(255, 255, 255, 0.251); transform: none !important; }


	#freeform aside {margin-top: 32px;}
	#page-title {font-size: 28px;line-height: 42.6px;}

	.subheader {font-size: 22px;margin: 24px 0 32px;}
	#flyout-wrap {padding: 0;background-color: var(--brandcolor);}
	#flyout-header {display: none;}
	#flyout-toggle {background-color: var(--brandcolor);padding: 10px 15px;border-radius: 12px; font-size: 18px;color: #fff;text-transform: capitalize;font-weight: 700;cursor: pointer;}

	#hours-wrap,
	#contact-wrap,
	#resource-wrap {padding: 32px 15px;}
	.freeform-box-header {font-size: 20px;}

	.sticky-header {position: relative;}
	.site-header {background-color: #0F5184;}
	#header-in {position: static;height: 82px;}
	.logo-wrap {display: flex;align-items: center;justify-content: space-between;width: 100%;}
	#logo {width: 80px;margin-top: 0;top: 1px;}

	.header-right {background: #0F5184;border-top: 1px solid #fff;padding: 15px;flex-direction: column;width: 100%;display: none;position: absolute;top: 100%;left: 0;}
	#search-wrap {max-width: 400px;width: 100%;}
	#search {position: relative;max-width: 100%;width: 100%;height: 44px;margin: 0;}
	#search form {width: 100%;height: 100%;}
	#search input {background-color: #fff;border-radius: 4px;padding: 5px 50px 5px 15px; position: static;width: 100%;height: 100%;position: static;transform: none;}
	#search button {width: 32px;height: 32px;background: none;right: 15px;}
	#search-toggle {display: none;}

	#ada-plugin, .floating-share-btn, .translator {top: 71%;}


	#slider {height: 350px;}
	#slider-data-section {height: calc(100vh - 82px);}
	#slider-data {top: 50%;}
	.slider-heading {font-size: 52px;line-height: 52px;}
	.slider-heading span {font-size: 18px;line-height: 26px;}
	#slider-search {margin-top: 48px;height: 48px;}
	#slider-search button {width: 26px;height: 26px;}
	.slider-btns {bottom: 32px;}
	.slider-btns button, .slider-btns button {width: 32px;height: 32px;}
	.slider-btns button img, .slider-btns button img {width: 20px;}
	#video-controls {width: 32px;height: 32px;bottom: 32px;}
	#video-controls button img {width: 20px;}
	.slider-btns button:first-of-type {margin-left: 15px;}
	.slider-btns button:last-of-type {margin-right: 15px;}
	#slider .tns-controls, .tiny-slider-wrap button[data-action] {bottom: 48px;}

	.tns-controls button {width: 32px;height: 32px;}
	.tns-controls button img {width: 20px;}

	.alert-in {flex-direction: column;align-items: center;text-align: center;padding: 24px 15px;}
	.alert-left, .alert-right {width: 100%;}
	.alert-btns {justify-content: center;}

	.button {font-size: 16px !important;}

	/* #fixed-btns {display: none;} */

	#quick-links {padding: 64px 0;}
	.quick-link {height: 200px;text-align: center;}
	.qlink-icon-box {margin: 0 auto;width: 64px;height: 64px;}
	.qlink-icon-box img {width: 32px;}
	.qlink-title {font-size: 22px;}
	#quick-links .tns-controls {top: -72px;}

	#news {padding: 64px 0;}
	#news .section-header {margin-bottom: 80px;}
	#news .button {margin-top: 24px;}
	#news .tns-controls {top: -59px;right: 0;justify-content: center;}
	.news-item {padding: 16px 15px;}
	#news .news-info {padding: 24px 0;}
	#news .news-title {font-size: 20px;}
	#news .news-date {padding-left: 0;}

	#events {padding: 64px 0;}
	#events .section-header-right {flex-direction: column-reverse;}
	#events .button {margin-top: 24px;}

	#videos {padding: 64px 0;}
	#video-wrap {height: 350px;}

	#hearing {padding: 64px 0;}
	#hearing-in {grid-template-columns: auto;gap: 24px;}
	.hearing-link {padding: 24px 15px;}
	.hearing-date-wrap {width: 70px;height: 70px;}
	.hearing-date-wrap .hearing-day {font-size: 20px;line-height: 23px;}
	.hearing-data {padding-left: 15px;width: calc(100% - 70px);}
	.hearing-title {font-size: 18px;line-height: 25px;}

	#social-media {padding: 64px 0;}

	#enotify {padding: 46px 0;}
	.enotify-icon-box {width: 64px;height: 64px;}
	.enotify-icon-box img {width: 32px;}

	.dept-header-main {position: relative;}
	#scroll-menu li {margin-bottom: 2px;}
	.scroll-link {width: 34px;height: 34px;padding: 12px 11px;}
	.scroll-menu-icon-box img {width: 15px;min-width: 15px;}
	#backTo_Top {display: none;}

	.tiles-wrapper {grid-template-columns: repeat(2, 1fr);}

	.footer-logo {margin: 0 auto;}
	.footer-title {margin-bottom: 20px;}
	.footer-contact-info ul li {justify-content: center;}
	.footer-col {text-align: center;}
	.footer-col ul li a {text-align: center;word-break: break-all;}
	#footer .social-media-wrap {justify-content: center;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	.floating-alert { width: auto; right: 10px; left: 10px; bottom: 0; top: unset; font-size: 12px; }
	.floating-alert h4 { margin-bottom: 10px; font-size: 14px; }
	.floating-alert .btn { font-size: 10px; }
	.share-btns a { padding: 10px; font-size: 12px; white-space: nowrap; overflow: hidden; }
	.share-btns i { display: block; line-height: 50px !important; font-size: 20px; }

	#breadcrumbs ul li {margin-right: 26px;}
	#breadcrumbs ul li:not(:last-of-type)::after {margin: 0 14px}

	#post blockquote {font-size: 18px;line-height: 28px;padding: 24px 15px;}
	
	.slider-heading {font-size: 42px;line-height: 42px;}
	.slider-heading span {font-size: 16px;line-height: 24px;}
	.slider-subheading {font-size: 21px;line-height: 26.8px;font-weight: 600;}

	.quick-link {padding: 24px 15px;}
	.qlink-title {font-size: 20px;}

	.section-heading {font-size: 34px;line-height: 42px;}

	#event-tabs .event-tab {font-size: 14px;text-transform: capitalize;}

	.explore-location-btn {font-size: 14px;}
	#mapIframe {height: 350px !important;}

	.tiles-wrapper {grid-template-columns: auto;}

	.footer-contact-list {grid-template-columns: auto;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
	.slider-heading {font-size: 38px;line-height: 38px;}
	.slider-heading span {font-size: 14px;font-weight: 600;margin-top: 10px;}
	.slider-subheading {font-size: 18px;}

	.section-heading {font-size: 24px;line-height: 34px;}

	#news .news-title {font-size: 18px;line-height: 26px;}

	#event-tabs .event-tab .tab-icon-box img {width: 22px;margin-bottom: 0;}
}

@media print {

	#slider,
	footer,
	#breadcrumbs,
	#flyout-wrap,
	.floating-share-btn,
	.e-notify,
	.site-header {
		display: none !important
	}

	a[href]:after {
		content: none !important
	}
}