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

	Theme Name: City of Aurora, OH
	Front-end developer: Hayk Galoyan
	Author Design: Samir Alley @samiralley | Alex Parent | Ying Liu | Kat Wiard | Nasryn Abou-Arabi
	Author URI: http://www.revize.com/
	Date: 09/04/2020

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

#fonts

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

@font-face {
    font-family: 'Modernica Regular';
    src: url('../fonts/Modernica-Regular.woff2') format('woff2'),
         url('../fonts/Modernica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Modernica Heavy';
    src: url('../fonts/Modernica-Heavy.woff2') format('woff2'),
         url('../fonts/Modernica-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TimesTen Bold';
    src: url('../fonts/TimesTen-Bold.woff2') format('woff2'),
         url('../fonts/TimesTen-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:18px;line-height:2;font-family:'Modernica Regular',sans-serif;font-weight:normal;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important}

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

#typography

-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:21px}
h5{font-size:16px}
h6{font-size:14px}
.header{font-family:'TimesTen Bold',serif;font-weight:bold;font-size:50px;color:#111;text-transform:capitalize;margin-bottom:30px}
.subheader{font-family:'Modernica Heavy',serif;font-weight:900;font-size:28px;color:#00aeef;text-transform:uppercase;margin-bottom:30px}
p{margin:0 0 30px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

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

#links

-----------------------------------------*/
a,a:visited{text-decoration:underline;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
p a,p a:visited{line-height:inherit}
/* ADA, Focus Indicator */
/* https://www.erikkroes.nl/blog/the-universal-focus-state/ */

:focus {
  outline: .375rem double black !important;
  box-shadow: 0 0 0 .25rem white !important;
}
.docs-toggle:focus {outline:2px solid white !important;outline-offset:-2px;}
.item-overlay a:focus {outline:none;}
.item-overlay a:focus .more-icon {outline:2px solid white;outline-offset:2px;}
/* -----------------------------------------

#lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:10px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

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

#images

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

.alignleft{float:left;clear:left;margin:0 20px 20px}
.alignright{float:right;margin:0 0 20px 20px}
.alignnone{margin:0 auto 20px;display:block}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
  margin: 0 0 20px 20px;
}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
  margin: 0 20px 20px 0;
}

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

#buttons

-----------------------------------------*/
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:10px 20px;background:#3F8346;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;transition:all .3s}
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#36713d}
.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#36713d}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

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

#forms

-----------------------------------------*/
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#777;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:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
.gsc-control-cse *{box-sizing:content-box}

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

#rz intranet

-----------------------------------------*/
form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF}
form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1}
form.loginform label{font-weight:normal}
form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000}

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

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px}
.floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{margin:20px 0 0 0!important}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px}

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

#rz edit

-----------------------------------------*/
.btn a, .btn span{color:#fff}
.freeform-caption-btn {position: absolute;z-index: 55;bottom: 175px;left: 18%}
#freeform .qlinks-btn {visibility: hidden;}
.centerBtns {position: absolute !important;z-index: 55;left: 50%;transform: translateX(-50%);top: 26%;}
.qlinks-btn {position: absolute;z-index: 2;left: 50%;transform: translateX(-50%);}
.event_header-btn {transform: rotate(-90deg);position: absolute;left: -95px;}
#freeform .centerBtns{top: 194px;}
.news-banner {
    margin-top: 50px;
}

.rzBtn{background:#3F8346!important}
.faqs-heading{background-color:#E5F6FC!important}
.faqs-heading.active{background-color:#3F8346!important}
.faqs-toggle-content{border:1px solid #3F8346!important}

/* support/issues/122351 */
.business-names .category-list{min-height:80px;margin-top:220px!important}
.business-names .category-list li{display:block}
.business-names .category-list li:first-of-type::after{content:none}
/* -----------------------------------------

#main

-----------------------------------------*/
a:focus{outline:1px dotted}
.container{width:1430px;max-width:100%;margin:0 auto;padding:0 15px}
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999;display:block!important}
#skip:focus{left:50px;top:50px}
#calendarEvent{left:0;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}
.section-top{display:flex;justify-content:space-between}
.section-top-left{line-height:1}
.section-top-right{display:inline-block;width:40%;text-align:right;margin-top:31px}
.section-subtitle{display:block;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:30px;color:#3d9047;text-transform:uppercase;letter-spacing:3.7px;margin:0;line-height:1}
.section-title{display:block;font-family:'TimesTen Bold',serif;font-weight:bold;font-size:60px;color:#000;text-transform:uppercase;letter-spacing:1.3px;margin:4px 0 6px;line-height:1}
.section-btn{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;border:2px solid #3d9047;border-radius:50px;padding:2px 32px;letter-spacing:2px;margin-top:6px;text-transform:uppercase;text-decoration:none;transition:all .3s;float:right;white-space:nowrap}
.section-btn:hover,.section-btn:focus{color:#000;text-decoration:none;border-color:#00AEEF}
header{background-color:transparent}
#header-top{background:#3F8346}
#header-top-in{display:flex;align-items:center;justify-content:flex-end;height:48px}
.header-calendar-link{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:18px;color:#fff;text-transform:uppercase;text-decoration:none;transition:all 320ms;position:relative;margin-right:59px;letter-spacing:2px;height:48px;line-height:48px}
.header-calendar-link:after{content:'';position:absolute;right:-29px;top:0;height:48px;width:2px;background:rgba(255,255,255,0.302)}
.header-calendar-link:hover,.header-calendar-link:focus{opacity:.7;color:#fff;text-decoration:none}

/* Google translate */
.goog-te-banner-frame{display:none}
#translation-links{display:inline-block;padding:0;margin:0}
#translation-links li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:30px;margin:0;position:absolute;top:48px;right:0;width:700px;background:#fff;display:none;z-index:9999999;box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2)}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0}
#translate-button{display:inline-block;border:none;background:none;padding:0;vertical-align:middle;font-family:'Modernica Regular',sans-serif;font-weight:normal!important;font-size:18px;color:#fff!important;text-transform:uppercase;letter-spacing:2px;height:48px;line-height:48px}
#translate-button:hover,#translate-button:focus{opacity:0.7}

/* Social links */
#social-media-links{display:inline-block;margin-left:30px}
.social-media-link{display:inline-block;text-decoration:none;color:#fff;height:48px;width:48px}
.facebook-link{background:#006fb8}
.twitter-link{background:#007EA8}
.social-icon-box{height:100%;width:100%;display:inline-flex;justify-content:center;align-items:center}
.social-media-link i{font-family:FontAwesome;font-weight:100;font-size:21px}
.social-media-link:hover{text-decoration:none;color:#fff}
#header-bottom{background:#fff;height:96px;box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.2);position:relative}
.header-bottom-wrap{display:flex}
#logo-box{display:inline-block;width:16%;position:relative;top:-22px;left:-3px}
#logo{display:inline-block;position:absolute;top:50%;transform:translateY(-50%)}
#logo img{width:219px}
#nav-box{width:80%;height:96px}
#nav{padding:0;margin:0;width:100%}
#nav .toggle, #nav .toggle2{display:none;padding:0;font-family:FontAwesome}
#flyout .toggle{display:none;padding:0;font-family:FontAwesome}
#nav li{margin:0 !important;display:inline-block}
#nav a,#nav span{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:21px;color:#111;text-transform:capitalize;text-decoration:none;padding:5px 30.5px;transition:all 320ms;text-align:center}
#nav ul{position:absolute;left:0;right:0;top:100%;padding:23px calc(50% - 710px) 37px;margin:0;column-count:6;column-gap:50px;display:none;z-index:210;overflow:hidden}
#nav ul a,#nav ul span{display:block;font-family:'Modernica Heavy';font-weight:900;font-size:16px;color:#f4d06f;padding:10px;text-align:left;text-transform:uppercase;letter-spacing:1.6px}
#nav ul li{display:table;page-break-inside:avoid}
#nav ul ul{position:static;padding:0;column-count:1;column-gap:0}
#nav ul ul a,#nav ul ul span{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:16px;color:#fff;padding:4.5px 10px;line-height:1.05;text-transform:capitalize;letter-spacing:0.2px}
#header-bottom-right-box{width:4%;text-align:right}

/* Search  */
#search{display:inline-block;position:relative;top:22px;right:-6px;z-index:300}
#search form{display:inline-block;margin:0;width:50px;height:50px;}
#search input{box-sizing:content-box;width:50px;font-family:'Modernica Regular',sans-serif;font-weight:normal;color:#111;font-size:21px;background:#fff;transition:width .4s ease-in-out;position:absolute;top:0;right:0;border:2px solid transparent;cursor:pointer}
#search-input {min-width:24px;min-height:24px;}
#search:focus-within input{width:250px;border-color:#111;border-radius:4px}
#search button{min-width:24px;min-height:24px;width:29px;height:29px;position:absolute;top:11px;right:5px;background:none;border:none;cursor:pointer;z-index:100;outline:none;padding:10px;box-sizing:content-box}
#search button:focus {outline:none !important;}
#search button:focus img {outline:2px solid black !important;}
#search img{display:inline-block;width:30px;position:absolute;top:0;right:0}
.owl-prev, .owl-next {background:transparent;}
.owl-prev:hover, .owl-next:hover {background:transparent;}
.owl-stage {list-style:none;}
.owl-stage li {padding-bottom:0;margin-bottom:0;}
.sr-only {color:black;background:white;}

/* Section quick links */
#quick-links{background:#13293d}
.quick-link{display:flex;text-align:center; align-content: center; justify-content:center;flex-wrap:wrap;text-decoration:none;height:320px;position:relative;transition:all .3s;margin:auto;padding:11px 10px 0;background:#13293d}
.quick-link:focus {outline:2px double white !important;outline-offset:-6px !important;}
.quick-link-banner{position:absolute;left:0;top:0;height:100%;width:100%;opacity:.15}
.quick-link-icon-box{margin:auto;display:inline-flex;align-items:flex-end;justify-content:center;height:73px;overflow:hidden;position:relative;transition:transform 320ms;margin-bottom:32px}
.quick-link-icon-box img{display:inline-block!important;text-align:center;width:50%!important}
.quick-link-title{width:100%;font-family:'TimesTen Bold',serif;font-weight:bold;font-size:28px;color:#fff;text-transform:capitalize;line-height:1.2;overflow:hidden;letter-spacing:0.5px;transition:all 320ms}
.view-read-more{font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:20px;color:#0099CC;text-transform:uppercase}
#news-slider .view-read-more {color:#007EA8;}
.view-read-more:after{content:'';display:inline-block;background:url(../images/view-read-more-icon.png) center/9px 10.5px no-repeat;width:9px;height:10.5px;margin:0 0 0 7px}
.quick-link:hover,.quick-link:focus{text-decoration:underline}
.quick-link:hover .quick-link-title, .quick-link:focus .quick-link-title{color:#0099CC}
#quick-links-slider .owl-controls{display:none}

/* Section news */
#news{min-height:718px;padding:73px 0;background:#fff url(../images/news-bg.png) center bottom no-repeat}
#news-slider-nav{display:inline-flex;justify-content:space-between;margin:9px 20px 0 0}
#news-slider-nav .owl-next{margin-left:14px}
#news-slider-nav img{display:inline-block;width:19px;cursor:pointer}
#news-slider-wrap .container{width:1470px}
#news-slider{margin-top:5px}
#news-slider .owl-item{padding:20px 0}
.news{display:block;text-decoration:none;border-radius:6px;transition:all .3s}
.news-banner{height:242px;border-top-left-radius:2px;border-top-right-radius:2px}
.news-info{padding:32px 39px 39px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background:#fff;box-shadow: none;letter-spacing:0.3px}
.news-title{font-family:'TimesTen Bold',serif;font-weight:bold;font-size:30px;color:#000;margin:0;line-height:1.2;transition:all 320ms;margin-bottom:-1px}
#news-slider .view-read-more{font-size:18px}
#news-slider .view-read-more:after{background:url(../images/view-read-more-icon.png) center/7px 7px no-repeat;width:7px;height:7px;margin:0 0 0 5px}
.news:hover, .news:focus{text-decoration:none}
.news:hover .news-title,.news:focus .news-title{color:#007EA8}
#news-slider .owl-dots{display:none}
#news-slider .owl-controls{display:none}
#news-slider .owl-item:not(.active){opacity:0;cursor:default}

/* Section events */
#events{min-height:850px;position:relative;background:#3d9047;overflow:hidden}
#events:before{
	content:'';
	max-width:1600px;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background-image: -moz-linear-gradient( 10deg, rgb(61,144,71) 0%, rgba(0,167,225,0) 100%);
  	background-image: -webkit-linear-gradient( 10deg, rgb(61,144,71) 0%, rgba(0,167,225,0) 100%);
	background-image: -ms-linear-gradient( 10deg, rgb(61,144,71) 0%, rgba(0,167,225,0) 100%);
	z-index: 10;
}
#events:before{content:none}
#events:after{content:'';max-width:1600px;width:1291px;height:750px;position:absolute;left:calc(50% - 539px);top:50px;border:2px solid #fff;border-radius:2px;z-index:10;opacity:.3;pointer-events:none}
#events-bg-img{position:absolute;left:0;top:0;height:100%;width:100%;opacity:.8}
#events-in{display:flex;align-items:center;position:relative;z-index:10;min-height:850px;justify-content:space-between;position:relative;z-index:100}
#events-title-wrap{display:flex;width:3%;height:100%;justify-content:center;align-items:center}
#events-title{font-family:'TimesTen Bold',serif;font-weight:700;font-size:60px;color:#fff;text-transform:uppercase;line-height:1;transform:rotate(-90deg);white-space:nowrap;letter-spacing:1.5px}
#events-data{width:93%;min-height:550px;padding-right:100px}
#events-data-top{width:47.4%;float:right;position:relative;top:0;margin-top:62px}
#events-data-top .section-btn{float:right;margin:0}
.app-share-btn{padding:0;margin-top:3px;background:none;height:40px}
.app-share-btn:hover{background:none}
#share-icon{width: 33px}
.eventType{display:none;animation:fadeEffect 1s;width:100%;justify-content:space-between}
#eventType1{display:flex}

/* Custom Select start */
.custom-select-wrapper{position:relative;display:inline-block;user-select:none;margin-left:100px}
.custom-select-wrapper select{display:none}
.custom-select{position:relative;display:inline-block}
.custom-select-trigger{position:relative;display:block;width:100%;border:none;padding:0 39px 0 0;text-transform:uppercase;text-decoration:underline;font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:20px;color:#000;cursor:pointer;letter-spacing:2.5px}
.custom-select-trigger:after{content:'';display:block;position:absolute;width:16px;height:12px;top:56%;  transform:translateY(-50%);   right:17px;transition:all .4s ease-in-out;transform-origin:50% 0;background:url(../images/select-arrow.png) left top/16px 12px no-repeat}
.custom-select.opened .custom-select-trigger:after{margin-top:0;transform:rotate(-180deg) translateY(-50%)}
.custom-options{margin:0;padding:0;list-style:none;position:absolute;display:block;top:calc(100% + 10px);left:0;right:0;min-width:200px;border:1px solid #cdd3d8;border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px rgba(0,0,0,.07);background:#fff;transition:all .4s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px);font-weight:400;font-size:14px;z-index:99999}
.custom-options li {margin-bottom:0;}
.custom-select.opened .custom-options{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}
.custom-options:before{position:absolute;display:block;content:'';top:-4px;left:25px;width:7px;height:7px;margin-bottom:-4px;border-top:1px solid #cdd3d8;border-left:1px solid #cdd3d8;background:#fff;transform:rotate(45deg);transition:all .4s ease-in-out}
.option-hover:before{background:#f9f9f9}
.custom-option{position:relative;display:block;padding:5px 12px;border-bottom:1px solid #cdd3d8;font-size:18px;color:#05223E;cursor:pointer;transition:all 320ms}
.custom-option:first-of-type{border-radius:4px 4px 0 0}
.custom-option:last-of-type{border-bottom:0;border-radius:0 0 4px 4px}
.custom-option:hover,.custom-option.selection,.custom-option:focus,.custom-option.selection{background:#13293d;color:#fff}
/* Custom Select end */

/* Section economic development */
#city{display:flex;min-height:1045px;position:relative;z-index:5;overflow: hidden}
#city-arrows{display:inline-flex;flex-wrap:wrap;width:48px;position:absolute;top:17.4%;left:50%;z-index:200}
#city-arrows>div{display:flex;justify-content:center;align-items:center;background:#3d9047;width:100%;height:46px;cursor:pointer;transition:all 320ms}
#city-arrows>div:hover{background:#007EA8}
#city-arrows>div:first-child{border-bottom:1px solid #007EA8}
#city-arrows>div:last-child{border-top:1px solid #007EA8}
#city-arrows>div>img{width:15px}
.city-item{height:1045px;position:relative}
.city-item:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:url(../images/city-slider-overlay.png) center/cover no-repeat}
.city-left-box{width:50%;background:url(../images/ohio-bg.png) calc(100% - 71px) 34.5% no-repeat}
.city-right-box{width:50%}
#city-content{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51;pointer-events:none}
.city-content-in{pointer-events:all;padding:0 90px 34px 0}
.city-text{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:18px;color:#000;margin:20px 0 11px;line-height:1.8}
.city-link-wrap{line-height:1.25;margin:20px 0 0}
.city-link{display:inline-block;font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:22px;color:#007EA8;text-decoration:underline;letter-spacing:.2px}
.city-link:hover,.city-link:focus{color:#007EA8;text-decoration:none}
.city-btns{margin-top:28px}
.city-btns .section-btn{float:none;margin:18px 9px 0 0}

/* Section mayor */
#mayor{min-height:520px;background:#13293d;padding:50px 0}
#mayor .container{width:1530px}
#mayor .section-subtitle{color:#007EA8}
#mayor .section-title{color:#fbfaf8;text-transform:none;letter-spacing:0.3px;margin:8px 0 6px}
#mayor-in{display:flex;border:1px solid rgba(255,255,255,0.2);min-height:420px;position:relative}
#mayor-left{width:68%;padding:43px 0 20px 48px}
.mayor-text{font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:20px;color:#fff;padding:30px 114px 10px 10.3%;line-height:1.5;letter-spacing:.2px}
.mayor-name{font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:24px;color:#f4d06f;margin:33px 65px 0 0;text-align:right;line-height:1.2}
#mayor-right{width:32%}
#mayor-img{position:absolute;right:-50px;bottom:-50px;height:489px;max-width:525px;object-fit:cover}

/* Footer */
footer{position:relative;min-height:349px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.05);border-bottom:7px solid rgba(0,174,239,0.502);padding:45px 0}
footer:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image: -moz-linear-gradient( 56deg, rgb(0,167,225) 0%, rgb(61,144,71) 100%);
  	background-image: -webkit-linear-gradient( 56deg, rgb(0,167,225) 0%, rgb(61,144,71) 100%);
  	background-image: -ms-linear-gradient( 56deg, rgb(0,167,225) 0%, rgb(61,144,71) 100%);
  	opacity: 0.102;
	z-index: -10;
}
#footer-left{display:flex;margin-top:31px}
.footer-links-box{padding-right:20px}
.footer-links-box h2, .footer-links-box h3{font-family:'TimesTen Bold',serif;font-weight:bold;font-size:15px;color:#13293d;text-transform:uppercase;margin:0 0 27px;letter-spacing:2.4px}
.footer-links-box:nth-child(1){width:19%}
.footer-links-box:nth-child(2){width:22.6%}
.footer-links-box:nth-child(3){width:17.8%}
.footer-links-box:nth-child(4){width:28%}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list li{margin:0}
.footer-list-link{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:20px;color:#252525;text-decoration:underline;line-height:1;padding:5px 0}
.footer-list-link:hover,.footer-list-link:focus{color:#252525;text-decoration:underline}
.footer-address{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:20px;color:#252525;border-bottom:1px solid #f4d06f;padding-bottom:15px;line-height:1.5}
.phone-hours{font-family:'Modernica Regular',sans-serif;font-weight:400;font-size:20px;color:#252525;margin-top:14px;line-height:1.5}
.footer-phone{font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:18px;color:#328539;text-decoration:underline;letter-spacing:1px}
.footer-phone:hover,.footer-phone:focus{color:#328539;text-decoration:underline}
.green-text{font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:18px;color:#328539;text-transform:uppercase;letter-spacing:1px}
#footer-right{margin:0 0 0 -11px}
#footer-logo{display:inline-block}
#footer-logo img{width:338px}

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

#inner

-----------------------------------------*/
#freeform-wrap{position:relative;overflow:hidden}
#freeform-wrap>.container>.row{display:flex}
.freeform-left-box{width:24.6%}
.freeform-left-box:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 108px;
    height: 100%;
	z-index: -20;
	opacity: 0.03;
    background-image: -moz-linear-gradient( -180deg, rgb(0,0,0) 0%, rgba(196,212,231,0) 100%);
  	background-image: -webkit-linear-gradient( -180deg, rgb(0,0,0) 0%, rgba(196,212,231,0) 100%);
  	background-image: -ms-linear-gradient( -180deg, rgb(0,0,0) 0%, rgba(196,212,231,0) 100%);
}
.freeform-left-box:before{content:'';position:absolute;top:0;right:0;width:50vw;height:100%;z-index:-1;background:#00aeef;opacity:.1}
.freeform-right-box{width:75.4%}
#entry{padding:59px 70px 140px 65px}
.entry-top{display:flex;justify-content:space-between}
.post-date-time{font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:18px;color:#05274c;margin:5px -51px 0 0}
.freeform-aside-title{font-family:'TimesTen Bold',serif;font-weight:bold;font-size:20px;color:#13293d;text-transform:uppercase;margin-bottom:19px}
#flyout-wrap{position:relative;padding:54px 0 67px}
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,#flyout span{display:block;text-decoration:none;font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:22px;color:#000;/*text-transform:capitalize;*/line-height:1.2;padding:12px 0;transition:all 320ms}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px}
.freeform-aside-separator{background:rgba(5,39,76,0.102);height:2px;border:none;width:100vw;position:absolute;bottom:0;right:-15px;margin:0;z-index:-1}
.freeform-contact-us{padding:56px 0 74px;position:relative}
.freeform-contact-us .freeform-aside-title{margin-bottom:10px}
.name-title-wrap{line-height:1.2;margin-top:23px}
.contact-name{font-family: 'Modernica Regular',sans-serif;font-weight:900;font-size:28px;color:#000;text-transform:capitalize;}
.contact-title, .hours-freeform, .address-freeform{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:22px;color:#000;text-transform:capitalize}
.phone-fax-wrap{line-height:1.4;margin:14px 0 7px}
.contact-phone,.contact-fax{font-family:'Modernica Regular',sans-serif;font-weight:normal;font-size:20px;color:#000;text-transform:capitalize;text-decoration:none;transition:color 320ms}
.contact-phone span,.contact-fax span{font-family:'Modernica Heavy',sans-serif;font-weight:900;color:#007BA8}
.contact-phone:hover,.contact-phone:focus,.contact-fax:hover,.contact-fax:focus{color:rgba(51,51,51,0.6);text-decoration:none}
.email-me{display:inline-block;font-family: 'Modernica Regular',sans-serif;/* font-weight:900; */font-size:20px;color:#3d9047;text-transform:capitalize;text-decoration:underline;}
.email-me:hover{color:#3d9047;text-decoration:none}
.freeform-events{position:relative;padding:56px 0 72px}
#freeform-events-box{margin-top:23px;min-height:149px;margin-bottom:20px}
.freeform-go-to-calendar{font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:20px;color:#3d9047;text-decoration:underline}
.freeform-go-to-calendar:hover{color:#3d9047;text-decoration:none}
#breadcrumbs{font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:16px;color:#000;}
#breadcrumbs a{display:inline-block;font-family:'Modernica Regular',sans-serif;font-weight:normal;color:#000;padding:10px 0;transition:color 320ms;position:relative;text-decoration:underline;margin-right:19px}
#breadcrumbs a:after{display: inline-block;content:'';width:6px;height:7px;background:url('../images/breadcrumbs-arrow.png') center/6px 7px no-repeat;position:absolute;top:24px;right:-14px}
#breadcrumbs a:hover{text-decoration:underline}
#page-title{font-family:'TimesTen Bold',serif;font-weight:bold;font-size:50px;color:#111;/*text-transform:capitalize;*/margin:-2px 0 25px}

/* Freeform images slider */
#freeform-images-slider-wrap{width:74.5vw;position:relative;margin:10px -20px 50px}
.freeform-images-slider-item{height:400px;border-radius:10px;box-shadow:0px 2px 15px 0px rgba(0, 0, 0, 0.15)}
#freeform-images-slider .owl-item:not(.active){opacity:0}
#freeform-images-slider .owl-item{padding:20px 0}
/* For some reason the slider brokes on small screen size in firefox */
@-moz-document url-prefix() {
	/* firefox */
	#freeform-images-slider-wrap{min-height:500px}
	#freeform-images-slider .owl-item:not(.active){height:0}
	#freeform-images-slider .owl-item{padding:0}
	#freeform-images-slider .owl-item.active{padding:20px 0}
}
#freeform-images-slider{display:inline-flex;justify-content:space-between;margin:26px 21px 0 0}
#freeform-images-slider .owl-next{margin-left:14px}
#freeform-images-slider .owl-dots{display:flex;align-items:center;position:absolute;top:calc(100% + 5px);left:10px;cursor:pointer;z-index:200}
#freeform-images-slider .owl-dot{display:inline-block;position:relative;margin:0 8px;width:20px;height:20px;border-radius:50%;background:#ebebeb;transition:all 320ms}
#freeform-images-slider .owl-dot:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background:#05274c;border-radius:50%;opacity:0}
#freeform-images-slider .owl-dot.active:after{opacity:1}
#freeform-images-slider .owl-dot:hover{transform:scale(1.4)}
#freeform-images-slider .owl-dot:hover:after{opacity:1}
#freeform-images-slider .owl-dot span{display:inline-block}
.fullwidth #freeform-images-slider-wrap{width:110vw;position:relative;margin:10px -20px 50px}
.fullwidth #entry{padding:59px 0 140px}
.email{text-transform:lowercase}

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

#tiles-template

-----------------------------------------*/
.tiles-template .post-date-time{display:none!important}
.tiles-template.fullwidth #entry{padding-bottom:30px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:30px 0}
.tiles .tile{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;height:238px;text-decoration:none!important;overflow:hidden}
.fullwidth .tiles .tile{height:270px}
.tiles .tile-banner{position:absolute;inset:0;z-index:-1;width:100%;height:100%}
.tiles .tile-info{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;inset:0;background:linear-gradient(0deg, rgba(36, 94, 43, 0.95) 0%, rgba(36, 94, 43, 0.95) 100%);text-align:center;padding:15px;overflow:auto;opacity:0;transition:all .3s}
.tiles .tile-info-in{display:flex;align-items:center;justify-content:center;flex-direction:column}
.tiles .tile-more{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px 12px 16px;font:700 18px 'Modernica Heavy', sans-serif;color:#fff;text-transform:capitalize;background:#3F8346}
.tiles .tile-more .fa{font-size:24px;margin:3px 0 -3px 8px}
.tiles .tile-title{display:inline-flex;align-items:center;justify-content:center;font:700 28px 'Modernica Heavy', sans-serif;color:#fff!important;margin-top:0;margin-bottom:6px;text-align:center;padding:8px 16px 12px 16px;background:rgba(0, 0, 0, 0.60);line-height:120%}
.tiles .tile > .tile-title{background:rgba(0, 0, 0, 0.60);transition:all .3s;margin-bottom:0}
.tiles .tile:hover > .tile-title{opacity:0}
.tiles .tile:hover .tile-info{opacity:1}

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

#share widget

-----------------------------------------*/
.modal{z-index:100000}
.modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px}
.modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left}
.modal-header h4{font-size:30px}
.modal-header button{margin-top:2px!important;position:relative;font-size:25px}
.modal-body{padding:40px 60px}
.copylink{margin-bottom:40px}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px}
.modal-header button,.modal-header button:hover{color:#000!important;background:none}
.share-btns{margin:0 0 20px}
.share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px}
.share-btns i{display:block;line-height:170px!important;font-size:60px}
.btn-facebook{color:#3b5998!important}
.btn-twitter{color:#00ACED!important}
.btn-google{color:#D34836!important}
.btn-reddit{color:#ff5700!important}
.btn-facebook:hover{border-color:#3b5998}
.btn-twitter:hover{border-color:#00ACED}
.btn-google:hover{border-color:#D34836}
.btn-reddit:hover{border-color:#ff5700}
.btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px}
.floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;border-radius:0;border:0;background:#3F8346!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}
.floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase}
#homepage .floating-share-btn{display:none}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
#slider{height:756px;position:relative}
#freeform #slider{height:456px}
#slider-caption{position:absolute;left:0;right:0;bottom:5%;z-index:51}
#freeform #slider-caption{bottom:10.5%}
#slider-caption-title{display: inline-block;background-color:#00000063;padding:10px;font-family:'TimesTen Bold',serif;font-weight:700;font-size:80px;color:#fff;text-transform:uppercase;margin-left:18px;line-height:1}
.bxslider{padding:0;margin:0}
.bxslider,
.bx-viewport,
.bxslider li,
.bx-wrapper{height:100%!important}
.bx-wrapper{position:relative;margin:0;padding:0;overflow:hidden}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{list-style:none}
.bxslider > li:nth-child(n+1){display:none}
.bxslider li:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-10;background:url(../images/bxslider-overlay.png) center/cover no-repeat}
/* .bxslider li:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	max-width:1600px;
	width:100%;
	z-index:-10;
	background-image: -moz-linear-gradient( 10deg, rgb(61,144,71) 0%, rgba(244,208,111,0) 100%);
	background-image: -webkit-linear-gradient( 10deg, rgb(61,144,71) 0%, rgba(244,208,111,0) 100%);
	background-image: -ms-linear-gradient( 10deg, rgb(61,144,71) 0%, rgba(244,208,111,0) 100%);
	opacity:0.7;
} */

/* pager */
.bx-wrapper .bx-pager{text-align:center}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}

/* direction controls */
.bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-prev{left:-40px}
.bx-wrapper .bx-next{right:-40px;background-position:100% 0!important}
.bx-wrapper:hover .bx-next, .bx-wrapper:focus-within .bx-next{opacity:1;right:20px}
.bx-wrapper:hover .bx-prev, .bx-wrapper:focus-within .bx-prev{opacity:1;left:20px}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:focus{opacity:1}

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

#media queries

-----------------------------------------*/
@media only screen and (min-width:992px) {
	#nav .focused .toggle2{display:none}
	#nav .focused .toggle{display:inline-block;position:relative;left:-23px}
	#nav .focused .toggle::after{content:none}
	#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#nav{display:block!important;height:100%;text-align:right;margin-left:5px}
	#nav li{display:inline-flex;align-items:center;height:100%}
	.layout-table{table-layout:fixed;width:100%}
	#top-nav{height:75px}
	#nav li:hover>ul{display:block}
	#nav ul ul{display:block!important;left:100%;top:0;margin:0 0 8px;background:transparent}
	#nav ul.first-level::before{content:'';background:rgba(19, 41, 61, 0.949);position:absolute;left:50%;transform:translateX(-50%);top:0;width:100vw;height:100%;z-index:-10}
	#nav>li>a,#nav>li>span{position:relative}
	#nav > li:not(:last-child) > a:first-child::after,#nav > li:not(:last-child) > span:first-child::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-6px;height:6px;width:6px;background:#f4d06f;border-radius:50%}
	#nav>li:hover>a{opacity:0.7}
	#nav ul li a:hover{opacity:0.7}
	#flyout .focused .toggle{display:inline-block;margin-left:8px}
	#flyout{display:block!important;margin-right:-15px}
	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#E6F7FD;display:none;z-index:999}
	#flyout ul a,#flyout ul span{color:#000;font-size:20px;transition:all 320ms}
	#flyout .toggle{position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);right:0}
	#flyout li:hover>ul{display:block}
	#flyout>li:hover>a, #flyout>li:hover>span{color:rgba(51, 51, 51, 0.6)}
	#flyout ul a:hover{opacity:0.7}
}

@media only screen and (max-width:1500px) {
	#mayor-img{position:relative;right:0;bottom:-50px;height:489px;width:100%;object-fit:cover}
}

@media only screen and (max-width:1450px) {
	#nav ul{padding:23px 10px 37px}
	#events:after{left:12.5%}
	#events-data{padding-right:0}
	#events .section-btn{padding:2px 10px;letter-spacing:1px}
	.city-left-box{background:url(../images/ohio-bg.png) center 34.5% no-repeat}
	.city-content-in{padding:0 15px 0 0}
	#mayor .section-title{font-size:50px}
	.mayor-name{margin:23px 170px 0 0}
}

@media only screen and (max-width:1200px) {
	#search{right:4px}
	#nav{margin-left:0}
	#nav a,#nav span{padding:5px 20px}
	#nav ul{column-count:4;column-gap:5px}
	.section-btn{padding:2px 15px;letter-spacing:1px}
	.footer-links-box{width:25%!important}
	#entry{padding:59px 15px 140px 30px}
	.post-date-time{margin:6px 0 0}
}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	 .userway_buttons_wrapper{top:95%!important;left:75px!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}
	#toggles{position:absolute;right:65px;top:25px;z-index:200;pointer-events:all}
	#nav-toggle{border:none;padding:0;line-height:45px;width:45px;text-align:center;border-radius:4px;background:rgba(19, 41, 61, 1);color:#fff;cursor:pointer}
	#nav,#flyout{display:none}
	#nav li{display:block}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span{font-size:18px!important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)}
	#nav a,#nav span{padding:15px 70px 15px 15px!important}
	#nav ul ul a, #nav ul ul span{padding:15px!important}
	#flyout a{padding:15px 60px 15px 15px!important}
	#flyout ul a{padding:15px!important}
	#nav li:last-child>a,
	#nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span{border:0}
	#nav ul,
	#flyout ul{background:rgba(0,0,0,.15)}
	.toggle,
	.toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important}
	#nav .toggle,#nav .toggle2,#flyout .toggle{display:block;position:absolute;right:15px;top:0;line-height:45px;text-align:center;width:45px;color:#fff;padding:15px!important;height:auto}
	#flyout .toggle{right:0}
	#header-top{display:none}
	#search{right:0}
	#header-bottom-right-box{width:auto;display:inline-block}
	#logo-box{display:inline-block;width:250px;top:0;left:0}
	#logo img{width:150px}
	#nav{position:absolute;top:96px;left:0;z-index:500;width:100%;background:rgba(19, 41, 61, 0.949);pointer-events:all}
	#nav ul{display:none;position:static;column-count:1;padding:0;margin:0}
	#nav li{display:block;position:relative;padding:0}
	#nav a,#nav span{display:block;text-align:left;height:auto;color:#fff}
	#nav ul a,#nav ul span{text-transform:capitalize}
	#nav ul li{display:block;page-break-inside:auto}
	#slider{height:500px}
	#quick-links .owl-controls{display:block!important}
	#quick-links .owl-prev,#quick-links .owl-next{position:absolute;top:100%;cursor:pointer;z-index:200;font-size:40px;color:#007EA8}
	#quick-links .owl-prev{left: calc(50% - 45px)}
	#quick-links .owl-next{right: calc(50% - 45px)}
	#news{padding:110px 0 70px}
	.section-top{flex-wrap:wrap}
	.section-top-left{width:100%}
	.section-top-right{text-align:left;width:100%;margin-top:20px}
	.section-btn {float:none}
	#news-slider{margin-top:23px}
	#events:after{content:none}
	#events{padding:50px 0;overflow:unset;min-height:700px}
	#events-in{align-items:flex-start;min-height:700px;flex-wrap:wrap}
	#events-title-wrap{display:block;width:100%}
	#events-title{transform:none;white-space:normal}
	#events-data{width:100%}
	#events-data-top{float:none}
	.eventType{flex-wrap:wrap}
	#city{flex-wrap:wrap}
	.city-left-box{display:none}
	.city-right-box{width:100%;order:1}
	.city-arrows{left:auto;right:0;top:35%}
	#city-content{position:static;width:100%;transform:none;order:3;padding:50px 0}
	.city-item{height:auto;padding-bottom:74%}
	#city-arrows{top:0;left:auto;right:0}
	#mayor-in{flex-wrap:wrap;border:none}
	#mayor-left{width:100%;order:2;padding:0;margin-top:50px}
	.mayor-text{padding:30px 0}
	.mayor-name{margin:0;text-align:left}
	#mayor-right{width:100%;order:1}
	#mayor-img{position:static;width:100%;height:100%}
	#footer-right{margin:0}
	#footer-left{flex-wrap:wrap}
	.footer-links-box{width:50%!important}
	.footer-links-box h3{margin:35px 0 27px}
	#freeform-wrap>.container>.row{display:block}
	.freeform-left-box{width:100%;background:#E2F3F9}
	.freeform-right-box{width:100%}
	.freeform-left-box:before{content:none}
	.freeform-left-box:after{content:none}
	#flyout-wrap{position:relative;padding:0}
	#flyout-header, .freeform-contact-us, .freeform-events, .resources, .freeform-aside-separator{display:none}
	#flyout{margin:0 -15px}
	#flyout-toggle{display:inline-block;padding:10px 0;font-family:'Modernica Heavy',sans-serif;font-weight:900;font-size:20px;color:#000;text-transform:capitalize;cursor:pointer}
	#entry{padding:40px 0 100px!important}
	#freeform footer{padding:70px 0 45px}
	#slider-caption-title{margin-left:0}
	#freeform-images-slider-wrap{width:100%!important;margin:10px 0 50px!important}
	#freeform-images-slider .owl-dots{left:0!important}
	#freeform .share-btn{top:auto;left:auto;bottom:5px;right:5px}

	/* IE 11 (and above..) */
	_:-ms-fullscreen, :root #events-in{ 
		height:auto;
	}
	_:-ms-fullscreen, :root #events-title-wrap{ 
		margin-left:0;
	}
	.tiles{grid-template-columns:repeat(3,1fr)}
}

@media only screen and (max-width:767px) {
	.floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px}
	.floating-alert{font-size:12px}
	.floating-alert h4{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px}
	.share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden}
	.share-btns i{display:block;line-height:50px!important;font-size:20px}
	.section-title{font-size:45px}
	#events-title{font-size:40px}
	.footer-links-box{width:100%!important}
	#freeform footer{padding:100px 0 45px}
	#slider-caption-title{font-size:50px}
	#page-title{font-size:40px;margin:0 0 25px}
	.entry-top{flex-wrap:wrap;line-height:1}
	.post-date-time{width:100%;margin:6px 0 30px}
	#breadcrumbs a:after{top:16px}
	#events-data-top{width:100%;display:flex;flex-wrap:wrap}
	.app-share-btn{margin-right:20px;margin-bottom:10px}
	#events .section-btn{margin-right:20px}
	.tiles{grid-template-columns:repeat(2,1fr)}
}

@media only screen and (max-width:479px) {
	.section-subtitle{font-size:23px}
	.section-title{font-size:38px}
	.news-info{padding:32px 15px 35px}
	.custom-select-wrapper{display:block;width:100%;float:none;margin-left:0;margin-bottom:20px}
	#mayor .section-title{font-size:38px}
	#footer-right{text-align:center}
	#entry{padding:40px 0!important}
	.tiles{grid-template-columns:1fr}
}

@media print {
	#freeform-images-slider-wrap,#quick-links,.freeform-left-box,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important}
	a[href]:after{content:none!important}
	#entry{padding:0!important}
	.freeform-right-box{width:100%}
}

@keyframes fadeEffect {
	from {opacity:0}
	to {opacity:1}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.quick-link-icon-box{margin:0 0 30px}
	#events-in{height:850px}
	#events-title-wrap{margin-left:-244px}
}