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

Theme Name: Newport, OR
Front-end developer: Raju Paul
Author Design: Jacob Nagy
Author URI: https://www.revize.com/
Date: 11/09/2024

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

/* -----------------------------------------
#fonts
-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*
  font-family: "Plus Jakarta Sans", serif;
  font-family: "Oswald", serif;
  font-family: "Albert Sans", serif;
  font-family: "Lato", serif;
*/
/* -----------------------------------------

#basic styles

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

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

:root {
  /* --dark-gray: #2c313f; */
  --lighter-gray: #383f51;
  --md-gray:#666666;
  --light-gray: #e8e8e8;
  
  --red:#ed1d25;
  --mat-blue:#6381C1;

  --dark-blue:#303B73;
  --light-blue:#D7E8EF;
  --lighter-blue:#D6E7EE;  
  --brand-color:#282C5E;


  --green:#779E6B;
  --dark-green:#5F7E56;
  --light-green:#D1E1E9;
  --yellow:#FEC973;
  --dark-yellow:#CFA35E;
  --black:#000;
  --drak-grey:#1e1e1e;
  --teal:#17739F;
  --light-bg:#E4F1F7;
  --light-yellow:#EDC452;
  --dark-yellow-pol:#C09E43;
  --blue:#0B2B66;
  --light-blue-bg: #C8D7F4;

  --green-parks:#246B42;
  --yellow-parks:#EDAA52;
  --dark-yellow-parks:#C08A43;
  --light-green-bg: #DCF1E5;

  --yellow-library:#E18A5B;
  --dark-yellow-library:#B87049;
  --green-library:#559273;
  --light-green-bg-lib: #CDE5D9;
  

}


body {background: #fff;font-size: 14px;line-height: 1.6;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";color: #444;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;overflow-x: hidden;top: 0 !important;font-family: "Plus Jakarta Sans", serif;}

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

#typography

-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #111;
font-weight: normal;
margin-bottom: 20px;
line-height: 1.2
}

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

h1 {
font-size: 36px
}

h2 {
font-size: 32px
}

h3 {
font-size: 28px
}

h4 {
font-size: 21px
}

h5 {
font-size: 16px
}

h6 {
font-size: 14px
}

.header {
font-size: 28px;
color: var(--brandcolor);
margin-bottom: 20px
}

.subheader {margin-bottom: 19px;display: block;color: var(--dark-blue);font-size: 32px;font-style: normal;font-weight: 600;line-height: 1;text-transform: capitalize;}
p {
margin: 0 0 20px 0
}

em {
font-style: italic
}

strong,
b {
font-weight: bold
}

small {
font-size: 80%
}

.site-footer hr {
  margin-top: 32px;
  margin-bottom: 37px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.2);
}

.site-footer .top-shape{position: relative;top: -50px;}

@font-face {
  font-family: 'weather';
  src: url('../fonts/weather/artill_clean_icons-webfont.eot');
  src: url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'),
    url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'),
    url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.weather i {
  font-family: 'weather';
  font-size: 48px;
  position: relative;
  margin-left: 1px;
  /* top: 4px; */
 }

.weather .icon-0:before {
  content: ":"
}

.weather .icon-1:before {
  content: "p"
}

.weather .icon-2:before {
  content: "S"
}

.weather .icon-3:before {
  content: "Q"
}

.weather .icon-4:before {
  content: "S"
}

.weather .icon-5:before {
  content: "W"
}

.weather .icon-6:before {
  content: "W"
}

.weather .icon-7:before {
  content: "W"
}

.weather .icon-8:before {
  content: "W"
}

.weather .icon-9:before {
  content: "I"
}

.weather .icon-10:before {
  content: "W"
}

.weather .icon-11:before {
  content: "I"
}

.weather .icon-12:before {
  content: "I"
}

.weather .icon-13:before {
  content: "I"
}

.weather .icon-14:before {
  content: "I"
}

.weather .icon-15:before {
  content: "W"
}

.weather .icon-16:before {
  content: "I"
}

.weather .icon-17:before {
  content: "W"
}

.weather .icon-18:before {
  content: "U"
}

.weather .icon-19:before {
  content: "Z"
}

.weather .icon-20:before {
  content: "Z"
}

.weather .icon-21:before {
  content: "Z"
}

.weather .icon-22:before {
  content: "Z"
}

.weather .icon-23:before {
  content: "Z"
}

.weather .icon-24:before {
  content: "E"
}

.weather .icon-25:before {
  content: "E"
}

.weather .icon-26:before {
  content: "3"
}

.weather .icon-27:before {
  content: "a"
}

.weather .icon-28:before {
  content: "A"
}

.weather .icon-29:before {
  content: "a"
}

.weather .icon-30:before {
  content: "A"
}

.weather .icon-31:before {
  content: "6"
}

.weather .icon-32:before {
  content: "1"
}

.weather .icon-33:before {
  content: "6"
}

.weather .icon-34:before {
  content: "1"
}

.weather .icon-35:before {
  content: "W"
}

.weather .icon-36:before {
  content: "1"
}

.weather .icon-37:before {
  content: "S"
}

.weather .icon-38:before {
  content: "S"
}

.weather .icon-39:before {
  content: "S"
}

.weather .icon-40:before {
  content: "M"
}

.weather .icon-41:before {
  content: "W"
}

.weather .icon-42:before {
  content: "I"
}

.weather .icon-43:before {
  content: "W"
}

.weather .icon-44:before {
  content: "a"
}

.weather .icon-45:before {
  content: "S"
}

.weather .icon-46:before {
  content: "U"
}

.weather .icon-47:before {
  content: "S"
}

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

#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;
color: var(--brandcolor)
}

p a,
p a:visited {
line-height: inherit
}

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

#lists

-----------------------------------------*/
ul,
ol {
margin-bottom: 20px;
margin-left: 10px
}

ul {
list-style: disc
}

ol {
list-style: decimal
}

ul ul,
ul ol,
ol ol,
ol ul {
margin: 4px 0 5px 30px
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
margin-bottom: 6px
}

li {
line-height: 1.3;
margin-bottom: 7px;
}

li p {
line-height: 1.3
}

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

#images

-----------------------------------------*/
img {
max-width: 100%;
height: auto
}

a img {
border: none
}

.alignleft {
float: left;
clear: left;
margin: 0 20px 20px
}

.alignright {
float: right;
margin: 0 0 20px 20px
}

.alignnone {
margin: 0 auto 20px;
display: block
}

img[align="right"],
img[style*="float: right"],
img[style*="float:right"] {
margin: 0 0 20px 20px;
}

img[align="left"],
img[style*="float: left"],
img[style*="float:left"] {
margin: 0 20px 20px 0;
}

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

#buttons

-----------------------------------------*/
.button,
a.button,
/*#post button:not(.rz-agenda-search-submit),*/
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding: 19px 24px 18px;display: inline-block;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s;text-align: center;border-radius: 0;color: var(--black);font-family:"Plus Jakarta Sans";font-size: 16px;font-style: normal;font-weight: 800;line-height: normal; /* 24px */text-transform: uppercase;background: var(--yellow);}
.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(--black);text-decoration: none;background:var(--dark-yellow);}
.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{color: var(--black);text-decoration: none;background:var(--dark-yellow);}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}


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

#revize edit buttons DO NOT MODIFY

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

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

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

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

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

#forms

-----------------------------------------*/
form {
margin-bottom: 20px
}

fieldset {
margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {padding: .375rem .75rem;outline: none;margin: 0;display: inline-block;box-shadow: none;font-size: 16px;font-weight: 400;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
color: var(--brandcolor);
border: 1px solid var(--mediumgray)
}

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;
}

::placeholder {
  color:var(--dark-gray);
}

::-webkit-input-placeholder {
color:var(--dark-gray);
}

::-moz-placeholder {
color:var(--dark-gray);
}

::-moz-placeholder {
color:var(--dark-gray);
}

::-ms-input-placeholder {
color:var(--dark-gray);
}

.gsc-control-cse * {
box-sizing: content-box
}

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

#rz intranet

-----------------------------------------*/
form.loginform {
background: #fff;
padding: 30px;
border: 1px solid #D2DFEF
}

form.loginform p {
background: #E65229;
color: #fff;
padding: 20px;
line-height: 1
}

form.loginform label {
font-weight: normal
}

form.loginform label input {
display: block;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
padding: 10px;
color: #000
}

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

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:100;bottom: auto;margin:0;right:20px;color: var(--drak-grey);padding: 24px;width: 350px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius: 0;background: var(--white);font-size: 16px;line-height: 22px;font-weight: 500;bottom: 40px;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);}
.floating-alert h2{margin: 0 0 12px;color: var(--drak-grey);font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}
.floating-alert p{margin:0;color: var(--md-gray);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */}
.alert-buttons{margin: 24px -24px -28px;border-top: 1px solid #D9D9D9;display:flex}
.alert-button{border-right: 1px solid #D9D9D9;flex:1 1 auto;text-align:center;padding: 18px 0;text-decoration:none;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */width: 150px;}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background: var(--yellow);color: var(--drak-grey);text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}
/* -----------------------------------------

#rz edit

-----------------------------------------*/
#event-modal .modal-footer .btn {margin: 0 0 0 10px;color: var(--white) !important;text-decoration: none;padding: 8px 10px !important;}
.rz-doc-search-reset {border: 0;color: var(--white) !important;}

#post input[type="submit"].rz-doc-search-submit {padding: 0 15px;border-radius: 4px;}
body .cat h3 {border-bottom: 1px solid #5f5f5f;background: var(--teal);}
form#rz-business-directory-search{margin:0 0 15px 0}
.faq-header ~ .faq-editbtns {margin-top: -35px;position: relative;z-index: 1;}
.faq-header{width:100%}
#rz-business-categories .business-category-edit{margin:0 0 15px 0}

.share-btns a img {width: 55px;display: block;margin: 55px auto;}
@media only screen and (max-width:767px) {
    .share-btns a img {width: 20px;margin: 15px auto;}
}
article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}
.business-social-links a>.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}


#entry #post .button{padding:12px 35px 13px 30px;}
#post a:not(.button,.button a,.btn,.btn a,#calendar-filters a,.fc-day-number,#calendar-submit,.faq-header,.faq-question .faq-question-header,#breadcrumbs a,.faq-editbtns a){color: var(--dark-blue);text-decoration: none;font-weight: 600;}
#post a:hover:not(.button,.button a,.btn,.btn a,#calendar-filters a,.fc-day-number,#calendar-submit,.faq-header,.faq-question .faq-question-header){text-decoration: underline;}

input#faq-filter {border: 1px solid;}
#freeform #entry #rz-rpfbids-row{background:var(--teal) !important}
#freeform #entry .rpfbids td{text-align:left !important}
#jobs-table {margin: 10px 0 0;}
.staffBtn {margin-bottom: 10px;}

article#entry #post:before,article#entry #post:after {content: "";display: block;}
article#entry #post:after {clear: both;}

#freeform #main #post span.btn > a{color: #fff;text-decoration: none;}
#freeform #main #post span.btn{
    padding: 19px 24px 18px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    transition: all .3s;
    text-align: center;
    border-radius: 0;
    color: var(--black);
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;;
    background: var(--green);
    color: var(--white);
}
#freeform #main #post span.btn:hover{background: var(--dark-green);}

