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

	Theme Name: The City of Rolla
	Front-end developer: Muhammad Farhan Ali
	Author Design: Jessie Eskildsen
	Author URI: https://www.revize.com/
	Date: 10/04/2025
-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');
/* -----------------------------------------

#basic styles

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

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

:root {
	--Redhat-font:"Red Hat Text", sans-serif;

	/** Color **/ 

  --colorprimary-900: #232623;
  --colorprimary: #016634;
  --secondarycolor: #01327f;
  --secondarycolor-400: #029dd6;
  --color-yellow: #f1ac00;
  --color-white: #fff;
  --color-black: #232623;
  --color-gray: #F6F3EF;
  --color-gray-300: #ececec;
  --color-gray-400: #EEF1F4;
}

body {
	background:var(--color-white); 
	font-size: 18px;
	font-family:var(--Redhat-font);
	color: var(--color-black);
	line-height: 135%;
	-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: var(--color-black);
	font-weight: 700;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit
}

h1 {
	font-size: 45px
}

h2 {
	font-size:35px;
}

h3 {
	font-size: 32px
}
h4 {
	font-size: 28px;
}
h5 {
	font-size:22px;
}
h6 {
	font-size: 20px;
}

span.header {
	font-size: 32px;
	margin-bottom: 15px;
	margin-top: 29px;
	line-height: 135%;
	color: var(--colorprimary);
	display: block;
	text-transform: capitalize;
	font-weight:800;
}
span.subheader {
	font-size: 28px;
	line-height: 130%;
	margin: 28px 0 24px 0;
	display: block;
	color: var(--secondarycolor);
	font-weight: 800;
}
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{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
a, a:hover {text-decoration: none;cursor: pointer;}

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 p {
	line-height: inherit
}

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

#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

-----------------------------------------*/
#post .btn, .btn, .button, a.button, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn { background: var(--secondarycolor-400); padding: 11px 25px; color: var(--color-white); font-size: 18px; line-height: normal; display: inline-block; font-weight: 500; text-decoration: none !important; cursor: pointer; vertical-align: middle; transition: all .3s; border: none; text-transform: capitalize; }
#post button:not(.rz-agenda-search-submit){background: var(--secondarycolor-400); padding: 11px 25px; color: var(--color-white); font-size: 18px; line-height: normal;font-weight: 500; text-decoration: none !important; cursor: pointer; vertical-align: middle; transition: all .3s; border: none; text-transform: capitalize;}
#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:var(--color-black);color: #fff; border-color: var(--color-black);}
.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(--color-black);color:#fff; border-color: var(--color-black);}
#post .btn:hover,.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 {
	color:var(--color-black);background: var(--color-yellow);
}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}
.button {
	text-align: center;
	min-width: 162px;
}
#post .btn{
	margin:5px 0;
}
#post .btn,
.btn a,
a.btn{
	text-decoration: none !important;
	outline:none;
	box-shadow:none;
	color: #fff !important;
}
#post .btn:hover,
.btn:focus,
.btn:hover,
.btn:hover a{
	color:var(--secondarycolor) !important;
}
.faq-question .faq-question-header {
	margin: 2px 0 12px 0;
	padding: 2px 0;
	display: inline-block;
}
.faq-question, .faq-header {
	padding-top: 8px;
	margin-bottom: 8px;
}
#post table tr td[align="center"] {
	text-align: left;
}
#doc-search-form input.rz-doc-search-submit, #doc-search-form select {
	border-radius: 0 !important;
	padding: 0 40px !important;
}

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

#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;white-space:nowrap}
.rz-btns-stacked{padding:6px 6px 0!important}
.user-logged-in .rz-btns-container {z-index: 9;}

/* 
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}
.user-logged-in .yes-has-edit-buttons.left-nav:hover, .user-logged-in .yes-has-edit-buttons.left-nav {
	z-index: 12 !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:var(--color-black)!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:var(--color-black)!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 #ccc;
	padding: .375rem .75rem;
	outline: none;
	font-size: 16px;
	color: var(--color-black);
	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: var(--color-black);
	border: 1px solid #ccc
}

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: var(--colortypography)
}

:-moz-placeholder {
	color: var(--colortypography)
}

::-moz-placeholder {
	color: var(--colortypography)
}

:-ms-input-placeholder {
	color: var(--colortypography)
}

.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:var(--color-black);
}

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

#rz alert

-----------------------------------------*/
.floating-alert {
	position: fixed;
	z-index: 999999;
	right: 79px;
	bottom: 7px;
	margin: 0;
	background-color:var(--color-yellow);
	backdrop-filter: blur(4px);
	padding: 32px 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.6px;
	color: var(--color-black);
	max-width: 499px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 0;
	border-radius:0;
	width: 100%;
}
.floating-alert h2{margin:0 0 24px;font-size:24px;font-weight:bold;color: var(--color-black);text-transform: uppercase;}
.floating-alert p{margin:0;font-size:18px;}
.floating-alert p a{
	display:inline-block;
	color: var(--colorprimary);
	text-decoration: underline;
}
.floating-alert p a:hover{
	color: var(--secondarycolor-400);
}
.alert-buttons{margin: 32px -24px -32px;border-top:1px solid var(--color-black);display:flex}
.alert-button{border-right:1px solid var(--color-black);flex:50%;text-align:center;padding:19px 0;text-decoration:none;font-size:20px;color:var(--color-black);font-weight:700;line-height:18.9px;text-transform: uppercase;}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background:var(--colorprimary);color:#fff;text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}
#event-modal .modal-footer .btn#ics-export {
	background: var(--colorprimary) !important;
}
/* site-plugin */
#site-plugin { position: fixed; z-index: 999; bottom:30px; left:30px;}
body #userwayAccessibilityIcon{display: none !important;}
#ada-btn { width: 70px; height: 70px; background: none; border: 0; padding: 0;background: var(--color-white);border-radius:50%;}
#ada-btn img{filter:brightness(0) saturate(100%) invert(52%) sepia(90%) saturate(3004%) hue-rotate(164deg) brightness(92%) contrast(98%);}
#ada-btn:hover img{filter:brightness(0) saturate(100%) invert(72%) sepia(33%) saturate(5265%) hue-rotate(8deg) brightness(104%) contrast(100%);}

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

#rz edit

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

div.skiptranslate {
    display: none !important
}
#skip {
    position: fixed;
    left: -100%;
    top: -100%;
    transition: all .3s;
    z-index: 999
}

#skip:focus {
    left: 50px;
    top: 50px
}

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

#main

-----------------------------------------*/
html.with-featherlight {
	overflow: auto;
}
.with-featherlight {
	overflow: hidden;
}
.container {max-width: 1400px;}
.section-inner {
	margin-left: -15px;
	margin-right: -15px;
}

/* site-header */
.header-top {
	background: var(--secondarycolor);
	padding:0;
}
.header-top .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.ht-address p{
	margin: 0 0 0 40px;
	font-weight: 600;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: var(--color-white);
}
.ht-address p a{
	color: var(--color-white);
	font-weight: 500;
}
.ht-address p img {
	height:20px;
	margin-right: 10px;
	filter:brightness(0) saturate(100%) invert(60%) sepia(30%) saturate(357%) hue-rotate(177deg) brightness(93%) contrast(96%);
}
.ht-address p:hover a{
	color: var(--color-yellow);
}
.ht-address p:hover img {
	filter:brightness(0) saturate(100%) invert(70%) sepia(88%) saturate(1547%) hue-rotate(359deg) brightness(93%) contrast(105%);
}
.site-header .header-top .container {
	max-width: 1362px;
}
.site-header {
	position: relative;
	background-color: var(--color-white);
	z-index: 1020;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
}
.header-contact {display: flex;align-items: center;}
.header-contact-link {position: relative;display: flex;align-items: center;padding: 0 26px;font-size: 19px;line-height: 26px;color: #fff;text-decoration: none;}
.header-contact-link::after {position: absolute;content: '';background-color: #fff;width: 1px;height: 100%;right: 0;top: 0;}
.header-contact-link:hover {color:var(--color-yellow);text-decoration: none;}
.header-contact-link img {width: 22px;margin-right: 8px;}
.header-contact-link:hover img {filter: brightness(0) saturate(100%) invert(25%) sepia(38%) saturate(2222%) hue-rotate(321deg) brightness(92%) contrast(99%);}
.social-media-wrap { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 20px; }
.social-media-link { width:20px; }
.social-media-link img{ width:100%;filter:brightness(0) saturate(100%) invert(60%) sepia(30%) saturate(357%) hue-rotate(177deg) brightness(93%) contrast(96%);}
.social-media-link:hover img{filter:brightness(0) saturate(100%) invert(70%) sepia(88%) saturate(1547%) hue-rotate(359deg) brightness(93%) contrast(105%);}
.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; }

#header-in {position: relative;display: flex;align-items: center; justify-content: space-between;}
.logo-wrap #logo {
	display: inline-block;
	height: 100%;
	width: 100%;
	max-width:222px;
}
.logo-wrap #logo img {
	width: 100%;
	transition: ease all .5s;
}
.header-right .header-right-in {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0;
	justify-content: flex-end;
}
#header-in nav .right-top .rz-btns-container {
	top: 100%;
	left: auto;
	right: auto;
}

