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

	Theme Name: Village of Key Biscayne, FL
	Front-end developer: Husnain Mustafa
	Author Design: Colleen Moore
	Author URI: https://www.revize.com/
	Date: 10/02/2024
-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Birthstone+Bounce:wght@400;500&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

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

#basic styles

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

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

:root {
  --brandcolor: #4A4275;
  --darkgray: #999;
  --lightgray: #ddd;
  --primary-dark-color: #4A4275;
  --secondary-light-color: #D9F1E6;
  --tertiary-dark-color: #F0EAF6;
  --primary-solid-color: #312A57;
  --secondary-solid-color: #ABDED5;
  --tertiary-solid-color: #E1D5EC;
}

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

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

#typography

-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #111;
	font-weight: normal;
	margin-bottom: 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: 20px;
	color: var(--brandcolor);
	margin-bottom: 20px
}

.subheader {
	display: block;
	font-size: 40px;
	line-height: 48px;
	color: #1A1A1A;
	font-weight: 400;
	margin: 32px 0 12px;
}

p {
	margin: 0 0 20px 0
}

em {
	font-style: italic
}

strong,
b {
	font-weight: bold
}

small {
	font-size: 80%
}

hr {
	border: solid var(--lightgray);
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0
}

@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-box {position: absolute;z-index: 1;top: 128px;left: 44px;background: rgba(255, 255, 255, 0.65);border-radius: 8px;padding: 2px 10px;}
#weather {display: flex;align-items: center;flex-direction: row-reverse;gap: 10px;line-height: 1;}
#weather .forecast {font-size: 18px;font-weight: 600;color: rgba(26, 26, 26, 0.85);letter-spacing: -0.36px;}
.weather i {display: inline-block;font-family: 'weather';font-size: 30px;font-weight: 600; font-style: normal; line-height: 1;color: #000E3E;margin: 3px 0 0 2px;}
.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: #1E3EAB;
}

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

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

#lists

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

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

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

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

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

li p {
	line-height: 1.3
}

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

#images

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

a img {
	border: none
}

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

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

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

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

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

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

#buttons