.mega-divider {position: absolute;left: 14%;right: 29%;top: 0;bottom: 0;display: flex;justify-content: space-between;z-index: 11;pointer-events: none;}
    #nav ul.make-mage .mega-divider>span {display: block !important;height: 100%;width: 1px!important;background: transparent;padding: 0;border-right: 1px solid rgba(255,255,255,.10);}
button#translate-reset {position: absolute;opacity: 0;}
ul#calendar-filters {margin: 0 0 10px !important;}
#freeform #entry .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-position:center center !important;background-size: 80% !important;background-size: 70% !important;border: 1px solid #ccc;}
/*#freeform #entry .rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{display:none}*/
.rz-block-img:after {bottom: 50% !important;}
#rz-business-directory.rz-block-list .category-list {padding: 8px 16px !important;margin: 0 !important;}
#rz-business-categories ul{margin: 0 0 10px !important;}

.tox-collection__item[title="btn"] span{padding: 12px 24px;background:var(--green) !important;color:#fff !important;border:0;border-radius: 8px;display:inline-block;font-size:1rem;font-weight: 700;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:middle;}
#rz-business-directory .rz-block-img::after{display: none;}
#rz-business-directory .rz-block-img li{color: #000;}

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

#main

-----------------------------------------*/
html{filter: none;}
/*#wrapper_sliderVideo {z-index: 1 !important;}*/
#rz-checkboxs .checkbox-inline label {display: block !important;}
#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}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.fixed-header {position: fixed;left: 0;width: 100%;z-index: 99;}
.user-logged-in .fixed-header { position: sticky;}
.top-left-content {display: flex;align-items: center;column-gap: 8px;}
body #userwayAccessibilityIcon{display:none !important}
/*#ada-btn {position: relative;margin: 0;border: 0;padding: 0 25px;color: var(--white);font-size: 16px;font-style: normal;font-weight: 400;transition: .3s all;align-items: center;border-radius: 0;background: rgba(255, 255, 255, .05);display: flex;column-gap: 12px;height: 50px;font-family: "Roboto", sans-serif;}*/
/*#ada-btn:hover {filter: hue-rotate(115deg) contrast(2.5); background: rgba(255,255,255,.15);}*/
#ada-btn img{width: 35px;filter: brightness(0.5);}

.weather-wrap{position: absolute;top: 110px;left: auto;transform: translate(-50%);/*! width: 1300px; */max-width: 100%;display: flex;justify-content: flex-end;align-items: center;z-index: 9;color: var(--white);right: 0;}
.right-links{display:flex;align-items: center;column-gap: 5px;color:var(--brandcolor);font-size: 16px;font-style: normal;font-weight: 700; /* 20.8px */}
.right-links #weather{position: relative;top: 0;color: #FFF;font-family: "Plus Jakarta Sans";font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}
/* .forecast {font-size: 0;} */
.weather-deg {color: #FFF;font-family: "Plus Jakarta Sans";font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;}

.top-right-tools {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.top-right-tools .left-top {left: -80px !important;}

.top-right-links{
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.floating-share-btn {padding: 0;border: 0;width: 50px;height: 50px;text-align: center;transition: .3s all;color: var(--white);background: rgba(255, 255, 255, .05);}
.floating-share-btn img{width:18px;}
/*.floating-share-btn:hover{filter: hue-rotate(115deg) contrast(2.5); background: rgba(255,255,255,.15);}*/

.slider-shape {position: absolute;bottom: 0;z-index: 1;}

a.head-link {
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 32px;
}

#flyout li a::after,
#flyout li span::after{content: "";position: absolute;bottom: 0;width: calc(100% - 40px);height: 1px;background: rgba(0, 0, 0, 0.10);transition: .3s all;left: 50%;transform: translateX(-50%);}

#flyout li:last-child a::after,
#flyout li:last-child span::after{display: none;}


.head-link:hover{color:var(--white);text-decoration: underline;}
a.head-contact {font-size: 15px;color: #fff;font-weight: 500;text-decoration: none;margin-right: 0;margin-left: 0;transition: .3s all;text-transform: uppercase;}
a.head-contact img{width: 18px;margin-right: 10px;position: relative;top: -1px;}
a.head-contact:hover{text-decoration: none;color: var(--lightblue);}
a.head-location {font-size: 20px;color: var(--white);font-weight: 600;text-decoration: none;text-transform: uppercase;transition: .3s all;}
a.head-location:hover{text-decoration: none;color: var(--lightblue);}
a.head-location img{width: 24px;margin-right: 14px;position: relative;top: -1px;}
.cont-address {margin-left: 0;display: flex;}
.site-header{width: 100%;background: rgba(23, 115, 159, 0.80);backdrop-filter: blur(7.5px);}
.site-header.scrolled #logo {width: 116px;top: -50px;}
#wrapper_sliderVideo {z-index: 1 !important;}
.site-header .container{width: 1662px;max-width: 100%;}  
.tools-wrap {display: flex;align-items: center;justify-content: right;column-gap: 16px;padding-right: 32px;}  
#logo{display:block;padding: 0;text-decoration:none;width: 272px;max-width:100%;transition: .3s all;position: absolute;top: -50px;left: 15px;z-index: 9;}
#social-media-links {display: flex;width: 68px;justify-content: space-between;column-gap: 0;position: relative;}
#f-social-media-links {display: flex;width: 88px;justify-content: space-between;column-gap: 5px;position: relative;margin: 60px  0 0;}
.header-top {background: var(--lighter-gray);padding: 10px 0 13px;}
#header-bottom .col-lg-2{background: var(--accentcolor);position: relative;left: -6px;}
#header-bottom .col-lg-2::after {
  content: "";
  position: absolute;
  right: auto;
  background: var(--accentcolor);
  height: 100%;
  width: 1000%;
  left:100%;
  top: 0;
}
.header-top #search1 {width: 220px;position: absolute;display: none;right: 0;}
.header-top #search1 form{margin:0;}
.header-top #search1 input {height: 26px;font-size: 15.625px;color: rgb(0, 0, 0);padding: 0 21px 0 10px;}
.header-top #search1 button {
position: absolute;
right: 3px;
top: -1px;
border: 0;
background: transparent;
padding: 0;
line-height: 26px;
color: #fff;
text-transform: uppercase;
width: 18px;
}
.address-link img{position: relative;left: -1px;top: -1px;}
.social-media-link:hover {background: var(--dark-yellow);}
.social-media-link img {width: 18px;position: relative;top: -2px;}
.phone-link {position: relative;left: -4px;}
.container{width: 1438px;max-width: 100%;}
.head-left-items {color: #F8FAFC;font-size: 16px;font-weight: 500;line-height: 160%;}
.caption-wrapper {
position: absolute;
z-index: 9;
width: 100%;
text-align: center;
color: #fff;
top: 50%;
transform: translateY(-50%);
margin: -55px 1px;
}
.search-wrapper {
position: relative;
top: 70px;
}

/*Header*/
#header-bottom {background: var(--dark-gray);}
.head-links a{color: #fff;text-decoration: none;font-size: 15px;}
.head-links a:hover{color: var(--md-gray);text-decoration: underline;}
.site-header .col-lg-3{position: relative;}
.header-top .container{width: 1522px;display: flex;justify-content: end;align-items: center;}
.pipe {margin: 0 30px;color: rgba(30, 30, 30, 0.20);}



/* Qlinks*/
.site-qlinks .container{position: relative;left: 0;width: 1438px;max-width: 100%;}
.site-qlinks li{margin: 0;}
a.qlink{text-decoration: none;display: flex;border: 0;transition: .5s all;text-align: center;line-height: 24px;border-radius: 0;position: relative;margin: 0 auto;padding: 32px 24px;color: var(--white);font-size: 14px;font-style: normal;font-weight: 700;background: rgba(0, 0, 0, 0.20);align-items: center;column-gap: 16px;justify-content: space-between;min-height: 112px;}
a.qlink img{width: 32px;margin-right: 16px;}
a.qlink h5{margin:0;color: var(--white);font-size: 20px;font-weight: 700;}
.qlink:hover{
    background: rgba(0, 0, 0, 0.40);
}
.qlink:hover .qlink-title{color: var(--red);text-decoration: none;}
.more-arrow {background: var(--white);min-width: 32px;height: 32px;display: block;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.more-arrow img{width: 16px !important;margin: 0 !important;}
.qlink-in {display: flex;align-items: center;}


/*News*/
.site-news {padding: 96px 0;position: relative;background: var(--light-bg);}
.site-news .button{position: relative;top: 1px;right: 0;}
#homepage .site-news .container{position: relative;}
#homepage .site-news .tns-ovh{position: relative;margin-bottom: 0;padding: 10px;margin: -10px;}
#homepage .site-news .tns-controls {margin: 0;display: flex;position: absolute;top: -68px;right: 248px;left: auto;column-gap: 6px;z-index: 91;}
#homepage .site-news:hover .tns-controls{opacity: 1;}
#homepage .site-news li{margin-bottom:0;}
#homepage .site-news .news-box {text-decoration: none;margin: 0 auto;display: block;overflow: hidden;transition: .5s all;background: var(--white);position: relative;top: 0;}

#homepage .site-news .news-box .news-desc{margin-bottom: 31px; /* 24px */text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;color: rgba(0, 0, 0, 0.60);font-family: "Plus Jakarta Sans";font-size: 14px;font-style: normal;font-weight: 400;line-height: 21px; /* 21px */min-height: 84px;}
#homepage .site-news .news-box:hover{text-decoration: none;}
#homepage .site-news .news-box:hover h4.news-title{text-decoration: underline;}
#homepage .site-news .news-box:hover .btn-more {background: var(--dark-green);}
#homepage.parks .site-news .news-box:hover .btn-more {background: var(--dark-yellow-parks);}
#homepage.library .site-news .news-box:hover .btn-more {
    background: var(--dark-yellow-library);
}
#homepage .site-news .news-box:hover .btn-more span {background: var(--white);transition: .3s all;}
#homepage.parks .site-news .news-box:hover .btn-more span {background: var(--drak-grey);transition: .3s all;}
#homepage .site-news .news-box:hover .btn-more span img {filter: none;}

#homepage .site-news .news-desc-wrap{background: var(--dark-gray);padding: 28px 28px 29px;border-radius: 0 0 24px 24px;position: relative;z-index: 1;text-align: left;border-top: 15px solid var(--dark);height: 211px;}
#homepage .site-news .date{display: block;text-align: left;padding: 0;color: rgba(30, 30, 30, 0.60);font-size: 16px;font-weight: 800;line-height: normal; /* 24px */margin-bottom: 9px;}
#homepage .site-news .date span{display: block;margin: -1px 0 0;color: #4B4545;text-align: center;font-size: 24px;font-style: normal;font-weight: 700;line-height: 135%;text-transform: uppercase;}
#homepage .site-news .date-in {position: relative;top: 45px;left: -9px;color: #4B4545;font-family: 'Abhaya Libre', serif;font-size: 32px;font-style: normal;font-weight: 800;}
#homepage .site-news .news-img{height: 300px !important;transition: .3s all;}

#homepage h4.news-title {
  text-align: left;
  margin: 0 0 12px;
   /* 33px */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--black);
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px; /* 31.2px */
}

#homepage .news-content {padding: 50px 48px 47px;min-height: 270px;}
#homepage .btn-more {background: var(--green);padding: 20px 24px;color: var(--white);font-family: "Plus Jakarta Sans";font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;display: inline-block;transition: .3s all;}
#homepage .btn-more:hover {background: var(--dark-green);}
#homepage .btn-more:hover span{background: var(--white);transition: .3s all;}
#homepage .btn-more:hover span img{filter: none;}
#homepage .btn-more span{width: 20px;height: 20px;border: 1px solid var(--white);display: inline-block;border-radius: 50%;margin: 0 0 0 13px;position: relative;top: 1px;text-align: center;}
#homepage .btn-more span img{width: 10px;height: 10px;position: relative;top: -4px;filter: brightness(10);}
#homepage .site-news .tns-outer button[data-controls] {
  border: 0;
  padding: 0;
  height: 58px;
  width: 58px;
  border-radius: 0;
  font-size: 30px;
  color: var(--white);
  margin: 0;
  transition: .3s all;
  background: var(--white);
}
#homepage .site-news .tns-outer button[data-controls]:hover{background: var(--yellow);}
#homepage .site-news .tns-outer button[data-controls]:hover img{filter: brightness(.1);}


/* Qlinks*/
.site-qlinks {background: var(--teal);position: relative;padding: 24px 0;}
.site-qlinks .center-center{margin-top: -73px;}
.site-qlinks .tns-inner{z-index: 9;position: relative;}
.site-qlinks .button{position: relative;z-index: 9;}
.site-qlinks .icon-wrap img{width: 30px;}
.qlink-item {background: var(--green);align-items: center;padding: 24px;transition: .3s all;position: relative;text-decoration: none;}
.qlink-item:hover .icon-wrap {background: url(../images/icon-bg-hover.png);background-size: 100% 100%;background-repeat: no-repeat;}
.qlink-item h6{margin: 0;color: var(--white);font-family: "Poppins", sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 110%;}
.site-qlinks img.bottom-shape {opacity: .05;}
.site-qlinks .container{position: relative;z-index: 1;}
.qlink-button {margin: 13px 0;}

.section-title-wrap{position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 33px;}



.section-title-wrapper{text-align: center;margin: 0 0 50px;}
.section-title{text-align: left;margin: 0; /* 89.6px */position: relative;z-index: 1;color: var(--drak-grey);font-family: Oswald;font-size: 64px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.section-title span{
  color:var(--brand-color);
  font-family: "Dancing Script", cursive;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  position: relative;
  top: -13px;
  left: 3px;
  }

.light-section .section-title-wrap::after{content: "";background: url(../images/yel-brush.png);width: 500px;height: 97px;background-size: 100%;position: absolute;left: -4px;top: 33px;}

/*Events*/
.cal-wrap{position: relative;padding: 64px 64px 61px;margin-bottom: 96px;}
.cal-wrap img{z-index: 1;opacity: .2;}
.cal-wrap::after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(39, 94, 106, 0.80);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.site-events .section-title-wrap{margin-top: 86px;}

.full-cal-btn{z-index: 3;text-align: center;position: relative;margin-top: 24px;}
.site-events span.btn-more{color:var(--brand-color);}


#tabs-button{display: flex;margin-top: 0;text-align: center;font-weight: 600;line-height: normal;margin-bottom: 24px;}
#tabs-button .tab {display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 16px 22.5px 16px;width: auto;text-align: center;color: var(--white);text-transform: capitalize;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(5px);font-family: "Albert Sans";font-size: 20px;font-weight: 700; /* 30px */margin-right: 6px;transition: .3s all;border: 3px solid transparent;}
#tabs-button .tab:hover{background: rgba(255, 255, 255, 0.25);}
#tabs-button > .tab:first-child{border-radius:8px!important;}
#tabs-button .tab.active{color: var(--yellow);position: relative;border: 3px solid #FEC973;}
#tabs-button .tab.active::after{content:"";background: url(../images/star.png);position: absolute;width: 32px;height: 30px;background-size: 100%;bottom: -19px;z-index: 9;}
.tab-event:not(.active){display: none;}

.tab-event {color: #000;padding: 0;}
.tab-calendar:not(.active){display: none;}
.site-event{position: relative;padding: 96px 0 98px;}
.site-event::after{content: "";width: 100%;height: 100%;position: absolute;background: linear-gradient(0deg, rgba(23, 115, 159, 0.85) 0%, rgba(23, 115, 159, 0.85) 100%);left: 0;top: 0;}
.site-event .container{position: relative;z-index: 1;}
.site-event.white-title .section-title{color: var(--white);}


/*base nav styles*/
.site-header #nav{padding:0;display:flex;flex-wrap:wrap;justify-content: space-around;width: 852px;position: static;margin: 0 auto 0 6px;margin: 0 auto;}
.site-header #nav li{list-style:none;margin:0;break-inside: avoid;}
.site-header #nav ul{padding:0;margin: 0 0 15.7px;}
.site-header #nav a:not(.fa),
.site-header #nav span:not(.fa){text-decoration:none;display:inline-block;position: relative;color: var(--white);padding: 39px 30px 38px;text-transform: capitalize;text-align: center;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;font-family: "Plus Jakarta Sans", serif;}
.site-header #nav ul a,
.site-header #nav ul span{display:block}
.site-header #nav li:last-child>a,
.site-header #nav li:last-child>span{border:0}

.site-header #nav a:not(.fa)::after,
.site-header #nav span:not(.fa)::after{
  content: "";
  background: var(--yellow);
  height: 8px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  transition: .3s all;
}

.site-header #nav a:not(.fa):hover::after,
.site-header #nav span:not(.fa):hover::after{width: 100%;}
.nav-page-title {
font-size: 20px;
font-style: normal;
font-weight: 600;
padding: 0;
text-transform: uppercase;
position: relative;
color: var(--lightblue);
}

.nav-content p{color: var(--brandcolor);font-size: 16px;line-height: 24px;}
.nav-content p a{display: inline;}
#nav ul .nav-content p a.nav-lmore {
padding: 0 !important;
margin: 0 !important;
text-transform: capitalize !important;
display: inline-block !important;
}

.site-header #nav ul a:not(.fa)::after, .site-header #nav ul span:not(.fa)::after{display: none;}

/*base nav styles*/
/* #header-nav{flex:1;}
.site-header #nav{padding:0;margin: 0 -18px 0 0;display:flex;justify-content: flex-end;}
.site-header #nav li{list-style:none;margin:0}
.site-header #nav ul{padding:0;margin: 0;}
.site-header #nav a,
.site-header #nav span{position:relative;padding: 24px 13px;display: inline-block;color: #1a87c7;text-decoration: none;font-weight: 700;font-size: 18px;text-transform: uppercase;}
.site-header #nav ul a,
.site-header #nav ul span{display:block}
.site-header #nav li:last-child>a,
.site-header #nav li:last-child>span{border:0} */



.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.toggle {display: none;}

#twitterfeed {
background: #f1f1f1
}

.goog-te-banner-frame {
display: none
}
/* Google translate*/
#translation-links{padding:0;margin:0}
#translation-links li{position:relative;margin:0;list-style:none;line-height: 1.5}
#translation-links ul{padding:10px 0;margin:0;position:absolute;top:100%;left:auto;width:300px;background:#fff;display:none;height:400px;overflow-y:scroll;right: 0;z-index: 999;}
#translation-links ul li{margin:0}
#translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;}
#translation-links ul li a:hover{background:var(--lightgray);color:var(--brandcolor)}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{background:#f9f9f9}
div.skiptranslate{display:none !important}
div#translate-wrap {position: relative;left: -21px;}

#search form{margin: 0 auto;position:relative;max-width: 100%;height: 100%;}
#search label{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}
.search-btn{position:absolute;right: 0;top: 50%;padding:0;border:0;text-transform:uppercase;font-weight:700;transition: .3s all;height: 58px;background: var(--yellow);transform: translateY(-50%);width: 58px;}
#search button:hover{background: var(--dark-yellow-parks);}
.search-btn img{width: 19px;position: relative;top: -2px;}
#search input{border:0;padding: 0 58px 0 24px;height: 58px;background: var(--white);font-style: italic;font-weight: 400;border-radius: 0;}
#search input.search-input:placeholder{color:var(--dark-gray)}
#search input.search-input::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.60);}
#search input.search-input:-moz-placeholder{color: rgba(0, 0, 0, 0.60);}
#search input.search-input::-moz-placeholder{color: rgba(0, 0, 0, 0.60);}
#search input.search-input:-ms-input-placeholder{color: rgba(0, 0, 0, 0.60);}

#search input:focus {outline: none;}

.btn-search {
padding: 0;
margin: 10px -2px;
border: 0;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
color: var(--white);
}
.btn-search img{width: 17px;position: relative;top: 0px;left: -9px;margin-right: 0;}



/*Translate*/
#translate-button {border: 0;padding: 0 16px;color: var(--white);font-size: 16px;font-style: normal;font-weight: 700;transition: .3s all;align-items: center;border-radius: 0;display: flex;background: center;column-gap: 10px;height: 50px;text-transform: uppercase;}
#translate-button:hover img{filter: none;}
#translate-button img{width: 18px;position: relative;}
#translate-button img:last-child{width:8px;position: relative;top: -1px;left: -2px;}
#translate-button:hover,#translate-button:focus{background: rgba(255, 255, 255, .1);}

/*Footer*/
.site-footer {background: var(--light-green);position: relative;top: -2px;z-index: 91;}
.footer-top {padding: 41px 0 42px;}
.footer-top .container {display: flex;justify-content: space-between;/* column-gap: 64px; */width: 1630px;max-width: 100%;}
.social-media-link {min-width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;transition: .3s all;position: relative;background:var(--yellow);}
.social-media-links {display: flex;justify-content: center;column-gap: 4px;}
#f-logo {display: inline-block;/*! margin-bottom: 24px; */width: 230px;margin: 0 auto 24px;}


.footer-top {padding: 64px 0 66px;}
.footer-bottom .container{display: block !important;border-top: 2px solid var(--yellow);}
#revize {color: var(--black);font-size: 16px;font-style: normal;font-weight: 400; /* 15.6px */}
#revize img{width:40px;margin-right: 12px;}
.logo-content {float: left;}
.f-link{display: block;}
.footer-top h4 {
  margin-bottom: 22px;
  color: var(--dark-gray);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
a.f-link {
  text-decoration: auto;
  margin-bottom: 14.3px;
  transition: .3s all;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
   /* 28.8px */
  text-transform: capitalize;
}
a.f-link:last-child{margin-bottom: 0;}
a.f-link:hover{text-decoration: underline;}
#revize-link {
  font-weight: 700;
  text-decoration: none;
}
#revize-login {
  text-decoration: none;
}