/* Header Scroll */
.sticky-header.sticky-top .logo-wrap #logo img {
	width: 80%;
}


/*base nav styles*/
#nav .fa:before {font-family: 'FontAwesome' !important}
.site-header #nav {padding: 0;position: static;margin:0; 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;
	color: var(--secondarycolor);
	display: block;
	padding:9px 30px;
	z-index: 1;
	transition: all 0.3s;
	line-height: 150%;
	text-transform: capitalize;
}
.site-header #nav ul {padding: 0;margin: 0;}
.site-header #nav ul li ul {
	padding: 0;
	margin: 0;
	display: none !important;
}
.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; top: 29%; margin: 0; list-style: none; z-index: 1050; }
#translation-links ul {padding:0;margin: 0;position: absolute;top: 100%;right: 0;width: 300px;background: #fff;display: none;height: 400px;z-index: 999;overflow-y: scroll;}
#translation-links ul li{position: relative;top: 0;transform: unset;margin:0}
#translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;color: #1B1B1B;}
#translation-links ul li a:hover{color:var(--secondarycolor-400)}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{background:var(--secondarycolor);color: var(--color-white) !important;}
div.skiptranslate{display:none !important}
#translate-button { background: transparent; border: 0; font-weight:600; font-size: 16px; color: var(--color-white); text-transform: capitalize; transition: all 0.3s; display: flex; align-items: center; justify-content: space-between; gap:10px; }
#translate-button img{ height:20px; filter:brightness(0) saturate(100%) invert(60%) sepia(30%) saturate(357%) hue-rotate(177deg) brightness(93%) contrast(96%); }
#translate-button:hover{ color: var(--color-yellow); }
#translate-button:hover img{ filter:brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(3183%) hue-rotate(3deg) brightness(98%) contrast(101%) }


/* font-resizer */

#font-resizer {display: flex;gap: 4px;}
#font-resizer .resize-img img{width: 32px;}
#font-resizer button {background: none;padding: 0;border: 0;}
#font-resizer button img {width: 18px;}


