

/*-----------------------------------------------------------------------------------

	Theme Name: City of Homesome, Webgen
	Front-end developer: Jamie Phy
	Author Design: Samir Alley @samiralley
	Author URI: http://www.revize.com/
	Date: 2/10/2020

-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Merriweather:400,400i,700&display=swap');

/* -----------------------------------------

#basic styles

-----------------------------------------*/
body{background:#fff;font-size: 16px;line-height: 1.375;font-family: "Lato",sans-serif;color:#444;-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-size:28px;color:#111;margin-bottom:30px}
.subheader{font-size:21px;color:#111;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}

@font-face{
  font-family:'weather';
  src:url('../fonts/weather/artill_clean_icons-webfont.eot');
  src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'),
      url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'),
      url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight:normal;
  font-style:normal;
}
.weather i{font-family:'weather'}
.weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3"}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"}

/* -----------------------------------------

#links

-----------------------------------------*/
a,a:visited{text-decoration:underline;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
p a,p a:visited{line-height:inherit}

/* -----------------------------------------

#lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:10px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

/* -----------------------------------------

#images

-----------------------------------------*/
img{max-width:100%;height:auto}
a img{border:none}

.alignleft{float:left;clear:left;margin:0 20px 20px}
.alignright{float:right;margin:0 0 20px 20px}
.alignnone{margin:0 auto 20px;display:block}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
  margin: 0 0 20px 20px;
}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
  margin: 0 20px 20px 0;
}

/* -----------------------------------------

#buttons

-----------------------------------------*/
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding: 14px 38px;border-radius: 25px;display:inline-block;font-size: 18px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family: "Merriweather",sans-serif;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;}
.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:#0e8cda}
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