#revize-link:hover,#revize-login:hover{text-decoration: underline;color: var(--drak-grey);}
.f-box {min-width: 200px;}
.f-box:first-child {width: 334px;}
.f-box:last-child {width: 334px;text-align: center;}

a.f-location {display:flex;color:var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */text-decoration: none;margin-bottom: 20px;align-items: center;column-gap: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.10);padding-bottom: 19px;padding-top: 3px;padding-right: 100px;position: relative;}
a.f-phone {display:flex;color:var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */text-decoration: none;margin-bottom: 19px;align-items: center;column-gap: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.10);padding-bottom: 20px;padding-right: 90px;}
a.f-email {display:flex;color:var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */text-decoration: none;margin-bottom: 19px;align-items: center;column-gap: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.10);padding-bottom: 20px;padding-right: 90px;}
.f-timings {display:flex;color:var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */text-decoration: none;margin-bottom: 0;align-items: center;column-gap: 10px;padding-bottom: 17px;padding-right: 0;}
.f-timings strong{margin-right: 13px;}

a.f-location:hover,a.f-phone:hover,a.f-email:hover{text-decoration: underline;}
a.f-location:hover img,a.f-phone:hover img,a.f-email:hover img,.f-timings-sup:hover img{filter: hue-rotate(97deg) contrast(2) brightness(.7);}