/* search */
#search { max-width: 300px; width: 100%; background: var(--color-gray-300); padding-left:5px; }
#search .search-form { display: flex; width: 100%; margin: 0; align-items: center; }
#search input { border: 0; font-weight: 400; color: var(--color-black); transition: all 0.3s; font-size: 16px; padding: 0 0 0 10px; text-transform: inherit; height: 40px; background: var(--color-gray-300); font-weight:600; }
#search input::-webkit-input-placeholder{color:var(--color-black);}
#search input:-moz-placeholder{color:var(--color-black);}
#search input::-moz-placeholder{color:var(--color-black);}
#search input:-ms-input-placeholder{color:var(--color-black);}
#search input:focus {border-color:none;}
#search button { border: none; color: var(--color-black); background: transparent; font-size: 16px; height: 37px; width: 37px; margin: 0; }
#search button:hover{ color: var(--yellowcolor); }
/* slider-search-catalog */
.catalog-search {width: 354px;max-width: 100%;height: 62px;border-radius: 3px;border: 1px solid #3c7ca0;display: flex;align-items: center;justify-content: space-between;}
.radio-btns{padding: 0 16px 0 8px;border-right: 1px solid #709bb3;}
.form-group{text-align:left;margin: 0;}
.radio-btns input[type="radio"]{display:none}
.radio-btns label{position:relative;padding-left:26px;cursor:pointer;display:inline-block;font-weight:400;font-size:15px;color:#8b8b8b;line-height: 1.1; margin: 0;text-transform:capitalize}
.radio-btns label::before{content:'';position:absolute;left:0;top:0;width:17px;height:17px;background: #e4e4e4;border-radius:50%}
.radio-btns label::after{content:'';width:12px;height:12px;background:#ea6547;position:absolute;top:2.5px;left:2.5px;border-radius:50%;transition:all .3s ease}
.radio-btns input[type="radio"]:not(:checked) + label::after{opacity:0;transform:scale(0)}
.radio-btns input[type="radio"]:checked + label::after{opacity:1;transform:scale(1)}

/* Section homepage top */
#homepage-top { position: relative; padding: 5px 0 0 0; }
#homepage-top .social-media-wrap { position: absolute; margin: 0; top: 10px; right: 1px; z-index: 3; width: 1471px; max-width: 100%; margin: 0 auto; left: 0; justify-content: flex-end; }

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

#inner

-----------------------------------------*/
#freeform .inner-content {position: relative; display: flex;max-width: 1400px;}
#freeform #entry { padding-top: 36px; background: #fff; padding-right: 50px; flex: 1; padding-bottom: 36px; }
#freeform.fullwidth #entry{ padding-right:0; }
#freeform.fullwidth #entry,
#freeform {position: relative;}
#freeform #slider {position: relative;padding: 0;height:310px;z-index:12 !important;}
#aside-left { flex: 0 0 390px; width: 100%; max-width: 390px; position: relative; }
.aside-left-box { background: var(--color-gray-300); padding-top: 50px; height:100%; }
#flexjob,
#flyout-wrap,
#contact-wrap,
#hours-wrap,
#resource-wrap { position: relative; z-index: 1; margin-left:60px; padding-right:70px; margin-top:50px; }
#flyout-wrap{ margin-top:0; }
#flyout-header, 
.box-header { font-size: 20px; font-weight:800; text-transform:capitalize; position: relative; color: var(--secondarycolor); margin-bottom:15px; }
#flyout-wrap #flyout { z-index: 1; }
#flyout,#flyout li {position: relative;;margin: 0;}
#flyout li {list-style: none;z-index: 10;}
#flyout a, 
#flyout span { display: block; text-decoration: none; text-transform: capitalize; transition:ease all 0.5s; font-weight:600; }
#flyout a, #flyout span, #contact-info li, #contact-info .contact-link, .description-text p, #hours-wrap ul li, #resource-wrap .resource-link { color: var(--color-black); font-size: 16px; margin:5px 0; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break:break-word; }
#flyout-wrap #flyout a,
#flyout-wrap #flyout a span{ color: var(--colorprimary); }
#flyout a span { display: block; }
#flyout ul {display: none}
#flyout ul li,
#flyout ul,
#breadcrumbs ul,#flyout  {padding: 0;margin: 0;}
#flyout ul a,
#flyout ul span {display: block; font-size: 16px;padding: 10px 15px;margin: 0;}

.col-xs-12 {width: 100%}
#contact-wrap .box-header { margin-bottom: 13px; }
.profile-img { max-width:188px; width: 100%; height:188px; margin-bottom:20px; border-radius:50%; }
.profile-detail { margin-bottom: 30px; }
.contact-name { font-weight:800; margin: 0 0 5px 0; font-size:16px; line-height: 24px; text-transform:uppercase; color: var(--color-black); }
.contact-position{ font-weight:500; margin: 0 0 5px 0; font-size:16px; line-height: 24px; text-transform: capitalize; color: var(--color-black); }
#contact-info { margin: 0; padding: 0; overflow: hidden; }
#contact-info li{ display: flex; font-size: 16px; line-height: 24px; color: var(--color-black); margin-bottom:35px; font-weight:500; }
#contact-info li h4 { font-weight:800; font-size: 16px; margin: 0; line-height: 16px; text-transform: uppercase; color: var(--color-black); }
#contact-info li p{ margin:0; color: var(--color-black); }
#contact-info li img {height:19px;margin:0 18px 0 0;max-width: fit-content;filter:brightness(0) saturate(100%) invert(25%) sepia(83%) saturate(700%) hue-rotate(107deg) brightness(97%) contrast(99%);}
#contact-info .contact-link:hover {color:var(--secondarycolor-400);text-decoration: underline;}
#hours-wrap ul {padding: 0;margin: 0;list-style-type: none;}
#hours-wrap ul li + li { margin: 20px 0 0 0; line-height: 18px; }
#hours-wrap .day { display: inline-block; width: 72px; margin-right: 6px; text-transform: uppercase; font-weight:800; }
#resource-wrap .resource-link { display: flex; align-items: center; gap:20px; width:100%; text-decoration: none; font-size:16px; color: var(--colorprimary); font-weight:600; }
#resource-wrap .resource-link i{ font-size:20px; }
#resource-wrap .resource-link:hover{ color: var(--secondarycolor-400); }
#resource-wrap .resource-link + .resource-link {margin: 20px 0 0 0;}
.resource-link img {width: 24px;}
.leftSideLogo { position: absolute !important; bottom: 0; left: 0; max-width: 390px; width: 100%; }
.left-side-logo img{ width:100%; }
.leftResource { padding-bottom: 140px; }
.show-edit-buttons .user-logged-in .social-media-wrap.sidebar-social { margin-top: 20px; }
.social-media-wrap.sidebar-social { margin:0 0 0 60px; justify-content: flex-start; }
.sidebar-social .social-media-link { width: 40px; height: 40px; border-radius: 50%; background: var(--colorprimary); display: flex; align-items: center; justify-content: center; flex: 0 0 40px; }
.sidebar-social .social-media-link:hover{ background: var(--secondarycolor-400); }
.sidebar-social .social-media-link img{ width:20px; filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(345deg) brightness(102%) contrast(103%); }
#aside-left .has-edit-buttons.yes-has-edit-buttons { margin: 20px 0 0 0; /*! overflow: hidden; */}
#aside-left .leftResource { overflow: hidden; }
#aside-left .flyout-wrap-left { position: relative; z-index: 11 !important; }
.hidebox{display:none;}

/** Entry **/
#entry p { margin: 0 0 20px 0; line-height: 140%; font-size: 18px; font-weight: 500; }
#entry p a,
#entry a {text-decoration: underline; color:var(--secondarycolor);}
#entry p a:hover,
#entry a:hover {color:var(--color-yellow);}
/* #post ul { margin-top:44px; } */
/* #post ul li { padding: 0; line-height: 175%; padding-left: 4px; margin: 0; } */
#breadcrumbs {margin-bottom:11px;}
#breadcrumbs ul {list-style: none;}
#breadcrumbs ul li { margin: 0; margin-right:24px; color:var(--secondarycolor-400); }
#breadcrumbs ul li, 
#breadcrumbs a { display: inline-block; position: relative; font-size:15px; font-weight:600; text-transform: capitalize; }
#breadcrumbs ul li:last-child {margin-right: 0;text-decoration: underline;}
#breadcrumbs a { color: var(--colorprimary); text-decoration: none; }
#breadcrumbs ul li:not(:last-of-type)::after { content: "\f0da"; font-family: 'FontAwesome'; font-size:16px; position: absolute; top: 50%; transform: translateY(-50%); margin: 1px 13px; color:#e4e4e4; }
#breadcrumbs a:hover{ color: var(--secondarycolor-400); text-decoration: underline; }
#post blockquote { position: relative; background: var(--color-white); font-size: 26px; color: var(--secondarycolor); font-weight: 700; padding-left: 25px; text-transform: capitalize; display: flex; justify-content: space-between; line-height: 130%; border-left: 5px solid var(--color-yellow); margin: 50px 0 20px 0; }
#post blockquote::after { content: ""; display: block; flex: 0 0 50px; height: 50px; background: url(../images/quote.png); background-repeat: no-repeat; background-size: 46px; margin-left: 20px; background-position: center; }
/* #post h2,
#post h4{ color: var(--secondarycolor); }
#post h3{ color: var(--colorprimary); }
#post h5 { text-transform: uppercase; letter-spacing:0.2rem; font-weight:600; } */
#post .cat h3{ color: #f3f3f3; }
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-size:contain !important;background-position:center center !important;} 
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{display:none;}
#rz-business-directory .rz-business-block .rz-block-img { height: 200px; max-width: 200px; }
#rz-business-directory .rz-business-block .rz-block-img:after{display:none;}

/* curated */
#slider.results-open #slider-data-wrap {top: 30%;}
#search-results-wrap {position: absolute;left: 0;right: 0;top: 10%;z-index: 1020;}
#freeform #search-results-wrap {top: 20%;}
#search-results {position: absolute;top: 115%;left: 10%;right: 10%;background: #f3ecda;box-shadow: rgba(0, 0, 0, 0.3) 0 2px 15px 0;}
#search-results .tab-content{background:#fff;max-height:350px;overflow:auto;border-radius:0 0 12px 12px;padding-top: 10px;min-height: 170px;}
.search-nav{list-style-type:none;margin:0;padding:0;display: flex;width:100%}
#search-results .tab-pane h2{font-size:42px;color:#041E41;font-weight:600;text-align:left;margin:0 0 10px}
.g-search-wrap iframe{min-height:370px;border:0!important;width:100%}
.curated-item h4{margin:0;font-size:17px;color:#444;font-style:italic}
#search-results .tab-content .tab-pane{padding:0 30px}
.curated-item h3{margin:0;font-size:22px;color:#041E41;font-weight:600;display:block;}
.curated-item{text-align:left;padding-top:5px;border-top:1px solid #c7d1d8;padding-bottom: 20px;}
.curated-item>a{text-decoration:none;display:inline-block}
.curated-item small{margin-top:2px;font-size:.7em;color:#001423;line-height:1.3}
.curated-tags span{border-radius:3px;display:inline-block;background:#041E41;color:#fff;font-weight:700;font-size:11px;line-height:1;padding:4px 8px 5px;margin-right:4px}
.curated-item div.pull-right{text-align:right;width:25%}
.curated-item div.pull-right .search-icon{color:#041E41;font-size:16px;width:22px;display:inline-block;text-align:center;margin-left:4px}
a.search-dept-url{display:block;color:#444}
.curated-item h3 a{color:#041E41}
li#close-curated{display:inline-block;position:absolute;right:0;top:-60px;float:none!important;background:none;width:auto!important;color:#000;font-size:35px;border:0!important}
.search-nav li{display: flex;align-items: center;justify-content: center;width:100%;background: #264884;color:#fff;font-weight:700;text-align:center;padding: 15px;border-right:2px solid #c7d1d8;cursor:pointer;position:relative;pointer-events:fill}
.search-nav li:last-of-type{border:none}
.search-nav li.active{background: #006950;}
.curated-tags{clear:both}
#close-curated .fa-close{color:red;}

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

#share widget

-----------------------------------------*/
.modal {
	z-index: 100000
}

/** modal **/
.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: var(--color-black); }
.btn-twitter:hover { border-color: var(--color-black); outline:2px solid var(--color-black); 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; line-height: 1.4!important; text-transform:none!important; letter-spacing:0!important; color:var(--color-white) !important; border:0!important; border-radius:40px; background:var(--colorprimary) !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: 99999; bottom:30px; right: 0; width: 53px; height: 43px; border: 0; background: var(--secondarycolor-400); font-size: 25px; color: #fff; text-align: center; }
.floating-share-btn:hover{ background: var(--colorprimary); color: var(--color-white); }
.floating-share-btn > span {display: none;}
.floating-share-btn svg path {fill: #fff;}
.floating-share-btn img {width: 21px;}

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

#slider

-----------------------------------------*/
#slider {position: relative;height:480px;z-index: 1;}
#slider::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, .30); }
#slider .tns-controls { top: 49%; }
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-nav{display: none;}
#slider-caption-data { position: absolute; transform: translate(-50%,-50%); width:100%; z-index: 1; left: 50%; top:50%; padding: 0; text-align: center; }
.slider-caption-title-wrap {margin:0 0 58px 0;}
.slider-caption-title-wrap span { display: block; color:var(--color-white); font-weight:600; }
.slider-caption-title-wrap .slider-cap-top { font-size: 24px; line-height:24px; margin:0 0 20px 0; text-transform: uppercase; letter-spacing: 0.2rem; text-align: center; }
.slider-caption-title-wrap .slider-cap-bottom { font-size:60px; line-height:60px; font-weight:900; }
#slider-caption {position: absolute;width: 100%;top: 0;padding: 11px 0;background: rgba(0, 0, 0, 0.46);display: flex;align-items: center;justify-content: center;z-index: 1;}
.slider-location-text {font-size: 16px;font-weight: 500;line-height: 19px;color: #fff;}
.banner-bottom-img { position: absolute; bottom: 0; left: 0; width: 100%; bottom: -70px; }
.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%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1;}
.tns-controls button { color: #fff; height: 40px; width: 40px; border-radius: 0; background: rgba(255,255,255,0.15); font-size: 16px; border: none !important; line-height: 41px; }
.tns-controls button img {width: 32px;}
.tns-controls button:hover {color: var(--color-white);background: var(--color-yellow);}
.tns-controls button:last-of-type {float:right}
.tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}

#homepage #slider .tns-controls button:disabled {opacity:1;}
/* tns-nav */
.tns-nav {display: flex;gap:15px;position: absolute;top:auto;left: 50%;transform: translate(-50%);z-index: 1;bottom:-30px;}
.tns-nav button {width:20px;height:20px;border-radius: 50%;background: rgba(255, 255, 255, 0.45);border: none;padding: 0;}
.tns-nav button.tns-nav-active {background-color: #fff;}
#entry .tns-nav button{ padding:0; height:15px; width:15px; background:#e4e4e4; }
#entry .tns-nav .tns-nav-active{ background: var(--color-yellow); }
#entry .tns-controls{ display:none; }
/* tiles */
#tiles-gallery-in {display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;}
.tiles-gallery-item {position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 180px;border-radius: 8px; text-decoration: none;z-index: 1;transition: all 0.3s;}
.tiles-gallery-item::before {position: absolute;content: '';background: linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.85)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.85)) 100%);border-radius: 8px; width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.tiles-gallery-item:hover {text-decoration: none;}
.tiles-gallery-item:hover::before {background: linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.65)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.65)) 100%);}
.gallery-title {font-size: 24px;font-weight: 400;line-height: 28.8px;color: #fff;letter-spacing: -0.48px;font-family: 'Futura Bk BT';}

/* section quick-links */
#quick-links { position: relative; margin-top: -50px; z-index: 1; }
#quick-links::after { content: ""; height: calc(100% - 100px); width: 100%; background: var(--secondarycolor); left: 0; top: 50px; position: absolute; z-index: 0; box-shadow: 7px 13px 32px 0 rgba(0,0,0,0.30); }
#quick-links .container { position: relative; z-index: 1; }
#quick-links-in #tns2-mw #tns2-iw { padding: 30px; margin: 0 -30px; }
#quick-links .section-heading { text-align: center; margin-bottom: 28px; }
.quick-link { position: relative; display: flex; transition: ease all 0.5s; margin: 0 auto; text-align: center; background: var(--color-white); width: 100%; padding: 46px 20px 20px 20px; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #e4e4e4; }
.qlink-icon-box img {height:80px;transition: ease all 0s;filter:brightness(0) saturate(100%) invert(24%) sepia(77%) saturate(868%) hue-rotate(111deg) brightness(97%) contrast(99%);}
.qlink-title { font-size: 18px; line-height: 24px; font-weight: 600; text-align: center; margin-top: 40px; line-height: normal; color: var(--color-black); position: relative; z-index: 1; text-transform: capitalize; margin-bottom: 0; min-height: 54px; transition: ease all 0.5s; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.quick-link::after{ content:""; height:5px; width:0%; bottom:-1px; left:0; position: absolute; background:var(--color-yellow); transition: ease all 0.5s; }
.quick-link:hover::after{ width:100%; }
.quick-link:hover { transform: scale(1.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.15); z-index: 1; }
.quick-link:hover .qlink-icon-box img{ filter:brightness(0) saturate(100%) invert(75%) sepia(39%) saturate(6014%) hue-rotate(10deg) brightness(107%) contrast(100%); }
.quick-link:hover .qlink-title{ color:var(--secondarycolor); }
#quick-links .tns-controls button { position: absolute; top: -20px; }
#quick-links .tns-controls button:first-of-type{left: -70px;}
#quick-links .tns-controls button:last-of-type{ right: -70px;}

/* title */
.section-heading, #page-title { font-size: 45px; line-height: 45px; position: relative; margin: 0 0 35px 0; color: var(--color-black); font-weight: 900; letter-spacing: -0.01rem; }
#page-title,
.section-heading,
.section-subheading {color: var(--color-black);}
.section-heading > span{color: var(--color-black);}
.section-subheading {font-size:30px;line-height: 35px;margin-bottom: 52px;}
.title-wrap .button { margin: 3px 0 auto 0; }
#page-title { font-size: 45px; margin: 38px 0 20px; }
.heading-wrapp { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 75px 0; }
.heading-wrapp .section-heading{ margin:0; }
.heading-line { flex: 1; background:var(--colorprimary); height: 3px; margin: 0 30px; }

/* Features */
.sectionone-bg{ position: relative; padding-bottom:150px; }
.sectionone-bg::after { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(to top, rgba(30,87,153,0) 0%,rgba(255,255,255,0.01) 70%,rgb(255, 255, 255) 90%); z-index: 0; top:0; }
.sectionone-bg::before{ position: absolute; content:""; left:0; top:0; width: 100%; height: 100%; background:rgba(0, 0, 0, .25); z-index:0; }
#news {
	position: relative;
	padding-top: 100px;
}
#news .container {
	position: relative;
	z-index: 2;
}
.news-card {
	display: block;
	text-align: right;
	pointer-events: auto !important;
}
.news-card p {
	font-size: 16px;
	color: var(--color-white);
	background: var(--colorprimary);
	display: inline-block;
	text-transform: capitalize;
	margin: 0 0 -4px 0;
	padding: 1px 31px;
	border-radius: 0;
	font-weight: 600;
	position: relative;
	z-index: 0;
	transition: ease all 0.5s;
	overflow: hidden;
	line-height: 30px;
}
.news-card .news-card-detail {
	background: var(--color-white);
	transition: ease all 0.5s;
	overflow: hidden;
	padding:50px 50px 25px 50px;
	position: relative;
	z-index: 1;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .15);
	min-height:223px;
}
.news-card .news-card-detail::after{
	content:"";
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height:5px;
	width:0%;
	background: var(--color-yellow);
	transition: ease all 0.5s;
}
.news-card h4 {
	font-size: 22px;
	line-height:30px;
	color: var(--color-black);
	font-weight: 600;
	margin: 0 0 25px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break:break-word;
	min-height: 80px;
	text-align: left;
}
.news-card-detail span {
	display: flex;
	transition: ease all 0.5s;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	font-weight:700;
	color: var(--secondarycolor-400);
	text-transform: uppercase;
}
.news-card-detail span img{
	width:33px;
	filter:brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(2117%) hue-rotate(163deg) brightness(91%) contrast(98%);
}
.news-card:hover .news-card-detail span{
	color:var(--secondarycolor);
}
.news-card:hover .news-card-detail::after{
	width:100%;
}
.news-card:hover .news-card-detail span img{
	filter:brightness(0) saturate(100%) invert(15%) sepia(64%) saturate(2602%) hue-rotate(205deg) brightness(96%) contrast(106%);
}
.news-card:hover p{
	background: var(--secondarycolor);
	color: var(--color-white);
}
.news-card:hover .news-card-detail h4{
	color: var(--secondarycolor);
}
#news .tns-controls button {
	position: absolute;
}
#news .tns-controls {
	top: 50%;
}
#news .tns-controls button:first-of-type {
	left: -70px;
}
#news .tns-controls button:last-of-type {
	right: -70px;
}

/* section events */
#events {
	position: relative;
	overflow-x: hidden;
	z-index: 1;
	margin: 150px 0 0;
}
#events .section-heading {
	color: var(--color-white);
}

#events .heading-wrapp .heading-line {
	background: var(--color-white);
}

/** How Can Help **/
#how-can-help{
	position: relative;
	padding:145px 0 105px 0;
}
#how-can-help .container{
	position: relative;
	z-index:1;
}
#how-can-help::before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:rgba(1, 50, 127,.8);
}
#how-can-help .section-heading {
	color: var(--color-white);
}
#how-can-help .heading-wrapp .button {
	pointer-events: auto !important;
}
#how-can-help .heading-wrapp .heading-line {
	background: var(--color-white);
}
.how-can-help-box {
	display: flex;
	background: var(--color-white);
	width: calc(100% - 20px);
	position: relative;
	align-items: center;
	padding: 10px 20px;
	margin-bottom:40px;
}
.how-can-help-box::before{
	content:"";
	position:absolute;
	left:0;
	background:var(--color-yellow);
	height:0%;
	width:5px;
	transition:ease all 0.5s;
}
.how-can-help-box:hover:before{
	height:100%;
}
.how-can-help-box .help-icon{
	flex:0 0 80px;
	max-width:80px;
	width:100%;
	height:80px;
}
.how-can-help-box p{
	margin:0 50px 0 30px;
	font-size:20px;
	color: var(--color-black);
	font-weight:600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break:break-word;
}
.how-can-help-box .help-icon img{
	width:100%;
	filter:brightness(0) saturate(100%) invert(26%) sepia(54%) saturate(826%) hue-rotate(102deg) brightness(99%) contrast(99%);
}
.how-can-help-box:hover .help-icon img{
	filter:brightness(0) saturate(100%) invert(62%) sepia(53%) saturate(1251%) hue-rotate(6deg) brightness(101%) contrast(100%);
}
.how-can-help-box span {
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: -20px;
	height: 40px;
	width: 40px;
	background: var(--secondarycolor-400);
	color: var(--color-white);
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease all 0.5s;
}
.how-can-help-box:hover span{
	height:100%;
	background: var(--color-yellow);
}
.how-can-help-box:hover p{
	color: var(--secondarycolor);
}
#how-can-help .tns-controls {
	display: none;
}