-----------------------------------------*/
.alert-dismissible{background-color:#0d49f4;padding:13px 15px}
.alert-dismissible>.container{position:relative}
a.alert-content{display:block;padding:5px;background-color:rgba(255,255,255,0.28);border-radius:2px;margin:auto;max-width:710px;text-decoration:none;color:#fff}
.alert-title{background-color:#e72222;display:inline-block;padding:4px 11px;font-weight:700;line-height:1;margin-right:12px;border-radius:3px}
.alert-brief{font-size:14px}
button.alert-dismiss{position:absolute;right:0;top:0;background:transparent;border:0;padding:5px}
/* -----------------------------------------

#rz edit

-----------------------------------------*/
.rzEditWrap a {text-decoration:none}
#flyout-wrap .rzEditWrap {margin:0;position:absolute;top:-49px}
.rzBtn,.rzEditWrap a[href='javascript:void(0);'],.rzEditWrap a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']{padding:7px 16px;border:0;border-radius:4px;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;text-transform:uppercase;transition:all .2s;letter-spacing:.025em;color:#6a00ec;background:#fff;border:1px solid #6a00ec}
.rzEditWrap a[href='javascript:void(0);'] > img{/* display:none;*/position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;height:100%;z-index:99}
#post .rzBtn{font-size:10px;padding:3px 6px}
#post .rzEditWrap .rzBtn{padding:7px 16px;font-size:12px}
.rzEditWrap a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php'] > img{display:none}
.rzEditWrap a[href='javascript:void(0);']::before{content:'Admin Panel';color:#6a00ec}
.rzEditWrap a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']::before{content:'Help';color:#6a00ec}
.rzBtn:hover,.rzEditWrap a[href='javascript:void(0);']:hover,.rzEditWrap a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']:hover {/* background:#ffffff;*/box-shadow:inset 0px -4px 0px 0px #6a00ec;/* color:#6a00ec;*/}
.rzEditWrap a[href='javascript:void(0);']{margin-left:0px;position:relative}
.rzEditWrap.rzSliderBtns {position:absolute;z-index:70;bottom:100px;text-align:center;left:0;right:0}
.float_button_above.rzEditWrap {top:50px;right:0;z-index:100}
.social-media-links .rzEditWrap {position:absolute;z-index:99;right:340px;top:2px}
.rzEditWrap.rzQuicklinkWrap {position:absolute;z-index:99;top:5px;left:0;right:0;text-align:center}
main {position:relative}
#freeform .rzEditWrap {margin-bottom:15px}
.inline-YTPlayer{position:absolute !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;max-width:100% !important}
#wrapper_video-bg{z-index:60 !important}
.rzItemEdit>span,.rzItemEdit>span * {line-height:1}
.rzItemEdit i {padding:5px;font-size:15px;margin-right:2px}
#news_wrapt>.rzItemEdit {position:relative}
.fullwidth #news-list>.rzItemEdit:first-of-type {top:0}
#news_wrap>.rzItemEdit {top:39px;margin-bottom:5px;z-index:99}
.rzItemEdit .fa-pencil {color:#6a00ec}
.rzItemEdit .fa-trash {color:#db0601;margin:0}
.rzItemEdit>span {float:left}
.rzItemEdit>span+span {float:right}
#site-information .social-media-links .rzEditWrap {display:none}
.site-info .rzEditWrap {position:absolute;top:-40px;left:0}
.rzFooterLinks {position:absolute;z-index:1;top:23px;left:0}
#logo img,#logo-footer img {max-height:130px}
#homepage .rzEditWrap a[href='javascript:void(0);'] {margin-left:4px}
.faq-container .chooseBtn {display:none}
#news_wrap .rzItemEdit{position:absolute;right:15px;background:rgba(0,0,0,.05);border-radius:3px;z-index:1}
i.fa.fa-pencil:before{content:"\f044"}
/* -----------------------------------------

#main

-----------------------------------------*/
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
#video-bg {position:static !important;padding:0 !important;overflow:auto !important;height:100% !important}
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav a.toggle, #nav a.toggle2 {display:none;padding:0;position:absolute;margin-top:-23px;margin-left:-5px;font-family:"Font Awesome 5 Free"}
#nav li.focused>a.toggle{display:inline}

.dropdown-backdrop{display:none!important}

header{position:relative;z-index:200}

#nav{padding:0;margin:0}
#nav li{margin:0;display:inline-block;transition:background .3s ease}
#nav>li:hover{}
#nav a,
#nav span{display:block;font-size:18px;text-decoration:none;font-weight:700}
#nav>li>a, #nav>li>span{font-family:"Merriweather",sans-serif;font-weight:700;font-size:24px;padding:16px 39px}
#nav ul{padding:0;margin:0}
#nav ul a,
#nav ul span{font-size:16px;padding:8px 0;display:block}
#nav ul ul a, #nav ul ul span{font-weight:400;padding-left:15px}

#twitterfeed{background:#f1f1f1}
.goog-te-banner-frame{display:none}
#translate-button{background:none;color:#121314!important;padding:0;border:0;font-family:sans-serif}
#translation-links{padding:0;margin:0;display:inline-block;width:90px;text-align:center}
#translation-links li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:30px;margin:0;position:absolute;top:100%;right:0;width:700px;background:#fff;display:none;z-index:100}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0}

header#header{background:rgba(255,255,255,0.75)}

#alert_bar{padding:13px 15px;}
#alert_wrap{max-width:1200px;margin:auto;text-align:center}
#alert_wrap>a{background:rgba(255,255,255,0.3);border-radius:20px;padding:5px 30px 5px 5px;display:inline-block;font-size:14px;text-decoration:none;color:#fff;max-width:calc(100% - 30px)}
.warning-capsule{display:inline-block;padding:4px 11px;background:red;font-weight:700;color:#fff;border-radius:15px;font-size:16px;line-height:1;margin-right:25px}
#alert_close{float:right;padding:0;background:none;margin:8px 4px;border:0}

#header_float{position:absolute;left:0;right:0}
#header_top{background:rgba(255,255,255,.75);padding:19px 0 18px}

a.logo-wrap{text-decoration:none}
.logo-text{display:none}
.logo-wrap>.text-logo{display:inline-block;color:inherit;font-size:30px}
#header_top .logo-wrap img{max-height:80px}

#social-media-links{display:inline-block;margin-top:18px}
a.social-media-link{text-decoration:none;color:#121314;font-size:18px;margin-left:19px}

#search{display:inline-block;margin-top:14px}
.search-form{margin:0;position:relative} #search-input{width:380px;height:54px;border-radius:27px;font-style:italic;color:#9b9c9c;font-size:18px;padding-left:29px;font-family:"Lato",sans-serif;max-width:100%}
.search-form button{padding:0;background:none;!important;font-size:20px;position:absolute;top:17px;right:20px;border:0}

#topnav_wrap{}

#date_weather{position:absolute;left:0;right:0;bottom:108px;z-index:55;font-weight:700;font-family:"Merriweather",sans-serif;font-size:30px;max-width:1230px;padding:0 15px;margin:auto}
#slider_date{float:left}
#weather{float:right}

#slider_quicks{max-width:1230px;padding:0 15px;margin:-78px auto 65px;position:relative;z-index:61}
#slider_quicks.owl-carousel .owl-item{text-align:center}
#slider_quicks.owl-carousel .owl-stage{padding:15px 0}
a.quick-item{display:inline-block;text-align:center;width:200px;text-decoration:none;color:#121314;	transition:all .3s ease}
a.quick-item:hover{transform:scale(1.025)}
.quick-background{width:120px;height:120px;border-radius:50%;margin:auto;padding-top:60px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.3)}
#slider_quicks .owl-item:nth-of-type(2n) .quick-background, .quick-item:nth-of-type(2n) .quick-background{}
.quick-background img{transform:translateY(-50%);display:inline-block!important;width:auto!important}
.quick-background i{font-size:56px;display:inline-block;transform:translateY(-50%);color:#fff}
.quick-content{font-size:22px;font-family:"Merriweather",sans-serif;font-weight:700;height:70px;position:relative;line-height:1}
.quick-text{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%)}

#events_tabs{padding:0 15px;text-align:center}
.event-tab{display:inline-block;font-size:30px;font-family:"Merriweather",sans-serif;padding:21px 63px;margin:0 13px 0;background:none;!important;border-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;text-transform:none;min-width:230px;border:0}
.event-tab:first-of-type{margin-left:0}
.event-tab:last-of-type{margin-right:0}
.event-container{text-align:center;padding:46px 0 50px;display:none}
.event-container.current{display:block}

#news_wrap, #mini-events{text-align:left;margin:0 -15px 40px}
.mini-events-list:after, .mini-events-list:before{content:" ";display:table;clear:both}
#news_wrap:after{content:"";display:table;clear:both}
.news-item, a.news-item{display: flex;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;position:relative;margin:0 15px;text-align:left;align-items: stretch;}
.news-date{display: flex;width:26%;font-size:70px;font-family:"Merriweather",sans-serif;font-weight:400;line-height:37px;padding-bottom: 30px;align-items: center;justify-content: center;flex-direction: column;min-width:120px}
.news-date>span{font-size:16px;display:block;font-family:"Lato",sans-serif;text-transform:uppercase;}
.news-content{display: flex;color:#262828;font-family:"Merriweather",sans-serif;font-style:italic;font-size:24px;padding: 15px 5%;min-height: 140px;}
.news-title{align-self: center;}
.cal-event{display:block;float:left;width:calc(50% - 30px);position:relative;}
#freeform .news-item{box-shadow: 1px 1px 6px 0px rgba(0,0,0,.25);margin:15px}

#about_intro{padding:94px 0 102px}
#about_photo{border-radius:10px}
#about_content{font-family:"Merriweather",sans-serif;font-size:30px;font-weight:700;padding:52px 0px 45px;line-height:1.2}

footer#footer{background:#121314}
#footer_content{max-width:1230px;margin:auto;width:100%;padding:50px 15px 30px}
#footer_content:after{content:"";display:table;clear:both}
#footer_address{text-align:center;float:right;width:320px;padding:10px 25px 0 0}
#footer_socials{text-align:right;padding-top:20px}
#footer_socials .social-media-link{width:50px;height:50px;border-radius:50%;text-align:center;color:#fff;padding-top:15px;margin-left:7px}
#footer_socials .social-media-link.fa-facebook-f{background:#1772cd}
#footer_socials .social-media-link.fa-twitter{background:#15b1eb}
#footer_socials .social-media-link.fa-instagram{background:#7e17cd}
#footer_socials .social-media-link.fa-youtube-play{background:#cd1717}
#footer_socials .social-media-link.fab:hover{}

#footer_links{text-align:right;padding:42px 4px 15px 0}
#footer_links ul{list-style:none;margin:0;padding:0}
#footer_links li{margin:0;display:inline-block;padding-left:12px}
#footer_links a{text-decoration:none;}

#footer_copyright{text-align:center;padding:16px;color:#fff}
.footer-section{letter-spacing:-.6px}
.footer-section:after{content:"\2022";font-size:8px;padding:0 10px;vertical-align:middle}
.footer-section:last-of-type:after{content:none;display:none}
.footer-section a{color:inherit;text-decoration:none}

.icon-close:after{content:"";display:inline-block;width:18px;height:18px;background:url('../images/close.png')}

/* -----------------------------------------

#inner

-----------------------------------------*/
#freeform #header_float{position:static}

#flyout-wrap{}
#flyout{padding:6px 0 0;margin:0}
#flyout li{position:relative;margin:0;list-style:none;border-bottom:1px solid rgba(255,255,255,.25)}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:15px;line-height:1.5;padding:11px 30px 11px}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,
#flyout ul span{padding:10px 30px 10px 45px}
#breadcrumbs{font-size:12px;text-transform:capitalize;float:left}
#breadcrumbs ul{list-style:none;margin:0;padding:0}
#breadcrumbs li{color:#121314;margin:0;display:inline-block}
#breadcrumbs li:after{content:"\f054";font-family:"FontAwesome";font-weight:700;color:#121314;font-size:7px;padding:0 5px}
#breadcrumbs li:last-of-type:after{content:none;display:none}
#breadcrumbs a{}

#flyout-toggle{padding:15px;color:#fff;font-size:18px}
#freeform #main_wrap{padding:30px 0;position:relative;z-index:60}
#entry{padding:30px;background:#fff}
#post_header:after{content:"";display:table;clear:both}

#font-resizer{float:right;font-size:12px;line-height:1.5}
#increase-font, #decrease-font{border:0;padding:0;font-size:12px;color:#fff;border-radius:0;width:17px;height:18px}
#increase-font{margin-left:5px}

#page-title{font-weight:700;font-family:"Merriweather",sans-serif;font-size:30px;margin:22px 0 17px}
/* -----------------------------------------

#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:#F26A39!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;font-size: 14px;}
.floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
#slider{height: 700px;position:relative;}
#slider:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:325px;z-index:54;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));}
#slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51}
.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}

/* 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-controls{display:none}
.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:0;-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{opacity:0.6;right:20px}
.bx-wrapper:hover .bx-prev{opacity:0.6;left:20px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1}
/* -----------------------------------------
# ADA MENU
-------------------------------------------*/
.accessibility-menu ul{margin:0;padding:15px;list-style:none;position:relative}
.accessibility-menu a{display:block;padding:5px 10px;border:1px solid rgba(0,0,0,.2);border-radius:13px;text-decoration:none;color:#333}
.accessibility-menu a:focus,.accessibility-menu a:hover{text-decoration:underline;background:rgba(0,0,0,.6);color:#fff!important}
.yellowlinks .accessibility-menu a:focus,.yellowlinks .accessibility-menu a:hover{color:#555!important}
.yellowlinks .explore-birmingham span{background:#ff0;color:#000}
.accessibility-wrap{position:fixed;z-index:250;top:150px;left:0;transition:all .2s ease;left:-250px}
.accessibility-wrap.visible{left:0!important}
.accessible-btn{/*!z-index:250;position:fixed;left:0;top:150px;*/float:right}
.accessible-btn a{color:#fff!important;font-size:3.0rem;text-decoration:none;padding:11px}
.accessibility-menu{background:#fff;float:left;transition:all .5s ease;position:relative;width:250px;z-index:252}
.accessibility-menu.active{padding-left:auto;display:block}
.accessibility-wrap:not(.visible) .accessibility-menu a{display:none;visibility:hidden}
.accessibility-wrap.visible a{display:block}
/* -----------------------------------------
# ADA COLORS
-------------------------------------------*/
/* Highcontrast */
.highcontrast .button, .highcontrast a.button, .highcontrast button, .highcontrast input[type="submit"], .highcontrast input[type="reset"], .highcontrast input[type="button"], .highcontrast .btn{background:#000!important}
.highcontrast #top-bar, .highcontrast header{background:#000!important}
.highcontrast #top-bar{border-bottom:1px solid rgba(255, 255, 255, .5)}
.highcontrast #nav a, .highcontrast #nav span{color:#fff!important}
.highcontrast #nav ul{background:#999 !important}
.highcontrast .section-heading h2{color:#000 !important}
.highcontrast #search input{background:#000;color:#fff}
.highcontrast #search input::placeholder{color:#fff}
.highcontrast #search input:placeholder{color:#fff}
.highcontrast #search input::webkit-input-placholder{color:#fff}
.highcontrast #search input:-moz-placeholder{color:#fff}
.highcontrast #search input::-moz-placeholder{color:#fff}
.highcontrast #search input:-ms-input-placeholder{color:#fff}
.highcontrast .slider-caption{background:#000 !important}
.highcontrast #quick-links-carousel .quick-link{color:#000!important}
.highcontrast .news{background:#fff !important}
.highcontrast #site-information .social-media-link, .highcontrast #site-information #address, .highcontrast .site-info-header, .highcontrast .news-title, .highcontrast #site-information .site-info-link{color:#000 !important;opacity:1}
.highcontrast footer{background:#000 !important}
.highcontrast #flyout-wrap{background:#000 !important}
.highcontrast #flyout ul{background:#999!important}
.highcontrast #alert-header{color:#fff !important}
.yellowlinks a,.yellowlinks #main a{background:#ff0!important;color:#000!important}
.highcontrast.yellowlinks #nav a, .highcontrast.yellowlinks #nav a{color:#000!important}
.greyscale{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.underline-links a{text-decoration:underline!important}
/*!Cookie Consent Begin*/
#cookieConsent {background-color:rgba(20,20,20,1);min-height:26px;font-size:1.4rem;color:#ccc;line-height:26px;padding:50px 0 30px;position:fixed;top:0;left:0;right:0;display:none;z-index:9999}
.highcontrast #cookieConsent .btn{border:1px solid #fff}
#cookieConsent #closeCookieConsent {display:inline;cursor:pointer;margin:0;position:absolute;right:15px;top:15px;color:#fff}
#closeCookieConsent:hover {color:#FFF}
#cookieConsent a.cookieConsentOK {color:#000;display:block;cursor:pointer;float:right;margin:0 auto}
#cookieConsent a.cookieConsentOK:hover {background-color:#E0C91F}
/*!Cookie Consent End*/
/* -----------------------------------------

#media queries

-----------------------------------------*/
@media (min-width: 1260px) { .container{width:1230px} }

@media (max-width: 1200px) {
	#nav>li>a, #nav>li>span {padding:16px 16px;font-size: 20px}
}

@media only screen and (min-width:992px) {
	#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#flyout .toggle{position:absolute;left: 8px;top: 4px;}
	#flyout .fa.toggle:before{content:"+";display: block;width: 8px;text-align: center;}
	#flyout .opened .fa.toggle:before{content:"-"}
	#nav .toggle2{display:none!important}
	#nav{display:block!important;text-align: center;position: relative;}
	.layout-table{table-layout:fixed;width:100%}
	#nav>li>ul{position:absolute;top:100%;left:0;right:0;display:none;text-align:left;column-count:4;column-rule: solid 3px rgba(255,255,255,.20);column-gap: 43px;padding: 7px 23px;}
	#nav li:hover>ul{display:block}
	#nav ul>li{width:100%}

	#flyout ul{background:rgba(0,0,0,0.25)}
	#flyout li:hover>a, #flyout li:hover>a{}
	/*#flyout li:hover>ul{display:block} -- Custom Hover Instead */

	#flyout a.toggle{padding: 10px 7px!important;background:none!important;line-height: 1;}

	.footer-33{width:33.33%;float:left}
	.footer-66{width:66.66%;float:left}
}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	#freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important}
	#freeform #formwizziwmorf tr table tr{display:table-row!important}
	#freeform #formwizziwmorf tr table td{display:table-cell!important}
	/* Allows tables to be used as columns with responsive stacking */
	.layout-table{width:100%!important}
	.layout-table,
	.layout-table thead,
	.layout-table tbody,
	.layout-table th,
	.layout-table td,
	.layout-table tr{display:block!important}
	.layout-table td{margin-bottom:15px}

	#toggles{position:absolute;right:15px;top:15px;z-index:100}
	#nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px}

	#header_float{position:relative}

	button.alert-dismiss{right:auto;left:-13px}

	#nav,#flyout{display:none}
	#nav li{display:block;position:relative}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)}
	#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);display:none}
	#nav a.toggle, #nav a.toggle2{display:block;margin:0}
	.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}

	#search{display:none;width:100%}
	#search-input{width:100%}

	#about_photo{margin:auto;display:block}
	#footer .logo-wrap{display:block;text-align:center}
	#footer_address{display:block;padding:15px 0;width:100%;float:none}
	#footer_socials{text-align:center;padding-top:10px}
	#footer_socials>a{margin-top:15px}
	#footer_links{text-align:center}

	#news_wrap{margin:0 0 40px}
	.cal-event{float:none;width:100%;margin:0 0 15px}
	.news-content{font-size:18px}

	#social_search{padding-right:115px}
	#slider{height:350px}

	.floating-share-btn{top:auto;bottom:10%;font-size:12px}

	#google-translate, #translation-links{display:none}

}

	/* All Mobile Sizes (devices and browser) */
@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}

	.event-tab{margin: 0 auto!important;display:block;max-width:100%;width:100%;padding:21px 0}
	#header_top{padding-bottom:0}
	#header_top .logo-wrap{max-width:calc(100% - 110px);display:block}
    .event-tab:last-of-type{border-radius:0}
	#slider_date, #weather{float:none;margin:10px auto;text-align:center}

	#social_search{text-align:center;padding:5px 15px;margin-top:15px}
	#social-media-links{margin:0}
	#social-media-links a.social-media-link{color:#fff;font-size:22px}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {}

@media print {
	#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important}
	a[href]:after{content:none!important}
}

#entry{height:unset!important;}
#header_top .logo-wrap img {max-height: 150px;}