a.f-location img,a.f-phone img,a.f-email img,.f-timings img {width:20px;}
#footer-bottom {background: var(--white);color: var(--black);padding: 22px 0;font-size: 16px;}
#footer-bottom .container {display: flex;justify-content: space-between;width: 1630px;}
#disclaimer {text-decoration: none;}
#disclaimer:hover{text-decoration: underline;color: var(--drak-grey);}



button.fc-button-primary:disabled,button.fc-button-primary {
  color: #fff !important;
  background-color: var(--red) !important;
  border: none;
}


ul#hrs{margin: 0;padding: 0 31px;}
ul#hrs li{list-style: none;margin: 2px 0 9px;}
ul#hrs li:last-child{margin: 0;}
ul#hrs strong{display: inline-block;width: 49px;color: var(--dark-gray);font-size: 14px;font-weight: 700; /* 23.1px */position: relative;left: 0px;}
ul#hrs span{color: var(--dark-gray);font-size: 14px;font-weight: 400;}

.accordion {
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s linear;
}

.accordion:after {
  font-family: FontAwesome;
  content: "\f0d7";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
  position: relative;
  right: -45px;
}

.accordion.is-open:after {
  content: "\f0d8";
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}

/**Police**/
.police .site-header {background: rgba(11, 43, 102, 0.80);}
.police .search-btn {background: var(--light-yellow);}
.police .site-qlinks {background: var(--blue);}
.police .site-news {background: var(--light-blue-bg);}
#homepage.police .site-news .tns-outer button[data-controls]:hover {background: var(--light-yellow);}
.police .tns-outer button[data-controls] {background: var(--light-yellow);}
.police .tns-outer button[data-controls] img {filter: brightness(.1) !important;}
.police .tns-outer button[data-controls]:hover{background: var(--dark-yellow);}
#homepage.police .btn-more {background: var(--light-yellow);color: var(--drak-grey);}
#homepage.police .btn-more:hover {background: var(--dark-yellow-pol);}
#homepage.police .btn-more:hover span{background: var(--drak-grey);}
#homepage.police .btn-more:hover span img {filter: sepia(36) brightness(2);}
#homepage.police .btn-more span {border: 1px solid var(--drak-grey);}
#homepage.police .btn-more span img {filter: brightness(.1);}
.police .site-news .button{background: var(--blue);color: var(--white);}
.police .section-title{color: var(--blue);}
.police .site-event::after{background: linear-gradient(0deg, rgba(11, 43, 102, 0.85) 0%, rgba(11, 43, 102, 0.85) 100%);}
.police .cal-event-time img,.police .cal-location img {filter: contrast(2.4) brightness(1) sepia(1.1);}
.police .site-footer {background: var(--light-blue-bg);}
.police .social-media-link {background: var(--light-yellow);}
.police .social-media-link:hover{background: var(--dark-yellow-pol);}
.police a.f-location img, .police a.f-phone img, .police a.f-email img, .police .f-timings img {filter: invert(1) hue-rotate(300deg) contrast(2) brightness(.6) ;}
.police .f-fax .circle img {width: 20px;filter: invert(1) hue-rotate(300deg) contrast(2) brightness(.6) !important;}
a.home-button {background: var(--white);width: 48px;height: 48px;justify-content: center;align-items: center;display: flex;/*margin: 0 0 0 30px;position: absolute;left: -80px;*/position: relative;left: -40px;z-index: 1;}
.bdr-active a.home-button{top: 25px;}

a.home-button img{width: 20px;}
.police .site-header .col-lg-7{display: flex;align-items: center;}
/*.police .site-header #nav {margin: 0;}*/

.library .site-header .col-lg-7{display: flex;align-items: center;}
/*.library .site-header #nav {margin: 0;}*/


/*Newly Added*/
#freeform.parks .site-header .col-lg-7{display: flex;align-items: center;}
#freeform.parks #flyout-header,#freeform.parks #contact-header,#freeform.parks #fillable-header {background: rgba(36, 107, 66, 0.80);}
#freeform.parks #breadcrumbs a {color: var(--green-parks);}
#freeform.parks #main {background: var(--white);}
#freeform.parks aside {background: var(--light-green-bg);}
#freeform.parks #flyout li:hover a, #freeform.parks #flyout li:hover span {color: var(--drak-grey);background: var(--yellow-parks);}


#freeform.police #flyout-header,#freeform.police #contact-header,#freeform.police #fillable-header {background: var(--blue);}
#freeform.police #breadcrumbs a {color: var(--blue);}
#freeform.police #main {background: var(--white);}
#freeform.police aside {background: var(--light-blue-bg);}
#freeform.police #flyout li:hover a, #freeform.police #flyout li:hover span {color:var(--blue);background:var(--light-yellow);}


#freeform.library #flyout-header,#freeform.library #contact-header,#freeform.library #fillable-header {background: var(--green-library);}
#freeform.library #breadcrumbs a {color: var(--blue);}
#freeform.library #main {background: var(--white);}
#freeform.library aside {background: var(--light-green-bg-lib);}
#freeform.library #flyout li:hover a, #freeform.library #flyout li:hover span {color:var(--blue);background:var(--light-yellow);}
#freeform.library #breadcrumbs a {color: var(--green-library);}
#freeform.library #flyout li:hover a, #freeform.library #flyout li:hover span {color: var(--blue);background: var(--yellow-library);}

/*Newly Added*/