/** Explore **/
#explore {
	padding: 170px 0 100px 0;
	position: relative;
}
#explore::after{
	content: "";
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%);
}
#explore .container{
	position:relative;
	z-index:1;
}
#explore .heading-wrapp{
	justify-content: center;
	position: relative;
}
.heading-bg-img {
	position: absolute;
	left: 0;
	bottom: 6px;
	width: 100%;
}
.heading-bg-img img{
	width: 100%;
}
.heading-bg-img .explore-mobile {
	display: none;
}
#explore .heading-wrapp .section-heading {
	background: var(--color-white);
	text-align: center;
	padding:0 40px;
}
.card-img-logo {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(255,255,255,0.05) 60%,rgb(255, 255, 255) 80%);
	display: flex;
	align-items: flex-end;
	padding: 15px 0;
}
.flipper-explore-card .card-img-logo img {
	max-width: 230px;
	width: 100%;
	margin: 0 auto;
	object-fit: contain;
	height: auto;
}
.explore-tiny-wrap:hover .flipper-explore-card,
.explore-tiny-wrap:hover .flipper-explore-card{
	-webkit-transform: rotateY(180deg);
}
.flipper-explore-card {
	-webkit-transition: 1.5s;
	-webkit-transform-style: preserve-3d;
	position: relative;
	display: block;
	width: 100%;
	min-height: 500px;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .15);
	background: #fff;
}
.flipper-explore-card img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.explore-front, .explore-back {
	-webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.explore-back {
	-webkit-transform: rotateY(180deg);
	background: var(--color-white);
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding: 0 30px;
	width: 101%;
	margin-left: -1px;
}
.explore-back::before{
	content:"";
	position:absolute;
	left:0;
	background:var(--color-yellow);
	height:10px;
	width:0%;
	transition:ease all 1s;
	bottom:0;
}
.explore-back .card-img-logo {
	position: relative;
	height: auto;
	background: #fff;
}
.explore-back p{
	color:var(--color-black);
	font-size:20px;
	line-height:30px;
	margin:20px 0 50px 0;
	font-weight:600;
}
.explore-back span {
	background:var(--secondarycolor-400);
	color: var(--color-white);
	padding: 12px 34px;
	font-size: 18px;
	font-weight:600;
}
.explore-back span:hover{
	background:var(--color-yellow);
	color: var(--color-black);
}
.explore-tiny-wrap:hover .explore-back::before{
	width:100%;
}
#explore .tns-controls{
	display:none;
}
#explore .tns-nav{
	bottom:-60px;
}


