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

	Theme Name: Gilchrist County Supervisor of Elections, FL
	Front-end developer: Muhammad Farhan Ali
	Author Design: Matt Hicks
	Author URI: https://www.revize.com/
	Date: 21/05/2025

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

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Song+Myung&display=swap');
/* -----------------------------------------

#basic styles

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

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

:root {
	--Commissioner-font:"Commissioner", sans-serif;
	--SongMyung-font:"Song Myung", serif;

	/** Color **/ 
	--colortypography:#000000;

  --colorprimary: #0A0A36;
  --colorprimary-500: #181775;
  --colorprimary-200: #D2DCF8;

  --secondarycolor: #99220D;

  --yellowcolor:#FF8B10;
  --yellowcolor-dark:#736910;
  --color-white: #Fff;
  --color-black: #000000;
  --green-color:#007E33;

  --darkgray: #ccc;
  --color-gray: #F1F1F3;
  --color-gray-300: #E8E8ED;
  --color-gray-400: #C7C7CC;
}

body {
	font-size: 16px;
	font-family:var(--Commissioner-font);
	color: var(--color-black);
	line-height: 150%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	top: 0 !important
}

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

#typography

-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color-black);
	font-weight: normal;
}

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

h1 { font-size:56px; line-height:156px;font-family:var(--SongMyung-font);}
h2 { font-size: 48px; line-height:120%;font-family:var(--SongMyung-font);}
h3 { font-size: 40px; line-height: 120%;font-family:var(--SongMyung-font);}
h4 { font-size:32px; line-height:120%; font-family:var(--SongMyung-font); }
h5 {font-size:24px;line-height:120%;;font-family:var(--SongMyung-font);}
h6 {font-size:20px;line-height:150%;;font-family:var(--SongMyung-font);}
span.header {
	font-size:40px;
	margin-bottom:20px;
	margin-top:48px;
	line-height: 135%;
	font-weight: 700;
	color: var(--colorprimary);
	display: block;
	font-family:var(--SongMyung-font);
}
span.subheader {
	font-size:36px;
	margin-bottom:20px;
	margin-top:48px;
	line-height: 120%;
	font-weight: 700;
	color: var(--colorprimary);
	display: block;
	font-family:var(--SongMyung-font);
}
p {
	margin: 0 0 20px 0
}

em {
	font-style: italic
}

strong,
b {
	font-weight: bold
}

small {
	font-size: 80%
}

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

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

#links

-----------------------------------------*/
a{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color:inherit;
}
a,a:hover { color:inherit;text-decoration:none;}

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

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

#lists

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

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

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

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

li p {
	line-height: inherit
}

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

#images

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

a img {
	border: none
}

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

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

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

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

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

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

#buttons

-----------------------------------------*/
.button, 
a.button, 
.btn, 
.button, 
a.button, 
#post input[type="submit"], 
#post input[type="reset"], 
#post input[type="button"], 
.rz-btn { background:transparent; padding:12px 24px; color: var(--color-white); font-size: 16px; line-height: 150%; display: inline-block; font-weight:400; text-decoration: none; cursor: pointer; vertical-align: middle; transition: all .3s; border-radius:4px; text-transform: capitalize; border:none; background:var(--colorprimary); }

#post button:not(.rz-agenda-search-submit){background: var(--colorprimary); padding:12px 24px;color:var(--color-white);font-size:16px;line-height:normal;font-weight:400;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s; border-radius:4px;border: none;}

#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--webcolor);color: #fff; border-color: var(--webcolor);}

.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(--webcolor);color:#fff; border-color: var(--webcolor);}

.btn:hover,
.button:hover,
a.button:hover, 
#post button:hover, 
#post input[type="submit"]:hover, 
#post input[type="reset"]:hover, 
#post input[type="button"]:hover, 
.rz-btn:hover { color:var(--color-white);background:var(--secondarycolor);}

#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}
.btn a,a.btn{ text-decoration: inherit !important; color:var(--color-white) !important; }
.btn a:hover, 
a.btn:hover{ color:var(--color-white) !important; }

.border.button,
.border.btn{
	border:1px solid var(--colorprimary);
	color: var(--colorprimary);
}
.dark.button,
.dark.btn{
	background: var(--colorprimary-200);
	color: var(--colorprimary);
}
.dark.button:hover,
.dark.btn:hover{
	background: var(--secondarycolor);
	color: var(--color-white);
}
.dark.border.button,
.dark.border.btn{
	border:1px solid var(--colorprimary-200);
	color: var(--colorprimary-200);
}

.faq-question .faq-question-header { margin: 2px 0 12px 0; padding: 2px 0; display: inline-block; }
.faq-question, 
.faq-header { padding-top: 8px; margin-bottom: 8px; }

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

#revize edit buttons DO NOT MODIFY

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

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

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

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

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

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

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

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

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

#rz intranet

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

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

form.loginform label {
	font-weight: normal
}

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

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

#rz alert