.site-submenu {background:var(--blue);backdrop-filter: blur(7.5px);position: absolute !important;top: auto;z-index: 11;width: 100%;bottom: 0;padding: 0 132px;}
.site-submenu:after{content: "";background: rgba(0, 0, 0, 0.20);position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.parks .site-submenu:after {background: rgb(28, 85, 52);}

.bdr-active:before{top: 50%;content: "";background: rgba(255, 255, 255, 0.20);position: absolute;width: 90%;height: 1px;left: 50%;transform: translate(-50%);}
.site-submenu ul{margin: 0;padding: 0;display: flex;justify-content: center;/*! border: 1px solid red; */max-width: 100%;margin: 0 auto;position: relative;left: 0;z-index: 1;flex-wrap: wrap;align-items: center;/*justify-content: space-around;*/}
.site-submenu ul li{margin: 0;padding: 0;list-style: none;/* width: 12.5%; *//* width: 11.11111111111111%; */display: flex;align-items: center;justify-content: center;}

/*.site-submenu ul li a{color: #FFF;text-align: center;font-family: "Plus Jakarta Sans";font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;text-transform: capitalize;padding: 32px;display: inline-block;text-decoration: none;position: relative;}*/
.site-submenu ul li a, .site-submenu ul li span{/* padding: 16px 12px; */padding: 16px 23px;display: block;text-decoration: none;position: relative;color: #FFF;text-align: center;
    font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;text-transform: capitalize;/* width: 100%; */transition: .3s all;}
.site-submenu ul li a:hover,.site-submenu ul li:hover{background:#06183A;}
.site-submenu ul li a.toggle{padding: 0 !important;display: none;}
/*.site-submenu ul li a::after{content: "";background: var(--yellow);height: 4px;position: absolute;top: 0;left: 0;width: 0;transition: .3s all;}
.site-submenu ul li a:hover::after{width:100%;}*/
.site-submenu ul ul{position: absolute;left: 0;top: auto;display: none;bottom: calc(100% + 12px);}
.scrolled-submenu.site-submenu ul ul {top: calc(100% + 12px);}
.site-submenu ul ul:after{content: "";background: url(../images/pointer-img.png);width: 250px;height: 12px;position: absolute;bottom: -12px;background-size: 100%;/* left: -67px; */}

.scrolled-submenu.site-submenu ul ul::after {background: url(../images/pointer-img-1.png);left: -42px;bottom: 0px;}

.site-submenu ul ul li a{background: rgba(255, 255, 255, 1);backdrop-filter: blur(7.5px);}
/*.site-submenu ul ul li{background: red}*/
.site-submenu ul li:hover>ul{display: block;}
.site-submenu #nav ul:not(make-mage) a:not(.fa), #nav ul:not(make-mage) span{padding: 10px 24px !important;font-size: 16px !important;color: #000 !important;text-align: left;position: relative;}
.site-submenu #nav ul:not(make-mage) a:not(.fa):hover, .site-submenu #nav ul:not(make-mage) span:hover {text-decoration: underline;background: var(--light-yellow);}
.site-submenu #nav ul:not(make-mage) a:not(.fa)::after, #nav ul:not(make-mage) span::after{content: "";position: absolute;bottom: 0;left: 50%;width: calc(100% - 48px);height:1px;background: #c2c2c2;transform: translateX(-50%);}
.site-submenu #nav ul:not(make-mage) a:not(.fa):last-child::after, #nav ul:not(make-mage) span:last-child::after{display: none;}

.library .site-submenu {background: var(--green-library);}
.library .site-submenu #nav ul:not(make-mage) a:not(.fa):hover, .library .site-submenu #nav ul:not(make-mage) span:hover {background: var(--yellow-library);}
.library .site-submenu ul li a:hover, .library .site-submenu ul li:hover {background: #244534;}

.site-header .site-submenu{display: none;}

#slider-bottom{position:relative;z-index:1;padding-bottom: 37.6%;}
#slider-bottom::after{content: "";position: absolute;width: 100%;height: 100%;background:url(../images/slide-overlay-bottom.png);background-size: 100% 100%;}
#slider-bottom .tns-outer {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#slider-bottom .tns-controls {display: flex;justify-content: center;bottom: 0;top: auto;column-gap: 80px;}
.police #slider-bottom .tns-outer button[data-controls] {background: transparent;}
.police #slider-bottom .tns-outer button[data-controls] img {filter: none;}
.police .site-event .button {background: var(--light-yellow);}

#freeform.police .f-tax img {filter: invert(1) hue-rotate(300deg) contrast(2) brightness(.6) !important;}

/**parks**/
.parks .site-header {background: rgba(36, 107, 66, 0.80);}
.parks .search-btn {background: var(--yellow-parks);}
.parks .site-qlinks {background: var(--green-parks);}
.parks .site-news {background: var(--light-green-bg);}
#homepage.parks .site-news .tns-outer button[data-controls]:hover {background: var(--yellow-parks);}
.parks .tns-outer button[data-controls] {background: var(--yellow-parks);}
.parks .tns-outer button[data-controls] img {filter: brightness(.1);}
#homepage.parks .btn-more {background: var(--yellow-parks);color: var(--drak-grey);}
#homepage.parks .btn-more:hover {background: var(--dark-yellow-parks);}
#homepage.parks .btn-more:hover span{background: var(--drak-grey);}
#homepage.parks .btn-more:hover span img {filter: sepia(36) brightness(2);}
#homepage.parks .btn-more span {border: 1px solid var(--drak-grey);}
#homepage.parks .btn-more span img {filter: brightness(.1);}
.parks .site-news .button{background: var(--green-parks);color: var(--white);}
.parks .section-title{color: var(--drak-grey);}
.parks .site-event::after{background: linear-gradient(0deg, rgba(36, 107, 66, 0.85) 0%, rgba(36, 107, 66, 0.85) 100%);}
.parks .cal-event-time img,.parks .cal-location img {filter: contrast(2.4) brightness(1) sepia(1.1);}
.parks .site-footer {background: var(--light-green-bg);}
.parks .social-media-link {background: var(--yellow-parks);}
.parks .social-media-link:hover{background: var(--dark-yellow-parks);}
.parks a.f-location img, .parks a.f-phone img, .parks a.f-email img, .parks .f-timings img {filter: invert(0) hue-rotate(17deg) contrast(2) brightness(.6);}
.parks #slider-bottom .tns-outer button[data-controls] {background: transparent;}
.parks #slider-bottom .tns-outer button[data-controls] img {filter: none;}
.site-event .button{background: var(--yellow-parks);}
.site-event .button:hover{background: var(--dark-yellow-parks);}
#homepage.parks .event:hover{border-color: var(--yellow-parks);}
.parks .site-event .button {background: var(--yellow-parks);}

/**library**/
.library .site-header {background: rgba(85, 146, 115, 0.80);}
.library .search-btn {background: var(--yellow-library);}
.library .site-qlinks {background: var(--green-library);}
.library .site-news {background: var(--light-green-bg-lib);}
#homepage.library .site-news .tns-outer button[data-controls]:hover {background: var(--yellow-library);}
.library .tns-outer button[data-controls] {background: var(--yellow-library);}
.library .tns-outer button[data-controls] img {filter: brightness(.1) !important;}
#homepage.library .btn-more {background: var(--yellow-library);color: var(--drak-grey);}
#homepage.library .btn-more:hover {background: var(--dark-yellow-library);}
#homepage.library .btn-more:hover span{background: var(--drak-grey) !important;}

#homepage.library .news-box:hover .btn-more span{background: var(--drak-grey) !important;}
#homepage.library .news-box:hover .btn-more span img {filter: hue-rotate(151deg) brightness(2);}
#homepage.parks .news-box:hover .btn-more span img {filter: hue-rotate(151deg) brightness(2);}


#homepage.library .btn-more:hover span img {filter: sepia(36) brightness(2);}
#homepage.library .btn-more span {border: 1px solid var(--drak-grey);}
#homepage.library .btn-more span img {filter: brightness(.1);}
.library .site-news .button{background: var(--green-library);color: var(--white);}
.library .section-title{color: var(--drak-grey);}
.library .site-event::after{background: linear-gradient(0deg, rgba(36, 107, 66, 0.85) 0%, rgba(36, 107, 66, 0.85) 100%);}
.library .cal-event-time img,.library .cal-location img {filter: contrast(1.4) brightness(1) sepia(1) hue-rotate(331deg);}
.library .site-footer {background: var(--light-green-bg-lib);}
.library .social-media-link {background: var(--yellow-library);}
.library .social-media-link:hover{background: var(--dark-yellow-library);}
.library a.f-location img, .library a.f-phone img, .library a.f-email img, .library .f-timings img {filter: invert(0) hue-rotate(17deg) contrast(2.5) brightness(.7);}
.library #slider-bottom .tns-outer button[data-controls] {background: transparent;}
.library #slider-bottom .tns-outer button[data-controls] img {filter: none;}
.site-event .button{background: var(--yellow);}
.site-event .button:hover{background: var(--dark-yellow-library);}
#homepage.library .event:hover{border-color: var(--yellow-library);}

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

#inner

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

#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:18px}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px}
#freeform #slider {padding-bottom: 23.5%;height: auto;}
#breadcrumbs {text-transform: capitalize;margin: 0;color: var(--drak-grey);font-family: "Lato", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
#breadcrumbs a{text-decoration: none;text-transform: capitalize; /* 23.1px */color: #4262A7;font-family: "Lato", serif;font-size: 16px;font-style: normal;font-weight: 700;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a:after {content: '>';margin: 0px 11px 0 12px;font-size: 12px;position: relative;top: -1px;left: 0px;font-weight: 500;}
#freeform #entry #post #breadcrumbs ul{list-style:none;margin:0;padding:0}
#breadcrumbs li{display:inline-block;margin:0;padding:0}

/*#post img {border-radius: 20px;margin: 48px 0 53px;}*/

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


#contact-dpt p{
    color: var(--Color-Typography-brand-tertiary-dark, #253933);
    font-family: var(--font-family-secondary, "Open Sans");
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    margin: 0 0 16px;
}


#contact-details {
  padding: 21px 20px 23px;
}

#freeform #search input {background: var(--white);}


#fillable-details{padding: 33px 20px 40px;color: #1E1E1E;font-family: "Plus Jakarta Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
#fillable-details p{margin-bottom: 23px;}
#fillable-details .button{padding: 16px 24px 15px;background: var(--green);color: var(--white);}
#fillable-details .button:hover{background: var(--dark-green);color: var(--white);}
#fillable-wrap {background: var(--light-gray);border-radius: 25px;margin-bottom: 25px;position: relative;}
#fillable-wrap .button{margin-left: 30px;border-radius: 21px;padding: 12px 28px 13px;font-size: 16px;font-weight: 700;background: var(--blue);}
#fillable-wrap .button:hover{background: var(--red);}
#fillable-wrap p{padding: 0 31px;font-size: 16px;line-height: 22px;margin: 0 0 22px;}
#flyout{padding:0;margin: 0;}
#flyout li{position:relative;margin: 0;list-style:none;padding: 0;font-family: "Lato", serif;}
/* #flyout li:hover{background-color: var(--hovercolor);color:#fff !important;} */
/* #flyout a:hover,#flyout li:hover,
#flyout span:hover{color:#fff;} */
#flyout li:last-child>a,
#flyout li:last-child>span{border:0}
#flyout a,
#flyout span{display:block;text-decoration:none;padding: 24px 20px 24px;margin: 0;transition: .3s all;text-transform: none;color: var(--drak-grey);font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul li{margin:0;padding:0;position: relative;}




#flyout ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  height: 1px;
  background: rgba(0, 0, 0, 0.10);
  transition: .3s all;
  left: 50%;
  transform: translateX(-50%);
}


#flyout ul a,
#flyout ul span{padding: 24px;border-color:rgba(0,0,0,.15);margin:0;/*font-family: "Lato", serif;*/font-size: 16px;font-weight: 700;line-height: normal;}



#flyout-wrap{padding: 0;max-width: 100%;margin-bottom: 64px;}
#flyout-header {padding: 24px 20px 24px;margin: 0;color: var(--white);background: var(--teal);text-transform: capitalize;position: relative;font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}
#freeform #entry p {margin-bottom: 24px;
/* Body/Paragraph Norm */ /* 26.4px */ /* 24px */color: var(--drak-grey);font-family: "Lato", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 24px */letter-spacing: .066px;}

#freeform #page-title{ /* 64.8px */margin: 0 0 36px;text-transform: capitalize;font-family: Oswald;font-size: 64px;font-style: normal;font-weight: 600;line-height: normal;color: var(--drak-grey);}
#freeform #entry #post ul{margin: -8px 0 53px 24px;padding: 0;position: relative;top: 4px;color: #1A1A1A;font-family: "Lato", serif;
/* Body/Paragraph Norm */font-size: 16px;font-weight: 400;}

#freeform #entry #post ul li{margin-bottom: 6px;}
#freeform blockquote{margin: 47px 0 49px;padding: 46px 179px 46px 48px;position: relative;width: 100%;border-top: 2px solid #FFB45B;border-bottom: 2px solid #FFB45B;color: #1D2E47;font-family: Bitter;font-size: 40px;font-style: normal;font-weight: 700;line-height: normal;}
#freeform blockquote:after{top: 50%;content:"";position:absolute;background-image: url(../images/quote.png);width: 60px;height: 52px;background-size: 100%;transform: translateY(-50%);right: 63px;/* margin-top: -42px; */}
#freeform.fullwidth #entry {margin-left:0;}
#freeform #main {position: relative;padding: 64px 0 66px;min-height: 550px;background: var(--light-bg);}
#entry p:last-of-type{margin-bottom: 26px !important;}
#freeform #main .container {position: relative;/* left: 8px; *//* width: 1414px; */}

#contact-dpt{padding: 0;margin: 0 0 64px 0;max-width: 100%;
/* Shadow/M */}
#contact-header{padding: 24px 20px 24px;margin: 0 0 -3px;color: var(--white);background: var(--teal);text-transform: capitalize;position: relative;font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}
#fillable-header{padding: 24px 20px 24px;margin: 0;color: var(--white);background: var(--teal);text-transform: capitalize;position: relative;font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}

#freeform .contact-person {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 12px 0 0;
    position: relative;
    top: 6px;
}
#freeform .person-name{ /* 29.7px */margin: 0 0 13px;text-transform: capitalize;color: var(--black);font-size: 18px;font-style: normal;font-weight: 700;position: relative;top: 13px;}
#freeform .person-designation {margin: 0; /* 26.4px */color: rgba(0, 0, 0, 0.70);font-size: 16px;font-weight: 400;line-height: normal;}
#freeform .f-location strong{
    color: var(--dark-gray);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    }

/* #freeform .f-location img{width:24px;margin: 0 5px 0 0;}
#freeform .f-phone img{width:24px;margin: 0 5px 0 0;}
#freeform .f-email:hover span,#freeform .f-phone:hover span{color: var(--red);}
#freeform .f-email img{width:24px;margin: 0 5px 0 0;} */
#freeform .f-phone strong{    color: var(--dark-gray);
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;}
  #freeform .f-email strong{
    color: var(--dark-gray);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-style: normal;
    }



    #freeform #main .f-location {
      display: flex;
      align-items: center;
      padding: 0 10px 7px 0;
      text-decoration: none;
      margin: 0 0 21px;
      column-gap: 16px;
      color: var(--black);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; /* 24px */
  }

  #freeform #main .f-location:hover{text-decoration:underline;}
  #freeform #main .f-location:hover span.circle{background:var(--white);}

  #freeform #main .f-phone:hover{text-decoration:underline;}
  #freeform #main .f-phone:hover span.circle{background:var(--white);}

  #freeform #main .f-email:hover{text-decoration:underline;}
  #freeform #main .f-email:hover span.circle{background:var(--white);}

  #freeform #main .f-fax:hover{text-decoration:underline;}
  #freeform #main .f-fax:hover span.circle{background:var(--white);}

  #freeform #main .f-phone {
    display: flex;
    padding: 0 30px 19px 0;
    text-decoration: none;
    align-items: center;
    column-gap: 16px;
    margin: 0 0 21px;
    color: var(--black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
     /* 24px */
}

#freeform #main .f-email {
  padding: 0 0 19px 0;
  text-decoration: none;
  word-break: break-all;
  align-items: center;
  display: flex;
  column-gap: 16px;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
   /* 24px */
  margin-bottom: 21px;
}