/* Section discover */
#discovers {padding: 114px 0 146px 0; background: #E0E5F5;}
#discovers #discovers-in {display: flex;gap: 40px;}
#discovers-in #discover-left {width: 37.5%;padding-top: 129px;}
#discovers-in #discover-left, #discover-left .section-heading {text-align: left; margin: 0;}
#discover-left .section-heading > span {display: block;}
#discover-left p {margin: 32px 0 32px 0;letter-spacing: normal;line-height: 24.3px;letter-spacing: -.275px;}
#discover-left .button,#discover-left p {font-size: 18px;}
#discover-left .button {min-width: 191px;padding: 18px 15px;}
.discover-gallery .gallery-row {display: flex; flex-direction: row; gap: 12px;margin-left: -4px;}
.discover-gallery .gallery-row:nth-child(2n) {flex-direction: row-reverse;}
.discover-gallery .gallery-item {height: 180px; margin: 6px 0;overflow: hidden;}
.discover-gallery .gallery-item img {height: 100%;width: 100%; object-fit: cover;}
.discover-gallery .gallery-item, .discover-gallery .gallery-item img {transition: all 1.9s;}
.discover-gallery .gallery-item:first-child {width: 36.5%;}
.discover-gallery .gallery-item:nth-child(2) {width: 63%;}
.discover-gallery .gallery-item:hover img {transform: scale(1.1);}

