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

	Theme Name: Stark County, Ohio
	Front-end developer: Hayk Galoyan
	Author Design: Alex Parent
	Author URI: http://www.revize.com/
	Date: 06/15/2021

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

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Rosario:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');


@font-face {
    font-family: 'Tw Cen MT Std';
    src: url('../fonts/TwCenMTStd.woff2') format('woff2'),
         url('../fonts/TwCenMTStd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tw Cen MT Std';
    src: url('../fonts/TwCenMTStd-Bold.woff2') format('woff2'),
         url('../fonts/TwCenMTStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:15px;line-height:1.8;font-family:'Rosario',sans-serif;font-weight:400;color:#000;-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:#111;font-weight:normal;margin-bottom:30px;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:700 28px 'Rosario',sans-serif;color:#000;text-transform:capitalize;margin-bottom:40px}
.subheader{font:700 20px 'Rosario',sans-serif;color:#000;text-transform:capitalize;margin-bottom:13px}
p{margin:0 0 30px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

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

#links

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

#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,
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding:.375rem .75rem;background:#be4242;color:#fff;border:0;border-radius:0;display:inline-block;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family:sans-serif;transition:all .3s}
.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:#993434;color:#fff}
.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:#993434;color:#fff}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}

.slider-btn {position: absolute;z-index: 999;top:60px;}

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

#forms

-----------------------------------------*/
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#6a6a6a;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:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;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:#b6573d;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:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px}
.floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{margin:20px 0 0 0!important;background:#be4242;text-decoration:none;color:#fff}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:5px}
.floating-alert p{margin-bottom:0}

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

#rz edit

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

#gov{background:#004677;color:#fff}
#gov-seal{width:30px}
#gov button{padding:0;border:0;color:#fff;background:none;font-weight:700}
#gov .container{display:none}
#gov .text-center{border-bottom:10px solid #b91217;padding:15px 0}
#chat-wrapper{position:fixed;right:15px;bottom:15px;z-index:999}
#gov .clearfix{padding:15px 0 25px}
#gov .clearfix>img{float:left;margin-right:30px}
#gov p{margin:0}
.gov-right{overflow:hidden}
.rzHeader {position: absolute;top: 150px;left: 0;right: 0;z-index: 101;margin: auto;}
a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"], #search-caption a>span.rzBtn {
    all: unset;
    position: relative;
    z-index: 199;
    display: inline-block!important;
    font-family: 'Archivo',sans-serif!important;
    letter-spacing: 0px;
    padding: 5px 15px;
    background: #000;
    background: linear-gradient(#333,#000);
    color: #EEE!important;
    font-weight: 700;
    text-transform: none;
    box-shadow: inset 0 0 1px 1px rgb(255 255 255 / 10%);
    font-size: 16px;
    line-height: 26px;
    white-space: nowrap;
	cursor: pointer;
}
#homepage a[href*="/revize_faq.php"], #freeform a[href*="/revize_faq.php"] {padding: 0!important}
#homepage a[href*="/revize_faq.php"]::after, #freeform a[href*="/revize_faq.php"]::after {
	content: "Help";
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    padding: 5px 22px 5px 23px;
    background: #000;
    background: linear-gradient(#333,#000);
    color: #EEE;
    font-weight: 700;
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1);
    font-size: 16px;
    line-height: 26px;
    white-space: nowrap;
}
#homepage a[href*="/revize_faq.php"] > img, #freeform a[href*="/revize_faq.php"] > img {position: relative;z-index: 2;display: none;}
.rzAdmin {position: relative;left:0;z-index: 199;display: inline-block;padding: 0 18px;margin-top: 1px;}
.rzAdmin::after {content: "Admin Panel";z-index: 1;position: absolute; left: 0; top: -1px;display: inline-block;font-family: 'Archivo',sans-serif;padding: 5px 13px;background: #000;background: linear-gradient(#333,#000);color: #EEE;font-weight: 700;box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1);font-size: 16px;line-height: 26px;white-space: nowrap;}
.rzAdmin > img {position: relative;z-index: 2;opacity: 0;width: 87px;height: 36px;}
body > a > .rzBtn {
    position: absolute;
    left: 50%;
    top: 250px;
}

.rzBtn{background:#be4242!important}

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

#main

-----------------------------------------*/
#post table caption, #tinymce table caption{text-align:left;caption-side:top}
.span button{color:#fff !important}
.container{width:1330px;max-width:100%;margin:0 auto;padding:0 15px}
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto}
.fc-day-grid-event .fc-content {white-space: initial !important;}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}
.section-btn-wrap{text-align:center;margin-top:10px}
.section-btn{display:inline-block;padding:20px 58px;background:#be4242;font:bold 16px 'Rosario',sans-serif;color:#fff;text-decoration:none;text-transform:capitalize;border-radius:5px}
.section-btn:hover{color:#fff;text-decoration:none}

/* Calendar ADA Fix */
#calendar .fc-day-header span {display: none;}
#calendar .fc-day-header.fc-sun::after {content: 'Sun'; font-size: 18px;}
#calendar .fc-day-header.fc-mon::after {content: 'Mon'; font-size: 18px;}
#calendar .fc-day-header.fc-tue::after {content: 'Tue'; font-size: 18px;}
#calendar .fc-day-header.fc-wed::after {content: 'Wed'; font-size: 18px;}
#calendar .fc-day-header.fc-thu::after {content: 'Thu'; font-size: 18px;}
#calendar .fc-day-header.fc-fri::after {content: 'Fri'; font-size: 18px;}
#calendar .fc-day-header.fc-sat::after {content: 'Sat'; font-size: 18px;}

#calendar .fc-button-primary {text-shadow: 0px 1px 3px black;}
#calendar .fc-button-active {text-decoration: underline;}
#calendar .fc-list-heading-main, #calendar .fc-list-heading-alt {color: #0068D6;}
.fc-day-top.fc-other-month {opacity: 1 !important;}
.fc-other-month.fc-future a, .fc-other-month.fc-past a {color: #00000095 !important;}

/* Alert box */
.app-alert{width:100%;height:auto;z-index:100;background:#960f0f}
.app-alert .container{width:1530px}
.app-alert-in{display:flex;align-items:center;justify-content:center;padding:2px 0 5px;font:700 14px 'Rosario',sans-serif;color:#f9f9f9;width:100%;min-height:40px;z-index:500;position:relative}
.alert-text{margin-right:13px}
.alert-learn-more{display:inline-block;text-transform:uppercase;text-decoration:underline;color:#f9f9f9}
.alert-learn-more:hover{text-decoration:none;color:#f9f9f9}

header{background:rgba(15, 32, 50, 0.902);transition:all 320ms;position:relative;z-index:300}
header .container{width:1490px}
#header-in{display:flex;justify-content:space-between;height:100px;position:relative}
#logo-wrap{display:inline-flex;align-items:center;min-width:150px}
#logo{display:inline-block}
#logo img{width:217px}
#nav,.nav{padding:0;margin:0 0 0 23px}
#nav .toggle, .nav .toggle, #nav .toggle2, .nav .toggle2, #flyout .toggle, .flyout .toggle{display:none;padding:0!important;font-family:FontAwesome!important}
#nav li, .nav li{margin:0!important;display:inline-block}
#nav > li:last-child,.nav > li:last-child{padding-right:0}
#nav a,.nav a,#nav span,.nav span{display:inline-flex;align-items:center;text-align:center;font:700 18px 'Rosario',sans-serif;color:#fff;text-decoration:none;text-transform:capitalize;padding:5px 25px;position:relative;transition:all 320ms;height:100px}
#nav ul,.nav ul{position:absolute;top:100%;left:80px;right:80px;padding:40px 16px 40px 40px;margin:0;column-count:4;column-gap:6%;display:none;background:#06111c;z-index:210}
#nav ul a,.nav ul a,#nav ul span,.nav ul span{display:block;padding:0 5px;margin-bottom:19px;color:#BE4242!important;text-align:left;height:auto!important;text-transform:unset!important;outline-offset:-1px}
/* #nav ul li,.nav ul li{display:block;page-break-inside:avoid} */
#nav ul li,.nav ul li{display:block}
#nav ul ul,.nav ul ul{position:static;padding:0;column-count:1;column-gap:0}
#nav ul ul a,.nav ul ul a,#nav ul ul span,.nav ul ul span{padding:0 5px;font-size:14px;font-weight:400;margin-bottom:16px;line-height:1;letter-spacing:0;color:#fff!important}
.toggle-open .inner-cat-wrap{display:block !important}

/* Search */
#search{height:100%;align-items:center;margin:0 10px 0 7px}
#search form{position:relative;display:inline-block;width:100%;margin-bottom:0}
#search input{width:200px;height:44px;padding:0 55px 0 25px;font:500 12px 'Rosario',sans-serif;border:none;color:#fff;border-radius:50px;background:#535353}
#search button{position:absolute;top:4px;right:4px;height:36px;width:36px;background:#be4242;border:none;border-radius:50%;cursor:pointer;margin:0;padding:0}
#search button img{width:15px;position:relative;top:-2px}
#search input::-webkit-input-placeholder{color:#fff}
#search input:-moz-placeholder{color:#fff}
#search input::-moz-placeholder{color:#fff}
#search input:-ms-input-placeholder{color:#fff}

#homepage #main{padding-top:160px;position:relative}

/* Section services */
#services{position:absolute;top:-90px;left:0;width:100%}
#services-in{position:relative;z-index:10}
#services-carousel-wrap{position:relative;z-index:10}
#services-carousel-wrap{position:relative;z-index:10}
.service-item{display:block;text-align:center;text-decoration:none;background:#0f2032;background-clip:padding-box;height:180px;padding:39px 10px 15px;position:relative;border:3px solid rgba(255, 255, 255, 0.3);border-radius:4px;position:relative}
.service-banner{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.1;transition:all 320ms}
.service-item-icon-box{margin:0 auto;height:48px;width:48px;display:inline-flex;align-items:center;position:relative}
.service-item-title{display:flex;justify-content:center;width:100%;position:relative;z-index:10;font:700 18px 'Rosario',sans-serif;color:#fff;text-transform:capitalize;line-height:1.35;margin-top:14px}
.service-item:hover, .service-item:focus{text-decoration:none}
.service-item:hover .service-banner, .service-item:focus .service-banner{opacity:0.42}
#services button[data-action]{display:none}
#services .tns-controls{display:none}
#services .tns-nav{bottom:-40px;left:auto;right:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#services .tns-nav button{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;padding:5px}
#services .tns-nav button:before{content:'';display:inline-block;width:30px;height:6px;background:#b8b8b8;border-radius:3px;transition:all 320ms}
#services .tns-nav button:hover:before{height:10px;background:#be4242}
#services .tns-nav button.tns-nav-active:before{height:10px;background:#be4242}

/* Section news-events */
#news-events{min-height:827px;padding:30px 0;position:relative}
#news-events-bg-img{position:absolute;left:0;top:95px;width:100%;height:400px;z-index:-1}
#news-events-tabs{display:inline-flex;flex-wrap:wrap}
#news-events-tabs .news-events-tab{height:100%;width:235px;height:65px;display:flex;align-items:center;justify-content:center;position:relative;background:#be4242;font:bold 22px 'Rosario',sans-serif;color:#fff;cursor:pointer;text-transform:capitalize;text-align:center;padding:5px;transition:all 320ms;line-height:1;margin:0 10px 10px 0;border-radius:10px 10px 0 0}
#news-events-tabs .news-events-tab.current{background:#0f2032}
.news-events-tab-content:not(.current){display:none}
#news{margin:0 -10px}
.news-wrap{padding:40px 10px}
#news .news{display:block;text-decoration:none;border-radius:5px;transition:all 320ms;height:472px;overflow:hidden;box-shadow:0px 3px 8px 4px rgba(0, 0, 0, 0.04)}
#news .news-banner{height:290px;border-radius:5px 5px 0 0}
.news-info{padding:41px 47px 20px 50px;border-radius:0 0 5px 5px;background:#fff;transition:all 320ms;height:100%}
.news-info time{font:500 14px 'Rosario',sans-serif;color:#be4242;text-transform:uppercase;font-variant-numeric:lining-nums}
.news-title{font:700 20px 'Rosario',sans-serif;color:#000;margin:12px 0 17px;line-height:1.45}
.news-text{font:400 16px 'Ubuntu',sans-serif;color:#000;line-height:1.65;margin-bottom:17px;opacity:0;transition:all 320ms}
.news-read-more-wrap{margin-bottom:40px}
.news-read-more{font:700 16px 'Rosario',sans-serif;color:#be4242;text-transform:capitalize;text-decoration:underline}
.news-read-more:hover{color:#be4242;text-decoration:none}
.news-read-more:focus-within{color:#be4242;text-decoration:none}
#news .news:hover .news-info{transform:translateY(-219px);height:420px;overflow:auto;background:rgba(255, 255, 255, 0.949);border-radius:5px}
#news .news:hover .news-text{opacity:1}
#news .news:hover{background:#181818;box-shadow:unset}
#news .news:focus-within .news-info{transform:translateY(-219px);height:420px;overflow:auto;background:rgba(255, 255, 255, 0.949);border-radius:5px}
#news .news:focus-within .news-text{opacity:1}
#news .news:focus-within{background:#181818;box-shadow:unset}
#news .tns-controls{display:none}
#news .tns-nav{display:none}
#news button[data-action]{display:none}
#news-prev-next-wrap{display:none}
#events-box{margin:40px 0 50px;min-height:395px}

/* Footer */
footer{background:#0f2032;min-height:200px;padding:77px 0 66px}
#footer-in{display:flex}
#footer-left{width:17%;padding-right:20px}
#footer-right{width:83%;display:flex;justify-content:space-between}
#footer-logo{display:inline-block}
#footer-links{padding-right:20px}
#footer-links h3{font:700 16px 'Rosario',sans-serif;color:#b8b8b8;margin-bottom:7px}
#footer-links-list{margin:0;padding:0;list-style:none}
#footer-links-list li{display:inline-block;margin:0}
#footer-links-list li:not(:last-of-type):after{content:'';display:inline-block;margin:0 15px -1px 15px;width:2px;height:12px;background:#bfc4c8}
.footer-link{display:inline-block;font:500 14px 'Rosario',sans-serif;color:#fff;text-decoration:underline}
.footer-link:hover{color:#fff;text-decoration:none}
#revize-social{display:inline-flex;flex-direction:column}
#social-media-links{display:inline-block;text-align:right;margin:-8px 0 13px}
.social-media-link{display:inline-block;margin-left:20px;text-decoration:none}
.social-media-link:hover{text-decoration:none}
#revize{white-space:nowrap;font:500 14px 'Rosario',sans-serif;color:#fff}
#revize-link{font-weight:700;color:#b8b8b8;}
#revize-link:after{content:'';display:inline-block;margin:0 15px -1px 15px;width:2px;height:12px;background:#bfc4c8}
#revize-login{color:#fff;text-transform:capitalize}
#revize-link:hover,#revize-login:hover{text-decoration:none}

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

#google translate

-----------------------------------------*/
.goog-te-banner-frame{display:none}
#google-translate{display:none}
#translation-links{padding:0;margin:0}
#translation-links li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:30px;margin:0;position:fixed;top:140px;right:0;width:700px;background:#fff;display:none;z-index:200;box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2)}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:3px 15px 3px 0}
#translate-button{position:fixed;z-index:999999;top:45%;right:0;transform:translateY(-50%);border-radius:0;border:0;background:#0F2032!important;padding:0;width:50px;height:50px;text-align:center;margin-top:50px;transition:all 320ms}
#translate-button i.fa{color:#fff;font-size:20px}

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

#inner

-----------------------------------------*/
#freeform-wrap{padding:2px 0 30px}
.freeform-left-box{flex:0 0 22.55%;max-width:22.55%}
.freeform-right-box{flex:0 0 77.45%;max-width:77.45%}
#flyout-wrap{background:#fff;margin-top:48px;border-radius:4px;box-shadow: 0px 0px 17.28px 0.72px rgba(0, 0, 0, 0.07);border-top:4px solid #be4242}
#entry{padding:44px 0 15px 30px}
.fullwidth #entry{padding:38px 0 20px}
.freeform-aside-title{font:700 18px 'Rosario',sans-serif;color:#000;text-transform:capitalize;padding:31px 10px 6px 40px;margin-bottom:0}
#flyout{padding:0 0 14px;margin:0}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,
#flyout span{display:block;text-decoration:none;font:500 14px 'Rosario',sans-serif;color:#535353;line-height:1.75;padding:19px 34px 19px 40px}
#flyout ul{padding:0;margin:0}
#flyout ul a,
#flyout ul span{font-size:14px;padding:10px 15px}
#breadcrumbs ul{margin:0;padding:0;list-style:none;font:400 14px 'Rosario',sans-serif;color:#535353;text-transform:capitalize;line-height:1}
#breadcrumbs ul li{display:inline-block;margin:0}
#breadcrumbs a{display:inline-block;font-weight:700;color:#be4242;position:relative;text-decoration:none;margin-right:34px}
#breadcrumbs a:after{content:'';width:4px;height:6px;background:url('../images/breadcrumbs-arrow.png') center/4px 6px no-repeat;position:absolute;top:8px;right:-20px}
#page-title{font:700 28px 'Rosario',sans-serif;color:#000;text-transform:capitalize;margin:23px 0 46px;line-height:1}
.fullwidth #entry{padding:44px 0 15px}
.col-xs-12{width:100%}

#freeform-main a:not(.btn):not(button):not(#calendar a):not(#calendar-filters a):not(#calendar-submit):not(#breadcrumbs a):not(table tr) {
	color: #006ADB;
}

ul#calendar-filters li:not(:first-child) {text-shadow: 0px 1px 3px #000 !important;}
	
/* support/issues/99730 */
#post #transcript-btn{cursor:pointer}
#post #transcript-btn::after{content:'\f078';display:inline-block;font-family:FontAwesome;color:#000;font-weight:100;font-size:16px;margin-left:5px;transition:all .3s}
#post #transcript-btn.active::after{transform:rotate(180deg);transition:all .3s}
#post .post-toggleable-content{display:none;margin-bottom:0}

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

#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: #be4242;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: #be4242;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}
}

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

#department

-----------------------------------------*/
.department{font-size:16px;line-height:1.65}
.department p{margin-bottom:26px}
.department #freeform-wrap{position:relative;padding:133px 0 65px}
.department #services{top:-99px}
.department .freeform-left-box{flex:0 0 25.55%;max-width:25.55%}
.department .freeform-right-box{flex:0 0 74.45%;max-width:74.45%}
.department #entry{padding:44px 0 15px;margin: 0 0 0 -11px;display:flex;justify-content:space-between}
.department .department-section-title{font:700 22px 'Rosario',sans-serif;color:#0f2032;margin:1px 0 25px;line-height:1}
.department #freeform-main{width:56.5%}
.department #freeform-main.no-column{width:100%}
.department #page-right-column{width:32%;}
.department #page-right-column p a, #page-right-column a:not(.right-column-link) {color: #0573e9;}
#page-right-column .right-column-box {color: inherit;}
.department #flyout-wrap{background:#0f2032;box-shadow:none;border-top:none;border-radius:5px}
.department #department-flyout-wrap{padding:34px 0 16px}
.department .freeform-aside-title{font-size:20px;color:#fce6e6;padding:11px 10px 3px 50px}
.department .flyout{padding:0 0 14px;margin:0}
.department .flyout li{position:relative;margin:0;list-style:none}
.department .flyout a,
.department .flyout span{display:block;text-decoration:none;font:400 16px 'Rosario',sans-serif;color:#fff;line-height:1.75;padding:13px 34px 13px 51px}
.department .flyout ul{padding:0;margin:0}
.department .flyout ul a,
.department .flyout ul span{font-size:14px;padding:10px 15px}
.department .right-column-box{padding:15px 0;border-top:3px solid #be4242;margin:4px 0 20px}
.department .right-column-box-title{font:700 20px 'Rosario',sans-serif;color:#0f2032;margin-bottom:20px;text-transform:capitalize}
.department .elected-official-box{display:flex;margin-bottom:15px}
/* .department .elected-official-img{border-radius:50%;border:1px solid #1d2d3e;width:110px;height:110px;object-fit:cover} */
.department .elected-official-img{border-radius:50%;border:1px solid #1d2d3e;width:50%;margin:0 auto 30px;object-fit:cover}
.department .elected-official-data{display:flex;flex-direction:column;justify-content:center;margin-left:21px;font:400 16px 'Rosario',sans-serif;color:#000}
.department .official-name{font:700 16px 'Rosario',sans-serif;color:#000;margin:0 0 6px;text-transform:capitalize}
.department .official-title{margin-bottom:6px}
.department .official-email-link{display:inline-block;color:#000;text-decoration:none;word-break:break-word;line-height:1}
.department .email-link{word-break:break-word}
.department .right-column-text{font:400 16px 'Rosario',sans-serif;color:#000;line-height:1.65}
.department .right-column-link{display:inline-block;color:#000;text-decoration:none}
.department .right-column-address{margin:-3px 0 26px}
.department .right-column-contact-us-box{margin-bottom:29px}
.department .right-column-hours-box .right-column-box-title{margin-bottom:17px}
.department #department-news-wrap{margin:11px 0 0 -10px;position:relative}
.fullwidth.department #department-news-wrap{margin:11px 0 0}
.department #department-news-wrap h3{text-align:center;margin:0 0 2px}
.department .news-wrap {padding:25px 10px 40px}
.department #news .news-banner {height:215px}
.department .news-info{padding:21px 10px 20px 30px}
.department #news .news{height:356px}
.department .news-info{padding:20px 10px 0 30px}
.department #news .news:hover .news-info{transform:translateY(-165px);height:306px;background:#fff}
.department .news-read-more-wrap{margin-bottom:15px}
.department #news .news:hover{background:#fff;box-shadow:0px 3px 8px 4px rgb(0 0 0 / 4%)}
.department .section-btn-wrap{margin-top:11px}
.department #breadcrumbs{margin-bottom:25px}

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

#rpc

-----------------------------------------*/
#header-top{background:#152c53}
#header-top .container{width:1516px}
#header-top-in{display:flex;justify-content:space-between;align-items:center;position:relative;height:51px}
#header-top-logo-wrap{margin-left:23px}
#header-top #nav ul, #header-top .nav ul{left:20px;right:20px}
#header-top #nav a:first-child, #header-top .nav a:first-child, #header-top #nav span, #header-top .nav span{height:51px;font-size:16px;padding:5px 23px}
.department #header-top #nav ul a, .department #header-top .nav ul a, .department #header-top #nav ul span, .department #header-top .nav ul span{padding:0 5px}
.department #header-top #nav ul ul a, .department #header-top .nav ul ul a, .department #header-top #nav ul ul span, .department #header-top .nav ul ul span{padding:0 5px}
.department .header-in #nav ul a, .department .header-in .nav ul a, .department .header-in #nav ul span, .department .header-in .nav ul span{padding:0 5px}
.department .header-in #nav ul ul a, .department .header-in .nav ul ul a, .department .header-in #nav ul ul span, .department .header-in .nav ul ul span{padding:0 5px}
.header-in{height:110px!important}
.header-in #nav a, .header-in .nav a, .header-in #nav span, .header-in .nav span{height:110px}
.fullwidth #entry{margin:0!important;display:block!important}
.fullwidth #freeform-main{width:100%!important}
.department-diff header{background:rgba(255, 255, 255, 0.949)}
#freeform-social-media-links{margin:0 0 0 29px}
#freeform-social-media-links .social-media-link{margin-left:29px}
.fullwidth #freeform-social-media-links{margin:0}
.fullwidth #freeform-social-media-links .social-media-link{margin:0 29px 0 0}

.rpc .header-in #nav a, .rpc .header-in .nav a, .rpc .header-in #nav span, .rpc .header-in .nav span{padding:5px 49px;color:#152c53}
.rpc #logo-wrap{margin-left:10px}
.rpc #logo img{width:250px}
.rpc #search{margin:0 10px 0 1px}
.rpc #search input{background:#152c53;font:500 12px 'Montserrat',sans-serif;color:rgba(255, 255, 255, 0.702)}
.rpc #search button{background:#d6e03d}
.rpc #search input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.rpc #search input:-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.rpc #search input::-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.rpc #search input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.rpc .service-item{background-color:#152c53} 
.rpc #services .tns-nav button:hover:before{background:#0d96d4}
.rpc #services .tns-nav button.tns-nav-active:before{background:#0d96d4}
.rpc #flyout-wrap{background:#152c53}
.rpc .freeform-aside-title{color:#d6e03d}
.rpc .department-section-title{color:#152c53}
.rpc .right-column-box{border-color:#0d96d4}
.rpc #department-news-wrap{margin-top:37px}
.rpc .news-info time{color:#535353}
.rpc .news-read-more{color:#535353}
.rpc .section-btn{background:#152c53;color:#d6e03d}
.rpc #news-prev, .rpc #news-next{color:#152c53}
.rpc footer{background:#000}

.rpc #nav ul, .rpc .nav ul{background:#152c53}
.rpc #nav ul a, .rpc .nav ul a, .rpc #nav ul span, .rpc .nav ul span{color:#d6e03d!important}
.rpc #nav ul ul a, .rpc .nav ul ul a, .rpc #nav ul ul span, .rpc .nav ul ul span{color:#fff!important}

.rpc #news-events-tabs .news-events-tab.current{background:#152C53}
.rpc #news-events-tabs .news-events-tab{background:#0D96D4}

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

#shreiff

-----------------------------------------*/
.sheriff #header-top{background:#000}
.sheriff .header-in #nav a, .sheriff .header-in .nav a, .sheriff .header-in #nav span, .sheriff .header-in .nav span{padding:5px 21px;color:#000}
.sheriff #logo-wrap{margin-left:10px}
.sheriff #logo img{width:232px}
.sheriff #logo img {width: 122px;}
.sheriff #search{margin:0 10px 0 28px}
.sheriff #search input{background:#000;font:500 12px 'Montserrat',sans-serif;color:rgba(255, 255, 255, 0.702)}
.sheriff #search button{background:#f7c61f}
.sheriff #search input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.sheriff #search input:-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.sheriff #search input::-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.sheriff #search input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.sheriff .service-item{background-color:#000} 
.sheriff #services .tns-nav button:hover:before{background:#f7c61f}
.sheriff #services .tns-nav button.tns-nav-active:before{background:#f7c61f}
.sheriff #flyout-wrap{background:#161616}
.sheriff .freeform-aside-title{color:#f7c61f}
.sheriff .department-section-title{color:#0f2032}
.sheriff .right-column-box{border-color:#f7c61f}
.sheriff #department-news-wrap{margin-top:40px}
.sheriff .news-info time{color:#535353}
.sheriff .news-read-more{color:#535353}
.sheriff .section-btn{background:#161616;color:#ffd700}
.sheriff #news-prev, .sheriff #news-next{color:#161616}
.sheriff footer{background:#000}

.sheriff #nav ul, .sheriff .nav ul{background:#000}
.sheriff #nav ul a, .sheriff .nav ul a, .sheriff #nav ul span, .sheriff .nav ul span{color:#f7c61f!important}
.sheriff #nav ul ul a, .sheriff .nav ul ul a, .sheriff #nav ul ul span, .sheriff .nav ul ul span{color:#fff!important}


.sheriff #logo img { width: 122px; }

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

#health

-----------------------------------------*/
.health{font:400 16px 'Montserrat',sans-serif;color:#000;line-height:1.625}
.health #header-top{background:#112959}
.health .header-in #nav a, .health .header-in .nav a, .health .header-in #nav span, .health .header-in .nav span{padding:5px 21.8px;color:#252525;font:600 18px 'Montserrat',sans-serif;text-transform:uppercase}
.health .header-in #nav ul a, .health .header-in .nav ul a, .health .header-in #nav ul span, .health .header-in .nav ul span{font:700 16px 'Rosario',sans-serif}
.health #logo-wrap{margin-left:10px}
.health #logo img{width:310px}
.health #search{margin:0 10px}
.health #search input{background:#112959;font:500 12px 'Montserrat',sans-serif;color:rgba(255, 255, 255, 0.702)}
.health #search button{background:#2e66f4}
.health #search input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.health #search input:-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.health #search input::-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.health #search input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.health .service-item{background-color:#112959} 
.health .service-item-title{font:500 18px 'Montserrat',sans-serif}
.health #services .tns-nav button:hover:before{background:#2e66f4}
.health #services .tns-nav button.tns-nav-active:before{background:#2e66f4}
.health #department-flyout-wrap{padding:34px 0 13px}
.health #flyout-wrap{background:#112959;margin-top:22px}
.health .freeform-aside-title{font:500 24px 'Roboto Slab', serif;color:#fff;padding:5px 10px 3px 50px}
.health .flyout a, .health .flyout span{font:400 16px 'Montserrat',sans-serif;padding:17px 34px 18px 51px}
.health .department-section-title{font:700 28px 'Roboto Slab', serif;color:#112959;margin:-5px 0 12px}
.health #entry {padding:18px 0 15px}
.health .right-column-box{border-color:#112959;padding:11px 0 13px}
.health .right-column-box-title{font:500 24px 'Roboto Slab', serif;color:#2e66f4}
.health .official-name{font:500 16px 'Montserrat',sans-serif;color:#000;margin:0 0 7px}
.health .elected-official-data{font:400 16px 'Montserrat',sans-serif;color:#000}
.health .right-column-text{font:400 16px 'Montserrat',sans-serif;line-height:1.65}
.health #department-news-wrap{margin-top:31px}
.health .news-info time{font:400 14px 'Montserrat',sans-serif;color:#2e66f4}
.health .news-read-more{font:400 14px 'Montserrat',sans-serif;color:#2e66f4}
.health .news-title{font:500 20px 'Montserrat',sans-serif;color:#000;line-height:1.45}
.health .news-text{font:400 16px 'Montserrat',sans-serif;color:#000;line-height:1.65}
.health .section-btn{background:#2e66f4;color:#fff;font:600 16px 'Montserrat',sans-serif;padding:20px 49px}
.health #news-prev, .health #news-next{color:#2e66f4}
.health footer{background:#000}

.health #nav ul, .health .nav ul{background:#112959}
.health #nav ul a, .health .nav ul a, .health #nav ul span, .health .nav ul span{color:#BB4242!important}
.health #nav ul ul a, .health .nav ul ul a, .health #nav ul ul span, .health .nav ul ul span{color:#fff!important}

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

#jfs

-----------------------------------------*/
.jfs{font:500 18px 'Tw Cen MT Std',sans-serif;color:#000;line-height:1.45}
.jfs #header-top{background:#007db6}
.jfs .header-in #nav a, .jfs .header-in .nav a, .jfs .header-in #nav span, .jfs .header-in .nav span{padding:5px 20px;color:#252525;font:bold 20px 'Tw Cen MT Std',sans-serif}
.jfs .header-in #nav ul a, .jfs .header-in .nav ul a, .jfs .header-in #nav ul span, .jfs .header-in .nav ul span{font:700 16px 'Rosario',sans-serif}
.jfs #logo-wrap{margin-left:10px}
.jfs #logo img{width:380px}
.jfs #search{margin:0 10px}
.jfs #search input{background:#252525}
.jfs #search button{background:#007db6}
.jfs #search input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.jfs #search input:-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.jfs #search input::-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.jfs #search input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.jfs .service-item{background-color:#84c661} 
.jfs .service-item-title{font:bold 20px 'Tw Cen MT Std',sans-serif;color:#252525}
.jfs .service-item:hover .service-banner, .jfs .service-item:focus .service-banner{opacity:0.3}
.jfs #services .tns-nav button:hover:before{background:#007db6}
.jfs #services .tns-nav button.tns-nav-active:before{background:#007db6}
.jfs #freeform-wrap{padding:131px 0 65px}
.jfs #department-flyout-wrap{padding:34px 0 16px}
.jfs #flyout-wrap{background:#007db6;margin-top:23px}
.jfs .freeform-aside-title{font:bold 24px 'Tw Cen MT Std', serif;color:#fff;padding:11px 10px 3px 50px}
.jfs .flyout a, .jfs .flyout span{font:400 16px 'Ubuntu',sans-serif;padding:18px 34px 18px 51px}
.jfs .department-section-title{font:bold 28px 'Tw Cen MT Std', serif;color:#0f2032;margin:0 0 15px}
.jfs #entry{padding:17px 0 15px}
.jfs .right-column-box{border-color:#84c661;padding:16px 0 15px;margin:6px 0 20px}
.jfs .right-column-contact-us-box{margin:6px 0 28px}
.jfs .report-child-abuse .right-column-box-title{margin-bottom:9px}
.jfs .right-column-box-title{font:bold 24px 'Tw Cen MT Std', serif;color:#007db6}
.jfs .report-child-abuse-link{font:bold 24px 'Tw Cen MT Std', serif;color:#007db6;margin-bottom:13px}
.jfs .right-column-text{font:500 18px 'Tw Cen MT Std',sans-serif;color:#000;line-height:1.45}
.jfs #department-news-wrap{margin-top:37px}
.jfs #department-news-wrap h3{margin:0}
.jfs .news-info{padding:20px 15px 0 30px}
.jfs .news-info time{font:500 14px 'Tw Cen MT Std',sans-serif;color:#007db6}
.jfs .news-read-more{color:#007db6}
.jfs .news-title{font:bold 22px 'Tw Cen MT Std',sans-serif;color:#000;line-height:1.45}
.jfs .news-text{font:500 18px 'Tw Cen MT Std',sans-serif;color:#000;line-height:1.65}
.jfs .section-btn{background:#007db6;color:#fff}
.jfs #news-prev, .jfs #news-next{color:#007db6}
.jfs footer{background:#d0d0ce;min-height:338px;padding:77px 0 60px}
#footer-data-box-wrap{display:flex;width:76%}
.footer-title{font:bold 22px 'Tw Cen MT Std',sans-serif;color:#015f8b;line-height:1;margin-bottom:9px}
.footer-data-box ul{margin:0;padding:0;list-style:none}
.footer-data-box ul li{margin:0}
.footer-address-link, .footer-phone-link, .footer-box-link{display:inline-block;font:500 18px 'Tw Cen MT Std',sans-serif;color:#000;text-decoration:none;line-height:1.67}
.footer-address-link:hover, .footer-phone-link:hover, .footer-box-link:hover{color:#000;text-decoration:none}
.footer-address-link{margin:-3px 0 0}
.jfs #footer-logo{margin-top:27px}
.jfs #footer-logo img{width:103px}
.jfs #revize{font:500 18px 'Tw Cen MT Std',sans-serif;color:#000}
.jfs #revize-login{color:#000}
.jfs #revize-link:after{background:#000;margin:0 24px -2px 29px;height:16px}
.jfs #revize-link{font-weight:500;color:#015f8b}
.jfs .footer-col{padding-right:20px}
.jfs .footer-col:nth-of-type(1){width:40%;}
.jfs .footer-col:nth-of-type(2){width:27%;}
.jfs .footer-col:nth-of-type(3){width:33%;}
.jfs .administration-list{margin:0 0 16px;}
.jfs .administration-list li{margin:7px 0 0;}
.jfs .footer-resources-list{margin:-3px 0 0;}

.jfs #nav ul, .jfs .nav ul{background:#007db6}
.jfs #nav ul a, .jfs .nav ul a, .jfs #nav ul span, .jfs .nav ul span{color:#84C661!important}
.jfs #nav ul ul a, .jfs .nav ul ul a, .jfs #nav ul ul span, .jfs .nav ul ul span{color:#fff!important}

#freeform #news-events .container{padding:0}
#freeform #news-prev{left:5px}
#freeform #news-next{right:-13px}
.jfs #news-events-tabs .news-events-tab.current{background:#007DB6}
.jfs #news-events-tabs .news-events-tab{background:#84C661; text-shadow: 0px 1px 2px black;}

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

#fifth-district

-----------------------------------------*/
.fifth-district header .container{width:1630px}
.fifth-district .header-in #nav a, .fifth-district .header-in .nav a, .fifth-district .header-in #nav span, .fifth-district .header-in .nav span{font-size:14px;padding:5px;color:#000;text-transform:none}
.fifth-district #logo-wrap{margin-left:0}
.fifth-district #logo img{width:300px}
.fifth-district #search{margin:0 0 0 20px}
.fifth-district #search input{background:#254870;font:500 12px 'Montserrat',sans-serif}
.fifth-district #search button{background:#39b1de}
.fifth-district #search input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.fifth-district #search input:-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.fifth-district #search input::-moz-placeholder{color:rgba(255, 255, 255, 0.702)}
.fifth-district #search input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.702)}
.fifth-district .service-item{background-color:#0b1d30} 
.fifth-district .service-item:hover .service-banner, .fifth-district .service-item:focus .service-banner{opacity:0.4}
.fifth-district #services .tns-nav button:hover:before{background:#254870}
.fifth-district #services .tns-nav button.tns-nav-active:before{background:#254870}
.fifth-district #flyout-wrap{background:#0b1d30;margin-top:48px}
.fifth-district .freeform-aside-title{color:#39b1de}
.fifth-district .department-section-title{font:700 22px 'Playfair Display', serif;color:#254870;margin-bottom:22px}
.fifth-district #entry{padding:39px 0 15px}
.fifth-district .right-column-box{border-color:#39b1de;padding:13px 0 15px;margin:9px 0 20px}
.fifth-district .right-column-box-title{font:700 20px 'Playfair Display', serif;color:#254870}
.fifth-district .official-name{font:500 16px 'Montserrat',sans-serif;color:#000;margin:4px 0 3px 0}
.fifth-district .official-title{font:400 16px 'Montserrat',sans-serif;color:#000;margin:4px 0 5px 0}
.fifth-district .right-column-text{margin:-3px 0 29px}
.fifth-district #department-news-wrap{margin-top:0}
.fifth-district #department-news-wrap h3{margin:0}
.fifth-district .news-wrap{padding:22px 10px 40px}
.fifth-district .news-info{padding:22px 10px 0 30px}
.fifth-district .news-info time{color:#39b1de}
.fifth-district .news-read-more{color:#535353}
.fifth-district .section-btn{background:#254870;color:#fff}
.fifth-district #news-prev, .fifth-district #news-next{color:#254870}
.fifth-district footer{background:#d0d0ce;min-height:293px;padding:77px 0 60px}
.fifth-district #footer-left{width:27.5%;padding-left:59px}
.fifth-district #footer-links h2 {color: #111}
.fifth-district #footer-links-list a.footer-link {color: #111}
.fifth-district #footer-logo{margin-top:6px}
.fifth-district #footer-logo img{width:193px}
.fifth-district .footer-title{font:700 22px 'Playfair Display', serif;color:#254870;line-height:1;margin-bottom:9px;margin-bottom:11px}
.fifth-district #social-media-links{margin:-6px 0 13px}
.fifth-district #revize{font:500 18px 'Tw Cen MT Std',sans-serif;color:#000}
.fifth-district #revize-login{color:#000}
.fifth-district #revize-link:after{background:#000;margin:0 24px -2px 29px;height:16px}
.fifth-district #revize-link{font-weight:500;color:#254870}
.fifth-district .footer-col{padding-right:20px}
.fifth-district .footer-col:nth-of-type(1){width:45%}
.fifth-district .footer-col:nth-of-type(2){width:55%}
.fifth-district .administration-list{margin:0 0 16px}
.fifth-district .administration-list li{margin:7px 0 0}
.fifth-district .footer-resources-list{margin:-3px 0 0}

.health #nav ul, .health .nav ul{background:#0b1d30}
.health #nav ul a, .health .nav ul a, .health #nav ul span, .health .nav ul span{color:#39b1de!important}
.health #nav ul ul a, .health .nav ul ul a, .health #nav ul ul span, .health .nav ul ul span{color:#fff!important}

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

#share widget

-----------------------------------------*/
.modal{z-index:100000}
.modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px;}
.modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left;}
.modal-header h4{font-size:30px;}
.modal-header button{margin-top:2px!important;position:relative;font-size:25px;}
.modal-body{padding:40px 60px;}
.copylink{margin-bottom:40px;}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px;}
.modal-header button,.modal-header button:hover{color:#000!important;background:none;}
.share-btns{margin:0 0 20px;}
.share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px}
.share-btns i{display:block;line-height:170px!important;font-size:60px}
.btn-facebook{color:#3b5998!important}
.btn-twitter{color:#00ACED!important}
.btn-google{color:#D34836!important}
.btn-reddit{color:#ff5700!important}
.btn-facebook:hover{border-color:#3b5998}
.btn-twitter:hover{border-color:#00ACED}
.btn-google:hover{border-color:#D34836}
.btn-reddit:hover{border-color:#ff5700}
.btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px}
.floating-share-btn{position:fixed;z-index:99999;top:45%;transform:translateY(-50%);right:0;border-radius:0;border:0;background:#be4242!important;color:#fff!important;width:50px;height:50px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}
.floating-share-btn span{display:block;margin-top:-5px;text-transform:uppercase;font-size:12px}

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

#slider

-----------------------------------------*/
#slider{height:88vh;position:relative;top:-100px;margin-bottom:-100px;width:100%;overflow:hidden}
#freeform #slider{height:400px}
#slider-caption{position:absolute;left:0;right:0;top:53.2%;transform:translateY(-50%);z-index:51;width:1327px}
#slider-caption-small{display:block;font:700 18px 'Rosario',sans-serif;color:#fff;text-transform:uppercase;line-height:1;letter-spacing:9px;margin-bottom:16px}
#slider-caption-big{display:block;font: 400 80px 'Alex Brush', cursive,sans-serif;color:#fff;text-transform:capitalize;line-height:1;text-shadow:0px 0px 17.28px rgba(0, 0, 0, 0.34);}
.slider-btn-wrap{margin-top:40px}
#slider > .tns-outer,
#slider > .tns-outer > .tns-inner,
#slider > .tns-outer > .tns-inner > .tiny-slider,
#slider > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-50%)}
.tns-controls button:last-of-type {float:right}
.tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center}
#slider button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}
#homepage #slider .tiny-item div:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:url(../images/slider-overlay.png) center/cover no-repeat}
#slider .tns-nav{display:none}
#slider button[data-action]{display:none}
#slider-btns{position:absolute;top:30%;display:flex;justify-content:space-between;width:100%;z-index:100;pointer-events:none}
#freeform #slider-btns{top:50%}
#slider-prev,#slider-next{background:none;border:none;padding:0;transition:all 320ms;pointer-events:all}
#slider-prev{transform:translateX(-100px)}
#slider-next{transform:translateX(100px)}
#slider:hover #slider-prev{transform:translateX(10px)}
#slider:hover #slider-next{transform:translateX(-10px)}

#freeform.department #slider{height:550px;background:#0f0f0f;overflow:hidden}
#freeform.department .tiny-item div{opacity:0.5}
.department #slider-caption, #slider-caption{text-align:center;font:700 48px 'Rosario',sans-serif;color:#fff;line-height:1;text-transform:uppercase;top: 51.2%;letter-spacing:2.5px}
#freeform.department-diff #slider{top:-110px;margin-bottom:-110px;height:499px;overflow:hidden}
#freeform.department-diff .tiny-item div{opacity:1}
#freeform.fifth-district #slider{height:550px;overflow:hidden}

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

#media queries

-----------------------------------------*/
@media only screen and (min-width:992px) {
	.layout-table{table-layout:fixed;width:100%}
	#nav .focused .toggle2{display:none}
	#nav .focused .toggle{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);height:auto;margin:0 0 0 -15px}
	#nav .focused .toggle::after{content:none}
	#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#nav{display:flex!important;align-items:center;justify-content:center;height:100px}
	#nav li:hover>ul{display:block}
	#nav ul ul{display:block!important;background:transparent;left:100%;top:0;margin-top:-5px}
	#nav > li:first-child > a:first-child, #nav > li:first-child > span:first-child {color:#b8b8b8}

	.nav .focused .toggle2{display:none}
	.nav .focused .toggle{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);height:auto;margin:0 0 0 -15px}
	.nav .focused .toggle::after{content:none}
	.nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	.nav{display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;height:100px}
	.header-in .nav{height:110px}
	#header-top .nav{height:51px}
	.nav li:hover>ul{display:block}
	.nav ul ul{display:block!important;background:transparent;left:100%;top:0;margin-top:-5px}

	#header-right{display:flex}
	#flyout .toggle{display:none;position:absolute;top:25%;right:0;border:none}
	#flyout .focused .toggle{display:inline-block;transform:rotate(-90deg) translateY(-50%)}
	#flyout{display:block!important}
	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#be4242;display:none;z-index:999}
	#flyout ul a, #flyout ul span{color:#fff}
	#flyout li:hover ul{display:block}
	#flyout li{transition:all 320ms}
	#flyout li:hover a,#flyout li:hover span{color:#fff}
	#flyout>li:hover{background:#be4242}
	#flyout li:not(:last-child) a:first-child:after,#flyout li:not(:last-child) span:after{content:'';display:block;background:#e2e2e2;width:70%;height:1px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%)}
	#flyout>li:hover>a:first-child:after, #flyout>li:hover>span:after{content:none}
	#flyout ul li:not(:last-child) a:first-child:after,#flyout ul li:not(:last-child) span:after{width:85%}
	#flyout ul li:last-child a:first-child:after,#flyout ul li:last-child span:after{content:none}

	.department .flyout .toggle{display:none;position:absolute;top:25%;right:0;border:none}
	.department .flyout .focused .toggle{display:inline-block;transform:rotate(-90deg) translateY(-50%)}
	.department .flyout{display:block!important}
	.department .flyout ul{position:absolute;left:100%;top:0;width:200px;background:#0f2032;display:none;z-index:999}
	.department .flyout ul a, .department .flyout ul span{color:#fff}
	.department .flyout li:hover ul{display:block}
	.department .flyout li{transition:all 320ms}
	.department .flyout li:hover a,.department .flyout li:hover span{color:#fff}
	.department .flyout>li:hover{background:transparent}
	.department .flyout li:not(:last-child) a:first-child:after,.department .flyout li:not(:last-child) span:after{content:'';display:block;background:#3f4d5b;width:68%;height:1px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%)}
	.department .flyout ul li:not(:last-child) a:first-child:after,.department .flyout ul li:not(:last-child) span:after{width:85%}
	.department .flyout ul li:last-child a:first-child:after,.department .flyout ul li:last-child span:after{content:none}
	.rpc .flyout ul{background:#152c53}
	.rpc .flyout li:not(:last-child) a:first-child:after, .rpc .flyout li:not(:last-child) span:after{background:#445675}
	.sheriff .flyout ul{background:#161616}
	.sheriff .flyout li:not(:last-child) a:first-child:after, .sheriff .flyout li:not(:last-child) span:after{background:#454545}
	.health .flyout ul{background:#112959}
	.health .flyout li:not(:last-child) a:first-child:after, .health .flyout li:not(:last-child) span:after{background:#41547a}
	.jfs .flyout ul{background:#007db6}
	.jfs .flyout li:not(:last-child) a:first-child:after, .jfs .flyout li:not(:last-child) span:after{background:#3397c5}
	.fifth-district .flyout ul{background:#0b1d30}
	.fifth-district .flyout li:not(:last-child) a:first-child:after, .fifth-district .flyout li:not(:last-child) span:after{background:#3c4a59}

	#search{display:flex!important}
	#department-flyout-wrap{display:block!important}
}


@media only screen and (max-width:1400px) {
	.department-diff .header-in #nav a, .department-diff .header-in .nav a, .department-diff .header-in #nav span, .department-diff .header-in .nav span{padding:5px 15px}
	.sheriff .header-in #nav a, .sheriff .header-in .nav a, .sheriff .header-in #nav span, .sheriff .header-in .nav span{padding:5px 10px}
	.health .header-in #nav a, .health .header-in .nav a, .health .header-in #nav span, .health .header-in .nav span{padding:5px 10px;font-size:15px}
	.jfs .header-in #nav a, .jfs .header-in .nav a, .jfs .header-in #nav span, .jfs .header-in .nav span{padding:5px 10px;font-size:18px}
	.fifth-district .header-in #nav a, .fifth-district .header-in .nav a, .fifth-district .header-in #nav span, .fifth-district .header-in .nav span{padding:5px 15px}
	.fifth-district #footer-left{padding-left:0}
}

@media only screen and (max-width:1200px) {
	#nav a, #nav span{font-size:16px;padding:5px 10px}
	.nav a, .nav span{font-size:16px;padding:5px 10px}
	.freeform-left-box{flex:0 0 30%;max-width:30%}
	.freeform-right-box{flex:0 0 70%;max-width:70%}
	.department .freeform-aside-title{padding:11px 15px 3px}
	.department .flyout a, .department .flyout span{padding:13px 15px}
	.department .flyout li:not(:last-child) a:first-child:after, .department .flyout li:not(:last-child) span:after{width:90%}
}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	#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}
	#toggles,#toggles-top{position:absolute;right:15px;top:26px;z-index:250}
	#toggles-top{top:3px}
	#nav-toggle-top,#nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#535353;color:#fff;margin-left:5px;cursor:pointer}
	#nav,.nav,#flyout{display:none}
	#nav li,.nav li{display:block}
	#nav a,
	#nav span,
	.nav a,
	.nav span,
	#flyout a,
	#flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)}
	#nav li:last-child>a,
	#nav li:last-child>span,
	.nav li:last-child>a,
	.nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span{border:0}
	#nav ul,
	.nav ul,
	#flyout ul{background:rgba(0,0,0,.15)}
	.toggle,
	.toggle2{display:block;position:absolute;right:0;top:0;line-height:45px!important;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important}
	#nav .toggle,#nav .toggle2,.nav .toggle,.nav .toggle2,#flyout .toggle{display:block;position:absolute;right:15px;top:0;line-height:45px;text-align:center;width:45px;color:#fff;padding:15px!important}
	#flyout .toggle{right:0}
	#nav a,.nav a,#nav span,.nav span{padding:15px 70px 15px 15px!important}
	#nav ul ul a, .nav ul ul a, #nav ul ul span, .nav ul ul span{padding:15px!important}
	#flyout a{padding:15px 60px 15px 15px!important}
	#flyout ul a{padding:15px!important;text-transform:none}
	header{background:#0f2032}
	#logo-wrap{min-width:auto;height:100%;margin-left:15px!important}
	#header-in{display:block;margin:0 -15px}
	#nav,.nav{padding:0;margin:0;background:#535353;position:absolute;top:100px;width:100%;border-top:5px solid #960f0f}
	#nav li,.nav li{position:relative}
	#nav a,.nav a,#nav span,.nav span{display:block;height:auto!important;text-align:left;color:#fff!important}
	#nav ul,.nav ul{display:none;position:static;column-count:1;padding:0;margin:0}
	#nav ul li,.nav ul li{width:100%;page-break-inside:auto}
	#nav ul a,.nav ul a, #nav ul span,.nav ul span{margin-bottom:0;color:#fff!important}
	#nav ul ul a,.nav ul ul a, #nav ul ul span,.nav ul ul span{margin-bottom:0}
	#search{display:none;position:absolute;top:115px;right:0}
	#slider{top:0;height:500px;margin-bottom:0}
	#slider-btns{top:15%}
	.app-alert-in{padding:15px 0}
	#news-events{min-height:auto;padding-bottom:100px;overflow:hidden}
	#news .news .news-info{transform:translateY(0);height:400px;overflow:auto;background:rgba(255, 255, 255, 0.949);border-radius:5px}
	#news .news:hover .news-info{transform:translateY(0)}
	#news .news .news-text{opacity:1}
	#news-prev-next-wrap{display:block;position:absolute;top:45%;width:100%;z-index:100}
	#news-prev,#news-next{background:none;border:none;padding:0;position:absolute;font-size:40px;color:#BE4242}
	#news-prev{left:-4px}
	#news-next{right:6px}
	#events-box{min-height:auto}
	#news .news{background:#fff;box-shadow:0px 3px 8px 4px rgb(0 0 0 / 4%);height:630px}
	#news .news:hover{background:#fff;box-shadow:0px 3px 8px 4px rgb(0 0 0 / 4%)}
	#news .news:focus-within{background:#fff;box-shadow:0px 3px 8px 4px rgb(0 0 0 / 4%)}
	#news .news-banner{height:250px}
	.news-read-more-wrap{margin-bottom:15px}
	#footer-in{flex-wrap:wrap}
	#footer-left{width:100%;padding-right:0}
	#footer-right{width:100%;margin-top:50px}
	#freeform #slider{height:300px}
	#freeform #slider-btns{top:40%}
	#freeform-wrap{padding:0 0 15px}
	.freeform-left-box{width:100%!important;max-width:100%!important;flex:none!important}
	.freeform-right-box{width:100%!important;max-width:100%!important;flex:none!important}
	#flyout-wrap{margin-top:20px}
	#flyout-toggle{display:block;margin:0;padding:15px;font:700 18px 'Rosario',sans-serif;background:#fff;color:#000;text-transform:capitalize;cursor:pointer;border-radius:6px}
	#flyout{padding:0}
	#flyout-header{display:none}
	#flyout ul{display:none}
	#entry{padding:35px 0 20px}
	.department #department-flyout-wrap{background:#1b3959;display:none}
	.department #flyout-toggle{background:#0f2032;color:#fff}
	.department .freeform-aside-title{padding:15px}
	.department .flyout a:first-child, .department .flyout span{padding:15px 60px 15px 15px!important;font-size:14px;line-height:1}
	.department .flyout ul a, .department .flyout ul span{padding:15px!important}
	.department .flyout ul{display:none}
	.flyout a:first-child, .flyout span {border-bottom: 1px solid rgba(0,0,0,.15)}
	.department #entry{margin:0;flex-wrap:wrap}
	.department #freeform-main{width:100%;order:2;margin-top:30px}
	.department #page-right-column{width:100%;order:1}
	.department #department-news-wrap{margin:9px 0 0}
	.department #news .news{background:#fff;box-shadow:0px 3px 8px 4px rgb(0 0 0 / 4%);height:514px}
	.department #news .news:hover .news-info{transform:translateY(0)}
	.department #news .news .news-info{transform:translateY(0);height:300px;background:rgba(255, 255, 255, 0.949)}
	.department #news-next{right:-25px}
	.department .news-info{padding:20px 25px}
	#header-top-in{margin:0 -15px}
	#header-top-right-box{position:absolute;width:100%}
	#header-top-logo-wrap{margin-left:15px}
	.department-diff #toggles{top:33px}
	.department-diff #nav, .department-diff .nav{top:110px}
	#header-top #nav, #header-top .nav{top:25px;z-index:500}
	.rpc #nav, .rpc .nav{background:#152C53}
	.rpc #nav-toggle-top, .rpc #nav-toggle, .rpc #search-toggle{background:#0891DD}
	.rpc #flyout-toggle{background:#152c53}
	.sheriff #nav, .sheriff .nav{background:#333}
	.sheriff #nav-toggle-top, .sheriff #nav-toggle, .sheriff #search-toggle{background:#333}
	.sheriff #flyout-toggle{background:#000}
	.health #nav, .health .nav{background:#2E66F4}
	.health .header-in #nav a:first-child, .health .header-in .nav a:first-child, .health .header-in #nav span, .health .header-in .nav span{text-transform:unset!important}
	.health #nav-toggle-top, .health #nav-toggle, .health #search-toggle{background:#2E66F4}
	.health #flyout-toggle{background:#112959}
	.jfs #nav, .jfs .nav{background:#007db6}
	.jfs #nav-toggle-top, .jfs #nav-toggle, .jfs #search-toggle{background:#252525}
	.jfs #flyout-toggle{background:#007db6}
	#freeform-social-media-links{margin:0}
	#freeform-social-media-links .social-media-link{margin:0 29px 0 0}
	.fifth-district #nav, .fifth-district .nav{background:#254870}
	.fifth-district #nav-toggle-top, .fifth-district #nav-toggle, .fifth-district #search-toggle{background:#254870}
	.fifth-district #flyout-toggle{background:#254870}
	.share-btn{top:auto;left:auto;bottom:5px;right:5px}
	#translation-links{display:none}
}

@media only screen and (max-width:767px) {
	.floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px}
	.floating-alert{font-size:12px}
	.floating-alert h4{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px}
	.share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden}
	.share-btns i{display:block;line-height:50px!important;font-size:20px}
	#footer-right{flex-wrap:wrap}
	#footer-links{width:100%;padding-right:0}
	#revize-social{width:100%;text-align:left;margin-top:50px}
	#social-media-links{text-align:left;margin:0 0 13px}
	.social-media-link{margin:0 20px 0 0}
	#news .news{height:auto}
	#news .news .news-info{transform:none;height:auto;overflow:unset}
	#news .news:hover .news-info{transform:none;height:auto}
	.department #news .news{height:auto}
	.department #news .news .news-info{transform:none;height:auto;overflow:unset}
	.department #news .news:hover .news-info{transform:none;height:auto}
	.jfs #logo img{width:340px}
	#footer-data-box-wrap{width:100%;flex-wrap:wrap}
	.footer-col{width:100%!important;margin-bottom:50px}
	.jfs #revize-social{margin-top:0}
	.jfs .footer-col{padding-right:0}
	.jfs #footer-left{width:100%;padding-left:0}
	.fifth-district #logo img{width:340px!important}
	.fifth-district #revize-social{margin-top:0}
	.fifth-district #footer-left{width:100%;padding-left:0}
	.fifth-district .footer-col{padding-right:0}
}

@media only screen and (max-width:479px) {
	#logo img{width:165px!important}
	.news-info{padding:41px 20px 20px}
	.fifth-district #logo-wrap{padding-right:120px}
	.fifth-district #logo img{width:100%!important}
	#revize {white-space:normal}
	.department #slider-caption{font-size:35px}
}

@media print {
	#department-news-wrap,#services,.app-alert,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important}
	a[href]:after{content:none!important}
	.freeform-left-box{display:none}
	.freeform-right-box{width:100%!important;max-width:100%!important;flex:none!important}
	#freeform-wrap,#entry{padding:0!important;width:100%!important}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.service-item-icon-box img{width:100%}
	.app-alert-in{padding:10px 0 5px}
}

.popup-box { top: 50%; left: 32%;z-index: 999; background: #be4242; position: fixed; width: 100%; max-width: 700px; padding: 30px;text-align: center;right: 0px;}
#popclose{position: absolute; top: 0px; right: 0px; }