.f-fax {
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  column-gap: 13px;
}
.circle{min-width: 20px;position: relative;top: -2px;}
.circle img{width:20px;}
#freeform aside{position: relative;background: var(--white);}
/* DON'T modify the styling of images in the #post, only the span.subheader*/





#resource{padding: 0 0 36px;border-radius: 25px;margin: 0;background: var(--light-gray);position: relative;}
#resource-header{padding: 20px 30px 18px;margin: 0 0 31px;font-style: normal;text-transform: capitalize;color: var(--white);font-size: 22px;font-weight: 600;background: var(--dark-gray);border-radius: 25px 25px 0 0;}
.resource-box{padding: 0;display: flex;width: 100%;column-gap: 31px;align-items: center;margin-bottom: 27px;text-decoration: none;color: var(--dark-gray);
/* Body/Caption Norm */font-size: 16px;font-weight: 600;line-height: 21px; /* 23.1px */}
.resource-box:hover{text-decoration:none;color: var(--red);}
.resource-box:hover img{filter: none;}
.resource-box img{width: 18px;position: relative;top: -5px;filter: grayscale(1);}
.resource-box:last-of-type{margin: 0;}
.resource-box span a{color:#06163A;text-decoration:none;}
.resource-box span a:hover{color:#06163A;text-decoration:underline;}
#resource-details {
  padding: 0 45px 0 39px;
}


/* DON'T modify the styling of images in the #post, only the span.subheader*/
/* -----------------------------------------

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

.btn-twitter:hover {
border-color: #000;
outline:2px solid #000;
outline-offset:2px
}

.btn-reddit {
background: #ff5700;
}

.btn-reddit:hover {
border-color: #ff5700;
outline:2px solid #ff5700;
outline-offset:2px
}

.modal .btn{
font-size: 16px!important;
font-weight: bold!important;
padding: .6rem 1.2rem!important;
border: 0!important;
line-height: 1.4!important;
text-transform:none!important;
letter-spacing:0!important;
color:#000!important;
border:0!important;
}
.modal .btn.p-0{
padding:0!important
}
.modal .btn-inverse:focus{
box-shadow:0 0 0 .2rem rgba(0,0,0,.25)
}

.floating-share-btn {
  position: fixed;
  z-index: 99999;
  top: auto;
  left: 15px;
  border: 0;
  background: var(--light-blue);
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);
  text-align: center;
  border-radius: 50%;
  bottom: 90px;
 }

#ada-btn {
  position: fixed;
  z-index: 99999;
  top: auto;
  left: 15px;
  border: 0;
  background: var(--light-blue);
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);
  text-align: center;
  border-radius: 50%;
  bottom: 160px;
 }

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

#slider

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

#slider{position:relative;z-index:91;padding-bottom: 37.6%;}
#slider::after{content: "";position: absolute;width: 100%;height: 100%;background:url(../images/slide-overlay.png);background-size: 100% 100%;}
#freeform #slider::after{background:url(../images/slide-overlay-freeform.png);}

.slider-caption {
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top:50%;
  z-index: 9;
  font-size: 90px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: capitalize;
  line-height: 1;
  text-shadow: 0px 7px 7.28px rgba(0, 0, 0, 0.19);
  margin: 0;
}
.slider-caption h1{color: var(--white);margin: 0;position: relative; /* 124.8px */font-family: Oswald;font-size: 80px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.slider-caption span{display: block;text-transform: none;text-shadow: 0px 7px 7.28px rgba(0, 0, 0, 0.19);margin: 0 0 7px; /* 76.771px */color: #FFF;font-family: "Plus Jakarta Sans";font-size: 24px;font-style: normal;font-weight: 600; /* 31.2px */}
#slider:hover .tns-controls{opacity: 1;}
.site-qlinks:hover .tns-controls{opacity: 1;}

.site-qlinks .tns-controls {position: absolute;left: -72px;right: -72px;z-index: 1;transform: none;/* opacity: 0; */transition: .3s all;margin-top: -24px;}
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-controls{z-index:9;}
#freeform #slider{padding-bottom: 28.91%;height: auto;}
#freeform #slider .container {width: 1303px;max-width: 100%;}

.tns-outer button[data-controls]{border:0;padding:0;height: 48px;width: 48px;border-radius: 0;font-size: 30px;color: var(--white);margin: 0;transition: .3s all;/*! border-radius: 50%; */background: var(--green);}

.tns-outer button[data-controls] img{width: 16px;position: relative;filter: brightness(10);position: relative;top: -4px;}
.tns-outer button[data-controls]:hover img{filter:none;}

.tns-nav{position:absolute;bottom: 41px;left: 50%;right:0;z-index:1;text-align:center;transform: translate(-50%);width: 110px;}
.tns-nav button{border:0;background:#fff;padding:0;width: 4px;height: 4px;border-radius:50px;margin: 0 9px;}
.tns-nav button.tns-nav-active{background:var(--white);position: relative;}
.tns-nav button.tns-nav-active::after{content: "";width: 16px;height: 16px;border: 1px solid var(--white);border-radius: 50px;position: absolute;display: block; left: 50%;top: 50%;transform: translate(-50%,-50%);}

.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{z-index: 1;position:absolute;top:50%;left: 50px;right: 50px;transform:translateY(-50%);opacity: 1;transition: .3s all;line-height: 1;}
.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}

#revize {color: #000;align-items: center;}
#revize .col-lg-6:first-child {display: flex;align-items: center;column-gap: 14px;}
#revize .col-lg-6:first-child img{width:40px;}
#footer-bottom {padding: 32px 0;background: var(--white);}
.profile-in {display: flex;align-items: center;margin: 0 0 47px;}
.f-fax {
  display: flex;
  align-items: center;
  column-gap: 16px;
  color: var(--black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

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

#media queries

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

  .site-header #nav .toggle {
    display: inline-block !important;
    margin-left: 22px;
    background: transparent;
    text-decoration: none;
    color: var(--white);
    position: relative;
    right: 34px;
    top: -14px;
}
.site-header #nav .toggle2{display:none}

.site-header #nav .focused .toggle,
.site-header #nav .focused .toggle2,
#flyout .focused .toggle{display:inline-block;}

#flyout .focused .toggle,
.site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

/* base nav styles  */
.site-header #nav li:hover>ul{display:block}
.site-header #nav ul a:not(.fa),
.site-header #nav ul span{display:block;color: var(--blue);font-weight: 700;text-transform: uppercase;}

/* traditional    */
#nav ul:not(make-mage) ul{left:100%;top:0}
#nav li{position:relative;top: 0px;}
#nav ul:not(make-mage) a:not(.fa),
#nav ul:not(make-mage) span{padding: 8px 0 4px!important;border-bottom:var(--lightgray);font-size:14px;display:block;min-width: 270px;}
#nav ul:not(make-mage) a:not(.fa):hover,
#nav ul:not(make-mage) span:hover{text-decoration: underline;}
#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;left: 0;column-gap: 8px;overflow: auto;width: 100%;}
  #nav>li>ul.make-mage>.nav-in{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;padding: 48px 224px 45px 200px;column-gap: 128px;margin: 0 auto;border-radius: 0;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);z-index: 9;position: relative;/*! column-rule: solid; *//*! column-rule-width: 1px; *//*! column-rule-color: rgba(255,255,255,.10); */background: rgba(15, 87, 121, 0.95);}
  #nav>li>ul.make-mage>.nav-in>li{ display:block;width:100%;margin-bottom: 20px;}
  #nav li:hover>ul.make-mage ul{position:static}
  #nav ul.make-mage a:not(.fa),
  #nav ul.make-mage span{margin-bottom: 4px;display: inline-block;text-transform: capitalize;text-align: left;color: var(--white);font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;}
  #nav ul.make-mage a:not(.fa):hover,
  #nav ul.make-mage span:hover{color: var(--yellow);text-decoration: none;/* padding: 6px 24px !important; */}
  #nav ul.make-mage ul a:not(.fa),
  #nav ul.make-mage ul span{margin-left: 0;margin-bottom: -1px;display: inline-block;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;text-transform: capitalize;padding: 6px 16px !important;}
  #nav ul.make-mage ul a:not(.fa):hover,
  #nav ul.make-mage ul span:hover{background: rgba(255, 255, 255, 0.10);color: var(--white);}
  #nav .make-mage .focused .toggle2{display:block}

  .parks #nav>li>ul.make-mage>.nav-in{background: rgba(28, 85, 52, 0.95);}
  

#search{display:block;width: 250px;margin: 0 0 0 1px;height: 100%;position: relative;z-index: 9;float: right;top: 0px;}



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



/* .site-header #nav li:hover a, .site-header #nav li:hover span {background: var(--blue);} */
#freeform #main .col-lg-3{-ms-flex: 0 0 24.3%;flex: 0 0 24.3%;max-width: 24.3%;z-index: 11;position: relative;/*! margin-top: -71px; */padding-right: 0;}

#flyout>li:hover>ul {display: block;}
#flyout ul.first-level {position: absolute;left: 100%;top: 0;width: 250px;z-index: 200;background-color: var(--green);max-height: 250px !important;overflow: auto;}
#flyout ul.first-level li a::after{display: none;}

#flyout ul.first-level .toggle{display: none !important;}


#flyout ul.first-level li a:hover{/* background: rgba(0, 0, 0, 0.10); */background: rgba(0, 0, 0, 0.10);}

#nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0;background: transparent !important;color: var(--white);text-decoration: none;}
#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-family: 'FontAwesome';position: absolute;right: 20px;top: 20px;}

#freeform #main .col-lg-9{padding-left: 88px;position: relative;/*! margin-left: -1px; */padding-top: 0;padding-right: 77px;-ms-flex: 0 0 75.7%;flex: 0 0 75.7%;max-width: 75.7%;}
#freeform.fullwidth #main .col-lg-9{-ms-flex: 0 0 100% !important;flex: 0 0 100%;max-width: 100%;}

.site-news .col-lg-5{padding-right:17px;}
.site-news .col-lg-7{padding-left: 5px;padding-right: 29px;} 

#nav ul.make-mage .nav-banner{width: 339px;max-width:100%;height:100%;min-height: 184px;margin: 0 0 26px 0;}

#flyout a,
#flyout span{display: inline-block;position: relative;width: 100%;}
#flyout li:hover a,#flyout li:hover span{color: var(--white);background: var(--green);}


.site-header .col-lg-7 {
  -ms-flex: 0 0 59.333333%;
  flex: 0 0 59.333333%;
  max-width: 59.333333%;
  position: static;
}

.site-header .col-lg-3 {
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 24%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.site-news .tns-outer button[data-controls] img {filter: none;}
.site-news .tns-outer button:hover[data-controls] img {filter: none;}


#flyout .toggle {
  display: inline-block !important;
  position: absolute;
  right: 38px;
  top: 23px;
  rotate: 269deg;
  padding: 0;
  width: auto;
  background: transparent !important;
  font-size: 20px;
}

#flyout .focused .toggle, #nav .focused .toggle2 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: 'FontAwesome';
  position: absolute;
  right: 20px;
  top: 20px;
}


.site-header .container-fluid {padding: 0 44px;}
.site-header .container {width: 1670px;max-width: 100%;position: static;left: 0;width: 100%;}
.site-header .col-lg-7 .rz-btns-container {right: auto;left: 40%;top: -12px;border: 1px solid #fff;z-index: 99999999999;}

#main > .container-fluid{position: relative;margin-top: -52px;}

.site-header .fa-angle-down:before {
  background-size: 100% !important;
  content: "";
  background: url(../images/down-arrow.png);
  position: absolute;
  width: 8px;
  height: 7px;
  right: -3px;
  top: 2px;
}

}

@media (min-width:992px) and (max-width:1199px) {
.site-header .col-lg-7 {-ms-flex: 0 0 50.333%;flex: 0 0 50.333%;max-width: 50.333%;}
.site-header .col-lg-3 {-ms-flex: 0 0 37%;flex: 0 0 37%; max-width: 37%;justify-content: end;}
.site-header .col-lg-2 {-ms-flex: 0 0 12.667%;flex: 0 0 12.667%;max-width: 12.667%;}
.fixed-header {position: relative;}
#search {width: 200px;}
div#translate-wrap {position: static;}
#nav ul:not(make-mage) a:not(.fa), #nav ul:not(make-mage) span {min-width: 100%;}
#nav > li > ul.make-mage > .nav-in li{padding: 0;}
a.qlink {text-align: left;min-height: 112px;}
.site-qlinks {padding: 24px 40px;}
.f-box {min-width: auto;}
.accordion::after {right: 0;}
#footer-bottom .container {align-items: center;}
#logo {width: 115px;top: -36px;}
.site-header #nav {width: 530px;margin: 0 auto 0 0px !important;}
.mega-divider {left: 0;right: 76%;}

}




@media (min-width:992px) and (max-width:1367px) {
  .site-header #nav a:not(.fa), .site-header #nav span:not(.fa) {font-size: 14px;padding: 27px 5px 25px;}
  #slider {padding-bottom: 64%;}
  .site-news {padding: 82px 0 50px;}
  #homepage .site-news .tns-ovh {margin-bottom: 0;}
  .qlink::after {height: 215px;bottom: 0;}
  .site-qlinks .tns-controls {left: 0;right: 0;margin: -25px -48px;z-index: 99;opacity: 1;}
  .site-event .container {left: 0;}
  .qlink{width: 100%;}
  .qlink-title {top: 0;}


  #freeform #main .col-lg-3 {
    padding-right: 15px;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 15px;
  }

  #freeform .slider-wrapper {
    bottom: 0;
  }

  #freeform .slider-wrapper #slider-caption{
    margin: 0;
  }

  #homepage .site-news .tns-controls {
    margin: 0;
    opacity: 1;
    z-index: 1;
    top: -60px;
  }
  #freeform #main .col-lg-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #freeform #slider {
    padding-bottom: 50%;
    height: auto;
  }

  #freeform blockquote {
    margin: 30px 0;
    padding: 20px 50px 20px 20px;
    font-size: 24px;
    line-height: 32px;}
    #freeform blockquote::after {
      right: 10px;
      margin-top: -32px;}
 .site-event .tiny-item {padding-bottom: 31.9%;}
 #slider-content .slider-boxs {max-width: 100%;}
 .site-header #nav .toggle {margin-left: 22px;right: 20px;top: -9px;}
 #nav > li > ul.make-mage > .nav-in {padding: 20px;column-gap: 0;}
 .qlink-item {margin: 0 0 20px;padding: 10px;column-gap: 8px;}
 .qlink-item h6 {font-size: 17px;}
 a.footer-link {width: 220px;height: 150px;}
 .footer-right {column-gap: 16px;flex-wrap: wrap;justify-content: center;}
 .footer-left {max-width: 200px;}
 .footer-top .container {column-gap: 24px;}
 .conpany-link {display: flex;align-items: center;text-align: left;}
 #news-slider {padding-bottom: 50%;z-index: 1;}
 #slider-content .slider-box-title {font-size: 24px;line-height: 1.5;}
 .tns-nav {bottom: 25px;}
 #flyout a, #flyout span {padding: 15px;}
 #flyout ul a, #flyout ul span {padding: 17px;}
 #slider .container {margin: 0;}
 #freeform #page-title {font-size: 80px;}
 #freeform .person-designation {left: 10px;}
 #social-header {padding: 15px 15px 0;}
 .social-box {column-gap: 5px;}