/* Section quicklink stansalone */
#quicklink-section {position: relative; background: #E0E5F5;}
#quicklink-section .container-fluid {padding-left: 30px;padding-right: 30px;}
#quicklink-section::after {content: ""; background: #fff;height: 50%;width: 100%;position: absolute;left: 0;bottom: 0;}
#quicklink-section .quicklink-item {display: flex;height: 400px;position: relative;z-index: 1;justify-content: center;align-items: center;padding: 32px;}
#quicklink-section .quicklink-item::after {content: ''; height: 100%;width: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 128,.72);z-index: -1; opacity: 0;visibility: hidden;transition: all .3s;}
#quicklink-section .quicklink-item img {height: 100%;width: 100%;}
.quicklink-item .quicklink-head {color: #fff;margin: 0;}
#quicklink-section .quicklink-item:hover::after {opacity: 1;visibility: visible;}

/* Section stay connected */
#stay-connected {padding: 152px 0 55px 0;}
#stay-connected .section-heading, #stay-connected .staypara {text-align: center; margin: 0 0 34px 0;}
#stay-connected .staypara {font-size: 16px;letter-spacing: -0.255px;}
#stay-connected .button {margin: 0 auto 59px auto;line-height: 1;}
#stay-connected .button > img {width: 17px;margin-right: 7px;margin-top: -4px;
}
#connected-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-right: -24px;
}
#connected-gallery .gallery-tile {
	width: calc(25% - 24px);
	border: 1px solid var(--weblight);
}
.gallery-tile .gallerythumb {display: block;height: 136px;}
.gallery-tile .gallerythumb img {object-fit: cover;border-radius: 0;height: 100%;width: 100%;}
.gallery-tile .gallery-info {padding: 10px 15px;}
.gallery-info .gallery-date {margin: 0;font-weight: 700;}
.gallery-info .gallery-views {color: #ccc;font-size: 12px;line-height: 1;}

/* Section Notify */
#notifymes {background: var(--colorprimary);padding: 50px 0;}
#notifymes #notify-in {display: flex; gap: 40px;}
#notifymes #notify-bell {background: var(--lightgray); height: 80px;width: 80px;line-height: 80px; display:block;text-align: center;}
#notifymes #notify-bell>img{width: 40px;}
.notify-text .section-heading,.notify-text p {margin: 0;text-align: left;color: #fff;}
.notify-text .section-heading {margin-top: -2px;}
.notify-text p {font-size: 18px;margin-top: 14px;}
#notifymes .button {border-color: #fff;color: #fff;margin: 19px 0 0 auto;height: 40px;}
#notifymes .button img {width: 12px;margin: -3px 0 0 7px;
}
#notifymes .button:hover {border-color: var(--redmain);}


/* section footer */
#footer {
	background:var(--secondarycolor);
	background-repeat:no-repeat;
	background-size: cover;
	position: relative;
}
#footer-top {
	display: flex;
	flex-wrap: wrap;
	padding:55px 0;
}
.footer-item{
	flex:0 0 27%;
	max-width:27%;
	width:100%;
}
.footer-item .footer-item-head {
	font-size: 18px;
	color: var(--color-white);
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom:10px;
}
#footer-logo {
	flex: 0 0 19%;
	max-width: 19%;
	width: 100%;
	text-align: right;
}
#footer-logo img {
	max-width: 260px;
	width:100%;
}
.footer-address-link, 
.footer-contact-link, 
.footer-link, 
.footer-item p, 
.footer-address-link {
	font-size: 14px;
	display: block;
	color: var(--color-white);
	margin: 0;
	line-height:24px;
	font-weight: 400;
}
.footer-address-link:hover,
.footer-contact-link:hover,
.footer-link:hover {color:var(--color-yellow)}
.footer-item p {
	display: flex;
}
.footer-item p.mailling-address {
	display: block;
	margin-top: 30px;
}
.footer-item p.mailling-address span {
	display: block;
}
#footer-bottom{
	background:#002868;
}
#revize p,#revize a{font-size: 13px; color:var(--color-white);margin:0;display: inline-block;font-weight: 500;}
#revize a {
	margin: 0 5px;
	padding: 0 0 0 0;
}
#revize a:hover{
	color: var(--color-yellow);
}
#revize {
	padding: 19px 0;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
#revize-login {
	display: inline-block;
}
.revize-link{
	font-weight:700;
}

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

#media queries

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

@media only screen and (min-width:1800px) {
	.container,
	#freeform .inner-content {
		max-width: 1600px;
	}
}
@media only screen and (max-width:1599px) {
	#explore-carousel-mw,
	#quick-links-in #tns2-mw,
	#news-carousel-mw{
		max-width: 1170px;
		margin:0 auto;
	}
	#explore .tns-controls button:first-of-type,
	#news .tns-controls button:first-of-type,
	#quick-links .tns-controls button:first-of-type {
		left:0;
	}
	#explore .tns-controls button:last-of-type,
	#news .tns-controls button:last-of-type,
	#quick-links .tns-controls button:last-of-type {
		right:0;
	}
	.news-card .news-card-detail {
		padding: 40px 30px 25px 30px;
	}
	#slider-caption-data {
		max-width: 780px;
		margin:0 auto;
	}
}
@media only screen and (max-width:1365px) {
	#explore-carousel-mw, #quick-links-in #tns2-mw, #news-carousel-mw {
		max-width: 1024px;
		margin: 0 auto;
	}
	.news-card h4 {
		font-size: 18px;
		line-height: 27px;
	}
}
@media only screen and (max-width:1199px) {
	/** General **/
	#explore-carousel-mw, #quick-links-in #tns2-mw, #news-carousel-mw {
		max-width: 800px;
		margin: 0 auto;
	}
	.section-heading, #page-title {
		font-size: 32px;
		line-height: 32px;
	}
	#news {
		padding-top:60px;
	}
	#events {
		padding: 60px 0;
	}
	#news .tns-controls button,
	#explore .tns-controls button {
		background:var(--secondarycolor-400);
	}
	#news .tns-controls button:hover,
	#explore .tns-controls button:hover{
		background:var(--color-yellow);
	}

	/** Header **/
	.ht-address p {
		margin: 0 0 0 10px;
		font-size: 13px;
		line-height: 16px;
	}
	#translate-button {
		font-size: 14px;
	}
	#search {
		max-width: 260px;
	}
	.site-header #nav a, .site-header #nav span {
		font-size: 16px;
		padding: 12px 25px;
	}
	
	/** How Can Help **/
	.how-can-help-box .help-icon {
		flex: 0 0 60px;
		max-width: 60px;
		width: 100%;
		height: 60px;
	}
	.how-can-help-box p {
		margin: 0 30px 0 10px;
		font-size: 18px;
	}

	/** Explore **/
	.flipper-explore-card {
		min-height: 350px;
	}
	.flipper-explore-card .card-img-logo img {
		max-width: 150px;
	}
	.explore-back {
		padding: 0 30px;
	}
	.explore-back p {
		font-size: 14px;
		line-height: 18px;
		margin: 0px 0 20px 0;
	}
	.explore-back span {
		padding: 10px 20px;
		font-size: 14px;
	}
}

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

	.site-header #nav .toggle,
	.site-header #nav .toggle2{display:none}
	#flyout .toggle {
		position: absolute;
		right: 10px;
		top: 7px;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 18px;
		display: inline-block !important;
		text-decoration:none !important;
	}
	#flyout .toggle.fa-angle-down{
		-webkit-transform: rotate(-90deg);
    	transform: rotate(-90deg);
		color:#bdbdbd;
	}
	.site-header #nav .focused .toggle,
	#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)}
	#flyout .focused .toggle {margin-left: 1px;}
	#flyout .focused .toggle.fa-angle-down {
		position: absolute;
		right:10px;
		top:0;
		margin:0 !important;
		padding:0 !important;
	}
	.site-header #nav .focused .toggle::after,
	#flyout .focused .toggle::after{
		display: none;
	}
	.header-right {
		position: relative;
		z-index: 99;
	}

	/* base nav styles  */
	.site-header #nav li:hover>ul{display:block}
	.site-header #nav a,
	.site-header #nav span {
        position: relative;
		display: inline-flex;
		align-items: center;
    }
	

	/* traditional    */
	/* #nav ul{position:absolute;left:0;top:100%;display:none} */
	#nav ul:not(make-mage) ul{left:100%;top:0}
	#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:50%;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;
		max-width:100%;
		padding:30px 50px;
		margin:0 auto;
		background: var(--color-gray-300);
		background-repeat: no-repeat;
		background-size: cover;
		column-count: 4;
		column-gap: 20px;
		min-height: 190px;
		border-radius:0;
	}
	#nav>li>ul.make-mage>li{display: table;page-break-inside: avoid;}
	#nav li:hover>ul.make-mage ul{position:static;margin: 0 0 11px 0;}
	#nav ul.make-mage a:not(.fa),#nav ul.make-mage span {
		font-size: 20px;
		font-weight: bolder;
		text-transform: capitalize;
		display: table;
		margin: 20px 0 0 0;
		padding: 0;
		position: relative;
		color: var(--secondarycolor);
		background: transparent !important;
	}
	#nav ul.make-mage a:not(.fa)::before, 
	#nav ul.make-mage span::before{
		display: none;
	}
	#nav ul.make-mage ul a:not(.fa),
	#nav ul.make-mage ul a:not(.fa), 
	#nav ul.make-mage ul span { font-size: 18px; font-weight:600;color:var(--color-black); display:inline-block; margin:2px 0; padding: 0; text-transform: capitalize; }
	#nav > li > ul.make-mage > li .second-level li a::after{ bottom:0; }
	#nav > li > ul.make-mage > li .second-level li a:hover{ color: var(--secondarycolor-400);text-decoration: underline;}
	#nav ul.make-mage a:hover, 
	#nav ul.make-mage span:hover{
		color: var(--secondarycolor-400) !important;
	}
	#nav .make-mage .focused .toggle2{display:block}
	.layout-table { table-layout: fixed; width: 100% }
	#flyout>li:hover>ul { display: block;} 
	#flyout ul {
		position: absolute;
		right: 100%;
		top: 0;
		width: 250px;
		z-index: 10;
		background:var(--color-white);
		border-radius: 10px;
		box-shadow:0 0 15px 0  rgba(0, 0, 0, .15);
	}
	#flyout > li .first-level > li > a {
		padding: 15px !important;
		margin: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, .15);
		color: var(--color-white);
	}
	#flyout > li .first-level > li:last-child > a {
		border-bottom:none;
	}
	#flyout li:last-child a,
	#flyout li:last-child span {border-bottom: none;}
	
	/* #flyout > li .first-level > li > a:hover,
	#flyout > li:hover > a,
	#flyout > li:hover > a span,
	#flyout > li:hover > span{
		color:var(--secondarycolor-400);
	} */
	#flyout-wrap #flyout > li:hover a span,
	#flyout-wrap #flyout > li:hover > a,
	#flyout-wrap #flyout > li .first-level > li > a:hover{
		color:var(--secondarycolor-400);
		text-decoration: underline;
	}
	/* Hover Menu */
	.site-header #nav li:hover a,
	.site-header #nav li:hover span{
		color: var(--secondarycolor);
		background: var(--color-yellow);
	}
}