-----------------------------------------*/
.floating-alert { position: fixed; z-index: 999999; right: 40px; bottom: 240px; margin: 0; background-color: var(--color-white); backdrop-filter: blur(8px); padding: 32px 24px; font-size: 16px; font-weight:400; line-height: 21.6px; color: var(--color-black); max-width: 440px; display: flex; flex-direction: column; overflow: hidden; border: 0; border-radius: 8px; width: 100%;}
.floating-alert h2{margin:0 0 10px;font-size:24px;font-family:var(--SongMyung-font);color:var(--color-black);text-transform: capitalize; font-weight:bold;}
.floating-alert p{margin:0;}
.floating-alert a{ display:inline-block; color: var(--colorprimary);}
.floating-alert a:hover{ color: var(--yellowcolor); }
.alert-buttons{margin: 32px -24px -32px;border-top:1px solid #CCCCCC;display:flex}
.alert-button{border-right:1px solid #CCCCCC;flex:50%;text-align:center;padding:19px 0;text-decoration:none;font-size:16px;color:var(--color-black);font-weight:700;line-height:18.9px;text-transform: capitalize;}
.alert-buttons .alert-button:last-of-type{border:0}
.alert-button:hover{background:var(--colorprimary);color:var(--color-white) !important;text-decoration:none;cursor:pointer}
.floating-alert.fade:not(.show){display:none}
#event-modal .modal-footer .btn#ics-export {
	background: var(--colorprimary) !important;
}

/* site-plugin */
#site-plugin{position: fixed;z-index: 999;bottom:6px;left:6px;}
body #userwayAccessibilityIcon{display: none !important;}

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

#rz edit

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

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

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

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

#main

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

/* site-header */
.site-header { position: relative;z-index: 1020;background:var(--color-white);}
.header-top{position: relative;background:var(--colorprimary);}
.header-right { display: flex; justify-content: space-between; align-items: center; gap: 13px; padding: 9px 0 9px 136px; }
.header-box{ flex:1; }
.header-left-in{ display: flex; gap:16px; }
.header-left-in p{ display: flex; align-items: center; gap:8px; align-items: center; color:var(--color-white); font-size:14px; margin:0; }
.header-left-in p a{ color: var(--color-white); display:inline-block; }
.header-left-in p a:hover{ color: var(--colorprimary-200); }
.header-left-in p img{ height:15px; filter:brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(3%) hue-rotate(22deg) brightness(102%) contrast(101%); }
.header-left-in:hover p img{ filter:brightness(0) saturate(100%) invert(99%) sepia(83%) saturate(2612%) hue-rotate(178deg) brightness(102%) contrast(94%); }

.social-media-wrap {position: relative;display: flex;align-items: center;justify-content: center;gap:15px;}
.social-media-link {width:20px;}
.social-media-link img{width:100%; filter:brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(3%) hue-rotate(22deg) brightness(102%) contrast(101%);}
.social-media-link:hover img{filter:brightness(0) saturate(100%) invert(85%) sepia(2%) saturate(3399%) hue-rotate(193deg) brightness(104%) contrast(95%);}
.social-media-wrap .left-top { top: 0 !important; right: 100% !important; left: auto !important; }
.business-social-links a > .fa-twitter::before, 
.social-media-link > .fa-twitter::before { content: ""; width:18px; height:18px; background: url("../images/twitter.png"); display: inline-block; background-repeat: no-repeat; background-size:18px; margin: 0 0 -2px 0; }

#header-in{ position: relative;}
#header-in .container-fluid{ display: flex; justify-content: space-between; gap: 13px; }
.header-right .header-right-in { display: flex; align-items: center; gap:24px; margin:0; }
 
.logo-wrap { display: block; position: relative; transition: ease all 0.5s; min-width:370px; z-index:11;}
.logo-wrap #logo { display: inline-block; width: 100%; max-width: 140px;position: absolute;top:-35px;}
.logo-wrap #logo img{ width:100%;transition:ease all .5s; }
.logo-text { margin-left: 150px; min-width: 230px; margin-top: 5px; }
.logo-text a { display: block; }
.logo-text h4 { font-size:32px; font-family: var(--SongMyung-font); color: var(--colorprimary); margin: 0; line-height: 90%; } 
.logo-text p{ font-size:12px; font-weight:bold; color: var(--colorprimary); margin:0; line-height:150%; }

#header-in nav { position: static; flex:1; margin-bottom:0 !important;}
.header-menu-box { display: flex; align-items: center; width: 100%; }
.header-menu-right { flex: 0 0 260px; display: flex; align-items: center; justify-content: space-between; margin-left: 32px;gap:16px;}

.header-menu-box .center-top { top: 100% !important; right: auto !important; transform: translate(0) !important; }

.header-menu-right .button { border:1px solid var(--colorprimary); color: var(--colorprimary);background: var(--color-white);border-radius:8px;padding:8px 18px;}
.header-menu-right .button:hover{ border-color:var(--colorprimary-200);background: var(--colorprimary-200);color: var(--colorprimary);}
.header-menu-right a.button span, 
.header-menu-right .button span { background: var(--colorprimary-500); color: var(--secondarycolor); transition: ease all 0.5s; margin: 0 10px 0 0; }
.header-menu-right a.button:hover span, 
.header-menu-right .button:hover span { background:var(--secondarycolor); color: var(--colorprimary-500); }

/*base nav styles*/
#nav .fa:before {font-family: 'FontAwesome' !important}
.site-header #nav {padding: 0;position: static;margin:0; max-width: 100%;}
.site-header #nav li {margin: 0;list-style: none;}
.site-header #nav > li > a, .site-header #nav > span { font-size: 14px; font-weight: 600; color: var(--colorprimary); display: block; padding: 25px 16px; z-index: 1; transition: all 0.3s; line-height: 100%; text-align: center; }
.site-header #nav ul {padding: 0;margin: 0;background: transparent;}

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.toggle { display: none }
#twitterfeed { background: #f1f1f1 }
.goog-te-banner-frame { display: none }

/* Google translate*/
#translation-links{padding:0;margin:0}
#translation-links li { position: relative; top: 29%; margin: 0; list-style: none; z-index: 1050; }
#translation-links ul { padding: 10px 0; margin: 0; position: absolute; top: 154px; right: -40px; width: 300px; background: #fff; display: none; height: 400px; z-index: 999; overflow-y: scroll; }
#translation-links ul li{position: relative;top: 0;transform: unset;margin:0}
#translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;color: #1B1B1B;}
#translation-links ul li a:hover{background:var(--secondarycolor);color:var(--color-white)}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{background:var(--secondarycolor);color: var(--color-white) !important;}
div.skiptranslate{display:none !important}
.translate-dropdown #translate-reset { background: #fff; border: none; font-size: 12px; font-weight: 600; border-radius: 20px; padding: 3px 15px; margin: 0 auto; max-width: 60px; width: 100%; line-height: normal; }
#translate-dropdown-btn{ background: transparent; border: 0; font-size: 14px; color: var(--color-white); text-transform: capitalize; transition: all 0.3s; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 0; }
#translate-dropdown-btn img{ width:17px;}
#translate-dropdown-btn:hover{ color: var(--colorprimary-200);}
#translate-dropdown-btn:hover img{filter:brightness(0) saturate(100%) invert(16%) sepia(87%) saturate(2344%) hue-rotate(354deg) brightness(89%) contrast(96%);}
.translate-dropdown { display: none; position: absolute; min-width: 173px; right: -40px; background: var(--secondarycolor); border-radius: 4px; padding:15px 10px; top: 150%; }
.translate-dropdown::before { content: ""; position: absolute; width: 15px; height: 15px; right: 0; left: 0; top: -8px; margin: 0 auto; background: var(--secondarycolor); transform: rotate(45deg); }
.translate-dropdown p { color: #fff; font-size: 12px; font-weight: 400; text-align: center; margin: 0 0 5px 0; }
.translate-dropdown a[data-lang="English"],
.translate-dropdown a { display: block; text-align: center; color: #fff;} 
.translate-dropdown a:hover{background: transparent;font-weight:600;} 
.translate-dropdown #translate-button { font-size: 12px; background: transparent; border: none; display: flex; align-items: center; color: #fff; gap: 5px; justify-content: center; width: 100%; padding: 0; margin: 0; }


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


/* search */
#search{ position: relative; height: 40px; flex: 0 0 122px; }
#search .search-form { display: flex; width: 100%; margin: 0; background: var(--colorprimary); border-radius: 8px; padding:0 20px; }
#search button{background: transparent;border:none;padding:0;margin:0;}
#search input { border: 0; color:var(--color-white); transition: all 0.3s; font-size: 16px; padding:0; text-transform: inherit; height:40px;background: transparent;}
#search input::-webkit-input-placeholder{color:var(--color-white);}
#search input:-moz-placeholder{color:var(--color-white);}
#search input::-moz-placeholder{color:var(--color-white);}
#search input:-ms-input-placeholder{color:var(--color-white);}
#search input:focus {border-color:none;}
#search button { border: none;background: transparent;color: var(--color-white);}

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

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

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

#inner

-----------------------------------------*/
.hidebox {display: none;}
.z-index-12 { z-index: 12; position: relative; }
#freeform #entry { background: #fff; flex: 1;}
#inner-content { padding-bottom:75px;}
.fullwidth #inner-content { margin-top: 30px; }
.inner-content { display: flex; gap: 48px;margin-bottom:112px;margin-top:64px;}
#freeform.fullwidth #entry,
#freeform {position: relative;}
#freeform #slider {position: relative;padding: 0;height:300px;}
#freeform #slider::before { display: none; }
#aside-left {background:rgba(229, 229, 229, 0.85);padding:48px 32px;height: 100%;border-radius:8px;flex:0 0 350px;position: relative;}
#aside-left::after { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(229, 229, 299,.85); z-index:0; }
#newsletter-left-wrap,
#social-media-left-wrap,
#feature-wrap,
#flyout-wrap,
#contact-wrap,
#hours-wrap,
#resource-wrap { position: relative; z-index: 1; margin-bottom:32px;}
#flyout-header,
.box-header { font-size:24px; text-transform:capitalize; line-height:135%; position: relative; color:var(--colorprimary); margin-bottom:16px;font-family: var(--SongMyung-font);}
#flyout,#flyout li {position: relative;;margin: 0;}
#flyout li {list-style: none;z-index: 10;}
#flyout a, #flyout span { display: block; text-decoration: none; text-transform: capitalize; transition: all 0.3s; }
#flyout a, #flyout span,
#contact-info li, 
#contact-info .contact-link, 
.description-text p,
#hours-wrap ul li,
#resource-wrap .resource-link {font-size: 14px; line-height: 150%; }
#flyout a {line-height:150%;padding:12px 8px;border-radius:4px;color:var(--color-black);}
#flyout a span { display: block; }
#flyout ul {display: none}
#flyout ul li,
#flyout ul,
#breadcrumbs ul,
#flyout  {padding: 0;margin: 0;}
#flyout ul a,
#flyout ul span {display: block;padding: 10px 15px;margin: 0;}
#flyout ul a:last-child,
#flyout ul span:last-child{border-bottom:none !important; padding-bottom:0;}
.profile-img { max-width: 164px; width: 100%; height: 164px; margin:0 0 16px 0; border-radius: 50%;}
.contact-name {font-size:20px;font-family:var(--SongMyung-font); margin:0;line-height:140%;color: var(--colorprimary);}
.contact-position {display: block;font-size: 16px;font-weight: 400;line-height: 21.6px;color: var(--color-black);}
#contact-info {padding: 0;list-style: none;margin:29px 0 0 0;}
#contact-info li  {margin: 22px 0 0 0;}
#contact-info li, #contact-info .contact-link { display: flex; align-items: center; text-decoration: none; transition: all 0.3s; gap:16px; width: 100%; margin: 0 0 12px 0;}
#contact-info li img {width: 14px;margin: 0;max-width: fit-content;filter:brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(2%) hue-rotate(85deg) brightness(98%) contrast(100%);}
#contact-info .contact-link:hover {color: var(--secondarycolor);}
.description-text p { margin: 15px 0 0 0; line-height: 150%;font-size:14px;color: var(--colorprimary);}

#hours-wrap ul {padding: 0;margin: 0;list-style-type: none;}
#hours-wrap ul li + li { margin: 20px 0 0 0; line-height: 18px; }
#hours-wrap .day { display: inline-block; min-width: 48px; font-weight: 700; margin-right: 6px; text-transform: uppercase; color: var(--secondarycolor);font-size:18px;}
#hours-wrap .time {letter-spacing: -0.28px;}

#resource-wrap .resource-link { display: flex; align-items: center; gap:16px; width: 100%; text-decoration: none; background:var(--secondarycolor);color:var(--color-white); padding:9px 12px; border-radius: 4px; font-size:16px;}
#resource-wrap .resource-link + .resource-link {margin:8px 0 0 0;}
.resource-link img {width:16px;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(356deg) brightness(103%) contrast(103%);}
#resource-wrap .resource-link:hover{color:var(--color-white);background: var(--colorprimary);}

.feature-item { display: flex; gap: 24px;margin-bottom:12px;}
.feature-item-img{ flex:0 0 160px; max-width:160px; width:100%; overflow:hidden; border-radius:8px; }
.feature-item-img img{ width:100%;height:100%;object-fit: cover;}
.feature-item-detail{flex:1;}
.feature-item-detail h6{ font-size:16px; font-weight:bold; line-height:140%; color:var(--colorprimary); margin:0;font-family:var(--Commissioner-font);}
.feature-item-detail a,
.feature-item-detail p{ font-size:14px; color: var(--color-black); line-height:150%; margin:4px 0 8px 0; }
.feature-item-detail a{ display:inline-block; text-decoration:underline; margin:0; }
.feature-item-detail a:hover{ color: var(--secondarycolor); }

#social-media-left-wrap .social-media-wrap { justify-content: flex-start; gap: 18px;}
#social-media-left-wrap .social-media-link { width: 27px; }
#social-media-left-wrap .social-media-link img{ filter:brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(98%) contrast(102%); }
#social-media-left-wrap .social-media-link:hover img{ filter:brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(1773%) hue-rotate(349deg) brightness(92%) contrast(104%); }

#newsletter-left-wrap .box-inner{display: flex;align-items: center;background: var(--colorprimary);border-radius:8px;gap:18px; padding:16px;}
#newsletter-left-wrap .newsletter-icon{flex:0 0 27px;}
#newsletter-left-wrap .newsletter-icon img{width:100%; filter:brightness(0) saturate(100%) invert(83%) sepia(4%) saturate(1834%) hue-rotate(192deg) brightness(107%) contrast(95%);}
#newsletter-left-wrap .newsletter-detail h6{font-size:14px;font-family:var(--Commissioner-font);color: #D2DCF8;line-height:150%;margin:0;font-weight:bold;}
#newsletter-left-wrap .newsletter-detail p{font-size:14px;line-height:150%;color:var(--color-white);margin:0;}

#breadcrumbs {margin-bottom:48px;}
#breadcrumbs ul {list-style: none;}
#breadcrumbs ul li { margin: 0; margin-right:39px; color: var(--colorprimary); font-weight:bold; text-decoration: none; }
#breadcrumbs ul li, #breadcrumbs a { display: inline-block; position: relative; font-size: 16px; }
#breadcrumbs ul li:last-child {margin-right: 0;}
#breadcrumbs a { text-decoration: none !important; font-weight: 400; line-height:150%; color: var(--colorprimary) !important; }
#breadcrumbs ul li:not(:last-of-type)::after { content: "\f105"; font-family: 'FontAwesome'; font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); margin: 1px 20px; color:var(--color-black); }

#entry p { margin-bottom:32px; line-height: 160%; font-size: 16px; }
div#modal-event-description a,
.edit-form-fields .help-block a,
#post a,
#entry a,
#tinymce a{text-decoration: underline; color:var(--colorprimary-500);}
div#modal-event-description a:hover,
.edit-form-fields .help-block a:hover,
#post a:hover,
.edit-form-fields .help-block a:hover,
#entry a:hover,
#tinymce a:hover {color:var(--secondarycolor);}
#post ul { margin-top:44px; }
#post ul li { padding: 0; line-height: 175%; padding-left:0; margin: 0; }
#post { overflow: hidden; }
.img-caption{font-size:14px;line-height:150%;color: var(--color-black);border-left:2px solid var(--color-black);display: block;margin-top:8px;padding-left:8px;}
h6.body-large-bold{ line-height:150%;color: var(--colorprimary);margin:32px 0;font-family: var(--Commissioner-font);font-weight:bold; }
#post blockquote { position: relative; margin: 32px 0; font-size: 24px; font-family: var(--Commissioner-font); color: var(--colorprimary); font-weight: 400; padding-left: 22px; text-transform: capitalize; border-left: 2px solid var(--colorprimary); line-height: 140%; font-style: italic; }
#post ul#calendar-filters { margin: 10px 0; }
/* #post ul#calendar-filters li a:hover{ color:var(--color-white); } */
.faq-question .faq-question-header { margin: 2px 0 12px 0; padding: 2px 0; display: inline-block; }
.faq-question, .faq-header { padding-top: 8px; margin-bottom: 8px; }
#doc-search-form input.rz-doc-search-submit { border-radius: 0 5px 5px 0; padding: 0 50px; font-weight: 500; }
#post table tr td[align="center"] { text-align: left; }
#rz-business-categories ul { margin-top: 10px !important; }
#rz-business-directory.rz-block-list .category-list li{ background: rgba(0,0,0,0.3); padding:0 5px; border-radius:3px; }
#rz-business-directory #rz-business-categories ul li a { padding: 20px !important; display: block; }

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

#share widget

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

/** modal **/
.modal .modal-dialog{transition:transform cubic-bezier(0.86,0,0.07,1);transform:scale(.98)!important;opacity:1!important}
.modal.show .modal-dialog{transition:transform .3s cubic-bezier(0.86,0,0.07,1);transform:translateY(0%)!important;}

.modal-content {
	border-radius: 10px;
	overflow: hidden;
	border: 0;
}
.modal-header {
	background:#d2d2d2;
	border-radius:10px 10px 0 0 ;
	font-size:18px;
	line-height:1.4;
}
.share-btns{
	display:flex;
	gap:8px;	
  justify-content: center;
}
.share-btns a {
	display: flex;
	text-decoration: none;
	border-radius: 100%;
	height: 44px;
	width: 44px;
	outline-offset:0;
	outline:2px solid transparent;
	transition:all .3s;
}
.share-btns svg {
	width:16px;
	height:16px;
	margin:auto;
	fill: #fff
}

.btn-linkedin {
	background: #0077b5;
}
.btn-linkedin:hover {
	border-color: #0077b5;
	outline:2px solid #0077b5;
	outline-offset:2px
}
.btn-facebook {
	background: #3b5998;
}
.btn-facebook:hover {
	border-color: #3b5998;
	outline:2px solid #3b5998;
	outline-offset:2px
}
.btn-twitter {
	background: var(--color-black);
}
.btn-twitter:hover {
	border-color: var(--color-black);
	outline:2px solid var(--color-black);
	outline-offset:2px
}
.btn-reddit {
	background: #ff5700;
}
.btn-reddit:hover {
	border-color: #ff5700;
	outline:2px solid #ff5700;
	outline-offset:2px
}

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

/* -----------------------------------------
#slider
-----------------------------------------*/
.share-wrapp { position: fixed; z-index:999; display: flex; flex-direction: column; width: 60px; bottom: 34%; left: 10px; gap: 12px 0; align-items: center; }
.share-wrapp .share-btn { height:54px; width: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; padding: 0; margin: 0;transition: ease all 0.5s;background:#181775;border:2px solid var(--color-white);box-shadow:0 3px 8px 0 rgba(0, 0, 0, .20);}
.share-wrapp .floating-share-btn.share-btn{width:32px;height:48px;border-radius:8px;}
.share-wrapp .floating-share-btn.share-btn img{ width:13px;}
.share-wrapp .share-btn img{ width:24px;}
.share-wrapp .share-btn:hover{background:var(--secondarycolor);}

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

#slider

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

#slider {position: relative;height:730px;overflow:hidden;}
#slider::before { background: radial-gradient(ellipse at center,  rgba(0,0,0,0.84) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%); position: absolute; content: ""; left:-5%; bottom: 0; width: 70%; height: 70%; z-index: 1; }
#slider-caption-data { position: absolute; transform: translatex(-50%); width: 100%; z-index: 2; left: 50%; bottom:180px; text-align: left; }
.slider-caption-title{ font-size:86px; color: var(--color-white); font-family: var(--SongMyung-font); line-height:120%; margin:0; font-weight:400; }
.slider-caption-subtitle{ font-size:20px; font-weight:bold; color: var(--color-white); line-height:150%; margin:0; }
#slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
#slider .tns-nav{display: none;}
#slider .tns-controls button {color: #fff;}
#slider .tns-controls button img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(3deg) brightness(102%) contrast(102%);}
#slider .tns-controls button:hover img{filter:brightness(0) saturate(100%) invert(61%) sepia(25%) saturate(6990%) hue-rotate(166deg) brightness(108%) contrast(99%);}
#slider .tns-controls button:first-of-type{margin-left:48px;}
#slider .tns-controls button:last-of-type{margin-right:48px;}

.tiny-slider-wrap > .tns-outer,
.tiny-slider-wrap > .tns-outer > .tns-inner,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1;width:100%;}
.tns-controls button {background:var(--secondarycolor);padding: 0;width:48px;height:48px;color: #fff;border:none;font-size: 30px;transition: all 0.3s;border-radius:4px;}
.tns-controls button img {width:21px;}
.tns-controls button:hover {color: var(--colorprimary);background: var(--colorprimary-200);}
.tns-controls button:hover img{filter:brightness(0) saturate(100%) invert(61%) sepia(25%) saturate(6990%) hue-rotate(166deg) brightness(108%) contrast(99%);}
.tns-controls button:last-of-type {float:right}
.tns-controls button:first-of-type {margin-left: -50px; }
.tns-controls button:last-of-type {margin-right: -50px; }
.tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}
#homepage #slider .tns-controls button:disabled {opacity: 0.3;}

/* tns-nav */
.tns-nav {display: flex;gap: 6px;position: absolute;top:60px;left: 50%;transform: translate(-50%);z-index: 1;}
.tns-nav button {width: 10px;height: 10px;border-radius: 50%;background: rgba(255, 255, 255, 0.45);border: none;padding: 0;}
.tns-nav button.tns-nav-active {background-color: #fff;}

/* gallery */
#tiles-gallery-in {display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;}
.tiles-gallery-item {position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 180px;border-radius: 8px; text-decoration: none;z-index: 1;transition: all 0.3s;}
.tiles-gallery-item::before {position: absolute;content: '';background: linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.85)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.85)) 100%);border-radius: 8px; width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.tiles-gallery-item:hover {text-decoration: none;}
.tiles-gallery-item:hover::before {background: linear-gradient(0deg, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.65)) 0%, var(--Color-Transparency-dark, rgba(26, 26, 26, 0.65)) 100%);}
.gallery-title {font-size: 24px;font-weight: 400;line-height: 28.8px;color: #fff;letter-spacing: -0.48px;font-family: 'Futura Bk BT';}

/* title */
.section-heading,
#page-title{ font-size:56px; line-height: 120%; position: relative; margin:0 0 15px 0; font-family: var(--SongMyung-font); color: var(--colorprimary-500);}
#page-title,
.section-heading,
.section-subheading {color: var(--colorprimary);font-weight:400;text-transform: capitalize;}
.section-heading > span{color: var(--colorprimary);}
.section-subheading {font-size: 48px;line-height: 35px;margin-bottom: 52px;}
.title-wrap{ display: flex; align-items: center; justify-content: space-between; margin-bottom:40px; }
.title-wrap .section-heading{ margin:0; display: flex; align-items: center; }
.title-wrap .section-heading::before{ content:""; position: relative; flex:0 0 24px; height:24px; width:24px; border-radius:50%; background: var(--colorprimary-500); margin-right:16px; display: inline-block; top:-3px; }
#page-title { font-size: 48px; color: var(--colorprimary); margin: 0 0 8px 0; font-weight: 700; }


/** Quick Links **/
#quick-links {top: -151px; position: relative; z-index:2; }
#quick-links .container { position: relative; }
.quick-link { position: relative; display: block; transition: ease all 0.5s; margin: 0 auto; padding:40px 24px; border-radius:8px; background:var(--secondarycolor);}
.quick-link img{height:40px;}
.quick-link h4 { font-size: 20px; font-weight: 600; color: var(--color-white); margin: 12px 0 18px 0; line-height: 150%; font-family: var(--Commissioner-font); max-width: 100px; height: 60px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.quick-link p { font-size: 16px; font-weight: 400; color: var(--color-white); margin: 0; line-height: 150%; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; height:72px; }
.quick-link:hover { background:var(--colorprimary-200);}
.quick-link:hover img{filter:brightness(0) saturate(100%) invert(12%) sepia(37%) saturate(1028%) hue-rotate(200deg) brightness(92%) contrast(117%);}
.quick-link:hover h4,
.quick-link:hover p{ color: var(--colorprimary);}
#quick-links-in .tns-controls { position: relative; top: 0; width: auto; transform: translateY(0); margin-bottom: 16px; text-align: right; }
#quick-links-in .tns-controls button:first-of-type { margin-left:0; }
#quick-links-in .tns-controls button:last-of-type { float:none; margin-right:0; margin-left:10px; }

/* About Content */
#two-section-wrapp{ position: relative;z-index:11;}
#two-section-wrapp::after{ position: absolute; content:""; left:0; top:0; height:100%; width:100%; background:rgba(10, 10, 54,.93); z-index:1; }
.about-wrapp { position: relative; z-index: 2; padding-bottom:125px; }
.right-img { position: absolute; bottom: 0; right: 0; width: 300px; }
.right-img img{width:100%;}
.about-wrapp .section-heading{ color: var(--color-white); }
.about-wrapp p{ font-size:18px; line-height:150%; color: var(--color-white); margin-bottom:32px; }
.about-count { border-left: 1px solid var(--color-white); padding-left: 32px; margin-bottom:24px; }
.about-count:last-child{ margin-bottom:0; }
.about-count h2{ font-size:48px; color: var(--color-white); line-height:120%; font-weight:400; font-family:var(--SongMyung-font); margin:0; }
.about-count p{ font-size:20px; color: var(--color-white); line-height:150%; font-weight:600; margin:0; }

/* News Letter */
.newsletter{ position: relative; padding:64px 0; }
.newsletter .container{position: relative;z-index:2;}
.newsletter::after{ position: absolute; content:""; left:0; top:0; height:100%; width:100%; background:rgba(229, 229, 299,.73); z-index:1; }
.newsletter .heading-wrapp{ text-align: center; max-width:870px; margin:0 auto; }
.newsletter .section-heading { color: #181775; }

/* News */
#news{ position: relative; padding:112px 0; }
#news::after{ position: absolute; content:""; left:0; top:0; height:100%; width:100%; background:rgba(10, 10, 54,.85); z-index:1; }
#news .container { position: relative; z-index: 2; }
#news .heading-wrapp { text-align: center; margin-bottom: 48px; }
#news .heading-wrapp .section-heading{ margin-bottom:24px; color: var(--color-white); }
#news .heading-wrapp p{ margin-bottom:18px; color: var(--color-white); margin:0 auto; max-width:700px; line-height:150%; }
.news-card { background: var(--colorprimary-200); transition: ease all 0.5s; overflow: hidden; border-radius: 8px; padding:45px 24px; }
.news-card h3{ font-size:32px; font-family:var(--SongMyung-font); color:var(--colorprimary); line-height:130%; margin-bottom:8px; transition: ease all 0.5s; }
.news-card h4 { font-size: 22px; line-height: 130%; color: var(--colorprimary); font-weight: bold;font-family: var(--Commissioner-font); margin:0 0 8px 0; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; min-height:60px; transition: ease all 0.5s; }
.news-card p { line-height: 150%; font-size: 16px; color: var(--colorprimary); display: block; margin:0 0 24px 0; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; min-height:72px; transition: ease all 0.5s; }
.news-card .read-more { display: flex; align-items: center; gap:16px; font-size:16px; color:var(--colorprimary); }
.news-card:hover{ background:var(--secondarycolor); }
.news-card:hover h3,
.news-card:hover h4,
.news-card:hover p,
.news-card:hover .read-more{ color: var(--color-white); }
.news-btn { text-align: center; margin-top: 48px; position: relative; z-index: 1; max-width: 107px; margin-left: auto; margin-right: auto; overflow: hidden; }
.news-btn .button { min-width: 107px; padding: 12px; }

/* Section Events */
#events { position: relative; padding:115px 0; min-height: 773px;}
#events::after{ position:absolute; content:""; left:0; top:0; width:100%; height:100%; background: rgba(24, 23, 117,.95); z-index:0; }
#events .container{ position: relative; z-index:1; }
#events .heading-wrapp { text-align: center; margin-bottom: 48px; }
#events .heading-wrapp .section-heading{ margin-bottom:24px; color: var(--color-white); }
#events .heading-wrapp p{ margin-bottom:18px; color: var(--color-white); margin:0 auto; max-width:700px; line-height:150%; }
.event-btn { text-align: right; }
#news .tns-controls { position: relative; top: 96px; transform: translateY(0); width: auto; margin-top: -48px; margin-right: auto; margin-left: auto; max-width: 224px; width: 100%; display: flex; justify-content: space-between;}
#news .tns-controls button{background:var(--colorprimary-200);color: var(--colorprimary);}
#news .tns-controls button:first-of-type { margin-left:0; }
#news .tns-controls button:last-of-type { margin-right:0; float:none; }
#news .tns-controls button:hover{ background:var(--secondarycolor);color: var(--color-white); }

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


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


/* Section Footer */
#footer {position: relative;z-index:11;}
#footer::after{ position: absolute; content:""; left:0; top:0; height:100%; width:100%; background:rgba(153, 34, 13,.90); z-index:1; }
#footer .container{ position: relative; z-index:2;}
#footer .footer-item .center-top { top: -39px !important; }
#footer-top {padding:48px 0 0 0;display: flex;justify-content: space-between;}
.footer-item { margin-bottom: 27px; flex: 0 0 150px; width: 100%; }
#footer-logo { text-align: center; margin-top: -116px; position: relative; max-width: 250px; width: 100%; flex: 0 0 250px; }
#footer-logo img { max-width: 250px; margin: 0 auto; }
.footer-item .footer-item-head{ font-size:20px; color: var(--color-white); line-height:140%; font-family:var(--SongMyung-font); margin-bottom:16px; }
.footer-item p { margin-bottom:0; }
.footer-address-link,
.footer-contact-link, 
.footer-link,
.footer-item p {font-size: 14px;color:var(--color-white);line-height:150%;font-weight:400;margin-bottom:4px;display:block;}
.footer-link{padding:4px 0;}
#footer .social-media-wrap { flex-direction: column; align-items: flex-start; }
#footer .social-media-link { color: var(--color-white);display:flex;align-items: center;gap:15px;width:auto;line-height:150%;}
#footer .social-media-link img{ width:20px;}
#footer .social-media-link:hover img{ filter:brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(7500%) hue-rotate(188deg) brightness(109%) contrast(103%);}
#footer .social-media-link .sr-only { position: relative; height: auto; width: auto; overflow: visible; font-size: 14px; }
#footer .social-media-link:hover{text-decoration:none;font-weight:600;color: var(--color-white);}
#footer .social-media-link:hover .sr-only {text-decoration:underline;}
.footer-address-link:hover,
.footer-contact-link:hover,
.footer-link:hover {font-weight:600;color: var(--color-white);text-decoration: underline;}
#footer-bottom {border-top:1px solid var(--color-white);}
#footer-bottom::before{ position: relative; content:""; display:block; height:1px; width:100%; background: linear-gradient(135deg, rgba(46,45,125,0) 0%,rgba(46,45,125,0.25) 20%,rgba(46,45,125,0.24) 80%,rgba(46,45,125,0) 100%); }
#footer-bottom p, 
#revize { font-size: 14px; line-height:150%; color:var(--color-white); padding:24px 0; text-align: center; display: flex; align-items: center; justify-content: space-between; }
#footer-bottom p{ padding:0; margin:0; }
#revize p img { max-width: 32px; margin-right: 12px; }
#footer-bottom p a.revize-link { margin: 0 3px; }
#footer-bottom p a { color: var(--color-white); display: inline-block; margin: 0 0 0 24px; }
#footer-bottom p a:hover,
#revize-login:hover,
.revize-link:hover{ color: var(--color-white); font-weight:600; text-decoration: underline; }

.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]{background-size:contain !important;background-position:center center !important;} 
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{display:none;}

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

#media queries

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

@media only screen and (max-width:1560px) {
	.site-header #nav > li > a, .site-header #nav > span {
		font-size: 14px;
		padding: 25px 6px;
	}
}
@media only screen and (min-width:1499px) {
	.container-fluid{padding-left:64px;padding-right:64px;}
}
@media only screen and (max-width:1365px) {
	/** Header **/
	.logo-wrap {
		width: 100px;
	}
	.logo-wrap #logo {
		max-width: 100px;
		top: -30px;
	}
	.logo-text {
		margin-left: 110px;
		min-width: 208px;
	}
	.logo-text h4 {
		font-size: 28px;
	}
	.translate-dropdown {
		right: 0;
	}
	.logo-wrap {
		min-width: 310px;
	}
	.header-menu-right {
		flex: 0 0 230px;
		margin-left: 10px;
		gap: 0;
	}
	.header-menu-right .button {
		border-radius: 8px;
		padding: 6px 10px;
	}
}
@media only screen and (max-width:1199px) {
	.header-menu-right {
		flex: 0 0 122px;
		margin-left: 10px;
		gap: 0;
	}
	.header-menu-right .button {
		display: none;
	}
	.logo-text {
		margin-left: 105px;
		min-width: 175px;
	}
	.logo-text h4 {
		font-size: 24px;
	}
	.logo-text p {
		font-size: 10px;
	}
	.site-header #nav > li > a, .site-header #nav > span {
		font-size: 13px;
		padding: 25px 5px;
	}

	/** Slider **/
	#slider-caption-data {
		bottom: 30%;
		max-width: 800px;
	}
	
	/** About **/
	.about-wrapp {
		padding-bottom: 48px;
	}
	.right-img {
		width: 135px;
	}

	/***/
	.share-wrapp {
		right:0;
		bottom: 10%;
	}

}

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

	.site-header #nav .toggle,
	.site-header #nav .toggle2{display:none}
	
	.site-header #nav .focused .toggle,
	#flyout .focused .toggle{display:inline-block !important;margin-left:-8px;padding: 0;height: auto;}
	#flyout .focused .toggle,
	.site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#flyout .focused .toggle {margin-left: 1px;}
	#flyout .focused .toggle.fa-angle-down {
		position: absolute;
		right:10px;
		top:0;
		margin:0 !important;
		padding:0 !important;
	}
	.site-header #nav .focused .toggle::after,
	#flyout .focused .toggle::after{
		display: none;
	}
	/* base nav styles  */
	.site-header #nav li:hover>ul{display:block}
	.site-header #nav a,
	.site-header #nav span {
        position: relative;
		display: inline-flex;
		align-items: center;
    }
	

	/* traditional    */
	/* #nav ul{
		position:absolute;
		left:0;
		top:100%;
		min-width:200px;
	} */
	#nav ul:not(make-mage) ul{left:100%;top:0}
	#nav li{position:relative;display: flex;align-items: center;}
	#nav ul li {display: block;width: 100%;}
	#nav :not(make-mage) .focused .toggle2{-webkit-transform:rotate(-90deg);position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);}
	.site-header #nav > li > a:hover, 
	.site-header #nav > li > span:hover{
		color: var(--secondarycolor);
	}
	
	/* mega menu */
	#nav li.active:hover ul,
	#nav li.focused:hover ul,
	#nav li.static:hover ul{display:block}
	#nav > li > ul:not(.make-mage){display: none;}
	#nav > li > ul.make-mage {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		display: none;
		max-width:100%;
		padding:32px 11%;
		margin:0 auto;
		column-count: 4;
		column-gap: 24px;
		min-height: 264px;
		background:rgba(24, 23, 117,.93);
	}
	#nav>li>ul.make-mage>li{display: table;page-break-inside: avoid;}
	#nav li:hover>ul.make-mage ul{position:static;}
	#nav ul.make-mage a:not(.fa), 
	#nav ul.make-mage span {
		font-size: 18px;
		font-weight: bold;
		text-transform: capitalize;
		display:table;
		margin: 0 0 6px 0;
		padding: 12px 0 12px 0;
		position: relative;
		color: var(--color-white);
	}
	#nav ul.make-mage a::before,
	#nav ul.make-mage a:not(.fa)::before, 
	#nav ul.make-mage span::before{
		content: "\f005";
		font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		left:0;
		transform: translateY(-50%);
		top:50%;
		opacity:0;
		transition: ease all 0.5s;
	}
	#nav ul.make-mage ul a:not(.fa), 
	#nav ul.make-mage ul span { font-size: 14px; font-weight:400;color:var(--color-white); display:inline-block; margin: 8px 0; padding: 0; text-transform: capitalize; }
	
	#nav ul.make-mage ul a:not(.fa):hover::before,
	#nav ul.make-mage a:hover::before, 
	#nav ul.make-mage span:hover::before{
		opacity:1;
		left:-20px;
	}
	#nav ul.make-mage ul a:not(.fa):hover,
	#nav ul.make-mage a:hover, 
	#nav ul.make-mage span:hover{
		font-weight:600 !important;
		text-decoration:underline;
	}

	#nav .make-mage .focused .toggle2{display:block}
	.layout-table { table-layout: fixed; width: 100% }
	.site-header #nav {
		display: flex;
		justify-content: flex-end;
	}
	#flyout ul {
		padding: 10px;
	}

	#flyout li:last-child a,
	#flyout li:last-child span {border-bottom: none;}
	#flyout > li.opened > a,
	#flyout > li:hover > a{
		color: var(--color-white);
		background: var(--secondarycolor);
	}
	#flyout > li .first-level > li > a{
		padding:11px !important;
		margin: 0 !important;;
	}
	#flyout > li:hover > ul a:hover{
		text-decoration:underline;
		color: var(--color-black);
	}

	#flyout .toggle {
		position: absolute;
		right: 10px;
		top: 7px;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 18px;
		display: inline-block !important;
		text-decoration:none !important;
	}
	#flyout .toggle.fa-angle-down{
		-webkit-transform: rotate(0deg);
    	transform: rotate(0deg);
		background: transparent !important;
		top: 9px;
	}
	#flyout .toggle.fa-angle-down[aria-expanded="true"]{
		-webkit-transform: rotate(180deg);
    	transform: rotate(180deg);
	}

	/* Hover Menu */

}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	* editing confusing
	*/

	 /** Header **/
	.header-menu-right { display: none; }
	.header-left-in { justify-content: center; }
	.header-menu-box { width: auto; }
	.header-right .header-right-in { display: flex; align-items: center; justify-content: center; margin: 10px 0 0 0; }
	.header-right { width: 100%; padding:10px 0; display: none; }

	.site-header .toggle,
	.site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff !important;background:var(--colorprimary);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%;margin:0;}
	.logo-text { margin-left: 10px; flex: 1; }
	.site-header .logo-wrap #logo { flex:0 0 80px; height: 80px; margin: 5px 0; position: relative; top: 0; }

	.site-header #nav{position: absolute;left: 0;top: 100%;width: 100%;background: var(--color-white); margin: 0;}
	.site-header #nav li{position:relative!important}
	.site-header #nav ul{display:none;background:rgba(0, 0, 0, .15);}
	.site-header #nav li a, 
	.site-header #nav span {font-size: 16px !important; font-weight:700;text-transform: capitalize;color: var(--colorprimary);margin:0;display: block;}
	#nav > li > ul.make-mage { padding: 0 !important; }

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

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

	#info-toggle,
	#nav-toggle,
	#search-toggle {
		line-height: 42px;
        width: 42px;
        text-align: center;
        background: var(--colorprimary);
        display: inline-block;
        color:var(--color-white);
		border-radius:50%;
        margin-left: 5px;
        cursor: pointer;
	}

	#nav, #flyout {
		display: none
	}
	#flyout a, #flyout span,
	#nav li {
		display: block
	}
	#flyout ul {background:rgba(0, 0, 0, .15);}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span {
		font-size: 14px !important;
		line-height: 1 !important;
		padding: 15px !important;
		border-bottom: 1px solid #A9A9AB;
	}
	#nav li:last-child>a,
	#nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span {
		border: 0
	}
	#flyout li {padding: 0;}
	#flyout ul a,
	#flyout ul span {
		color: #221F1F;
		font-size: 14px !important;
	}
	.toggle, 
	.toggle2 {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		line-height: 45px;
		text-align: center;
		width: 45px;
		color: #fff !important;
		background: var(--colorprimary);
		transform: none !important;
		text-align: center !important;
	}
	#flyout-wrap {padding: 0; margin-top: 0;}
	#flyout-header {display: none;}
	#flyout-toggle {
		padding: 15px;
		color: var(--color-white);
		text-transform: capitalize;
		cursor: pointer;
		background: var(--secondarycolor);
		border-radius: 4px;
		font-size: 20px;
	}

	/** General **/
	.section-heading, 
	#page-title {
		font-size: 42px;
	}
	#search {
		margin-top: 10px;
		height: 50px;
	}
	#search .search-form {
		background: var(--colorprimary-500);
	}
	#search input {
		height: 50px;
	}
	

	/** Slider **/
	#slider {
		height: 550px;
	}
	.slider-caption-title {
		font-size: 66px;
	}

	/** About **/
	.about-wrapp p {
		font-size: 16px;
	}
	.about-details {
		margin-bottom: 30px;
	}
	.about-count {
		width: 40%;
		display: inline-block;
	}
	.right-img {
		width: 200px;
	}

	/** Footer **/
	#footer-logo {
		max-width: 190px;
		flex: 0 0 190px;
	}
	#footer-logo img {
		max-width: 150px;
	}
	.footer-item {
		flex: 0 0 140px;
	}
	#footer-bottom p, #revize {
		display:block;
		padding: 14px 0;
	}

	
	/** Content  **/
	#flyout a{border-radius:0 !important;}
	#flyout a span {
		display: block;
		padding: 0 !important;
		border: none;
		border-radius: 0;
	}

	/** Content  **/
	.inner-content {
		display: block;
		margin-bottom:32px;
		margin-top:15px;
	}
	#freeform #entry {
		margin-top: 50px;
	}
	#breadcrumbs {
		margin-bottom: 12px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	#breadcrumbs ul li {margin-right: 26px;}
	#breadcrumbs ul li:not(:last-of-type)::after {margin: 0 14px}
	#notifymes #notify-in {
		gap: 20px;
		flex-wrap: wrap;
	}
	.box-header,#post blockquote{font-size: 18px;}
	#connected-gallery .gallery-tile {
		width: calc(50% - 24px);
	}

	/** About **/
	.about-count {
		width: 33%;
	}

	/** Footer **/
	#footer-top {
		flex-wrap: wrap;
	}
	#footer-logo.footer-item {
		flex: 0 0 100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.footer-item {
		flex: 0 0 50%;
	}


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

	/** Entry **/
	#freeform #slider {
		height: 200px;
	}
	.header {
		font-size: 32px;
		margin-bottom: 10px;
		margin-top: 18px;
	}
	#post blockquote {
		font-size: 16px;
		padding: 12px 15px;
		line-height: 22px;
	}
	span.header {
		font-size: 32px;
		margin-bottom:15px;
		margin-top:30px;
	}
	span.subheader {
		font-size: 24px;
		margin-bottom: 15px;
		margin-top: 30px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:575px) {
	.tns-controls button:first-of-type { margin-left: -30px; }
	.tns-controls button:last-of-type{ margin-right:-30px; }
	.share-wrapp { right: 1px; }
	.section-heading, #page-title { font-size:32px;}
	.share-wrapp { right: 0; bottom: 10px; }
	.floating-alert {
		right: 0;
		bottom: 10px;
		margin: 0 auto;
		width: 95%;
		left: 0;
	}

	/* Header */
	.header-left-in p a {
		font-size: 12px;
	}
	#header-in .container-fluid {
		gap:0;
	}
	.site-header .logo-wrap #logo {
		flex: 0 0 70px;
		height: 70px;
	}
	.logo-text h4 {
		font-size: 22px;
	}

	/* Slider */
	#slider {
		height: 450px;
	}
	#slider-caption-data {
		bottom: 40%;
	}
	.slider-caption-title {
		font-size: 42px;
	}

	/* About */
	.about-wrapp {
		margin-top: -80px;
	}
	.about-details {
		text-align: center;
	}
	.right-img {
		display:none;
	}
	.about-count {
		width: 49%;
	}


	/* quick-links */

	/* Events */
	#events {
		padding: 48px 0;
	}


	/* Footer */
	.footer-item {
		flex: 0 0 100%;
		text-align: center;
	}
	#footer .social-media-wrap {
		align-items: center;
	}
	#footer-bottom p, #revize {
		font-size: 12px;
	}
	#footer-bottom p a {
		margin: 0 0 0 5px;
	}
	#footer-bottom p, #revize {
		padding: 5px 0;
	}
	
	/* Inner Page */
	#post blockquote {
		font-size: 16px;
		padding: 15px 15px;
	}
	.subheader {
		font-size: 20px;
		margin: 30px 0 0 0;
	}
}
@media only screen and (max-width:400px) {
	#info-toggle, #nav-toggle, #search-toggle {
		line-height: 30px;
		width: 30px;
		font-size: 14px;
	}
	#header-in .container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.site-header .logo-wrap #logo {
		flex: 0 0 60px;
		height: 60px;
	}
	.logo-text {
		margin-left: 5px;
	}
	.header-left-in p a {
		font-size: 10px;
	}

	/** Slider **/
	#slider {
		height: 350px;
	}
	#slider-caption-data {
		bottom: 50%;
	}
	.slider-caption-subtitle {
		font-size: 16px;
	}

	/** About **/
	.about-wrapp p {
		font-size: 14px;
	}
	.about-count {
		padding-left: 20px;
	}
	.about-count h2 {
		font-size: 32px;
	}
	.about-wrapp p {
		font-size: 12px;
		font-weight: 500;
	}

	/** Events **/
	#events .heading-wrapp {
		text-align: center;
		margin-bottom: 0;
	}
}

@media print {

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

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