#main > .container-fluid {margin-top: -32px;}
.site-footer .top-shape {top: -30px;}
#flyout .toggle {right: 18px;top: 12px;}
.site-header .container-fluid {padding: 0 15px;}
a.f-location {padding-top: 0;padding-right: 0;}
#contact-details,#contact-header,#fillable-details,#flyout-header,#fillable-header{padding: 15px;}
 #nav ul.make-mage a:not(.fa), #nav ul.make-mage span {font-size: 14px;}
#nav ul.make-mage ul a:not(.fa), #nav ul.make-mage ul span {font-size: 13px;}
/*.site-submenu {top: 0;}*/


.site-submenu ul li a {/*padding: 12px;font-size: 16px;*/padding: 12px 10px;font-size: 14px;}
.site-submenu {padding: 0 32px;}
.bdr-active::before{display: none;}
.site-submenu ul {justify-content: center;}
.site-submenu ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.20);}


}


@media (min-width:1200px) and (max-width:1367px) {
  .site-qlinks .tns-controls {margin: -25px -55px;}
  #logo {width: 175px;top: -45px;}
  .site-header #nav {width: 650px;margin: 0 auto !important;}
  .accordion::after {right: 0;}
  .site-qlinks {padding: 24px 48px;}
  #homepage .news-content {padding: 24px;}
  .section-title-wrap {margin-bottom: 24px;}
  .site-header.scrolled #logo {width: 119px;top: -44px;}
  .mega-divider {position: absolute;left: 3%;right: 27%;}
  .fixed-header {position: relative;}
  .site-submenu ul {left: 0;}
}


@media (min-width:1368px) and (max-width:1700px) {
    .site-header #nav {width: 700px;margin: 0 auto;}
    .site-events .container {position: static;}
    #footer-top .container {position: static;}
    #footer-bottom .container {position: static;}
    .site-qlinks .container {position: static;}
    .site-qlinks .tns-controls {left: -55px;right: -55px;z-index: 99;}
    .site-header .col-lg-3::after {right: 0;}
    .site-header #nav a:not(.fa), .site-header #nav span:not(.fa) {padding: 26px 10px 30px;font-size: 18px;}
    .site-header #nav a:not(.fa)::after, .site-header #nav span:not(.fa)::after {right: -6px;}
    #slider {padding-bottom: 52%;}
  #homepage .site-news .tns-controls {z-index: 1;}
  #freeform #main .col-lg-3 {padding-right: 15px;padding-left: 15px;}
  #freeform article#entry {padding: 4px 66px 64px 66px;}
  #freeform.department .tns-ovh {padding: 10px;margin: -10px;}
  .site-header #nav .toggle {right: 20px;top: -10px;}
  #main > .container-fluid {margin-top: -38px;}
  .site-header .container-fluid {padding: 0 15px;}

  #nav > li > ul.make-mage > .nav-in {padding: 48px 100px 45px 100px;column-gap: 50px;}
  .site-qlinks {padding: 24px 48px;}
  #logo {top: -54px;}
  a.qlink {text-align: left;min-height: 112px;}

/*  .site-submenu {top: 0;}*/
  .fixed-header {position: static;}
  .site-header {
  width: 100%;
  position: relative;
  z-index: 99;
}
/*.site-submenu ul {left: 240px;}*/

.site-submenu ul li a {/*padding: 12px;font-size: 16px;*/padding: 12px 10px;font-size: 14px;}
.site-submenu {padding: 0 32px;}
.bdr-active::before{display: none;}
.site-submenu ul {justify-content: center;}
.site-submenu ul li{border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
}

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

/* rz form tables - without page scope this targets editforms and makes
* editing confusing
*/
.site-header .logo-wrap {
display: flex;
align-items: center;
justify-content: space-between
}

.site-header .toggle,
.site-header .toggle2{display:block;line-height:55px;width:45px;text-align:center;color:#fff;/*! background:#b2b2b2; */position:absolute;right:0;top:0;border-radius: 0;}
.site-header .logo-wrap{display:flex;align-items:center;justify-content:space-between}
.site-header #nav{display:none;margin: 0;position: static;width: 100%;}
.nav-in {background: var(--light-blue);}
.site-header #nav li{position:relative!important}
.mega-divider{display: none;}
.site-header #nav a:not(.fa), .site-header #nav span:not(.fa){display: block;padding: 16px;font-weight: 700;text-align: left;border-bottom: 1px solid;}
/* .site-header #nav ul{background:var(--lightgray);display:none}   */

#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 {
position: absolute;
right: 15px;
top: 30px;
z-index: 9;
font-size: 22px;
display: flex;
column-gap: 12px;
}

#nav-toggle,
#search-toggle,#sub-nav-toggle {
line-height: 48px;
width: 46px;
text-align: center;
color: #fff;
margin-left: 0;
cursor: pointer;
border-radius: 0;
background: var(--black);
}

/*#nav,
#flyout {
display: none
}*/

#nav li {
display: block
}
#nav li:last-child>a,
#nav li:last-child>span,
#flyout li:last-child>a,
#flyout li:last-child>span {
border: 0
}

#nav ul,
#flyout ul {
background: var(--accentcolor);
display: none;
}
#nav ul.second-level{background: var(--brand-color) !important;}


.toggle,
.toggle2 {
display: block;
position: absolute;
right: 0;
top: 0;
line-height: 45px;
text-align: center;
width: 45px;
background: rgba(170, 170, 170, 0.35);
transform: none !important
}

#search{
/* display:none; */
width: 100%;
margin: 0 0 10px;
}


#mobile-search{
display: none;
width: 100%;
margin: 0 0 10px;
padding: 0 15px;
background: var(--brandcolor);
padding: 15px;
}



.site-header {position: relative;background: var(--teal);}
.logo-wrap {position: static;}
#logo {
width: 110px;
margin: 5px -10px 5px;
position: static;
}

#translate_in_mob {
position: absolute;
right: 140px;
top: -58px;
}

.tools-wrap {
padding-right: 0;
}

#social-media-links {
position: static;
margin: 20px 0;
width: 100%;
justify-content: center;
column-gap: 20px;
}
#slider {height: calc(100vh - 100px);padding-bottom: 100% !important;}
.site-qlinks {padding: 24px 0 64px;}
.tns-controls {opacity: 1;}
.site-news {display: block;padding: 50px 0 90px;}
.section-title {margin-bottom: 15px !important;display: block !important;text-align: center;font-size: 7vw;}
.site-qlinks .tns-controls {display: flex;justify-content: center;bottom: -50px;top: auto;column-gap: 10px;}
#homepage .site-news .tns-controls {margin: 0;left: 0;right: 0;z-index: 1;top: auto;bottom: -70px;text-align: center;display: flex;justify-content: center;}
.site-member {padding: 50px 0;}
#footer-top .container {display: block;position: static;text-align: center;}
#revize {position: static;padding: 0;display: block;line-height: normal;margin-bottom: 15px;}
#tabs-button .tab {font-size: 16px;}
.site-events {padding: 0;}
.f-links {margin: 0 0 7px;}
.f-head {margin: 0 0 10px;line-height: normal;}
.footer-box:last-child {max-width: 100%;margin-bottom: 0;}
.bg-gap {display: none;}
.member-container {justify-content: center;}
.member-box {min-width: 31%;margin: 0 0 24px;}