@media only screen and (max-width:991px) {
	.button, a.button, #post button:not(.rz-agenda-search-submit), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn,
	#entry p {
		font-size: 14px;
	}
	/* 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:var(--color-black) !important;;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: var(--color-gray-300); margin: 0; }
	.site-header #nav li{position:relative!important}
	.site-header #nav ul{display:none;background:var(--color-white);}
	.site-header #nav ul ul{background:var(--color-gray-300);}
	.site-header #nav li a,
	.site-header #nav li span {font-size:20px !important; margin: 0;}
	.site-header #nav ul a,
	.site-header #nav ul span {font-size: 16px !important; font-weight: 500;text-transform: capitalize;color: var(--color-black);}
	.site-header #nav ul ul a,
	.site-header #nav ul ul span {font-size: 14px !important;}
	#nav > li > ul.make-mage {
		padding: 0 !important;
	}
	.site-header #nav li a#dropdown-toggle-1 {
		font-size: 24px !important;
		border-bottom: none;
		padding: 12px 0 !important;
	}
	#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
	}
	#search-toggle, #info-toggle, #nav-toggle {
		line-height:50px;
		width: 50px;
		height: 50px;
		text-align: center;
		background: transparent;
		display: inline-block;
		color: var(--color-white);
		border-radius: 50%;
		margin-left: 13px;
		cursor: pointer;
		font-size: 26px;
		background: var(--secondarycolor);
		font-size: 20px;
	}
	.site-header #nav > li.active > .toggle,
	.site-header #nav > li.active > .toggle2{color:var(--color-white) !important;}
	#search-toggle:hover, #info-toggle:hover, #nav-toggle:hover{
		background: var(--secondarycolor-400);
		color: var(--color-white);
	}
	.site-header #nav ul a.fa-angle-down{
		font-size: 24px !important;
		border-bottom: none;
		padding: 11px 0 !important;
		font-weight:700 !important;
	}
	#toggles {
		display: flex;
		align-items: center;
	}
	#nav, #flyout {
		display: none
	}
	#flyout a, #flyout span,
	#nav li {
		display: block
	}
	#flyout ul {background:rgba(0, 0, 0, .15);}
	.site-header #nav > li.active > a{
		background:var(--secondarycolor);
		color: var(--color-white);
	}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span {
		font-size: 14px !important;
		line-height: 1 !important;
		padding:15px 10px !important;
		border-bottom: 1px solid #A9A9AB;
	}
	#nav li:last-child>a,
	#nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span {
		border: 0
	}
	#flyout li {padding: 0;}
	#flyout ul a,
	#flyout ul span {
		color:var(--secondarycolor);
		font-size:14px !important;
	}
	#flyout-wrap #flyout {
		background:var(--color-white);
	}
	.social-media-wrap.sidebar-social {
		margin: 0 0 0 30px;
	}
	.aside-left-box {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.toggle, .toggle2 {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 45px;
		text-align: center;
		width: 45px;
		color:var(--color-black) !important;
		transform: none !important;
		text-align: center !important;
	}
	#freeform .inner-content {flex-wrap: wrap;}
	.fullwidth #inner-content {
		padding-top:30px;
	}
	#page-title {
		font-size: 36px;
	}
	.subheader {
		font-size: 28px;
		margin: 30px 0 15px;
	}
	#breadcrumbs {
		margin-bottom: 30px;
	}
	#aside-left, .entry-content {
		max-width: 100%;
		min-width: 100%;
	}
	#flexjob, #flyout-wrap, #contact-wrap, #hours-wrap, #resource-wrap {
		margin-left: 30px;
		padding-right: 30px;
	}
	#flyout-header {display: none;}
	#flyout-toggle {
		padding: 0;
		color: var(--secondarycolor);
		text-transform: capitalize;
		cursor: pointer;
		font-size: 18px !important;
		background: transparent;
		border-radius: 0;
		margin: 0;
		font-weight: 800;
	}
	#tiles-gallery-in {grid-template-columns: repeat(3, 1fr);}

	.header-top {
		padding:0;
		background:var(--secondarycolor);
	}
	#header-top-in {flex-direction: column;gap: 12px;height: auto;}
	.header-contact {flex-direction: column;gap: 16px;}
	.header-contact-link::after {display: none;}
	#header-in {
		position: unset;
		flex-direction: column;
		height: auto;
		padding:15px 0;
	}
	.header-right {
		width: 100%;
		padding: 10px 0;
		position: relative;
		left: 0;
		top: 100%;
		display: none;
	}
	.header-right .header-right-in {
		position: relative;
		justify-content: center;
	}
	#translate-button {
		padding: 0 10px;
		text-align: left;
		display: flex;
	}
	#translate-button span {
		display: inline-block;
	}
	#translate-button i {
		margin-right: 5px;
	}
	#translation-links li {top: 90%;right: 0;}
	#translation-links ul {left: 0;}
	/* .floating-share-btn {width: 60px;height: 50px;font-size: 10px;font-weight: 600;top: calc(30% - 55px);} */

	.logo-wrap{
		z-index:0;
	}
	.logo-wrap #logo {
		height: auto;
		max-width: 220px;
		width: 100%;
		display: block;
		position: relative;
		top: 0;
	}
	.site-header #nav a, 
	.site-header #nav span {
		color: var(--secondarycolor);
	}

	/** **/
	.header-right .header-right-in {
		flex-wrap: wrap;
		gap: 0;
		justify-content: center;
	}
	.language-wrapp, .ht-address {
		flex: 0 0 0;
		max-width: inherit;
		width: 100%;
		margin-bottom: 15px;
		margin: 0 10px 15px 10px;
	}
	.ht-address {
		flex: 0 0 40%;
		max-width: 40%;
		width: 100%;
		margin: 0 25px 15px 30px;
	}
	.social-media-wrap {
		flex: 0 0 15%;
		max-width: 15%;
		width: 100%;
		justify-content: flex-start;
	}
	#search{
		flex:0 0 85%;
		max-width:85%;
		width:100%;
	}
	#search input {
		height: 50px;
	}
	.ht-address p {
		margin: 0;
	}
	#translate-button {
		padding: 0;
	}
	.social-media-wrap {
		margin: 0;
	}


	/** Slider **/
	#slider {
		height: 400px;
	}
	#slider-caption-data {
		max-width: 600px;
	}
	.slider-caption-title-wrap {
		margin: 0 0 40px 0;
	}
	.slider-caption-title-wrap .slider-cap-top {
		font-size: 18px;
		line-height: 28px;
	}
	.slider-caption-title-wrap .slider-cap-bottom {
		font-size:46px;
		line-height:46px;
	}
	#search input {
		height: 50px;
	}

	/** welcome **/

	/** Quick Links **/
	
	/** News **/
	#quick-links-in #tns2-mw, #news-carousel-mw {
		max-width: 600px;
		margin: 0 auto;
	}
	

	/** How Can Help **/
	#how-can-help {
		padding: 70px 0 70px 0;
	}
	.how-can-help-box {
		margin-bottom: 20px;
	}

	/** Explore **/
	#explore {
		padding:100px 0;
	}

	/** Aside **/
	#aside-left {
		padding-top:30px;
		margin-bottom:50px;
	}
	#flyout a#flyout-dropdown-toggle-1{
		padding: 15px !important;
		border:none;
	}
	#flyout a span{
		padding-top:0 !important;
		padding-bottom:0 !important;
		border-bottom:none;
	}
	#flyout li .first-level li a{
		padding-left:15px !important;
		padding-right:15px !important;
	}

	/** Entry **/
	#freeform #entry {
		padding-right:0;
	}
	#freeform #slider {
		height: 300px;
	}

	/** Footer **/
	.footer-item {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 30px;
	}
	#footer-logo {
		order: 0;
		flex: 0 0 100%;
		margin-bottom:30px;
	}
	#revize {
		padding: 15px 0;
		display: block;
		text-align: center;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	#breadcrumbs ul li {margin-right: 26px;}
	#breadcrumbs ul li:not(:last-of-type)::after {margin: 0 14px}
	#notifymes #notify-in {
		gap: 20px;
		flex-wrap: wrap;
	}
	#notifymes .button {
		margin: 15px 0 0 0;
	}
	.box-header,#post blockquote{font-size: 18px;}
	#connected-gallery .gallery-tile {
		width: calc(50% - 24px);
	}
	.heading-wrapp {
		text-align: center;
		display: block;
	}
	.heading-wrapp .section-heading {
		margin: 0 0 15px 0;
	}
	.heading-line {
		display:none;
	}
	#search-toggle, #info-toggle, #nav-toggle {
		line-height: 40px;
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	/** Slider **/
	#slider {
		height: 350px;
		overflow: hidden;
	}
	#slider-caption-data {
		max-width: 480px;
	}
	.slider-caption-title-wrap .slider-cap-top {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.slider-caption-title-wrap .slider-cap-bottom {
		font-size: 34px;
		line-height: 32px;
	}

	/** Quick Links **/
	.sectionone-bg {
		padding-bottom:50px;
	}
	.sectionone-bg::after {
		background: linear-gradient(to top, rgba(30,87,153,0) 0%,rgba(255,255,255,0.01) 70%,rgb(255, 255, 255) 95%);
	}
	#events {
		margin: 0;
	}
	#quick-links {
		padding-bottom:100px;
		margin-top: -70px;
	}
	#quick-links::after {
		height: calc(100% - 140px);
		top: 70px;
	}
	#quick-links-in #tns2-mw #tns2-iw {
		padding: 30px 0;
		margin: 0;
	}
	#quick-links-in .tns-controls {
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 90px;
		margin: 0 auto;
		left: -5px;
	}
	#quick-links .tns-controls button {
		position:relative;
		top:0;
	}

	/** News **/
	#news {
		padding-top: 0;
	}
	.sectionone-bg::after {
		background: linear-gradient(to top, rgba(30,87,153,0) 0%,rgba(255,255,255,0.01) 70%,rgb(255, 255, 255) 80%);
	}
	#news .tns-controls {
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 90px;
		margin: 30px auto 0 auto;
		left: -5px;
	}
	#news .tns-controls button {
		position:relative;
		top:0;
	}

	/** explore **/
	#explore .heading-wrapp .section-heading {
		padding: 0 10px;
		display: inline-block;
		margin: 0;
	}
	.how-can-help-box {
		padding: 10px;
		margin-bottom:30px;
	}
	.how-can-help-box .help-icon {
		flex: 0 0 50px;
		max-width: 50px;
		height: 50px;
	}
	#explore .tns-controls {
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 90px;
		margin: 30px auto 0 auto;
		left: -5px;
	}
	#explore .tns-controls button {
		position:relative;
		top:0;
	}

	/** Footer **/
	#revize {
		text-align: center;
	}
	#footer-bottom {
		margin: 0;
	}
	.footer-address-link {
		font-weight: 600;
		font-size: 14px;
		line-height: 150%;
	}
	#footer-logo p {
		font-size: 12px;
	}
	#footer-bottom p, #revize,.footer-address-link, .footer-contact-link, .footer-link, .footer-item p,#revize a.dpp,#revize p, #revize a {
		font-size: 12px;
	}
	.footer-address-wrapp {
		flex-wrap: wrap;
	}
	.footer-item {
		max-width: 50%;
		width: 100%;
		flex: 0 0 50%;
		margin-bottom:30px;
	}

	/** Aside **/
	#page-title {
		font-size: 24px;
	}

	/** Entry **/
	#freeform #slider {
		height: 200px;
	}
	.header {
		font-size: 32px;
		margin-bottom: 10px;
		margin-top: 18px;
	}
	#post blockquote {
		font-size: 16px;
		line-height: 22px;
	}
	#flyout-toggle {
		margin: 0 15px;
	}
	#flyout-wrap #flyout {
		margin: 0 15px;
	}
	#flexjob, #contact-wrap, #hours-wrap, #resource-wrap {
		padding: 15px;
		margin-top: 40px;
	}
	#post blockquote::after {
		flex: 0 0 28px;
		height: 28px;
		background-size: 24px;
		margin-left: 10px;
	}
}

