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

	Theme Name: Milton Township, IL
	Front-end developer: Muhammad Farhan Ali
	Author Design: Toshe Vladevski
	Author URI: https://www.revize.com/
	Date: 25/03/2026

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

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
/* -----------------------------------------

#basic styles

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

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

:root {
	--Libre-font:"Libre Baskerville", serif;
	--Nunito-font:"Nunito", sans-serif;

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

	--colorprimary: #04040B;
	--colorprimary-500: #2E2D7D;

	--secondarycolor: #0BC0FE;
	--secondarycolor-100:#CDD9EC;

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

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

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

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

#typography

-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--colortypography);
	font-weight: normal;
	font-family:var(--Libre-font);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit
}
h1 { font-size:48px; color: var(--colorprimary); margin: 0 0 8px 0; font-weight: 700; }
h2 { font-size:40px; color: var(--colorprimary); margin: 0 0 20px 0; font-weight: 400; }
h3 { font-size:36px; color: var(--colorprimary); margin: 0 0 20px 0; font-weight: 400; }
h4 { font-size:32px; color: var(--colorprimary); margin: 0 0 20px 0; font-weight: 400; }
h5 { font-size:24px; color: var(--colorprimary); margin: 0 0 20px 0; font-weight: 400; }
h6 { font-size:20px; color: var(--colorprimary); margin: 0 0 20px 0; font-weight: 400; }
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(--Libre-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(--Libre-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

-----------------------------------------*/
.btn, .button, a.button, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn { background:transparent; padding:9px 20px; color: var(--colorprimary); font-size: 16px; line-height: normal; display: inline-block; font-weight:600; text-decoration: none; cursor: pointer; vertical-align: middle; transition: all .3s; border-radius: 24px; text-transform: uppercase; border: 1px solid #333333; }
.button, a.button { display: flex; gap: 12px; max-width: 196px; padding: 9px 10px 9px 20px; align-items: center; justify-content: space-between; }
a.button span,
.button span{ height:28px; width:28px; flex:0 0 28px; background:#1A1A1A; color:var(--color-white); border-radius:50%; display:flex; align-items: center; justify-content:center; font-size:20px; margin-left:8px; }
a.button span img,
.button span img{ width:14px; filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5666%) hue-rotate(107deg) brightness(109%) contrast(100%); }
a.button:hover span,
.button:hover span{background: var(--secondarycolor);}
#post button:not(.rz-agenda-search-submit){background: var(--colorprimary); padding:12px 20px;color:var(--color-white);font-size:16px;line-height:normal;font-weight:700;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s; border-radius:6px;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(--colorprimary);border-color: var(--secondarycolor); }
#post button::-moz-focus-inner,
#post input::-moz-focus-inner{border:0;padding:0}
.button { text-align: center; flex:0 0 150px; }
.btn a,
a.btn{ text-decoration: inherit !important; color:var(--colorprimary) !important; }
.btn a:hover, 
a.btn:hover{ color:var(--colorprimary) !important; }
.faq-question .faq-question-header { margin: 2px 0 12px 0; padding: 2px 0; display: inline-block; }
.faq-question, .faq-header { padding-top: 8px; margin-bottom: 8px; }
#doc-search-form .rz-doc-search-submit { background: var(--colorprimary) !important; color: var(--color-white) !important; border-radius:0 !important; }
#categorties-wrap .cat h3{ color:var(--color-white) !important; border: 1px solid var(--colorprimary); background:var(--colorprimary) !important; }

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

#revize edit buttons DO NOT MODIFY

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

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

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

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

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

#forms

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

fieldset {
	margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select {
	border: 1px solid 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; left: 50%; bottom: 18px; margin: 0; padding: 10px 30px 10px 40px; background: #6FDAFF; backdrop-filter: blur(12px); font-size: 16px; font-weight: 400; line-height: 120%; color: var(--colorprimary); max-width: 1000px; border-radius: 34px; gap: 64px; display: flex; align-items: center; overflow: hidden; border: 0; width: 100%; transform: translateX(-50%); box-shadow: 0 4px 28px 0 rgba(0, 0, 0, .16); flex: 1; justify-content: space-between; }
.floating-alert .alert-content { flex:1; }
.floating-alert h2{margin:0;font-size:20px;font-weight:bold;color: var(--colorprimary);font-family: var(--Libre-font);line-height:120%;}
.floating-alert p{margin:0;display: -webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; flex:1;}
.alert-buttons { display: flex; align-items: center; max-width:160px;width:100%;justify-content: space-between;flex:0 0 160px;}
.alert-buttons .alert-button { font-size: 16px; text-transform: uppercase; color: var(--colorprimary); font-weight: 600; border: 1px solid var(--colorprimary); min-width: 120px; border-radius: 22px; text-align: center; padding: 10px 0; display: block; line-height: normal; }
.alert-buttons .alert-button:hover{color: var(--color-white);border-color:var(--color-white);}
.alert-buttons .close-alert:hover img{filter:brightness(0) saturate(100%) invert(93%) sepia(77%) saturate(0%) hue-rotate(341deg) brightness(108%) contrast(100%);}
.floating-alert.fade:not(.show){display:none}
#event-modal .modal-footer .btn#ics-export { background: var(--colorprimary) !important; }
#homepage .alert-dismissible .close { top: 6px; }

/* 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:0 0 5px 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: 1412px;}
.section-inner { margin-left: -15px; margin-right: -15px; }
#main {position: relative;}
/* #homepage #main {background: var(--color-gray-300);} */

/* site-header */
.site-header { position: relative; background-color:var(--colorprimary); z-index: 1020;}
.site-header .container { max-width: 1796px; padding-left:48px; padding-right:48px; }
.site-header .container .center-top { top: 100% !important; }
.header-top{position: relative;background:#000;}
.header-top::before{ content:""; position: absolute; bottom:0; left:0; height:1px; width:100%; background: -webkit-gradient(linear,  left top, right top,  from(rgba(178,178,178,0)),color-stop(10%, rgba(178,178,178,0)),to(rgba(178,178,178,1))); background: -o-linear-gradient(left,  rgba(178,178,178,0) 0%,rgba(178,178,178,0) 10%,rgba(178,178,178,1) 100%); background: linear-gradient(to right,  rgba(178,178,178,0) 0%,rgba(178,178,178,0) 10%,rgba(178,178,178,1) 100%); }
.header-right { display: flex; justify-content: space-between; align-items: center; gap: 13px; padding: 6px 0 6px 150px; }
.header-box{ flex:1; }
.header-left-in{ display: flex; gap:16px; }
.header-left-in p{ display: flex; gap:8px; }
.header-left-in p{ 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(--secondarycolor); }
.header-left-in p span{ align-items: center; color:var(--color-white); height:24px; width:24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.header-left-in p span img{ width:24px; filter:brightness(0) saturate(100%) invert(54%) sepia(99%) saturate(2028%) hue-rotate(166deg) brightness(107%) contrast(99%); }

.language-wrapp {position: relative;}
.header-contact {display: flex;align-items: center;}
.header-contact-link {position: relative;display: flex;align-items: center;padding: 0 26px;font-size: 19px;line-height: 26px;color: #fff;text-decoration: none;}
.header-contact-link::after {position: absolute;content: '';background-color: #fff;width: 1px;height: 100%;right: 0;top: 0;}
.header-contact-link:hover {color: #f2c90d;text-decoration: none;}
.header-contact-link img,
.social-media-link > .fa-twitter::before {width: 24px;margin-right: 8px;filter:brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(487%) hue-rotate(184deg) brightness(94%) contrast(95%);}
.header-contact-link:hover img,
.social-media-link:hover > .fa-twitter{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(83deg) brightness(105%) contrast(99%);}
.social-media-wrap {position: relative;display: flex;align-items: center;justify-content: center;gap: 8px;}
.social-media-link {padding:4px 3px;color: var(--secondarycolor-100);font-size:20px;}
.social-media-link:hover{color: var(--secondarycolor)}
.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; }
.social-media-wrap.has-edit-buttons.yes-has-edit-buttons { min-width: inherit !important; }
#header-in{ position: relative;}
#header-in .container{ display: flex; align-items: center; justify-content: space-between; gap: 13px; }
.social-media-wrap .left-top { top: 0 !important; right: 100% !important; left: auto !important; }
.logo-wrap { display: block; height: 150px; max-width: 150px; width:100%; flex:0 0 150px; position: relative; transition: ease all 0.5s; margin-top: -32px; margin-bottom: -25px;}
.logo-wrap #logo { display: inline-block; height: 100%; width: 100%; }
.logo-wrap #logo img{ width:100%;transition:ease all .5s; }
.header-right .header-right-in { display: flex; align-items: center; gap: 14px; margin:0; }
.site-header #nav a, 
.site-header #nav span { font-size: 18px; font-weight: 600; color: var(--color-white); display: block; padding:26px 20px; margin: 0; z-index: 1; transition: all 0.3s; line-height: 150%; }
.header-menu-box { display: flex; align-items: center; width: 100%; }
.header-menu-box nav{ flex:1; }
.header-menu-right { flex: 0 0 205px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index:12; }
#header-in nav { position: static; }
.header-menu-right .button, .header-menu-right a.button { border-color: var(--color-white); color: var(--color-white); padding: 9px 20px 9px 10px; }
.header-menu-right .button:hover, 
.header-menu-right a.button:hover{ border-color:var(--secondarycolor); }
.header-menu-right a.button span, .header-menu-right .button span { background:transparent; color: var(--secondarycolor); transition: ease all 0.5s; margin:0; }
.header-menu-right a.button:hover span, 
.header-menu-right .button:hover span { background:#0BC0FE; color:#04040B; }

/*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: 18px; font-weight:700; color: var(--color-white); display: block; padding:6px 16px; margin:25px 0; z-index: 1; transition: all 0.3s; line-height: 25px; }
.site-header #nav ul {padding: 0;margin: 0;background: transparent;}
.site-header #nav li.li-319 { display: none; }



.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: 100%;right: 0;width: 300px;background: #fff;display: none;height: 400px;z-index: 999;overflow-y: scroll;}
#translation-links ul li{position: relative;top: 0;transform: unset;margin:0}
#translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;color: #1B1B1B;}
#translation-links ul li a:hover{background:var(--secondarycolor);color:var(--lightgray)}
[lang="en"] #translate-reset{display: none}
[data-lang="English"]{background:var(--secondarycolor);color: var(--lightgray) !important;}
div.skiptranslate{display:none !important}
#translate-button { background: transparent; border: 0; font-weight:normal; font-size: 14px; color: var(--secondarycolor-100); text-transform: capitalize; transition: all 0.3s; display: flex; align-items: center; justify-content: space-between;gap:5px;}
#translate-button img{ width:18px; margin-left:8px; }
#translate-button #selected-lang { margin: 0 5px; }
#translate-button:hover{ color: var(--secondarycolor); }


/* 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-wrapp{ position: relative; }
#search-toggle-desktop { height: 48px; width: 48px; border: none; font-size: 18px; background:#0BC0FE; color: #04040B; transition: ease all 0.5s; margin: 0; border-radius: 50%; position: relative; z-index:1; }
#search-toggle-desktop.active,
#search-toggle-desktop:hover{ background:#0BC0FE; color: var(--color-white); }
.search-wrapp #search { position: absolute; top: -2px; right: -2px; background: var(--color-white); border-radius: 40px; overflow: hidden; width: 0; display: block; margin: 0; transition: ease all 0.5s; opacity:0; }
.search-wrapp.active-search #search { width: 280px; opacity:1; transition: ease all 0.5s; }
.search-wrapp.active-search #search input { height: 52px; padding:0 50px 0 15px; }
#search { position: absolute; top: 100%; right: 0; max-width: 400px; margin-top: 5px; display: none; background: var(--color-white); border-radius: 40px; overflow: hidden; }
#search .search-form{ display: flex; width: 100%; margin:0; }
#search button{ height: 44px; flex: 0 0 44px; margin: 3px 3px 0 0; }
#search input { border: 0; font-weight: 700; color:rgba(0, 0, 0, 1); transition: all 0.3s; font-size: 16px; padding:0 0 0 15px; text-transform: inherit; height:50px; }
#search input::-webkit-input-placeholder{color:rgba(0, 0, 0, .60);font-weight:400;}
#search input:-moz-placeholder{color:rgba(0, 0, 0, .60);font-weight:400;}
#search input::-moz-placeholder{color:rgba(0, 0, 0, .60);font-weight:400;}
#search input:-ms-input-placeholder{color:rgba(0, 0, 0, .60);font-weight:400;}
#search input:focus {border-color:none;}
#search button { border: none; height: 51px; width: 51px; font-size: 16px; font-weight: 700; color: var(--colorprimary); border-radius: 50%; background: var(--secondarycolor-100); margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; flex: 0 0 51px; }
#search button:hover{ color: var(--color-white); background: var(--colorprimary); }
.search-wrapp #search button { background: transparent; color: var(--colorprimary) !important; }

/* 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

-----------------------------------------*/
.z-index-12 { z-index: 12; position: relative; }
#freeform{ background:#E8E8ED;}
#freeform #entry { padding-top: 49px; background: #fff; padding-left: 56px; flex: 1; padding-bottom:36px; }
#inner-content { border-radius: 16px; margin: 2px 0 0; background: #fff;padding-bottom:75px;}
#inner-content .container { display: flex; }
#freeform.fullwidth #entry{ padding-left:0; }
.inner-content .aside-bar {background: #e8f1ff;padding-top: 36px;height: 100%;padding-bottom: 30px;border-radius: 0 20px 20px 0;}
#freeform.fullwidth #entry,
#freeform {position: relative;}
#freeform #slider {position: relative;padding: 0;height: 400px;}
#freeform #slider::after,
#freeform #slider::before { display: none; }
#freeform #slider>img {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;z-index: 11}
#aside-left { flex: 0 0 290px; width: 100%; padding-top: 48px; position: relative;z-index:13;}
#flyout-wrap,
#contact-wrap,
#hours-wrap,
#resource-wrap { position: relative; z-index: 1; margin-bottom:10px; background:#F1F1F3; padding:32px; border-radius:8px;}
#flyout-header, .box-header { font-size:24px; font-weight: 700; text-transform:capitalize; line-height:135%; position: relative; color:var(--colorprimary); margin-bottom:24x;font-family: var(--Libre-font);}
#hours-wrap .box-header { margin-bottom:22px; }
#flyout {padding: 0;z-index: 1;}
#flyout,#flyout li {position: relative;;margin: 0;}
#flyout li {list-style: none;z-index: 10;}
#flyout a, #flyout span { display: block; text-decoration: none; text-transform: capitalize; transition: 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 { color: var(--colorprimary); font-size: 14px; line-height: 150%; }
#flyout a { line-height:normal; padding: 0 0 15px 0; line-height: 17px; }
#flyout a span { display: block; }
#flyout ul {display: none}
#flyout ul li,
#flyout ul,
#breadcrumbs ul,#flyout  {padding: 0;margin: 0;}
#flyout ul a,
#flyout ul span {display: block; font-size: 12px;padding: 10px 15px;margin: 0;border-bottom: 1px solid rgba(0, 0, 0, .15) !important;}
#flyout ul a:last-child,
#flyout ul span:last-child{border-bottom:none !important; padding-bottom:0;}

.col-xs-12 {width: 100%}
#aside-left .z-index-12 { z-index: 13 !important; }
#aside-left .rz-btns-container { top: -50px !important; }
.profile-img { max-width: 128px; width: 100%; height: 128px; margin: 0; border-radius: 50%; border: 4px solid #333333; }
.contact-name {font-size: 18px;font-weight: 700;margin:0;line-height:150%;color: var(--colorprimary);}
.contact-position {display: block;font-size: 16px;font-weight: 400;line-height: 21.6px;color: #04040B;}
#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:20px; width: 100%; margin: 0 0 9px 0;}
#contact-info li img {width: 14px;margin: 0;max-width: fit-content;filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(211deg) brightness(115%) contrast(115%);}
#contact-info .contact-link:hover {color: var(--secondarycolor);}
#contact-info .contact-link{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.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; width: 48px; font-weight: 700; margin-right: 6px; text-transform: uppercase; color: #04040B; }
#hours-wrap .time {letter-spacing: -0.28px;}
#resource-wrap .resource-link { display: flex; align-items: center; gap: 12px; width: 100%; text-decoration: none; background:var(--color-white); padding: 16px; border-radius: 4px; }
#resource-wrap .resource-link:hover{color:var(--secondarycolor);}
#resource-wrap .resource-link + .resource-link {margin: 20px 0 0 0;}
.resource-link img {width:14px;filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(211deg) brightness(115%) contrast(115%);}
#entry p { margin: 0 10px 48px 0; line-height: 160%; font-size: 16px; }
#entry a,#tinymce a{text-decoration: underline; color:#04040B;}
#entry a:hover,#tinymce a:hover {color:var(--secondarycolor);}
#post ul { margin-top:44px; }
#post ul li { padding: 0; line-height: 175%; padding-left: 4px; margin: 0; }
#breadcrumbs {margin-bottom:48px;}
#breadcrumbs ul {list-style: none;}
#breadcrumbs ul,#breadcrumbs ul li, #breadcrumbs a {text-transform: capitalize;}
#breadcrumbs ul li { margin: 0; margin-right:39px; color: #04040B; font-weight: 400; text-decoration: none; }
#breadcrumbs ul li, #breadcrumbs a { display: inline-block; position: relative; font-size: 14px; }
#breadcrumbs ul li:last-child {margin-right: 0;}
#breadcrumbs a { text-decoration: none; font-weight: 700; line-height: 18.9px; color: var(--colorprimary); }
#breadcrumbs ul li:not(:last-of-type)::after { content: '\f0da'; font-family: 'FontAwesome'; font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); margin: 1px 20px; color: #323232; }
#post blockquote { position: relative; margin: 72px 0; font-size: 20px; font-family:var(--Libre-font); color: var(--colorprimary); font-weight: 400; padding:44px 72px; text-transform: capitalize; display: flex; justify-content: space-between; align-items: center; letter-spacing: normal; line-height: 150%; background: linear-gradient(90deg, rgba(11,192,254,0) 0%,rgba(11,192,254,0.7) 20%,rgba(11,192,254,0.7) 80%,rgba(11,192,254,0) 100%); z-index:0; }
#post blockquote::after { position: absolute; content: ""; height: calc(100% - 4px); width: 100%; left: 0; top: 2px; background: var(--color-white); z-index: -1; }
#post blockquote::before { content: ""; display: block; flex: 0 0 80px; height: 80px; background: url(../images/quote.png); background-repeat: no-repeat; background-size: 80px; margin-right: 48px; background-position: center; }
#inner-content #quick-links { background: transparent; padding: 0 0 48px 0; }
#inner-content #quick-links .tns-controls { position: relative; top:0; transform: translateY(0); }
#inner-content #quick-links .tns-controls button:first-of-type { margin-left:0; }
#inner-content #quick-links .tns-controls button:last-of-type { margin-right:0; }
#inner-content #quick-links .quick-link{ text-decoration:none; }
#inner-content #quick-links .quick-link p{ margin:0; margin-top: 16px; }
#freeform .e-notification-bottom { border-radius: 16px 16px 0 0; margin-top: 2px; padding-top: 48px; }
.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-business-directory .rz-block-img::after,
.rz-block-img[style="background: url('_assets_/images/logo.png') center center / cover no-repeat;"]:after{display: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: 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:36px; top: 35%; right:8px; gap: 12px 0; }
.share-wrapp .share-btn { height: 36px; width: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; padding: 0; margin: 0;transition: ease all 0.5s;}
.share-wrapp #ada-btn.share-btn{background: var(--secondarycolor);}
.share-wrapp .floating-share-btn.share-btn{background: var(--green-color);}
.share-wrapp .phone-btn.share-btn{background: var(--yellowcolor-dark);}
.share-wrapp .phone-btn.share-btn img{filter:brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(212deg) brightness(102%) contrast(101%);}
.share-wrapp .notification-btn-top.share-btn{background: var(--colorprimary);}
.share-wrapp .share-btn img{ width:15px; }
.share-wrapp .share-btn:hover{ opacity:0.8;}

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

#slider

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

#slider {position: relative;height: 800px;z-index:14 !important;border-radius:0 0 16px 16px;overflow: hidden;}
/* #slider::before {position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index:2; background: linear-gradient(45deg,  rgba(0,0,0,0.72) 0%,rgba(125,185,232,0) 100%); }
#slider::after {position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index:3; background: linear-gradient(135deg,  rgba(0,0,0,0.72) 0%,rgba(125,185,232,0) 100%); } */
#slider .center-center { right: 10% !important; transform: translate(0, -50%) !important; }

#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:32px;}
#slider .tns-controls button:last-of-type{margin-right:32px;}

#slider-caption-data { position: absolute; transform: translatex(-50%); width: 100%; z-index:4; left: 50%; top:20%; text-align: left; }
.slider-caption-title{ font-size: 64px; font-weight:400; line-height: 110%; text-transform: capitalize; color: var(--color-white); max-width:600px; font-family: var(--Libre-font);margin:0;}
.slider-caption-tag{ font-size:24px; color:var(--color-white); line-height:120%; display: flex; align-items: center; font-family: var(--Libre-font);margin:24px 0 40px 0;}
.slider-caption-tag::before{ content:""; height:1px; width:295px; display:inline-block; margin-right:16px; background: -webkit-gradient(linear, left top, right top, from(rgba(178,178,178,0)),color-stop(10%, rgba(178,178,178,0)),to(rgba(178,178,178,1))); background: -o-linear-gradient(left, rgba(178,178,178,0) 0%,rgba(178,178,178,0) 10%,rgba(178,178,178,1) 100%); background: linear-gradient(to right, rgba(178,178,178,0) 0%,rgba(178,178,178,0) 10%,rgba(178,178,178,1) 100%); }
.slider-caption-subtitle{ font-size:18px; line-height: 150%; color:var(--color-white); text-transform: capitalize; font-weight:700; max-width:600px; margin-bottom:32px;}
#slider-caption-data .button,
#slider-caption-data a.button { color: var(--color-white); padding: 9px 10px 9px 20px;border-color: var(--color-white);}
#slider-caption-data .button span,
#slider-caption-data a.button span{ background:var(--color-white); }
#slider-caption-data .button span img,
#slider-caption-data a.button span img{ filter:brightness(0) saturate(100%) invert(10%) sepia(8%) saturate(4415%) hue-rotate(181deg) brightness(99%) contrast(103%); }
#slider-caption-data .button:hover,
#slider-caption-data a.button:hover{ border-color:var(--secondarycolor); }
#slider-caption-data .button:hover span,
#slider-caption-data a.button:hover span{ background:var(--secondarycolor); }
#slider .search-slider-wrapp #search { display: block; width: 100%; position: relative; margin: 80px auto 0 auto; }
#search .search-form { align-items: center; }
#slider #search input { height: 72px; }
#slider #search button { height: 48px; width: 48px; flex: 0 0 48px; background: var(--secondarycolor);color:#000000;margin-right: 16px;}
#slider #search button:hover { background:#04040B;color: var(--color-white);}

.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:5;width:100%;}
.tns-controls button {background: transparent;padding: 0;width: auto;height: auto;color: #fff;border:none;font-size: 30px;transition: all 0.3s;}
.tns-controls button img {width:21px;}
.tns-controls button:hover {color: var(--secondarycolor);}
.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: 48px; line-height: 120%; position: relative; margin:0 0 40px 0; font-family: var(--Libre-font); color: var(--colorprimary); }
#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(--secondarycolor); margin-right:16px; display: inline-block; top:-3px; }
#page-title { font-size: 48px; color: var(--colorprimary); margin: 0 0 8px 0; font-weight: 700; }


/** About Wrapp **/
.e-notification-wrapp{background:#fff;}
.e-notification-wrapp .container{ padding-top:48px;padding-bottom: 48px; }
.e-notification-wrapp .container::after{ position: absolute; bottom:0; left:0; width:100%; content:""; display:block; height:1px; width:100%; background: linear-gradient(135deg,  rgba(11,192,254,0) 0%,rgba(11,192,254,1) 40%,rgba(11,192,254,1) 60%,rgba(11,192,254,0) 100%); }
.attending-events .e-attending-box,
.attending-events .e-attending-box .attending-box-left,
.e-notification-wrapp .container,
.e-notification-bottom .e-notification-box { display: flex; align-items: center; justify-content: space-between; position: relative;}
.notification-box-left { display: flex; align-items: center; gap:48px; }
.notification-content { margin-right: 30px; }
.notification-icon {flex:0 0 80px; height: 80px; width: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--secondarycolor); }
.notification-icon img{ width:33px; filter: brightness(0) saturate(100%) invert(0%) sepia(16%) saturate(7486%) hue-rotate(186deg) brightness(108%) contrast(102%); }
.notification-content h3{ font-size:32px; font-family:var(--Libre-font); font-weight:400; color:#000; margin-bottom:20px; line-height:120%; }
.notification-content p{ font-size:16px; font-weight:700; line-height:150%; color: #000; margin:0; }

/* Notificatin Bottom */
#content-wrapp { background: #fff; border-radius: 16px; margin:2px 0; position: relative; padding:48px 0 0; }
.e-notification-bottom{ background:#F1F1F3; padding-bottom: 48px;}
.e-notification-box { background: var(--colorprimary); border-radius: 8px; padding: 40px 50px; }
.e-notification-box .notification-content p,
.e-notification-box .notification-content h3{ color: var(--color-white); }
.e-notification-box .notification-content h3{ margin-bottom:5px; }
.notification-btn { flex: 0 0 200px; text-align: right;}
.e-notification-box .button, 
.e-notification-box a.button { border-color:var(--color-white); color:var(--color-white); }
.e-notification-box a.button span, 
.e-notification-box .button span { background: var(--color-white); }
.e-notification-box a.button span img, 
.e-notification-box .button span img{ filter:brightness(0) saturate(100%) invert(11%) sepia(9%) saturate(3925%) hue-rotate(181deg) brightness(95%) contrast(103%); }
.e-notification-box .button:hover,
.e-notification-box a.button:hover{ border-color:var(--secondarycolor); }
.e-notification-box a.button:hover span, 
.e-notification-box .button:hover span { background: var(--secondarycolor); }

/* Attending Notificatin Bottom */
.attending-events .e-notification-box{ background:#F1F1F3;}
.attending-events .e-notification-box { background: #fff; border-radius: 8px; padding: 40px 50px;}
.attending-events .e-notification-box .notification-content p,
.attending-events .e-notification-box .notification-content h3{ color:#000000; }
.attending-events .e-notification-box .button, 
.attending-events .e-notification-box a.button { border-color:#333333; color:#000000; max-width: 100%; display: inline-flex;}
.attending-events .e-notification-box .notification-icon { background:#000000;}
.attending-events .e-notification-box .notification-icon img{ filter: brightness(0) saturate(100%) invert(100%) sepia(63%) saturate(870%) hue-rotate(178deg) brightness(121%) contrast(109%);}
.attending-events .e-notification-box a.button span, 
.attending-events .e-notification-box .button span { background: #000; }
.attending-events .e-notification-box .button img, 
.attending-events .e-notification-box a.button img{filter: brightness(0) saturate(100%) invert(100%) sepia(63%) saturate(870%) hue-rotate(178deg) brightness(121%) contrast(109%);}
.attending-events .e-notification-box .button:hover,
.attending-events .e-notification-box a.button:hover{ border-color:var(--secondarycolor); }
.attending-events .e-notification-box a.button:hover span, 
.attending-events .e-notification-box .button:hover span { background: var(--secondarycolor); }


/* About Content */
.content-wrapp-about{ padding:72px 0; background:#F1F1F3; border-radius:16px;}
.content-wrapp-about .row { align-items: center; }
.content-about-img { display: flex; gap: 12px; align-items: flex-start; }
.content-about-img img { width: 100%; border-radius: 8px; object-fit: cover; max-width: 33.33%; }
.content-about-img img:nth-child(2){ margin-top:65px; }
.content-about-img img:nth-child(3){ margin-top:130px; }


/** Quick Links **/
#quick-links { margin:2px 0; padding:72px 0; border-radius:16px; }
#quick-links .container { position: relative; }
.quick-link { position: relative; display: block; transition: ease all 0.5s; margin: 0 auto; padding:40px; text-align: center; border-radius:8px; background:#F1F1F3; border:1px solid #04040B; }
.quick-link:first-child{ margin-bottom:16px; }
.qlink-icon-box { display:flex; align-items: center; justify-content:center; transition: ease all 0.5s; margin:0 auto; background:#fff; border-radius:50%; height:80px; width:80px; }
.qlink-icon-box img {width:40px;filter:brightness(0) saturate(100%) invert(11%) sepia(9%) saturate(3925%) hue-rotate(181deg) brightness(95%) contrast(103%);}
.quick-link:hover{border-color:var(--secondarycolor); background:#fff;}
.quick-link:hover .qlink-icon-box{ background: var(--secondarycolor);}
.qlink-title { font-size: 18px; font-weight: 700; text-align: center; margin-top:16px; line-height: 140%; height:75px; color: var(--colorprimary); position: relative; z-index: 1; text-transform: capitalize; margin-bottom:0; font-family: var(--Libre-font); display: -webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; word-break:break-word; }


/* Features */
#news{ position: relative; padding:120px 0; background: var(--color-white); border-radius:16px; margin:2px 0; }
#news .container { position: relative; z-index: 2; }
#news .button { flex: 0 0 200px; }
.news-card { background: var(--color-white); display: block; transition: ease all 0.5s; overflow: hidden; border-radius: 8px; margin: 1px 0; }
.news-img{ height:248px; overflow: hidden; }
.news-img img { width: 100%; height:100%; object-fit: cover; transition: ease all 0.9s; transform: scale(1); }
.news-card:hover .news-img img { transform: scale(1.1); }
.news-card-detail { padding:24px 32px; border: 1px solid #04040B; border-top: none; border-radius: 0 0 8px 8px; min-height:200px; }
.news-card p { font-size: 18px; color:#000; display: block; text-transform: uppercase; margin: 0; }
.news-card p::after{ position: relative; content:""; display:block; height:1px; width:100%; margin: 16px 0; background: linear-gradient(135deg,  rgba(11,192,254,0) 0%,rgba(11,192,254,1) 20%,rgba(11,192,254,1) 50%,rgba(11,192,254,1) 80%,rgba(11,192,254,0) 100%); }
.news-card p span { font-size: 20px; font-weight: 700; font-family: var(--Libre-font); color:#04040B; margin-left: 5px; }
.news-card h4 { font-size: 18px; font-family:var(--Libre-font); line-height: 150%; color: var(--colorprimary); font-weight: bold; margin:0 0 16px 0; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; min-height:54px; }
.news-card .read-more { height: 28px; width: 28px; background: var(--color-black); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-left: auto; }
.news-card .read-more img{ width:16px; filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7499%) hue-rotate(269deg) brightness(103%) contrast(103%); }
.news-card:hover .news-card-detail{ border-color:var(--secondarycolor); }
.news-card:hover .news-card-detail .read-more{ background: var(--secondarycolor); }

/* section events */
#events { position: relative; padding:120px 0 48px 0; min-height: 773px; overflow-x: hidden;background:#F1F1F3;border-radius:16px 16px 0 0;}
#events .title-wrap .button { flex: 0 0 260px; max-width: 100%; }


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

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

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

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


/* Section Videos */
#home-videos{ padding:120px 0; }
#home-videos:not(:has(.container)) { padding: 0; }
.video-wrapp-box { background:#F1F1F3; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px 0 rgba(0,0,0,0.08); transition: ease all 0.5s; }
.video-wrapp-box .img-thumb { width: 100%; height: 330px; overflow: hidden; position: relative; }
.video-wrapp-box .img-thumb::after{ content:""; position: absolute; top:0; left:0; width:100%; height:100%;background:var(--dark-color);opacity:0.2;z-index:1; }
.video-wrapp-box .img-thumb img{ width: 100%; height:100%; object-fit: cover; }
.video-wrapp-box .img-thumb .content-vbtn{ position: absolute; transform: translate(-50%,-50%); top:50%; left:50%; height:67px; width:67px; z-index:2; }
.video-wrapp-box .img-thumb .content-vbtn img{ width:100%; }
.video-wrapp-detail { padding:40px 24px; border: 1px solid #04040B; border-radius:0 0 16px 16px;}
.video-wrapp-detail span{ font-size:14px; display:block; color:#04040B; }
.video-wrapp-detail h4{ font-size:20px; color:var(--dark-color); line-height:120%; font-weight:bold; margin:10px 0 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/* Section Footer */
#footer { background:#F1F1F3; position: relative; }
.footer-item .center-top { top: -50px !important; }
#footer-top {padding:96px 0 0 0;display: flex;gap: 32px;}
.footer-item { margin-bottom: 27px; max-width: 18%; width: 100%; }
#footer-logo{ text-align: center; }
#footer-logo img { max-width: 150px; }
.footer-item .footer-item-head{ font-size:18px; color: var(--colorprimary); font-weight:700; }
.footer-item p { display: flex; align-items: flex-start; margin: 20px 0 0 0; }
.footer-link{ margin-top:20px; display:block; }
.footer-item p img{ width:17px; margin-right:14px; filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(211deg) brightness(115%) contrast(115%); }
.footer-address-link,
.footer-contact-link, 
.footer-link,
.footer-item p {font-size: 14px;color:var(--colorprimary);line-height:150%;font-weight:600;}
#footer .social-media-wrap{ margin-top:32px; }
#footer .social-media-link { color: #04040B; }
#footer .social-media-link:hover,
.footer-address-link:hover,
.footer-contact-link:hover,
.footer-link:hover {color:var(--secondarycolor)}
#footer-bottom { margin:40px 0 0 0; }
#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: #1E1E1E; 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; }
#revize-login { display: inline-block; margin-right:15px; padding-right:15px; border-left: 1px solid #fff; }
.revize-link { font-weight: 700; margin: 0 5px; }
#dopp{ margin-left:15px; padding-left:15px; }
#dopp:hover,
#revize-login:hover,
.revize-link:hover{ color: var(--secondarycolor); }

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

#media queries

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

@media only screen and (max-width:1499px) {
	#quick-links .container,
	#news .container{ max-width: 1250px; }
	.entry-content .quick-link { padding: 24px 16px; }
}
@media only screen and (max-width:1367px) {
	#quick-links .container,
	#news .container{ max-width:1100px; }
	/* Slider */
	#slider-caption-data { max-width:80%; }
    .site-header #nav > li > a, .site-header #nav > span { font-size: 16px; }
}
@media only screen and (max-width:1199px) {
	/** Header **/
    .header-right { gap: 10px; padding-left:90px; }
	.header-menu-right { justify-content: flex-end; gap: 20px; }
	.header-menu-right .button, 
	.header-menu-right a.button { border: none; font-size: 0; max-width: 48px; height: 48px; }
	.header-menu-right a.button span, 
	.header-menu-right .button span { height: 48px; width: 48px; flex: 0 0 48px; font-size: 20px; }
	.site-header .container { padding-left: 15px; padding-right: 15px; }
	.header-left-in p { font-size: 12px; gap:5px; }
	.logo-wrap { height: 100px; width: 100px; }
	.site-header #nav > li > a, 
	.site-header #nav > span { font-size: 16px; padding:5px 15px; }
	
	/** Quick Links **/
	#quick-links .container, #news .container { max-width: 890px; }
	.entry-content #quick-links-in{ max-width: 610px; margin:0 auto;}

}

@media (min-width:992px) and (max-width:1199px){
    .site-header #nav > li > a, .site-header #nav > span { font-size: 14px; padding: 5px 10px; }
}
@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%;display:none;min-width:200px; background:url(../images/mega-menu-bg.jpg); background-repeat: no-repeat; background-size: cover; }
	#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);}
	
	/* Dropdown menu */
	.site-header #nav ul a { padding:5px 20px; color: #fff; text-transform: capitalize; font-weight: normal; margin-left:0; }
	.site-header #nav ul a::before{ display: none; }
	.site-header #nav ul a:hover{ color: var(--colorprimary-300); }
	
	/* mega menu */
	#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 12%; margin:0 auto; background:var(--colorprimary); background-repeat: no-repeat; background-size: cover; column-count: 4; column-gap: 24px; min-height: 347px; border-radius:0 0 6px 6px; border-top:1px solid #808080; }
	#nav>li>ul.make-mage>li{display: table;page-break-inside: avoid;}
	#nav li:hover>ul.make-mage ul{position:static;margin: 0 0 11px 0;}
	#nav ul.make-mage a:not(.fa), 
	#nav ul.make-mage span { font-size: 18px; font-weight: bold; text-transform: capitalize; display:table; margin:0; padding:15px 0 0 0; position: relative; color: var(--color-white); }
	#nav ul.make-mage a:not(.fa)::before, 
	#nav ul.make-mage span::before{ display: none; }
	#nav ul.make-mage ul a:not(.fa),
	#nav ul.make-mage ul a:not(.fa), 
	#nav ul.make-mage ul span { font-size: 16px; font-weight: 600;color:var(--color-white); display:inline-block; margin:0; padding:10px 0 0 0; text-transform: capitalize; }
	#nav > li > ul.make-mage > li .second-level li a:hover{ color: var(--secondarycolor) !important;}
	#nav ul.make-mage a:hover, 
	#nav ul.make-mage span:hover{ color: var(--secondarycolor) !important; }
	#nav .make-mage .focused .toggle2{display:block}
	.layout-table { table-layout: fixed; width: 100% }
	.site-header #nav {display: flex;justify-content: center;}
	#flyout ul { position: absolute; left: 100%; top: 0; width: 200px; z-index: 10; background: #E5E5E5; padding: 10px; border-radius: 8px; box-shadow:0 0 10px 0 rgba(0, 0, 0, .15); }
	#flyout > li:hover > ul { display: block !important; }
	#flyout li:last-child a,
	#flyout li:last-child span {border-bottom: none;}
	#flyout > li:hover > a,
	#flyout > li:hover > a span,
	#flyout > li:hover > span{ color: var(--secondarycolor); text-decoration: underline; }
	#flyout > li .first-level > li > a{ padding:11px !important; margin: 0 !important;; }
	#flyout > li:hover > ul a:hover{ color: var(--secondarycolor); }

	/* Hover Menu */
	.site-header #nav > li > a,
	.site-header #nav > span{ position: relative; border-radius:25px; border:1px solid transparent; }
	.site-header #nav > li:hover a,
	.site-header #nav li:hover span{ color: var(--color-white); border-color:var(--secondarycolor); }

}

@media only screen and (max-width:991px) {
	.button, a.button, #post button:not(.rz-agenda-search-submit), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn,
	#entry p { font-size: 14px; }

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

	 /** Header **/
	.header-menu-right { display: none; }
	.header-menu-box { width: auto; }
	.header-left-in { justify-content: space-between; }
	.header-right .header-right-in { display: flex; align-items: center; justify-content: center; }
	.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;}
	.site-header .logo-wrap #logo { width:80px; height:80px; margin: 10px 0; }
	.site-header .logo-wrap { width: 100%; max-width: 100%; flex: 0 0 100%; }

	.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;}
	#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(--secondarycolor-100); display: inline-block; color:var(--colorprimary); 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 a, 
	#flyout span { text-align: left; }
	#freeform .inner-content {padding-top:30px;}
	#inner-content .container { display:block; }
	.profile-detail { text-align: left; }
	#page-title { font-size: 36px; }
	.subheader { font-size: 28px; margin: 30px 0 15px; }
	#breadcrumbs { margin-bottom: 30px; }
	#aside-left, 
	.entry-content { max-width: 100%; min-width: 100%; }
	#flyout-wrap {padding: 0; margin-top: 0;}
	#flyout-header {display: none;}
	#flyout-toggle { padding: 24px 32px; color: var(--colortypography); text-transform: capitalize; font-weight: 700; cursor: pointer; }
	#flyout-toggle,#flyout-header, .box-header,#post blockquote {font-size: 20px;}
	#contact-info li,
	.description-text p { margin: 15px 0 0 0; }
	#flyout-header, 
	.box-header { margin: 0 0 15px 0; }
	.profile-img { margin: 15px 0; }
	#tiles-gallery-in {grid-template-columns: repeat(3, 1fr);}
	#post blockquote { line-height: 30px; }

	/** General **/
	.section-heading, 
	#page-title { font-size: 32px; margin: 0 0 30px 0; }
	.header-right #search { position: relative; display: block; margin: 10px auto; top: 0; height: 50px; }
	.header-right #search button { height: 40px; width: 40px; color: var(--color-white); background: #04040B; margin: 0 7px 0 0; flex: 0 0 40px; }
	.header-right #search button:hover { background:var(--secondarycolor); color: var(--color-white); }

	/** Slider **/
	#slider { height: 550px; }
	#slider-caption-data { width: 80%; }
	.slider-caption-title { font-size: 42px; }
	.slider-caption-tag { font-size: 20px; margin: 15px 0; }
	.slider-caption-subtitle { font-size: 16px; line-height: 130%; margin-bottom: 20px; }
	#slider .search-slider-wrapp #search { margin: 40px auto 0 auto; }
	#slider #search input { height: 60px; }
	#slider #search button { margin-right: 8px; }
	#slider .tns-controls button:first-of-type { margin-left: 10px; }
	#slider .tns-controls button:last-of-type { margin-right: 10px; }

	/** About **/
	.e-notification-wrapp .container{ display: block; }
	.notification-btn .button { margin: 20px auto 0 auto; }
	.notification-content { margin-right:0; }
	.content-about-text { margin-bottom: 30px; }
	.e-notification-bottom .e-notification-box{ display:block; }

	/** Quick Links **/
	#home-videos .container,
	#quick-links .container, 
	#news .container { max-width: 650px; }
	#quick-links,
	#news,
	#events { padding: 60px 0; }
	#quick-links .tns-controls button:first-of-type { left:-40px; }
	#quick-links .tns-controls button:last-of-type { right:-40px; }
	
	.entry-content #quick-links-in{ max-width:100%; margin:0 auto;}
	
	/** News **/
	.news-card-detail { padding: 15px; }
	.news-card h6 { font-size: 18px; line-height: 110%; }
	.news-card { margin-bottom: 30px; }

	/** Events **/
	#mini-events .cal-content { min-height: auto; }
	#events-tabs .tab { padding: 10px 0; }

    .notification-box-left { justify-content: center; }
    .notification-btn { text-align: center; }
	#home-videos { padding: 0 0 50px 0; }

	/** Footer **/
	#footer-top { flex-wrap: wrap; }
	.footer-item { max-width: 30%; }

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

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

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	#breadcrumbs ul li {margin-right: 26px;}
	#breadcrumbs ul li:not(:last-of-type)::after {margin: 0 14px}
	#notifymes #notify-in { gap: 20px; flex-wrap: wrap; }
	#notifymes .button { margin: 15px 0 0 0; }
	.box-header,#post blockquote{font-size: 18px;}
	#connected-gallery .gallery-tile { width: calc(50% - 24px); }
	.title-wrap .section-heading::before { display:none; }
	.title-wrap { display: block; text-align: center; margin-bottom: 30px; }
	#news .button { margin: 10px auto 0 auto; }
	.title-wrap .section-heading { justify-content: center; }
	.floating-alert { display: block; padding: 20px 20px; width: 96%; }
	.floating-alert p { -webkit-line-clamp: 3; line-clamp: 3; }
	.alert-buttons { margin-top: 10px; }

	/** Header **/
	.header-left-in { justify-content:center; flex-wrap: wrap; }
	.header-left-in p { flex: 0 0 50%; text-align: center; justify-content: center; align-items: flex-start; }
	#translation-links ul { right: -70px; }

	/** Slider **/
	#slider-caption-data { text-align: center; }
	#slider-caption-data .button, 
	#slider-caption-data a.button { margin: 0 auto; }

	/** About **/
	.content-about-text { text-align: center; }
	.notification-content h3 { font-size: 20px; margin-bottom:15px; }
	.content-about-text .button, 
	.content-about-text a.button{ margin:15px auto 0 auto; }
	.notification-content p { font-size: 14px; font-weight: 500; }
	.e-notification-box { padding: 20px 15px; }
    #mini-events .cal-content { min-height:100px; }

	/** Quick Links **/
	#home-videos .container,
	#quick-links .container, 
	#news .container { max-width: 480px; }
	.qlink-title { font-size: 16px; font-weight: 600; }

	/** News **/
	.news-card h4 { font-size: 16px; line-height: 130%; font-weight: 600; min-height: 44px; }
	.news-card-detail { min-height: 170px; }

	/** Events **/
	#events .title-wrap .button { max-width: 260px; margin: 15px auto 0 auto; }

	/** Footer **/
    #footer-top { padding: 24px 0 0 0; }
    .footer-link { margin-top: 10px; }
	.footer-item { max-width: 100%; text-align: center; }
	.footer-item p { justify-content: center; }
	#revize { display: block; }
	#revize p { justify-content: center; }

	/** 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 Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:575px) {
	.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: 24px; }

	/* Header */
	.header-left-in { gap: 5px 0; }
	.header-left-in p { flex: 0 0 100%; justify-content: center; }

	/* Slider */
	#slider { height: 450px; }
	#slider-caption-data { top: 10%; }
	.slider-caption-title { font-size: 32px; }
	.slider-caption-tag { font-size: 14px; margin:10px 0; }
	.slider-caption-tag::before { width: 190px; }
	.slider-caption-subtitle { font-size: 14px; line-height: 130%; margin-bottom: 15px; font-weight: 500; }

	/* About */
	.notification-box-left { display: block; text-align: center; }
	.notification-icon { margin: 0 auto 15px auto; }
	.content-about-img { gap: 6px; }
	.content-about-img img:nth-child(2) { margin-top: 35px; }
	.content-about-img img:nth-child(3){ margin-top:70px; }

	/* quick-links */
	#home-videos .container,#quick-links .container, #news .container { max-width: 300px; }

	/* Footer */
	#footer-top { display: block; text-align: center; }
	#footer-bottom p{ font-size: 11px; }
	
	/* 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) {
}

@media print {

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

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