-----------------------------------------*/
.span button{color:#fff!important;text-decoration:none}
span.btn a{color:#fff!important;text-decoration:none}
span.button a{color:#fff!important;text-decoration:none}
.btn{color:#fff!important;text-decoration:none}
.secondary-btn,
.tertiary-btn,
.btn,
.button,
a.button,
#post button:not(.rz-agenda-search-submit,.rz-doc-search-reset),
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding: 13.5px 30px;background: var(--brandcolor);color:#fff;border:0;border-radius: 16px;display:inline-block;font-size:18px;font-weight:400;text-decoration:none;cursor:pointer;line-height:1;vertical-align:middle;transition:all .3s;}
.btn:hover,
.button:hover,
a.button:hover,
#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background: #342D5B;color: #fff;}
.button:active,
a.button:active,
#post button:active,
#post input[type="submit"]:active,
#post input[type="reset"]:active,
#post input[type="button"]:active,
.rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--brandcolor);color:#fff}
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}


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

#revize edit buttons DO NOT MODIFY

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

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

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

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

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

#forms

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

fieldset {
	margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {
	border: 1px solid var(--darkgray);
	padding: .375rem .75rem;
	outline: none;
	font-size: 16px;
	color: var(--brandcolor);
	margin: 0;
	display: inline-block;
	background: #fff;
	border-radius: 0;
	box-shadow: none
}

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

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 13px
}

input[type="checkbox"] {
	display: inline
}

label span,
legend span {
	font-weight: normal;
	font-size: 16px;
	color: #444
}

.form-control:focus {
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none
}

::-webkit-input-placeholder {
	color: #777
}

:-moz-placeholder {
	color: #777
}

::-moz-placeholder {
	color: #777
}

:-ms-input-placeholder {
	color: #777
}

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

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

#rz intranet

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

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

form.loginform label {
	font-weight: normal
}

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

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

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:1022;top: 50%;left: 50%;transform: translate(-50%, -50%);margin:0;right:20px;background:#fff;color:#4D4D4D;padding:32px 24px;font-size:16px;font-weight: 400;letter-spacing: -0.32px;line-height: 21.6px;width:463px;border-radius:16px;border: 4px solid #FF7246;display:flex;flex-direction:column;overflow:hidden;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);backdrop-filter: blur(4px);}
.floating-alert h2{color:#1A1A1A;margin:0 0 24px;font-size:20px;font-weight:700;line-height:24px;letter-spacing: -0.4px;display: flex;align-items: center;}
.floating-alert h2 img {width: 24px;margin-right: 4px;}
.floating-alert p{margin:0}
.alert-buttons{margin:24px -24px -32px;;border-top:1px solid rgba(255, 114, 70, 0.23);display:flex}
.alert-button{border-right:1px solid rgba(255, 114, 70, 0.23);flex:1;text-align:center;padding:14px 0;text-decoration:none;font-size: 14px;color:#1A1A1A !important;font-weight:700;line-height:1.5}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background:#FFF1EC;color:#1A1A1A;text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}
.alert-bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1020; background-color: rgba(0, 0, 0, 0.65);}


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

.department .floating-alert {right: 20px;bottom: 20px;top: unset;left: unset;transform: unset;border-color: #70B6A9;}
.department .alert-buttons {border-top-color: rgba(112, 182, 169, 0.20);}
.department .alert-button {border-right-color: rgba(112, 182, 169, 0.20);}
.department .alert-button:hover {background: #EAF7F4;}

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

#rz edit

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

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

#main

-----------------------------------------*/
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
.home-bg {position: absolute;width: 100%;top: 0;z-index: -1;height: 100%;}
.container {width: 1158px;max-width: 100%;}
#main {position: relative;}
.business-social-links {display: flex;align-items: center;}
.twitter-icon {width: 21px;}
.business-social-links a {line-height: 1;}
.rpfbids tr td {text-align: left;}
.default-btns {display: flex;flex-wrap: wrap;gap: 24px;row-gap: 48px;margin: 48px 0;}
.primary-btn {background: var(--primary-dark-color) !important;color: #fff !important;}
.secondary-btn {background: var(--secondary-light-color) !important;color: #000 !important;}
.tertiary-btn {background: var(--tertiary-dark-color) !important;color: #000 !important;}
.secondary-btn a, .tertiary-btn a {text-decoration: none;color: #000 !important;}
.primary-btn:hover {background: var(--primary-solid-color) !important;}
.secondary-btn:hover {background: var(--secondary-solid-color) !important;}
.tertiary-btn:hover {background: var(--tertiary-solid-color) !important;}
.table-wrapper {overflow-x: auto;}
.table-wrapper table {width: 100%;}
tr#rz-rpfbids-row, body .cat h3{background: #4a4275;} 
#rz-business-categories li a {background: #4a4275 !important;border: 1px solid #4a4275 !important;}
#rz-business-categories li a.rz-selected-business-category {background: #342D5B !important;border-color: #342D5B !important;}
.news-list-item .clearfix a {color: #4A4275;}

/* bids */
.nav-pills>li>a {position: relative;display: block;padding: 10px 15px;border-radius: 4px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;background-color: #337ab7;}
.nav-pills>li>a:focus, .nav-pills>li>a:hover {text-decoration: none;background-color: #eee;}
.nav-pills>li+li {margin-left: 2px;}
.fade.in {opacity: 1;}
.dataTables_length {float: left;}
#DataTables_Table_0_filter {float: right;}
.dataTables_paginate .paginate_button {display: inline-block;min-width: 1.5em;border: 1px solid transparent;padding: 0.5em 1em;margin-left: 2px; color: #333 !important;text-decoration: none;}
.dataTables_paginate .paginate_button.current {border: 1px solid #979797;background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);}
.dataTables_paginate .paginate_button:hover {border: 1px solid #111;color: #fff !important;background: linear-gradient(to bottom, #585858 0%, #111 100%);}
.dataTables_paginate .paginate_button.disabled {cursor: default;color: #666 !important;border: 1px solid transparent;background: transparent;box-shadow: none;}
.tab-content>.tab-pane {
    display: none;
    visibility: hidden;
}
.tab-content>.active {
    display: block;
    visibility: visible;
}

/* scrollMenu */
#scrollMenu{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;list-style:none;margin:0;padding:0;border-radius: 16px 0 0 16px;}
#scrollMenu li{display: flex;justify-content: flex-end;margin-bottom:0}
.scrollMenu-item{display:flex;align-items:center;flex-direction: column;justify-content: center;position:relative;text-decoration:none;width:61px;height:73px;background:rgba(255, 255, 255, 0.85);border-right:6px solid transparent;border-bottom: 1px solid rgba(195, 189, 238, 0.85); transition:all 320ms;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);overflow:hidden}
.scrollMenu-item img {width: 24px;transition: all 0.3s;}
.scrollMenu-item-title {font-size: 14px;font-weight: 500;line-height: 18.9px;letter-spacing: -0.28px;color: rgba(47, 48, 49, 0.85);margin-top: 6px;display: none;}
#scrollMenu li:first-of-type .scrollMenu-item{border-top-left-radius:16px}
#scrollMenu li:last-of-type .scrollMenu-item{border-bottom-left-radius:16px}

.scrollMenu-item:hover{text-decoration:none;width:144px;border-radius:16px 0 0 16px}
#scrollMenu li.active .scrollMenu-item{width:144px;border-radius:16px 0 0 16px}
#scrollMenu li.active .scrollMenu-item-title, .scrollMenu-item:hover .scrollMenu-item-title{display: block;}
.scrollMenu-item-services:hover {background: #F2EFFF;}
.scrollMenu-item-government:hover {background: #FFF7DD;}
.scrollMenu-item-events:hover {background: linear-gradient(0deg, #E3F3F1 0%, #E3F3F1 100%), #FFF;}
.scrollMenu-item-news:hover {background: #F0EAF6;}


.scrollMenu-item-services{border-right-color:#4A4275}
.scrollMenu-item-government{border-right-color:#E9B809}
.scrollMenu-item-events{border-right-color:#70B6A9}
.scrollMenu-item-news{border-right-color:#8C69C7}

.ext-link {display:flex;align-items:center;flex-direction: column;justify-content: center;padding:0 15px;position:relative;text-decoration:none;width:61px;height:73px;background:rgba(255, 255, 255, 0.85);box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);overflow:hidden;transition: all 0.3s;}
.ext-link img {width: 24px;transition: all 0.3s}
.ext-transparency-link {background: linear-gradient(284deg, rgba(255, 242, 225, 0.85) 0%, rgba(255, 242, 225, 0.85) 100%);border-bottom: 1px solid rgba(195, 189, 238, 0.85);}
.ext-transparency-link:hover {background: linear-gradient(284deg, #F7C78E 0%, #FFFCE1 100%), linear-gradient(0deg, rgba(255, 216, 157, 0.24) 0%, rgba(255, 216, 157, 0.24) 100%), #FFF}
.ext-island-link {background: linear-gradient(284deg, rgba(192, 239, 222, 0.85) 0%, rgba(192, 239, 222, 0.85) 100%);border-radius: 0 0 0 16px;}
.ext-island-link:hover {background: linear-gradient(90deg, #D2FFEF 0%, #9AE9F4 97.57%);}
.ext-link-title {font-size: 14px;font-weight: 500;line-height: 18.9px;letter-spacing: -0.28px;color: rgba(47, 48, 49, 0.85);text-align: center;width: 0;height: 0;opacity: 0;transition: all 0.3s;}
.ext-link-arrow {width: 15px;position: absolute;top: 4px;right: 5px;opacity: 0;visibility: hidden;}
.ext-link:hover {width: 144px;border-radius: 16px 0 0 16px;text-decoration: none;}
.ext-link:hover .ext-link-title {width: 100%;height: 38px;opacity: 1;}
.ext-link:hover .ext-link-arrow {opacity: 1;visibility: visible;}

/* site-header */
#header-top {position: relative;background: linear-gradient(0deg, rgba(82, 72, 143, 0.95) 0%, rgba(57, 42, 113, 0.95) 100%);box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);z-index: 1020;}
.site-header .container {width: 1420px;}
.header-top-right {display: flex;align-items: center;gap: 16px;}
#header-in {display: flex;align-items: center;justify-content: space-between;height: 104px;z-index: 10;}
#header-bottom-wrap {position: relative;display: flex;align-items: center;justify-content: center;max-width: 1018px;width: 100%;height: 37px;background-color: #fff;border-radius: 8px;margin: 0 auto;}
#logo{display: inline-block;width: 125px;margin-top: 45px;}
.header-right {position: relative;display: flex;align-items: center;gap: 16px;height: 104px;padding-left: 16px;}
.logo-overlay {position: absolute;height: 100%;background: rgba(112, 91, 165, 0.20);right: 0;left: 0;z-index: -1;}

/*base nav styles*/
#nav .fa:before {font-family: 'FontAwesome' !important}
.site-header #nav {padding: 0;position: static;margin: 0 auto;max-width: 100%;}
.site-header #nav li {margin: 0;list-style: none;}
.site-header #nav a,
.site-header #nav span {font-size: 12px;font-weight: 600;color: #fff;display: block;text-transform: uppercase;text-decoration: none;padding: 15px 30px;z-index: 1; transition: all 0.3s;}
.site-header #nav ul {padding: 0;margin: 0;}
#nav li.static a {padding: 15px 28px 15px 16px;}
#nav li.li-48, #nav li.li-1373, #nav li.li-67, #nav li.li-86, #nav li.li-89, #nav li.li-99, #nav li.li-108, #nav li.li-109, #nav li.li-110, #nav li.li-111, #nav li.li-123, #nav li.li-127, #nav li.li-174, #nav li.li-175, #nav li.li-177, #nav li.li-178, #nav li.li-179, #nav li.li-180, #nav li.li-181, #nav li.li-182, #nav li.li-942, #nav li.li-379, #nav li.li-380, #nav li.li-381, #nav li.li-386, #nav li.li-388, #nav li.li-393, #nav li.li-394, #nav li.li-395, #nav li.li-396, #nav li.li-397, #nav li.li-398, #nav li.li-856, #nav li.li-400, #nav li.li-402, #nav li.li-403, #nav li.li-407, #nav li.li-408, #nav li.li-409, #nav li.li-410, #nav li.li-412, #nav li.li-413, #nav li.li-426, #nav li.li-393, #nav li.li-384, #nav li.li-385, #nav li.li-1726, #nav li.li-1727, #nav li.li-430, #nav li.li-1611, #nav li.li-389>a, #nav li.li-422>a, #nav li.li-1934>a {display: none !important;}

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

.toggle {
	display: none
}

#twitterfeed {
	background: #f1f1f1
}

.goog-te-banner-frame {
	display: none
}




/* Google translate */
#header-translate{position:relative;display: flex;justify-content: flex-end;}
#header-translate-btn{background: #3B3172;border-radius:0;padding:0;border: none;padding: 9px 15.5px;border-radius: 16px;display: flex;align-items: center;font-size: 14px;font-weight: 400;line-height: 21px;color: #fff;cursor: pointer;transition: all 0.3s;}
.translate-icon{width: 20px;margin-left: 8px;transition: all 0.3s;}
#header-translate-btn:hover, #header-translate-btn.active {background-color: #F0EAF6;color: #4A4275;}
#header-translate-btn:hover .translate-icon, #header-translate-btn.active .translate-icon {filter: brightness(0) saturate(100%) invert(25%) sepia(13%) saturate(2178%) hue-rotate(209deg) brightness(95%) contrast(86%);}
#header-translate-btn.active {background-color: #F0EAF6;color: #4A4275;}
#header-translate-in{display:none;position:absolute;top:48px;left: -30px;z-index:200;border-radius: 12px;color:#4A4275;width:205px}
#header-translate-box{position:relative;padding:22px 5px 18px;text-align:center}
#header-translate-box::before {position: absolute;content: '';background: url(../images/translate-triangle.png) center/cover no-repeat;width: 201px;height: 155px;left: 0;top: 0;filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));z-index: -1;}
.select-language-txt{font-size: 14px;font-weight: 400;}
#english-spanish-links{margin:7px 0 3px}
#english-spanish-links a{display:block;font-size: 14px;font-weight: 700;color:#4A4275;margin:0 9px;text-decoration:none}
#english-spanish-links a:hover{color:#4A4275;text-decoration: underline;}
div.skiptranslate{display:none!important}
.goog-te-banner-frame{display:none}
#google-translate{display:none}
#goog-gt-tt{display:none!important}
#translation-links{display:inline-block;padding:0;margin:0}
#translation-links>li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:10px 15px;margin:0;position:absolute;top:43px;left:50%;transform:translateX(-50%);height:239px;width:205px;background: #F0EAF6;display:none;z-index:9999999;overflow:auto;border-radius:12px}
#translation-links ul li{display:block;float:none;width:100%;padding:2px 0;list-style:none;margin-bottom:0}
#translation-links ul li a{text-decoration:none;font-size:16px;color:#4A4275}
#translate-button{border:none;background:none;margin:0;padding:0;font-size: 12px;font-weight: 400; color:#4A4275;line-height: 1; text-transform:capitalize;display:inline-flex;align-items:center}
#translate-button img{width:7px;margin-left: 3px;}


/* search */
#search {position: relative;width: 224px;max-width: 100%;height: 39px;z-index: 10;}
#search form {width: 100%;height: 100%;margin: 0;}
#search label {margin: 0;line-height: 51px;font-size: 14px;font-weight: bold;color: #1B1B1B;display: block;margin-right: 35px;}
#search input {padding: 8px 29px 8px 10px;background: #3B3172;border: 0;border-radius: 16px;width: 100%;height: 100%;font-size: 14px;font-weight: 400;color: #fff;transition: all 0.3s;}
#search input::-webkit-input-placeholder{color: #fff;}
#search input:-moz-placeholder{color: #fff;}
#search input::-moz-placeholder{color: #fff;}
#search input:-ms-input-placeholder{color: #fff;}
#search button {position: absolute;top: 50%;transform: translateY(-50%); right: 4px;width: 31px;height: 31px;border-radius: 50%;line-height: 1;background: none;border: none;padding: 0;transition: all 0.3s;}
#search button img {width: 20px;}
#search button:hover {background: #8C69C7;}
/* #search button:hover img {filter: brightness(0) saturate(100%) invert(96%) sepia(94%) saturate(1123%) hue-rotate(314deg) brightness(115%) contrast(103%);} */

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

#inner

-----------------------------------------*/
#freeform aside {position: relative;padding-top: 194px;z-index: 11;}
.aside-bg {background: #F0EAF6;position: absolute;top: 0;left: 0;right: 0;height: 100%;z-index: -1;}
.tree-vec-bg {margin-top: 100px;position: absolute;bottom: 0;width: 100%;}
.tree-vec-bg img {width: 100%;}
.inner-content .aside-bar {background: #e8f1ff;padding-top: 36px;height: 100%;padding-bottom: 30px;border-radius: 0 20px 20px 0;}
#freeform #entry {padding: 194px 0 96px;}
#freeform {position: relative;}
#freeform #slider {position: relative;padding: 0;height: 800px;}
#freeform #slider::before {position: absolute;content: '';top: 0;left: 0;background: linear-gradient(180deg, rgba(24, 8, 50, 0.00) 58.35%, rgba(24, 8, 50, 0.63) 100%);width: 100%;height: 100%;z-index: 1;}
#freeform #slider>img {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 11}
#flyout-wrap {position: relative;background: #fff;border-radius: 16px;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);margin-top: 8px;padding: 32px 0;z-index: 1;}
#flyout-wrap.flyout-hide {display: none;}
#flyout-header {font-size: 20px;color: #6249A1;font-weight: 500;line-height: 24px;letter-spacing: 1px;margin-bottom: 16px;padding: 0 32px;text-transform: uppercase;}
#flyout {position: relative;;margin: 0;padding: 0;z-index: 1;}
#flyout li {position: relative;margin: 0;padding: 0 24px;list-style: none;z-index: 10;}
#flyout a,
#flyout span {display: block;text-decoration: none;font-size: 14px;font-weight: 400;color: #1A1A1A;padding: 12px 0;line-height: 21px;text-transform: capitalize;transition: all 0.3s;}
#flyout ul {padding: 0;margin: 0;display: none}
#flyout ul a,
#flyout ul span {font-size: 14px;padding: 10px 15px;margin: 0;color: #fff;border-bottom: 1px solid rgba(0, 0, 0, .15) !important;}
#flyout ul li {padding: 0;margin: 0;}

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

.box-header {font-size: 20px;color: #6249A1;font-weight: 500;line-height: 24px;margin-bottom: 24px;letter-spacing: 1px;text-transform: uppercase;}

#contact-wrap {position: relative;padding: 32px 24px;background: #fff;border-radius: 16px;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);z-index: 1;}
.profile-img {width: 128px;height: 128px;margin-bottom: 24px;border-radius: 50%;}
.contact-name {font-size: 18px;font-weight: 600;line-height: 24.3px;letter-spacing: -0.36px;color: #6249A1;margin: 0;}
.contact-position {display: block;font-size: 16px;font-weight: 400;line-height: 24px;color: #4D4D4D;margin-top: 4px;}
#contact-info {margin: 28px 0 0 0;padding: 0;list-style: none;}
#contact-info li {margin-bottom: 24px;}
#contact-info li,
#contact-info .contact-link {display: block;color: #1A1A1A !important;font-size: 14px;font-weight: 400;line-height: 21px;display: flex;align-items: center;gap: 12px; text-decoration: none;margin-top: 5px; transition: all 0.3s;word-break: break-all;}
#contact-info .contact-link img {width: 24px;}
.contact-email {color: #93133f !important;}
#contact-info .contact-link:hover {color: #001A71;font-weight: 700;text-decoration: underline;}
#contact-info li.fax:hover {font-weight: 700;}
#contact-info li img {width: 24px;}
.description-text p {font-size: 14px;font-weight: 400;line-height: 21px; color: #1A1A1A;margin: 24px 0 0 0;}

#hours-wrap {position: relative;padding: 32px 24px;background: #fff;border-radius: 16px;margin-top: 8px;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);z-index: 1;}
#hours-wrap ul {padding: 0;margin: 0;list-style-type: none;}
#hours-wrap ul li {font-size: 14px;margin: 20px 0 0 0;}
#hours-wrap .day {display: inline-block;width: 38px;font-size: 14px;color: #6249A1;font-weight: 700;line-height: 21px;margin-right: 13px;text-transform: uppercase;}
#hours-wrap .time {color: #1A1A1A;font-size: 14px; font-weight: 400;line-height: 21px;}

#resource-wrap {position: relative;padding: 32px 24px;margin-top: 14px;background: #fff;border-radius: 16px;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);z-index: 1;}
#resource-wrap .resource-link {display: flex;align-items: center;gap: 12px;max-width: 268px;text-decoration: none;color: #1A1A1A;padding: 16px;font-size: 14px;font-weight: 400;text-transform: capitalize;background:#F0EAF6;line-height: 21px;border-radius: 16px;letter-spacing: -0.28px; margin-top: 16px;}
#resource-wrap .resource-link:hover {background: rgba(246, 242, 250, 0.85);box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);}
.resource-link img {width: 24px;}

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

#breadcrumbs {display: inline-block;margin-bottom: 25px;padding-bottom: 23px;border-bottom: 1px solid rgba(136, 220, 192, 0.85);}
#breadcrumbs ul {margin: 0;padding: 0;list-style: none;text-transform: capitalize;}
#breadcrumbs ul li {display: inline-block;margin: 0;position: relative;font-size: 14px;margin-right: 52px;color: #6249A1;font-weight: 400 !important;text-decoration: none;}
#breadcrumbs ul li:last-child {margin-right: 0;}
#breadcrumbs a {display: inline-block;position: relative;font-size: 14px; color: #1A1A1A;text-decoration: none;font-weight: 700;line-height: 21px;}
#breadcrumbs ul li:not(:last-of-type)::after {content: '\f0da';font-family: 'FontAwesome';font-size: 14px;position: absolute;top: 50%;transform: translateY(-50%);margin: 0 26px;color: #8C69C7;}
.tiles #breadcrumbs {border: 0;}

#post blockquote {position: relative;margin: 48px 0;font-size: 18px;line-height: 27px;color: #1A1A1A;font-weight: 700;padding: 29px 40px;border-radius: 16px;background: #D9F1E6;z-index: 1;}
#post blockquote::after {position: absolute;content: '';background: url(../images/blockquote-tree.png) center/cover no-repeat;width: 329px;height: 123px;right: 0;bottom: 0;z-index: -1;}
#post blockquote span {display: block;font-size: 14px;font-weight: 400;line-height: 21px;color: #1A1A1A;margin-top: 6px;}

/* tiles */
#tiles-gallery-in {display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;}
.tiles-gallery-item {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 180px;padding: 12px;text-align: center;border-radius: 16px;text-decoration: none;z-index: 1;transition: all 0.3s;}
.tiles-gallery-item::before {position: absolute;content: '';background: linear-gradient(0deg, rgba(74, 69, 132, 0.86) 0%, rgba(74, 69, 132, 0.86) 100%);border-radius: 8px; width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.tiles-gallery-item:hover {text-decoration: none;}
.tiles-gallery-item:hover::before {background: linear-gradient(0deg, rgba(35, 33, 89, 0.86) 0%, rgba(35, 33, 89, 0.86) 100%);}
.gallery-title {font-size: 24px;font-weight: 700;line-height: 28.8px;color: #fff;letter-spacing: -0.48px;}
.tile-icon-box img {width: 64px;margin-bottom: 8px;}


/* faq style */
.faq-container .faq-header {border: 1px solid #ddd;padding: 11px 55px !important;font-size: 18px;font-weight: 600; width: 100%;color: #fff !important;background: #8C69C7 url(/revize/plugins/faq/_images_/arrow-down.png) no-repeat 20px center;}
.faq-header::before {content: '' !important;}
.faq-header:not(.collapsed) {margin: 10px 0 !important;border-color: #27AE60;border-bottom: none;}
.faq-header.collapsed {background: #4A4275 url(/revize/plugins/faq/_images_/arrow-up.png) no-repeat 20px center;}
.faq-question {margin-bottom: 10px;}
.faq-questions {border: 1px solid transparent;padding: 0 20px;}
.faq-questions.show {border-color: #27AE60;border-top: none;}



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

#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: 300;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border-radius: 0 6px 6px 0;
	border: 0;
	background: #FBFDFF;
	border: 0;
	width: 51.5px;
	height: 51.5px;
	padding: 0;
	text-align: center;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.20);
	display: none;
}

.floating-share-btn img {width: 28px;}

.floating-share-btn svg path {fill: #fff;}

/* site-plugin */
#site-plugin{position: fixed;z-index: 999;top: 50%;transform: translateY(-50%); left:0;margin-top: 57.5px;}
body #userwayAccessibilityIcon{display: none !important;}
#ada-btn{width: 51.5px;height: 51.5px;background:none;border:0;padding:0;}
#ada-btn img{filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.20));}


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

#slider

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

#slider {position:relative;height: 800px;z-index:1}
#homepage.loaded #slider::before {position: absolute;content: '';background: linear-gradient(0deg, rgba(39, 36, 59, 0.45) 0%, rgba(39, 36, 59, 0.45) 100%);/* backdrop-filter: blur(5px); */top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-controls {z-index: 2;bottom: 30px;top: unset;transform: unset;}
#slider .tns-controls button {font-size: 24px;}
#slider .tns-controls button:first-of-type{ margin-left: 27px;}
#slider .tns-controls button:last-of-type{ margin-right: 27px;}
#slider-caption {position: absolute;top: 58%;transform: translateY(-50%);width: 100%;z-index: 1;background: #0000000f;backdrop-filter: blur(1px);}
.slider-titles span {display: block;color:#fff;text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.41);}
.slider-caption-top {font-size: 70px;font-weight: 400;line-height: 70px;text-transform: capitalize;font-family: "Birthstone Bounce", cursive;}
.slider-caption-middle {font-size: 80px;font-weight: 600;line-height: 96px;letter-spacing: -1.6px;text-transform: uppercase;margin: 8px 0;}
.slider-caption-bottom {position: relative;font-size: 40px;font-weight: 400;line-height: 48px;letter-spacing: 15.6px;text-transform: uppercase;}
.slider-caption-bottom::before {position: absolute;content: '';margin-left: -219px;top: 50%;transform: translateY(-50%);background: #fff;width: 186px;height: 2px;box-shadow: -2px 2px 0px 0px rgba(0, 0, 0, 0.41);}
.slider-caption-bottom::after {position: absolute;content: '';margin-left: 15px;top: 50%;transform: translateY(-50%);background: #fff;width: 186px;height: 2px;box-shadow: -2px 2px 0px 0px rgba(0, 0, 0, 0.41);}

#homepage .tns-outer, #homepage .tns-inner, #homepage .tiny-slider, #homepage .tiny-slider .tns-item {height: 100%;}
#slider > .tns-outer,
#slider > .tns-outer > .tns-inner,
#slider > .tns-outer > .tns-inner > .tiny-slider,
#slider > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);}
.tns-controls button {background: none;padding: 0;width:24px;height:24px;font-size: 16px;color: #fff;border: 0;border-radius: 0;transition: all 0.3s;}
.tns-controls button:disabled {opacity: 0.35;}
.tns-controls button img {width: 24px;}
.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}

/* section quick-links */
#quick-links {width: 100%;background: #F9F3FF;}
#quick-links-in {padding: 120px 0;}
#quick-links-box {display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 24px;row-gap: 18px;}
.quick-link {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 163px;padding: 6px;background: #4A4275;border-radius: 16px;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);text-decoration: none;transition: all 0.3s;}
.quick-link:hover {background: #fff;text-decoration: none;}
.qlink-icon-box img {width: 50px;filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(5399%) hue-rotate(58deg) brightness(97%) contrast(96%);}
.quick-link:hover .qlink-icon-box img {filter: brightness(0) saturate(100%) invert(77%) sepia(15%) saturate(829%) hue-rotate(119deg) brightness(85%) contrast(87%);}
.qlink-title {position: relative;font-size: 18px;font-weight: 700;line-height: 27px;color: #fff;text-align: center;margin: 8px 0 0;transition: all 0.3s;z-index: 1;}
.quick-link:hover .qlink-title {color: #343637;}
.qlink-title::after {position: absolute;content: '';background: #D9F1E6;width: 0;height: 13px;bottom: 0;left: -6px;transition: all 0.3s;z-index: -1;}
.quick-link:hover .qlink-title::after {width: 103px;}

.section {position: relative;z-index: 99;}

.section-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px;position: relative;}
.section-heading {font-size: 40px;font-weight: 700;letter-spacing: -0.8px;line-height: 48px;color: #000;margin-bottom: 0;text-transform: capitalize;display: flex;align-items: center;gap: 8px;}
.section-heading img {width: 50px;}
.section-banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.1;}

/* section government */
#government {background: linear-gradient(0deg, #C3E7DA 0%, #C3E7DA 100%);}
#government-in-wrap {padding: 120px 0;}
#government-in {display: flex;justify-content: space-between;gap: 24px;}
.government-left, .government-right {width: 50%;}
.government-box {display: block;border-radius: 16px; text-decoration: none;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);}
.government-box:hover {text-decoration: none;}
.government-box:hover .government-title {background: #D9F1E6;}
.government-img {height: 307px;border-radius: 16px 16px 0 0;}
.government-title {font-size: 24px;font-weight: 400;line-height: 28.8px;background: #fff;padding: 25px;border-radius: 0 0 16px 16px; letter-spacing: -0.48px;color: #1A1A1A;text-align: center;transition: all 0.3s;}
#government #quick-links-box {grid-template-columns: repeat(2, 1fr);row-gap: 22px;}
#government .quick-link {background: #fff;height: 182px;flex-direction: row;}
#government .qlink-icon-box img {width: 61px;}
#government .qlink-title {font-size: 20px;font-weight: 600;line-height: 24px;letter-spacing: -0.4px;color: #1A1A1A;margin: 0 0 0 8px;}

/* section-news */
#news {background: #322051;}
#news-in-wrap {position: relative;}
#news .section-heading {color: #fff;}
#news-in {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 24px;row-gap: 20px;}
#news .news-item {position: relative;display: flex;align-items: center;background: #fff;border-radius: 16px;height: 145px;transition: all 0.3s;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
#news .news-banner {position: relative;max-width: 261px;width: 100%;height: 100%;border-radius: 16px 0 0 16px;transition: all 0.3s;}
#homepage .news-banner::before {position: absolute;content: '';top: 0;left: 0;background: linear-gradient(0deg, rgba(169, 248, 211, 0.46) 0%, rgba(169, 248, 211, 0.46) 100%);width: 100%;height: 100%;border-radius: 16px 0 0 16px;opacity: 0;transition: all 0.3s;}
#homepage .news-item:hover .news-banner::before {opacity: 1;}
.news-info {padding: 8px 26px;width: 100%;}
.news-date {font-size: 14px; font-weight: 400;line-height: 21px;color: #6249A1;}
.news-title {font-size: 16px;font-weight: 700;line-height:  24px;color: #1A1A1A;margin: 6px 0 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.news-more {position: relative; font-size: 12px;font-weight: 700;line-height: 18px;text-transform: uppercase;color: #6249A1 !important;text-decoration: none;z-index: 1;}
.news-more:hover {text-decoration: none;}
.news-item:hover .news-more {color: #1A1A1A !important;}
#homepage .news-more::after {position: absolute;content: '';background: #D9F1E6;width: 0;height: 9px;bottom: 0;left: -3px;transition: all 0.3s;z-index: -1;}
#homepage .news-item:hover .news-more::after {width: 77px;}
#news .button {background: #fff;color: #6249A1;}
#news .button:hover {background: #F0EAF6;}

/* events style */
#events {position: relative;background: linear-gradient(0deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85)) 100%;}
#homepage #events::before {position: absolute;content: '';top: 0;left: 0;background: linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.85)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.85)) 100%);width: 100%;height: 100%;}
#events .section-header {position: relative;margin-bottom: 26px;}
.event-heading {font-size: 36px;font-weight: 700;line-height: 43.2px;letter-spacing: -0.72px;color: #353539;font-family: "Poppins", sans-serif;}
.events-bg-linear {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}

#events .tns-outer {position: relative;}
#events .tns-controls {display: none;}
.tns-nav {position: absolute;bottom: -38px;left: 50%;transform: translateX(-50%);width: 100%;display: flex;z-index: 1;}
.tns-nav::before {position: absolute;content: '';background: rgba(47, 48, 49, 0.85);width: 100%;height: 1px;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}
.tns-nav button {width: 100%;border: 0;height: 10px;background: none;border-radius: 24px;transition: all 0.3s;}
.tns-nav button.tns-nav-active {background: #4A4275;}
.tns-nav button.tns-nav-active:hover {background: #8C69C7;}

/* enotify style */
#enotify {position: relative;background: #4A4275;padding: 69px 0;}
#enotify-in {display: flex;align-items: center;gap: 120px;}
.enotify-heading {font-size: 40px;font-weight: 400;line-height: 48px;letter-spacing: 4.4px;text-transform: uppercase;color: #fff;margin: 0;}
#enotify .button {background: #fff;color: #2F3031;letter-spacing: -0.36px;}
#enotify .button:hover {background: #B2ACE0;}
.tree-vector {position: absolute;bottom: 0;right: 0;z-index: -1;}

/* subsite */
#bottom-nav {position: relative;background: rgba(255, 255, 255, 0.9);box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);z-index: 5;}
.subname {display: inline-block;text-decoration: none;}
.subname:hover {text-decoration: none;}
.sub-title {font-size: 20px;font-weight: 700;line-height: 30px;color: #fff;margin: 0;}
#bottom-nav-in {display: flex;align-items: center;justify-content: center;gap: 20px;}
#sub-nav {margin: 0;padding: 0;list-style-type: none;height: 55px;display: flex;}
#sub-nav ul {margin: 0;padding: 0;}
#sub-nav li {position: relative;margin: 0;}
#sub-nav li a {padding: 12px 25px;display: inline-block;font-size: 12px;font-weight: 600;color: #000;text-decoration: none;text-transform: uppercase;letter-spacing: 0.7px;transition: all 0.3s;}
#sub-nav li:hover ul a {color: rgba(26, 26, 26, 0.85);}
#sub-nav ul li a {display: block;padding: 12px 16px;font-size: 16px;text-transform: capitalize;}
#sub-nav li.static a {padding: 12px 30px 12px 20px;}
.subNav-hide {display: none;}


/* accordian style */
.accordion {margin: 70px 0 48px;}
.accordian-item {margin-bottom: 15px;}
.accordion-header {position: relative;font-size: 20px;color: #000;font-weight: 600;line-height: 24px;letter-spacing: -0.4px;padding: 20.5px 20px 20.5px 72px;background-color: #F0EAF6;border-radius: 10px;margin-bottom: 0;transition: all .3s;text-transform: capitalize;cursor: pointer;}
.accordion-header:after {content: '';width: 8px;height: 14px;background: url(../images/accordion-right.png) center/cover no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left: 34px;transition: all 0.3s;}
.accordion-header.active:after {transform: translateY(-50%) rotate(90deg);}
.accordion-header.active {background-color: #F7F3FB;border-radius: 10px 10px 0 0;}
.accordion-content {position: relative;display: none;background: #F7F3FB;padding: 16px 72px 28px;border-radius: 0 0 16px 16px;}
.accordion-content::before {position: absolute;content: '';top: 0;left: 50%;transform: translateX(-50%);background: rgba(195, 189, 238, 0.85);width: 94%;height: 1px;}
.accordion-content-text {font-size: 16px;line-height: 24px;color: #000;}

/* department page style */
.department #slider .tns-controls {top: 56%;}
#freeform.department #slider-caption {top: unset;left: 0;bottom: 34px;transform: unset;z-index: 2;}
.department #page-title {font-size: 64px;line-height: 64px;letter-spacing: -1.28px;color: #fff;text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.49);}
.department #breadcrumbs {padding: 0;margin: 0;border: 0;}
.department #breadcrumbs ul li {text-shadow: 1px 1px 1.6px rgba(0, 0, 0, 0.74);color: #fff;}
.department #breadcrumbs a {color: #fff;}

.department #quick-links {padding: 115px 0;background: #53396E;}
.department #quick-links .container {width: 1278px;}
.department #quick-links #quick-links-in {padding: 0 60px;}
.department #quick-links #quick-links-box {display: block;}
.department .quick-link {background: #F0EAF6;}
.department .quick-link:first-child {margin-bottom: 18px;}
.department .quick-link:hover .qlink-icon-box img {filter: unset;}
.department .quick-link:hover {background: #fff;}
.department .qlink-title {color: #000;}
.department .qlink-title::after {display: none;}
.department #quick-links .tns-controls button {width: 32px;height: 32px;background: #F0EAF6;border-radius: 50%;line-height: 1;font-size: 21px;color: #53396E;}
.department #quick-links .tns-controls button:first-of-type {margin-left: -60px;}
.department #quick-links .tns-controls button:last-of-type {margin-right: -60px;}

.department #events {background: #E5DFF0;padding-top: 118px;padding-bottom: 150px;}
.department #events .section-heading img {filter: brightness(0) saturate(100%) invert(55%) sepia(26%) saturate(1057%) hue-rotate(220deg) brightness(81%) contrast(91%);}

.department #villageMap {padding-top: 108px;padding-bottom: 129px;}
.department #villageMap .section-heading {gap: 24px;}

#videos {padding-top: 59px;padding-bottom: 16px;}
#videos-in {display: flex;gap: 14.9px;}
.video-left {width: 100%;}
.video-item {width: 100%;position: relative;z-index: 1;}
.video-item:not(.current){display:none}
.video-wrap {position: relative;}
.video-left .video-banner {width: 100%;height: 467px;border-radius: 16px 16px 0 0;z-index: -1;}
.video-btn {display: flex;align-items: center;justify-content: center;width: 82.83px;height: 82.83px;background: rgba(255, 255, 255, 0.57);border: 1px solid rgba(255, 255, 255, 0.60);border-radius: 50%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video-btn img {width: 45.8px;}
.video-info {padding: 19px 15px;background: #232323;border-radius: 0 0 16px 16px;text-align: center;}
.video-info .video-title {font-size: 24px;font-weight: 700;line-height: 28.8px;letter-spacing: -0.48px;color: #fff;margin-bottom: 0;}
.video-right {max-width: 280px;width: 100%;}
.video-right .video-banner {position: relative;width: 100%;height: 167px;border-radius: 16px;}
.video-right .video-banner::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 16px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);transition: all .3s;}
.video-right .video-wrap {cursor: pointer;}
.video-right .video-wrap:hover .video-banner::after {opacity: 0;}
.video-right .video-btn {width: 47.92px;height: 47.92px;}
.video-right .video-btn img {width: 25.6px;}
.video-right .video-wrap:hover .video-btn {background: rgba(255, 255, 255, 0.90);}
#videos .section-heading {font-size: 40px;line-height: 48px;color: #1A1A1A;font-weight: 400;margin: 0;}

#department-quick-links {position: relative;padding-top: 112px;padding-bottom: 123px;background: #70B6A9;}
#department-quick-links .section-banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.2;}
#department-quick-links #quick-links-box {grid-template-columns: repeat(3, 1fr);row-gap: 31px;}
#department-quick-links .quick-link {flex-direction: row;gap: 24px;justify-content: flex-start;height: 97px;padding: 8px 30px;background: #fff;}
#department-quick-links .quick-link:hover {background: #D9F1E6;}
#department-quick-links .qlink-icon-box img {width: 45px;}
#department-quick-links .qlink-title {margin: 0;font-size: 20px;}


/* section footer */
#footer {position: relative;background: #4A4275;}
#footer::before {position: absolute;content: '';top: 0;left: 0;background: linear-gradient(0deg, rgba(18, 11, 45, 0.85) 0%, rgba(18, 11, 45, 0.85) 100%), linear-gradient(180deg, rgba(140, 105, 199, 0.20) 0%, #4A4275 100%);width: 100%;height: 100%;z-index: 1;}
#footer .section-banner {opacity: 0.6;}
#footer-top {position: relative;padding-top: 66px;padding-bottom: 40px;z-index: 1;}
.footer-logo {display: block;width: 72px;margin: 0 auto;}
.footer-title {font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: -0.4px;color: #fff;margin: 17px 0;text-align: center;}
.footer-contact-wrap {display: flex;align-items: center;justify-content: center;}
.footer-contact-item {position: relative;}
.footer-contact-link {position: relative;margin-right: 42px;font-size: 14px;font-weight: 400;line-height: 21px;color: #F0EAF6 !important;text-decoration: none;transition: all 0.3s;}
.footer-contact-link:hover {font-weight: 700;}
.footer-contact-item:last-child .footer-contact-link {margin-right: 0;}
.footer-contact-item:not(:last-child) .footer-contact-link::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);margin: 0 21px;width: 1px;height: 16px;background: rgba(255, 255, 255, 0.21);;}

.footer-instagram-handles {display: flex;align-items: center;gap: 16px;justify-content: center;margin-top: 19px;}
.instagram-handle-link {display: flex;align-items: center;font-size: 14px;font-weight: 400;line-height: 21px;color: #fff !important;text-decoration: none;transition: all 0.3s;}
.social-icon-box img {width: 13px;margin-right: 8px;}
.instagram-handle-link:hover {font-weight: 700;}


#footer .social-media-wrap {display: flex;align-items: center;justify-content: center;gap: 4px;margin-top: 15px;}
.social-media-link {display: flex;justify-content: center;align-items: center;width: 33px;height: 33px;border-radius: 50%;transition: all 0.3s;}
.social-media-link:hover {background: #fff;}
.social-media-link img {width: 21px;}
.social-media-link:hover img {filter: brightness(0) saturate(100%) invert(26%) sepia(11%) saturate(2155%) hue-rotate(209deg) brightness(97%) contrast(92%);}

#revize {position: relative;font-size: 14px;font-weight: 400;line-height: 21px;padding: 24px 0;color: #fff;text-align: center;z-index: 1;}
#revize-link {font-size: 14px;font-weight: 700;color: #fff;text-decoration: none;}
.footer-delimiter {position: relative;margin-left: 16px;color: #fff !important;text-decoration: none;}
.footer-delimiter::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #fff;
    left: -9px;
    top: 2px;
    position: absolute;
}

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

#media queries

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

@media only screen and (max-width:1200px) {
	#sub-nav li a {font-size: 14px; padding: 12px 18px;}

	#programs-in {padding: 43px 40px;}
}

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

	.site-header #nav .toggle,
	.site-header #nav .toggle2{display:none}

	.site-header #nav .focused .toggle,
	.site-header #nav .focused .toggle2,
	#flyout .focused .toggle{display:inline-block;margin-left:-8px;padding: 0;height: auto;}

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

	/* base nav styles  */
	.sticky-header {position: fixed;width: 100%;z-index: 1020;}
	.library .site-header {position: sticky;}
	.site-header #nav {height: 104px;}
	.site-header #nav li:hover>ul, .site-header #sub-nav li:hover>ul{display:block}
	.site-header #nav ul a:not(.fa),
	.site-header #nav ul span{display:block;color:#000}
	.site-header #nav a,
	.site-header #nav span {
        position: relative;
		display: inline-flex;
        align-items: center;
        justify-content: center;
		border-radius: 16px;
    }
	#nav li.static>a:first-child::before {
		content: "\f107";
        position: absolute;
        font-style: normal;
        font-family: 'FontAwesome';
        right: 11px;
        top: 48%;
		transform: translateY(-50%) rotate(0deg);
		font-size: 18px;
        color: #8C69C7;
		line-height: 1;
        left: unset;
        display: block;
        transition: all .20s ease-in;
	}
	#nav li.static:hover>a:first-child::before {
		transform: translateY(-50%) rotate(180deg);
	}
	.site-header #nav>li:hover>a:not(.fa),
	.site-header #nav>li:hover>span:not(.fa) {
		background: #fff;
		color: #6249A1;
    }

	/* traditional    */
	#nav ul, #sub-nav ul{position:absolute;left:0;top:100%;display:none}
	#nav ul:not(make-mage) ul{left:100%;top:0}
	#nav li{position:relative;display: flex;align-items: center;}
	#nav ul li, #sub-nav ul li{display: block;width: 100%;}
	#nav :not(make-mage) .focused .toggle2{-webkit-transform:rotate(-90deg);position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);}

	/* mega menu */
	#nav li.static:hover ul, #sub-nav li.static:hover ul{display:block}
	#nav>li>ul.make-mage, #sub-nav>li>ul.make-mage{position:absolute;left:0;right:0;top:100%;-webkit-column-count:4;-moz-column-count:4;column-count:4;column-rule: 1px solid rgba(92, 62, 169, 0.05);column-gap: 5%; display:none;padding:31px 48px;width: 1120px;margin: 0 auto;border-radius: 16px;background-color: #fff;margin: 12px auto;}
	.site-header #nav>li>ul::before, .site-header #sub-nav>li>ul::before {content: "";position: absolute;top: -12px;left: 0;width: 100%;height: 12px;background: none;}
	#nav>li>ul.make-mage>li, #sub-nav>li>ul.make-mage>li{display: table;page-break-inside: avoid;}
	#nav li:hover>ul.make-mage ul, #sub-nav li:hover>ul.make-mage ul{position:static;margin: 0 0 0;}
	#sub-nav ul.make-mage a:not(.fa),
	#sub-nav ul.make-mage span:not(.fa),
	#nav ul.make-mage a:not(.fa),
	#nav ul.make-mage span{font-size:16px;font-weight: 700;line-height: 21.6px;text-transform: capitalize;color: #6249A1;display: block;margin-bottom: 8px;padding: 7px 8px;border-radius: 16px;}
	#nav ul.make-mage a:not(.fa):hover,
	#nav ul.make-mage span:hover {font-weight: 800;background-color: rgba(246, 242, 250, 0.85);}
	#sub-nav ul.make-mage ul a:not(.fa),
	#sub-nav ul.make-mage ul span:not(.fa),
	#nav ul.make-mage ul a:not(.fa),
	#nav ul.make-mage ul span{font-size:14px;line-height: 18.9px;font-weight: 400;color: #6249A1 !important;display: block;margin: 0;padding: 6px 8px;text-transform: capitalize;}
	#nav ul.make-mage ul a:not(.fa):hover,
	#nav ul.make-mage ul span:hover {font-weight: 600;background: rgba(246, 242, 250, 0.85);}
	#nav .make-mage .focused .toggle2{display:block}



	#sub-nav>li>ul.make-mage {-webkit-column-count:3;-moz-column-count:3;column-count:3;width: 775px;}
	#sub-nav li {display: flex;align-items: center;}
	#sub-nav li a {position: relative;display: inline-flex;align-items: center;border-radius: 16px;}
	#sub-nav li.static>a:first-child::before {content: "\f107";position: absolute;font-style: normal;font-family: 'FontAwesome';right: 11px;top: 50%;transform: translateY(-50%) rotate(0deg);font-size: 18px;color: #8C69C7;left: unset;display: block;transition: all .20s ease-in;}
	#sub-nav li.static:hover>a:first-child::before {transform: translateY(-50%) rotate(180deg);color: #70B6A9;}
	#sub-nav ul.make-mage a:not(.fa),
	#sub-nav ul.make-mage span{color: #343637 !important;}
	#sub-nav ul.make-mage a:not(.fa):hover,
	#sub-nav ul.make-mage span:hover {font-weight: 900;background-color: rgba(136, 220, 192, 0.15);}
	#sub-nav ul.make-mage ul a:not(.fa),
	#sub-nav ul.make-mage ul span{color: #343637 !important;}
	#sub-nav ul.make-mage ul a:not(.fa):hover,
	#sub-nav ul.make-mage ul span:hover {font-weight: 600;background: rgba(136, 220, 192, 0.15);}
	#sub-nav li:hover a {background: #D9F1E6;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);}
	#sub-nav li:hover ul a {background: none;box-shadow: unset;}

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

	#flyout>li:hover>ul {
        display: block;
    }
	#flyout ul {
        position: absolute;
        left: 100%;
        top: 0;
        width: 200px;
        z-index: 10;
        background: #4A4275;
    }

	#flyout li:hover a,
	#flyout li:hover span {
		text-decoration: none;
		color: #1A1A1A;
		font-weight: 700;
		text-decoration: underline;
		text-underline-offset: 2px;
	}
	#flyout li:hover ul a,
	#flyout li:hover ul span {color: #fff;text-decoration: none;}
	#flyout ul li:hover a {text-decoration: underline;}

	.inner-content aside.col-lg-3 {flex: 0 0 32%;max-width: 32%;}
	.inner-content div.col-lg-9 {flex: 0 0 68%;max-width: 68%;}
}

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

	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */

	.site-header .toggle,
	.site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff !important;background:rgba(255, 255, 255, 0.251);position:absolute;right:0;top:0}
	.site-header .logo-wrap{position: relative;display:flex;align-items:center;justify-content:space-between;width: 100%;height: 100%;}
	.site-header #nav{position: absolute;left: 0;top: 100%;width: 100%;background: #322051;}
	.site-header #nav li{position:relative!important}
	.site-header #nav ul{display:none}
	.site-header #nav li a,
	.site-header #nav li span {font-size: 16px !important; color: #fff;font-weight: 500;}
	.site-header #nav ul a,
	.site-header #nav ul span {font-size: 16px !important; font-weight: 500;text-transform: capitalize;}
	.site-header #nav ul ul a,
	.site-header #nav ul ul span {font-size: 14px !important;}

	#freeform #formwizziwmorf tr,
	#freeform #formwizziwmorf tr td {
		display: block !important
	}

	#freeform #formwizziwmorf tr table tr {
		display: table-row !important
	}

	#freeform #formwizziwmorf tr table td {
		display: table-cell !important
	}

	/* Allows tables to be used as columns with responsive stacking */
	.layout-table {
		width: 100% !important
	}

	.layout-table,
	.layout-table thead,
	.layout-table tbody,
	.layout-table th,
	.layout-table td,
	.layout-table tr {
		display: block !important
	}

	.layout-table td {
		margin-bottom: 15px
	}


	#info-toggle,
	#nav-toggle,
	#search-toggle {
		line-height: 42px;
        width: 42px;
        text-align: center;
        background: #fff;
        display: inline-block;
        color: #1A1A1A;
		border-radius: 4px;
        margin-left: 5px;
        cursor: pointer;
	}

	#nav, #flyout {
		display: none
	}

	#nav li {
		display: block
	}

	#nav a,
	#nav span,
	#flyout a,
	#flyout span {
		font-size: 14px !important;
		line-height: 1 !important;
		padding: 15px !important;
		border-bottom: 1px solid #bdbdbd;
	}

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

	#flyout a,
	#flyout span {font-size: 16px !important;font-weight: 600;color: #fff;}

	#flyout li {padding: 0;}
	#flyout ul a,
	#flyout ul span {
		font-size: 14px !important;
		border-bottom: 1px solid #bdbdbd !important;
	}

	.toggle,
	.toggle2 {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 45px;
		text-align: center;
		width: 45px;
		color: #013144 !important;
		background: #fff;
		transform: none !important
	}


	#page-title, .department #page-title {font-size: 32px;line-height: 42.6px;}

	.subheader {font-size: 22px;margin: 24px 0 32px;}

	#flyout-wrap {padding: 0;background-color: #1B358D;}
	#flyout-header {display: none;}
	#flyout-toggle {background-color: #1B358D;padding: 10px 15px;border-radius: 8px; font-size: 18px;color: #fff;text-transform: capitalize;font-weight: 700;cursor: pointer;}

	#hours-wrap,
	#contact-wrap,
	#resource-wrap {padding: 32px 15px;}
	.box-header {font-size: 20px;}
	#hours-wrap .day,
	#hours-wrap .time {font-size: 16px;}
	.profile-img {width: 164px;height: 164px;}
	.contact-name,
	.contact-position {font-size: 16px;}
	#contact-info li {font-size: 16px;}
	.description-detail p {font-size: 16px;}

	#resource-wrap .resource-link {border-radius: 10px;}
	#tiles-gallery-in {grid-template-columns: repeat(3, 1fr);}

	#scrollMenu {display: none;}

	.site-header {background: #322051;}
	.sticky-header {position: relative;}
	#header-top-in {flex-direction: column;gap: 12px;height: auto;}
	.site-header nav {position: static !important;}
	#header-in {height: 90px;}
	.logo-wrap {display: flex;align-items: center;justify-content: space-between;width: 100%;}
	#logo {width: 78px;margin: 0;}
	.logo-overlay {display: none;}
	#search {position: relative;top: unset; max-width: 500px;width: 100%;padding: 0 !important;display: block;}
	#search button {width: 34px;height: 34px;}
	.header-right {width: 100%;height: auto;display: none;position: absolute;left: 0;top: 100%;background-color: #fff;padding: 15px;gap: 10px;flex-direction: column;justify-content: center;}
	#header-translate-btn {border: 0;}
	#weather-box {top: 24px;left: 24px;}

	#bottom-nav {padding: 12px 0;}
	#bottom-nav-in {flex-direction: row-reverse;align-items: center;justify-content: space-between;}
	#sub-nav {display: none;position: absolute;top: 100%;left: 0;width: 100%;height: auto;background: #1B358D;}
	#sub-nav li a {display: block;color: #fff;line-height: 1;padding: 15px;}
	#sub-nav li:not(:last-child) a {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
	#b-nav-toggle {width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;background: #1B358D;color: #fff;border-radius: 4px;cursor: pointer;}

	#slider {height: 450px;}
	#slider-caption {top: 50%;}
	.slider-caption-top {font-size: 48px;line-height: 54px;}
	.slider-caption-middle {font-size: 64px;line-height: 86px;}
	.slider-caption-bottom {font-size: 32px;line-height: 48px;letter-spacing: 9.6px;}
	.slider-caption-bottom::before, .slider-caption-bottom::after {display: none;}
	#slider .tns-controls {top: 50%;bottom: unset;transform: translateY(-50%);}
	#slider .tns-controls button:first-of-type {margin-left: 15px;}
	#slider .tns-controls button:last-of-type {margin-right: 15px;}
	.department #slider .tns-controls {top: 50%;}

	#freeform #slider {height: 350px;}

	.section-header {margin-bottom: 24px;}
	#quick-links-in {padding: 96px 0;}
	.department #quick-links #quick-links-in {padding: 0 40px;}
	#quick-links-box {grid-template-columns: repeat(3, 1fr);}
	.department #quick-links .tns-controls button:first-of-type {margin-left: -40px;}
	.department #quick-links .tns-controls button:last-of-type {margin-right: -40px;}


	#government-in {flex-direction: column;}
	.government-left, .government-right {width: 100%;}

	#events {padding-top: 96px;padding-bottom: 120px;}
	#news {padding: 96px 0;}

	#enotify-in {gap: 16px;justify-content: center;}

	#tiles-gallery-in {grid-template-columns: repeat(3, 1fr);}

	#department-quick-links #quick-links-box {grid-template-columns: repeat(2, 1fr);}
	#department-quick-links .quick-link {padding: 8px 15px;}
	#department-quick-links .qlink-title {font-size: 18px;line-height: 25px;}

	#site-plugin {top: 80%;}
	.floating-share-btn {top: 80%;}

	.footer-contact-wrap {flex-direction: column;}
	.footer-contact-item {text-align: center;}
	.footer-contact-link {margin: 0;}
	.footer-contact-item:not(:last-child) .footer-contact-link::after {display: none;}
	.footer-instagram-handles {flex-direction: column;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	.floating-alert {
		width: calc(100% - 20px);
		right: 10px;
		left: 10px;
		bottom: 0;
		top: unset;
		transform: unset;
		font-size: 12px;
	}

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

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

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

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

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

	#tiles-gallery-in {grid-template-columns: repeat(2, 1fr);}

	.slider-caption-top {font-size: 32px;line-height: 46px;}
	.slider-caption-middle {font-size: 54px;line-height: 70px;}
	.slider-caption-bottom {font-size: 28px;line-height: 38px;letter-spacing: 2.6px}

	.library-catalog-search {flex-direction: column;gap: 16px;}

	.section-heading {font-size: 38px;}
	.section-heading img {width: 42px;}
	.quick-link {padding: 24px 15px;}
	.quick-link:hover {box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.37);}

	#quick-links-box {grid-template-columns: repeat(2, 1fr);column-gap: 15px;}
	#news-in {grid-template-columns: auto;}

	.section-header {flex-direction: column;gap: 24px;align-items: center;margin-bottom: 32px;}

	#enotify-in {flex-direction: column;}
	.council-table tbody tr {display: flex;flex-direction: column;height: auto !important;}
	.council-table tbody tr td {width: 100% !important;height: auto !important;}

	#department-quick-links #quick-links-box {grid-template-columns: auto;}
	#department-quick-links .quick-link {margin-bottom: 0;gap: 15px;}
	#department-quick-links .qlink-title {text-align: left;}
}

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

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
	.slider-caption-top {font-size: 23px;line-height: 24.8px;}
	.slider-caption-middle {font-size: 40px;line-height: 48.48px;}
	.slider-caption-bottom {font-size: 18px;letter-spacing: 2px;}

	#tiles-gallery-in {grid-template-columns: auto;}

	#post blockquote {gap: 24px;padding: 32px 15px;}

	#quick-links-box {grid-template-columns: auto;}
	#government #quick-links-box {grid-template-columns: auto;}

	#news .news-item {flex-direction: column;height: auto;}
	#news .news-banner {height: 145px;width: 100%;max-width: 100%;border-radius: 16px 16px 0 0;}
	#homepage .news-banner::before {border-radius: 16px 16px 0 0;}

	.enotify-heading {font-size: 32px;text-align: center;}

	.fc .fc-daygrid-day-bottom {
		margin-top: -10px!important;
		font-size: 0.6em!important;
	}
}

@media print {

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

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