/* 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:575px) {
	.floating-alert {
		right: 0;
		bottom: 7px;
		margin: 0 0 0 6px;
		width: calc(100% - 90px);
		left: 0;
	}
	.events-box .section-heading,
	#news .section-heading,
	.welcome-detail .section-heading,
	.section-heading, #page-title{
		font-size: 28px;
	}
	.place-address.ht-address {
		flex: 0 0 70%;
		max-width: 70%;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
	}
	.social-media-wrap {
		flex: 0 0 0;
		max-width: inherit;
		width: 100%;
		justify-content: flex-end;
	}
	#search {
		flex: 0 0 90%;
		max-width: 90%;
		width: 100%;
		margin: 17px auto 0 auto;
	}

	/* Slider */
	#slider {
		height: 300px;
	}
	#slider-caption-data {
		max-width: 100%;
	}
	.slider-caption-title-wrap .slider-cap-bottom {
		font-size: 30px;
		line-height: 30px;
	}
	#homepage #slider .tns-controls {
		top: auto;
		bottom: 20px;
		width: 90px;
		display:none;
	}

	/* quick-links */
	.news-card {
		margin: 20px 10px;
	}

	/* quick-links */
	#events-tabs .tab {
		padding: 10px;
		margin: 0 5px 5px 0;
		font-size: 14px;
	}

	/* Explore */
	#explore {
		padding: 50px 0 100px 0;
	}
	#explore .heading-wrapp .section-heading {
		padding:0;
	}
	.heading-bg-img {
		position: relative;
		width: 88%;
		margin: 0 auto;
	}
	.heading-bg-img .explore-desktop{
		display: none;
	}
	.heading-bg-img .explore-mobile {
		display:block;
	}

	/* Footer */
	#footer-top {
		display: block;
	}
	.footer-item {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}
	.footer-item p {
		justify-content: center;
	}
	#revize {
		padding: 15px 0 0;
		display: block;
	}
	#revize p, #revize a {
		margin: 0 0 5px 0;
	}
	#footer-logo {
		max-width: 50%;
		text-align: center;
		margin: 0 auto;
	}

	/****/
	#flexjob, #flyout-wrap, #contact-wrap, #hours-wrap, #resource-wrap {
		margin-left: 15px;
		padding-right: 15px;
	}
}


@media print {

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

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