#footer-top .container .col-lg-12 {
display: flex;
justify-content: center;
column-gap: 15px;
}

#translation-links ul {width: 200px;left: 50%;right: auto;transform: translateX(-50%);}
.floating-alert{top: auto;bottom: 20px;}

#flyout-toggle, #cont-toggle,#fillable-toggle,#hrs-toggle,#resource-toggle,#fill-toggle {
font-size: 16px;
color: var(--white);
border-radius: 10px 10px 0 0;
position: absolute;
right: 0;
left: auto;
z-index: 99;
padding: 15px;
top: 3px;
top: 0;
}
#contact-details{display: none;padding: 15px;}
#f-members ul{display: none;padding: 15px;}
#flyout-wrap{padding: 0;margin: 0 0 20px 0;position: relative;background: #22535d;}


#contact-dpt {padding: 0;position: relative;width: 100%;margin: 0 0 20px;background-color: #22535d;}

#f-members{padding: 0;position: relative;}


#flyout-header, #contact-header, #fillable-header {padding: 15px;font-size: 20px;margin: 0;position: relative;}
.site-header #nav a:not(.fa)::after, .site-header #nav span:not(.fa)::after{display: none;}
.cont-address {margin-left: 0;display: block;}
a.head-contact,a.head-location {margin: 0 0 15px;display: block;}
.button, a.button, #post button:not(.rz-agenda-search-submit), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn {font-size: 16px;}
.site-news .section-title-wrap .button {position: static;padding: 7px 15px;}
.section-title-wrap {margin-bottom: 25px;display: block !important;text-align: center;}
.site-news .col-lg-5{margin-bottom: 15px;}
#footer-top ul {position: static;flex-wrap: wrap;display: block;text-align: center;}
.tns-outer button[data-controls] {width: 40px !important;height: 40px !important;}
.tns-outer button[data-controls]:hover {background: var(--blue);}
.site-events .container {left: 0;}
.site-news .container{left: 0;}
#freeform #main {position: relative;padding: 50px 0 0;}
#freeform blockquote {
margin: 35px 0;
padding: 15px 50px 15px 15px;
font-size: 20px;
line-height: 30px;}


#freeform blockquote::after {
width: 28px;
height: 23px;
background-size: 100%;
right: 15px;
margin: 0;
top: 25px;
}
.nav-content{display: none;}
.site-header .col-lg-10{padding: 0;}
.site-events .section-title-wrapper {justify-content: center;}


.site-qlinks .container {left: 0;z-index: 1;}
.site-events .button {position: static;}
#footer-bottom .container {position: static;display: block;text-align: left;}
#f-social-media-links {margin: 0 auto;}
.site-header .col-lg-3::after{display: none;}
.site-header .col-lg-7{padding: 0 !important;}
#social-media-links .top-right{position: absolute;}
.site-qlinks::after{top: 0;}
a.qlink-box {padding: 15px;height: auto;}
.floating-share-btn {top: auto;}
.f-left{margin-bottom: 20px;}
.divider {display: none;}
#search form {max-width: 100%;margin-bottom: 10px;}
#search input {background: var(--white);padding: 10px;}
.slider-caption {font-size: 11vw;margin: 0 auto;width: 80%;text-align: center;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.slider-caption span{font-size: 5vw;}
a.externalsite-box{line-height: normal;padding: 15px 15px 50px;font-size: 24px;}
a.externalsite-box img {max-width: 90px;}
.enterprise-site {padding: 50px 0;}
.tns-outer button[data-controls] img {filter: none;}
.tns-outer button:hover[data-controls]:hover img {filter: brightness(100);}
.site-qlink-image { margin:0;}
a.externalsite-box span {word-wrap: break-word;line-height: 1;margin-top: 10px;}
#flyout a, #flyout span {text-decoration: none;padding: 15px 20px 15px;}
#freeform #entry #post p {
  font-weight: 400;
  line-height: 22px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 20px;
  font-size: 16px;
}
#freeform #page-title {margin: 0;font-size: 11vw;}
.weather-wrap {top: 15px;right: 15px;transform: none;}
.slider-caption h1 {position: static;font-size: 9vw;}
.web-address {position: static;font-size: 3vw;}
#header-bottom .col-lg-2 {position: static;}
.event-image {
  width: 100%;
  height: 663px;
  position: absolute;
  bottom: 0;
  top: auto;
}
.site-event {padding: 50px 0 50px;}
.qlink-title {/*! position: static; */top: 0;line-height: 1.2;}
.tns-controls {left: 0;right: 0;}
.head-links {display: flex;flex-direction: column;}
.header-top .container {display: block;}
.head-links .pipe{display: none;}

#fillable-details{display: none;padding: 15px;}
#hours ul{display: none;padding: 15px;}
#resource-details{display: none;padding: 15px;}
#fillable-wrap p {padding: 0 15px;}
#resource {padding: 0;}
#fillable-wrap .button {margin-left: 15px;}
#freeform #main .col-lg-3{order: 2;margin: 35px 0;}
#freeform .slider-caption h1 {position: static;font-size: 7vw;}
.weather-lebel {position: relative;top: 13px;}
.site-header #nav ul{margin:0;background: var(--white);}
.site-header #nav ul li a{text-transform: capitalize;}
.site-header #nav ul a:not(.fa), .site-header #nav ul span {
  font-weight: 700;text-transform: capitalize;
  color: var(--dark-gray);
  font-family: "Inter", sans-serif;
  font-size: 18px;
}
#nav ul.second-level a{color: var(--white) !important;}
.site-header #nav li .fa-angle-down::before {content: "";background: rgba(170, 170, 170, 0.35) url(../images/down-arrow.png);width: 17px;height: 11px;position: absolute;background-size: auto;padding: 28px 23px;right: 0;background-repeat: no-repeat;background-position: center;}
.head-links a {padding: 8px 0;}
.event-image .tiny-item{background-size: 100% 100% !important;}
.site-event .tiny-item {padding-bottom: 29.9%;}
.site-event .section-title{font-size: 32px !important;}
.static.opened.active>a{background: var(--blue);color:var(--white) !important;}


.fixed-header {position: relative;}
#search{display: none;}
/* #slider-content .slider-boxs {float: none;} */
.top-right-links {justify-content: right;}
/* #slider-content {position: static;transform: none;} */
#news-slider > .tns-outer {width: 100%;}
.main-news .tns-controls {
  display: block;
  top: 50%;
  right: 0;
  left: 0;
}
#slider-content .slider-box {padding: 25px 45px;height: auto !important;width: auto;}
.qlink-button {margin: 50px 0 0;}
.section-title span {font-size: 11vw;}
.button-wrap {
  text-align: center;
  margin: 130px 0 0;
}
.cal-wrap {padding: 25px;}
.main-news {padding: 50px 0 71px;}
.footer-top .container {flex-direction: column;}
.footer-left {max-width: 300px;margin: 0 auto 50px;}
.footer-right {display: block;}
a.footer-link {width: 230px;height: 150px;margin: 0 auto 20px;}
.conpany-info {left: 0;flex-direction: column;}
span.dot {margin: 15px 0;}
#main {overflow: hidden;}
#freeform article#entry {padding: 0;}
#freeform.fullwidth #entry{padding: 0 0 50px;}
#revize .col-lg-6:first-child {justify-content: center;}
.profile-in {flex-direction: column;}
.contact-in {padding: 15px;}
#social-wrap {background: #22535d;}
#social-header {padding: 15px;}
#tiles {grid-template-columns: repeat(3, 1fr);}
.tile strong {font-size: 42px;line-height:42px;}
#slider-content .slider-box-title {font-size: 22px;font-weight: 600;line-height: 33px;}
#slider-content .slider-boxs .tns-nav {top: 100%;left:48px;display: none;}
#slider-content .slider-boxs {float: none;height: 430px;max-width: 100%;}

#slider-content {top: 100%;transform: none;position: relative;}
#news-slider {padding-bottom: 0;}
.site-footer .top-shape {top: -17px;}
#flyout li a::after, #flyout li span::after {width: 100%;}
#flyout ul a, #flyout ul span {padding: 14px 24px;}
#freeform.department .tns-ovh {padding: 0;margin: 0;}
.slider-box-in {padding: 20px;height: 390px;overflow: hidden;}

div#translate-wrap {position: absolute;left: auto;top: 30px;right: 130px;}
.police div#translate-wrap,.library div#translate-wrap {right: 175px;}
#homepage .news-content {padding: 20px;}
.f-box {min-width: 100% !important;margin: 25px 0;}
.footer-top {padding: 25px 0;}
#revize img {float: left;}
.pipe {margin: 0 10px;}
#f-logo {display: block;width: 200px;margin: 0 auto 30px;}
.site-submenu {top: 0;padding: 0;position: static !important;display: none;}
.site-submenu ul {position: relative;display: block;}
.site-submenu ul li a {padding: 12px;width: 100%;border-bottom: 1px solid #3c5585;}
a.home-button{display: none;}
.site-submenu::before{display: none;}
#flyout ul.first-level .toggle{display: none !important;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
.floating-alert {
width: auto;
right: 10px;
left: 10px;
}

.floating-alert {
font-size: 12px
}

.floating-alert h4 {
margin-bottom: 10px;
font-size: 14px
}

.floating-alert .btn {
font-size: 10px
}

.share-btns a {
padding: 10px;
font-size: 12px;
white-space: nowrap;
overflow: hidden
}

.share-btns i {
display: block;
line-height: 50px !important;
font-size: 20px
}

#slider-caption {
font-size: 36px !important;
line-height: 40px !important;
}

.footer-box {
width: 100%;
text-align: center;
margin: 10px 0;
}

#slider {height: auto;padding-bottom: 80%;}
.site-member .member-box:first-child {margin-top: 0;}

#footer-top .container .col-lg-12 {
flex-direction: column;
}

.site-news .news-box.news-box-sm {
display: block;
height: auto;
margin-bottom: 15px;
}

#slider {height: auto;padding-bottom: 100% !important;}
#freeform #slider {height: auto;padding-bottom: 100% !important;}
#homepage .news-header-content {width: 100%;height: 100%;}
#homepage .news-row {display: block;}
#homepage .news-row:last-child{display: flex;flex-direction: column-reverse;}
#homepage .news-header {height: 300px;}
#homepage .news-img-2 {min-width: 100%;}
#homepage .news-img img {left: 50%;width: 34px;top: auto;transform: translateX(-50%);bottom: -26px;right: auto;rotate: 90deg;}
#homepage .news-img-2 img {left: 50%;width: 34px;top: auto;transform: translateX(-50%);bottom: 8px;right: auto;rotate: -90deg;}
#tiles {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #homepage .news-header-content {width: 50%;right: 0;top: auto;bottom: 0;}
     #homepage .news-img {min-width: 50%;}
     #homepage .news-img-2 {min-width: 50%;}
     .tile {min-height: 250px;}
}

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

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
#slider-caption {
font-size: 30px !important;
line-height: 32px !important;
}
.site-event .tiny-item {padding-bottom: 30%;}
#tabs-button {display: block;}

}

@media print {

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

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


div.pp_default .pp_description {
font-size: 16px!important;
}