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

	Theme Name: Piscataway, NJ
	Front-end developer: Omar Baig
	Author Design: Jade Wang
	Author URI: http://www.revize.com/
	Date: 07/09/2020

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

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Italic.woff2') format('woff2'),
        url('../fonts/GillSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


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

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:18px;line-height:1.222;font-family:'Source Sans Pro', sans-serif;color:#000;-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:#000;margin-bottom:30px;font-family:"Merriweather",serif;}
.subheader{font-size:28px;margin-bottom:15px;font-family:"Merriweather",serif;;line-height:22px;color:#000}
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:10px 20px;background:#cea630;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:'Source Sans Pro', 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:#0e8cda}
.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

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

.floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:5px solid rgba(255,255,255,.6);background:#000;background:rgba(0,0,0,.9);box-shadow: 0px -7px 18.2px 1.8px rgba(0, 0, 0, 0.16);color:#fff;padding:50px 66px 42px 77px;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;font-weight:600 !important;font-size:16px;color:#000 !important}
.floating-alert .close{padding:0;background:none!important;opacity:1;position:absolute;right:20px;top:20px}

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

#rz edit

-----------------------------------------*/
.rzHeader{position:absolute;top:250px;left:0;right:0;z-index:101;width:550px;margin:auto}
a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"] {all:unset;position:relative;z-index:199;display:inline-block!important;font-family:"Source Sans Pro",serif!important;letter-spacing:0px;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#EEE!important;font-weight:700;text-transform:none;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap}
a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush{position:absolute;margin-top:-30px}
a>span.rzBtn.rzSmall, .rzContainer a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px}
a>span.rzBtn.rzCenter{transform:translateX(-50%)}
.rzAdmin{position:relative;z-index:199;display:inline-block;padding: 0 12px;}
.rzAdmin>img{position:relative;z-index:2;opacity:0;width:95px;height:36px}
.rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:-2px;display:inline-block;font-family:"Source Sans Pro",serif;padding:5px 13px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap;}
a>span.rzBtn:hover, .rzAdmin:hover:after, body:not(#rz-editform) a[href*="/revize_faq.php"]:hover:after {background:linear-gradient(#333,#555)!important}
body:not(#rz-editform) a[href*="/revize_faq.php"]{padding:0}
body:not(#rz-editform) a[href*="/revize_faq.php"]>img{position:relative;z-index:2;display:none}
body:not(#rz-editform) a[href*="/revize_faq.php"]:after{content:"Help";z-index:1;cursor:pointer;display:inline-block;padding:5px 22px 5px 23px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap}
#dataTable .header{display:table-cell}
.alertbtn{position:fixed;bottom:20px;right:20px;z-index:1000}
.rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px}
.rzContainer>a{display:inline-block!important}
/* -----------------------------------------

#main

-----------------------------------------*/
#homepage #main{margin-top:69px}
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}
.container{width:1080px;max-width:100%}

.ada-icon{position:fixed;z-index:55;bottom:37.8%;left:9px;width:69px;direction: block;text-decoration: none!Important}

header{position:fixed;width:100%;z-index:200;background:#000}

#top-bar{height:64px}
#top-right{text-align: right}
#controls{margin-right:-32px}
#weather,
#social-media-links,
#translation-links{float:right;position:relative;z-index:100}

#search{margin-left: 28px}
#search form{margin:0;position:relative}
#search button{display: none}
#search label{position:absolute;left:25px;top:48%;transform:translateY(-50%);font-weight:400!important;font-size:22px}
#search input{width:100%;background: #d4af37;border:0;font-family:"Source Sans Pro",sans-serif;font-size:18px;color:#000;height:64px;padding:10px 15px 10px 54px}
#search input::-webkit-input-placeholder{color:#000;font-family:"Source Sans Pro",sans-serif;font-size:18px}
#search input:-moz-placeholder{color:#000;font-family:"Source Sans Pro",sans-serif;font-size:18px}
#search input::-moz-placeholder{color:#000;font-family:"Source Sans Pro",sans-serif;font-size:18px}
#search input:-ms-input-placeholder{color:#000;font-family:"Source Sans Pro",sans-serif;font-size:18px}

#social-media-links{padding:19px 0}
.social-media-link{margin:0 5px}
.social-media-link img{width:21px;display:inline-block}
.social-media-link:nth-of-type(1) img{width: 11px;margin-right:6px;margin-top:-4px}
.follow-us-link{color:#d4af37;font-size:18px;font-family:"Source Sans Pro",sans-serif;font-weight:300;text-decoration:none!important}

#twitter-feed{background:#fff;height:100%;}
.goog-te-banner-frame{display:none}
#translation-links{padding:0;margin:20px 20px 0 0}
#translate-button{padding:0;background:none!Important;color:#d4af37!important;font-size:18px;font-family:"Source Sans Pro",sans-serif;font-weight:300!important;text-decoration:none!important;text-transform:capitalize!important}
#translate-button img{width:28px;margin:-5px 9px 0 0}
#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}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0}

#weather{color:#d4af37;margin:-3px 27px 0 0}
#weather i{font-style: normal!important;font-size:50px;position:relative;top:3px;left:-10px}

#nav-wrap{border-top:2px solid #63521a;position:relative}
#logo{display:block;width:151px;position:absolute;left:84px;top:-44px}
#nav{padding:0;margin:0 -30px 0 0}
#nav li{position:relative;margin:0;display:inline-block;padding:0 14.5px}
#nav li:first-of-type{padding-left:0}
#nav li:last-of-type{padding-right:0}
#nav a,
#nav span{display:inline-block;font-family:"Source Sans Pro",sans-serif;font-size:22px;color:#fff;letter-spacing:.05em;text-decoration:none!Important;padding:20px 0}
#nav ul{padding:0;margin:0;display:none;text-align:left}
#nav ul li{padding:inherit!important;display:block}
#nav ul a,
#nav ul span{font-size:14px;padding:7px 10px;display: block}

/*QUICKLINKS*/
#quicklink-section{position: absolute;bottom:0;left:0;right:0;z-index:60}
#quicklinks{height:150px}
.quicklink a{display: block;text-decoration:none!important;position:relative;padding:80px 0 20px;margin:0 auto;}
.quicklink .image{display: block;}
.quicklink .link-main{width:50px;position:absolute;left:0;right:0;top:25px;bottom:0;margin:0 auto}
.quicklink a:hover .link-main{filter:brightness(0) saturate(100%) invert(68%) sepia(72%) saturate(441%) hue-rotate(4deg) brightness(94%) contrast(84%);}
.quicklink .text{font-family:"Source Sans Pro",sans-serif;font-size:20px;color:#fff;}
#quicklinks-ow{position:relative;margin:0 -70px}
#quicklinks-ow .tns-controls button{background:none!important;padding:0}
#quicklinks-ow .tns-controls button:first-of-type{position:absolute;left:0;top:80px;transform:translateY(-50%);z-index:50;width:30px}
#quicklinks-ow .tns-controls button:last-of-type{position:absolute;right:0;top:80px;transform:translateY(-50%);z-index:50;width:30px}

/*MAGAZINE SECTION*/
#quick-popups{position:relative;margin:0 -70px}
.quick-popup{position:absolute;background:rgba(0,0,0,.92);width:474px;z-index:99;padding:48px 45px 48px 62px;transition:all .5s}
.quick-popup img{float: left;width:164px}
.quick-popup .info{text-align: left;margin-top:-6px;padding-left:184px;color:#fff}
.quick-popup .btn{width:154px;padding:0;font-size:16px;margin:37px 0 0 0;background:#c11911!important;font-weight:600!important;padding:10px 0}

/*NEWS*/
#news-right{margin-top:29px}
#news-right .btn{margin-left:11px;background:#c11911;font-weight:600 !important;font-size:16px;padding:10px 69px}
#news-prev,#news-next{width:41px;cursor:pointer;margin-left:3px}
#news-controls{display:block!important}
#news-container{width:1303px}
#news-header{font-family:'Merriweather';font-size:52px;margin-bottom:28px}
.two-boxes>.news{height:247px;position:relative}
.news-bigger{height:363px;width:629px;position:relative}
.float-right{float:right;width:100%}
.float-left{float:left;width:100%}
#homepage .news,
#homepage .news-bigger{position:relative;display:block;margin-bottom:15px;text-decoration:none}
#homepage .news:hover,
#homepage .news-bigger:hover{text-decoration:none}
#homepage .news:after,
#homepage .news-bigger:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;opacity:1;transition:all .3s;background:url(../images/big-box-fade.png) top left repeat-x;background-size:contain}
#homepage .news:hover .news-inner,
#homepage .news:hover .red-arrow,
#homepage .news-bigger:hover .news-inner,
#homepage .news-bigger:hover .red-arrow,
#homepage .news:hover:after,
#homepage .news-bigger:hover:after{opacity:0}
#homepage .news,
#homepage .news-bigger{width:100%;break-inside:avoid;display:block}
#homepage .news-inner{position:relative;padding:0 42px 0;z-index:1}
#homepage .news-link{display:inline-block;height:100%;text-decoration:none;position:relative;z-index:1}
#homepage .news-bigger .news-inner{top:63%}
#homepage .news .news-inner{top:50%;opacity:1;transition:all .3s}
#homepage .news-date{color:#d4af37;font-size:16px;font-weight:600}
#homepage .news-title{color:#fff;font-size:20px;font-weight:600}
#homepage .two-boxes{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px}
#homepage .red-arrow{position:absolute;transition:all .3s;opacity:1;right:0;top:50%;width:28px;transform:translateY(-50%);z-index:1}
#homepage .scroll-arrows{height:28px;width:28px}

/*DEPARTMENTS*/
#department-section{background:#d4af37;padding:23px 0 76px;margin-top:86px}
#department-section .section-header{font-family:"Merriweather",serif;font-size:52px;margin-bottom:20px}
#departments-mw{padding:20px 0}
.department:first-of-type a{border-left:1px solid #000}
.department a{display: block;text-decoration:none!important;position:relative;padding:80px 0 20px;margin:0 auto;border-right:1px solid #000;height:156px}

.department .image{display: block;}
.department .link-main{width:43px;position:absolute;left:0;right:0;top:35px;bottom:0;margin:0 auto}
.department .link-hover{display:none;width:43px;position:absolute;left:0;right:0;top:35px;bottom:0;margin:0 auto}
.department a:hover .link-main{filter:brightness(0) saturate(100%) invert(19%) sepia(61%) saturate(4891%) hue-rotate(353deg) brightness(76%) contrast(99%);}
.department .text{font-family:"Source Sans Pro",sans-serif;font-weight:600;font-size:16px;color:#000;text-transform:uppercase;margin:6px 0 0}
#departments-ow{position:relative}
#departments-ow .tns-controls button{background:none!important;padding:0}
#departments-ow .tns-controls button:first-of-type{position:absolute;left:-79px;top:40.2%;transform:translateY(-50%);z-index:50;;width:28px}
#departments-ow .tns-controls button:last-of-type{position:absolute;right:-79px;top:40.2%;transform:translateY(-50%);z-index:50;width:28px}
#departments-ow #notices-prev{background:#c81f00;padding:10px 15px;font-size:20px}
#departments-ow #notices-next{background:#c81f00;padding:10px 15px;font-size:20px}

#departments-ow .tns-nav{position:absolute;left:0;right:0;bottom:-32px;text-align:center;}
#departments-ow .tns-nav button{border-radius:50%;width:16px;height:16px;padding:0;background:#fff;margin:0 7px}
#departments-ow .tns-nav .tns-nav-active{background:#000}

/*Mayor Message*/
#mayor-message{position:relative;overflow: hidden}
.mayor-left{margin-right:-15px}
.mayor-right{position:relative;background:#000;margin-left:-15px;height:573px;padding:64px 0;z-index: 0}
.quote-icon{position:absolute;width:156px;top:-4px;left:46px}
.mayor-right .section-header{margin:0;font-family:"Merriweather",serif;font-weight:700;font-size:52px;color:#d4af37;text-align: center}
.mayor-right .quote-section{border:1px solid #262626;margin:28px 56px 0 56px;position:relative;height:340px;padding:30px;}
.mayor-right .quote-section .text{font-family:"Source Sans Pro",sans-serif;font-size:18px;color:#fff;position:relative}
.mayor-right .btn{position: absolute;right:0;bottom:1px;font-size:16px;font-weight:600!important;color:#fff!important;background:#c11911!important;padding:10px 60px}
.mayor-right .quote-icon-2{position: absolute;bottom:-5px;right:45px;width:156px;z-index:-1;transform:rotate(180deg)}

/*Newsletter Section*/
#newsletter-section{padding:100px 0}
.newsletter-area{box-shadow: 0px 8px 25.65px 1.35px rgba(0, 0, 0, 0.18);background:#fff;border-radius:10px;position:relative}
.newsletter-left{padding:74px 70px 49px 93px}
#newsletter-section .section-header{margin:0;font-family:"Merriweather",serif;font-size:37px;font-weight:700;color:#d4af37;text-transform:uppercase}
#newsletter-section .text{font-size:22px;color:#000;font-family:"Source Sans Pro",sans-serif;margin: 13px 0 0 0;line-height: 1}
#newsletter-signup{position: relative}
#newsletter-signup input { display: block; margin: 26px 0px 22px 4px; height: 43px; padding: 10px 63px; width: 97.5%;;font-family:"Source Sans Prop",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#newsletter-signup input::placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#newsletter-signup input::-webkit-input-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#newsletter-signup input:-moz-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#newsletter-signup input::-moz-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#newsletter-signup input:-ms-input-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#newsletter-signup .subtext{font-family:"Source Sans Pro",sans-serif;font-size:16px;color:#000;line-height:18px;margin-bottom:25px}
#newsletter-signup button{font-size:20px;color:#fff!important;font-weight:400!important;margin:0 0 0 3px;width:98%;padding:8px 0 7px;background:#c11911!important}
#newsletter-signup button:hover{background:#cea630!important}
.newsletter-image{margin-left:-15px;border-radius: 0 10px 10px 0}
.newsletter-logo {position:absolute;top: 34.5%;transform: translate(-50%);left: 50%;width: 151px;z-index: 0;}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header{
    color: #c11911!important;
    text-transform: capitalize!important;
}

.ctct-form-embed.form_0 .ctct-form-defaults{
    background-color: white!important;
}



/*EVENTS*/
#events-section{padding:43px 0 98px;background:#d4af37}
#events-section .section-header{margin:0 0 40px 0;font-family:"Merriweather",serif;font-size:52px;color:#020f23;font-weight:700;letter-spacing:.05em;text-transform: capitalize}
#events-section .btn{float:right;background:#c11911;font-size:16px;font-weight:600!important;margin:22px 0 0 0;padding:10px 69px}
#events{text-align:center}
#events{position:relative}
#events .tns-controls{position:absolute;top:-81px;right:213px}
#events .tns-controls button{background:none!important;padding:0;width:41px}
#events .tns-controls button:first-of-type{}
#events .tns-controls button:last-of-type{margin-left:5px}
.event a{display: block;position: relative;text-decoration: none!important}
.event .image{height: 322px;width: 100%}
.event .red-plus{position:absolute;right:30px;top:30px;width:31px;z-index:1}
.event .info{margin:24px 0 0 0}
.event .text{font-family:"Source Sans Pro",sans-serif;font-size:24px;letter-spacing: .05em;color:#020f23;}
.event .rd-more{font-family:"Source Sans Pro",sans-serif;font-size:18px;color:#fff;letter-spacing: .05em;font-weight:600;text-transform:uppercase}

/*SOCIAL*/
#social-section{padding:73px 0 100px;position:relative;overflow:hidden}
#social-section .section-header{font-family:"Merriweather",serif;font-size:52px;color:#d4af37;text-transform: capitalize;margin-bottom: 42px}
#social-section .container{position:relative}
#social-section .big-logo {position:absolute;top:-195px;z-index:-1;max-width:826px;width:100%;right: 30px}

#tabs{margin:0 0 0 -107px;padding:0;background:#000;float:left}
#tabs li{display:block;margin:0;height:141px}
#tabs .current{background:#c48b31}
#tabs a{text-decoration:none;color:#fff;font-size: 20px;display:block}
#tabs a:hover{background:#c48b31}
#facebook-label{padding:54px 43px 20px;height:100%}
#facebook-label .fa-facebook-f{font-size:36px}
#twitter-label{padding:54px 37px;height: 100%}
#twitter-label .fa-twitter{font-size:35px}

#tabs-content{padding-left:107px;border:1px solid #4c5b75;height:282px;font-family:"Gill Sans",sans-serif;background:#fff;margin:0 -107px;/*! min-height: 350px; */}
#tabs-content > div:not(.current){display:none}
#twitterfeed{height:100%}
#twitterfeed ul{margin:0;padding:0;column-count:3;-webkit-column-count:3;-moz-column-count:3;column-gap:0px;-webkit-column-gap:0px;-moz-column-gap:0px;break-inside:avoid;height:100%}
#twitterfeed li{display:table;border-right:1px solid #5c6982;margin:0;padding:30px 30px 50px;position:relative;width:100%;page-break-inside:avoid;height:100%}
#twitterfeed li:last-of-type{border:0}
#twitterfeed li:hover:after{position:absolute;content:'';left:44px;right:44px;top:0;background:#c48b31;height:7px;}
.tweet_time{position:absolute;left:30px;bottom:17px}
.tweet_time a{font-size:16px;color:#757a82;display:block}
.tweet_text{display: block;font-size:20px;color:#516991}
.social-feed-element{display:table;border-right:1px solid #5c6982;margin:0;position:relative;width:100%;page-break-inside:avoid;height:100%;padding: 40px 20px 20px 20px;}
.social-feed-element:hover:after{position:absolute;content:'';left:44px;right:44px;top:0;background:#c48b31;height:7px;}
.social-feed-element:last-of-type{border:0}
.social-feed-element .media-object{width:38px;margin-right:10px}
.social-feed-element .attachment{display: block;width: 100%;height: 168px;}
.social-feed-element .author-title{color:#15284b;font-family: "Source Sans Pro",sans-serif;font-size: 18px;font-weight: 600;}
.social-feed-element .muted{position: absolute;left: 25px;top: 15px;font-family: "Source Sans Pro",sans-serif;color: #999999;font-size: 16px;font-weight: 600;}
.social-feed-text{color:#000;font-size: 20px;margin: 0;display: none;}
.social-feed-element .read-button{font-familyfont-f;font-family: "Source Sans Pro",sans-serif;font-size: 16px;display: block;color: #d4af37 !important;text-transform: uppercase;font-weight: 600 !important;text-decoration: none!Important;margin: 15px 0 0;}
#facebook-feeder{margin:0;padding:0;column-count:3;-webkit-column-count:3;-moz-column-count:3;column-gap:0px;-webkit-column-gap:0px;-moz-column-gap:0px;break-inside:avoid;height:100%}
#facebook-feed{width:100%;}
.social-feed-element i{display:none}
/* @-moz-document url-prefix() {
    #twitterfeed li,
    .social-feed-element,
    #instagram-feed .social-feed-element{display:none}
}   */

/*FOOTER*/
footer{font-family:"Source Sans Pro",sans-serif;font-size:16px;color:#fff;background:#000;padding:38px 0 41px}
footer .footer-middle{color:#d4af37;margin:0 0 0 50px}
.footer-left{margin-right:-60px}
#revize{margin-left:-22px}
#revize-link{color:#fff;text-decoration:none!important}
#revize-login{color:#fff;text-decoration:none!important}

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

#inner

-----------------------------------------*/
#freeform .container{width:1230px;max-width:100%}

#freeform #weather{top:130px;z-index:56}
#freeform .bx-controls{display: none    }
#freeform .bx-wrapper .bx-pager{left:50px;bottom:25px}
#freeform .bx-controls-direction{bottom:23px;left:95px}


.department #flyout-wrap{margin-top:39px}

#flyout-wrap{border:1px solid #000;margin:58px 0 0 0;padding-bottom:34px;background:#000}
#flyout-header{font-size:24px;font-weight:600;color:#c48b31;text-transform:capitalize;margin:0;text-align: center;padding:10px 0 8px;background:#fff}
#flyout{padding:12px 0 0 0;margin:0}
#flyout li{position:relative;margin:0;list-style:none;transition:all .3s;padding:0 30px 0 29px}
#flyout li:hover{background:#d5a300;transition:all .3s}
#flyout>li:hover>a{border-color:transparent}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:18px;line-height:22px;color:#fff;padding:10.5px 0;border-bottom:1px solid #fff;overflow-wrap:break-word}
#flyout li:last-of-type a, #flyout li:last-of-type span{border:0}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul li{padding:0}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px}

#news-flyout-wrap{border:1px solid #15284b;margin:39px 0 0 0;padding-bottom:79px;background:#000}
#news-flyout-header{font-size:24px;font-weight:600;color:#c48b31;text-transform:capitalize;margin:0;text-align: center;padding:10px 0 8px;background:#fff}
#freeform-news{padding:11px 0 0 0}
#freeform-news a,
#freeform-news span{display:block;text-decoration:none;font-size:18px;line-height:22px;color:#fff;padding:10.5px 0;border-bottom:1px solid #fff}
#freeform-news li{position:relative;margin:0;list-style-type: none;transition:all .3s;padding:0 35px 0 29px}
#freeform-news li:hover{background:#d5a300}
#news-flyout-wrap .red-plus{display: block;float:right;width:31px;margin:24px 33px 0 0;}

#document-section, #faq-section{margin:39px 0 0 0;  box-shadow: -0.835px 5.942px 13px 0px rgba(0, 0, 0, 0.05);padding-bottom:60px}
#document-section-header, #faq-section-header{background:#000;color:#fff;text-align:center;margin:0;font-size:24px;padding:10px 0 11px}
#document-area, #faq-area{padding:5px 0 0 0}
#document-area li, #faq-area li{display: block;padding:0 20px 0 13px;margin:0}
.document{display:block;text-decoration: none!important;border-bottom:1px solid #aeaeae;padding:25px 15px 25px 73px;position: relative}
#document-area li:hover {background:#f3f3f3}
#document-area li:last-of-type a{border:0}
.doc-icon{width:35px;height:45px;position: absolute;left:21px;top:50%;transform:translateY(-50%);}
.document .title{display: inline-block;font-size:18px;color:#000;}
#document-section .red-plus{display: block;float:right;width:31px;margin:1px 17px 0 0;}
#faq-section{background:#000;color:#fff}
#faq-area li{margin:0 30px;border-bottom:1px solid #fff;padding:10px 0}
#faq-area li>a{text-decoration:none}
#faq-area li .title>i{float:right;transition:transform .3s ease}
#faq-area li.opened .title>i{transform:rotate(180deg)}
#faq-section-header{color:#000;background:#fff;border:1px solid #000}
#faq-section a{color:inherit}
.flyout-answer{padding-top:15px}

#breadcrumbs{font-size:16px;text-transform:capitalize;font-weight:600;color:#cea630}
#breadcrumbs a{font-size:16px;text-transform:capitalize;font-weight:600;color:#000;text-decoration:none;position:relative}
#breadcrumbs a:before{position:absolute;content:'';left:0;right:20px;bottom:0;background:#000;height:1px}
#breadcrumbs a:after{position:relative;content:'\f105';margin:0 6px;color:#000;font-weight:400;font-family:"FontAwesome"}
#breadcrumbs ul{list-style:none;margin:0;padding:0}
#breadcrumbs li{display:inline-block;margin:0;padding:0}

#freeform #slider{height:551px}
#page-title{margin:0;font-family:"Merriweather",serif;font-size:40px;color:#000;text-transform:capitalize;padding:20px 0 30px;border-bottom:1px solid #dcdcdc;margin-bottom: 25px}
#entry{margin:54px 0 100px 56px}
.fullwidth #entry{margin:30px 0}
#post{padding-bottom:30px}

.no-content{display:none!important}
.user-logged-in .no-content{display:block!important}

#entry table{width:100%}

/*DEPARTMENT PAGE*/

.department #contact-box{margin:70px 0 0 0}
.department #flyout li:hover{background:#505d76}
.departments #entry{margin:46px 0 100px 56px}
.departments #page-title{padding:0 0 28px 0;margin:20px 0 25px 0;border-bottom:1px solid #dddddd}

#contact-box{text-align:center;margin:40px 0 0 0;  box-shadow: -0.835px 5.942px 13px 0px rgba(0, 0, 0, 0.05);}
#contact-box-header{font-size:24px;font-weight:600;color:#ffff;text-transform:capitalize;margin:0;text-align: center;padding:10px 0 14px;background:#000}
#contact-box .info{background:#fff;color:#fff;padding:31px 25px;color:#1d3d27;text-align: center}
#contact-box .contact-image{border-radius:50%;border:5px solid rgba(232,154,0,.71);width:121px}
#contact-box .name{font-family:"Gill Sans",sans-serif;font-size:20px;color:#1d3d27;text-transform:capitalize;margin:20px 0 0 0}
#contact-box .title{font-family:"Gill Sans",sans-serif;font-size:18px;color:#1d3d27;margin:9px 0 0 0}
#contact-box .contact-phone{font-family:"Gill Sans",sans-serif;font-size:18px;color:#1d3d27;margin:6px 0 0 0}
#contact-box .contact-email{font-family:"Gill Sans",sans-serif;font-size:18px;color:#1d3d27;margin:7px 0 0 0}
#contact-box .staff-directory{font-family:"Avenir",sans-serif;font-weight:500;color:#000;font-size:18px;text-decoration: none!important;margin:32px 0 0 0;display: block}
#contact-box .staff-directory .staff-arrow{width: 17px;}

#announcement-section{margin-bottom:25px}
#announcement-section .section-header{margin:0;font-size:24px;font-weight:600;color:#cea630;text-transform:capitalize;margin-bottom:15px}
.announcement a{display:block;position:relative;text-decoration:none;  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);}
.announcement img{height: 156px;width: 100%}
.announcement .info{position:relative;padding:15px 15px 32px 32px}
.announcement .date{font-size:14px; color:#c48b31;margin-bottom:12px}
.announcement .text{font-family:"Merriweather",serif;font-size:22px;color:#000}
.announcement .red-arrow{position:absolute;right:0;bottom:0;width:28px;height:28px;top:unset;transform:none}
#announcements-iw{margin:0 -65px 0 -15px!important;padding:10px 15px;}
#announcements-ow{position:relative}
#announcements-ow .tns-controls button{background:none!important;padding:0}
#announcements-ow .tns-controls button:first-of-type{position:absolute;left:0px;top:50%;transform:translateY(-50%);z-index:50;width:30px}
#announcements-ow .tns-controls button:last-of-type{position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:50;width:30px}

#department-newsletter-section{background:#000;padding:30px 0 22px;overflow: hidden}
#department-newsletter-section .container{position:relative}
#department-newsletter-section .section-header{font-family:"Avenir",sans-serif;font-weight:900;color:#de9f00;font-size:32px;}
#department-newsletter-section .section-header span{font-family:"Avenir",sans-serif;font-size:22px;color:#fff;font-weight:400;display: block;margin-top:-6px}
#department-newsletter-section #newsletter-signup button{position: absolute;right:0;top;0;bottom:0;background:#dd0000;width:153px;border-radius:8px;top:0;font-family:"Avenir",sans-serif!important;font-weight:400;color:#fff;font-size:18px;text-transform: capitalize!important}
#department-newsletter-section #newsletter-signup input{border-radius:8px;width:99%;height:50px;padding:10px 170px 10px 36px}
#department-newsletter-section #newsletter-signup input::placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#department-newsletter-section #newsletter-signup input::-webkit-input-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#department-newsletter-section #newsletter-signupp input:-moz-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#department-newsletter-section #newsletter-signup input::-moz-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#department-newsletter-section #newsletter-signup input:-ms-input-placeholder{font-family:"Source Sans Pro",sans-serif;font-size:20px;font-style:italic;color:#a7a7a7}
#department-newsletter-section .big-logo{ position: absolute; left:20px; right:0; top:-70px; bottom:auto; width: 453px;opacity:.16;}


.departments #quicklink-section{position: static;background:#cea630}

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

#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;bottom:50%;right:0;border-radius:0;border:0;background:#cea630!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;display: none}
.floating-share-btn .fa-share-alt{font-size:22px}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
#slider{height:1059px;position:relative}
#slider .slider-left-fade{position:absolute;content:'';top:0;left:0;right:0;z-index:55;background-size:cover;width:690px;height:100%}
#slider:after{position:absolute;content:'';top:0;left:0;right:0;background:url('../images/slider-top-fade.png')top left repeat-x;background-size:contain;height:333px;z-index:55}
#slider:before{position:absolute;content:'';bottom:0;left:0;right:0;background:url('../images/slider-bottom-fade.png')bottom left repeat-x;background-size:contain;height:385px;z-index:55}
#freeform #slider:before{display: none}
#slider-caption{position:absolute;left:0;right:0;top:48.6%;transform:translateY(-50%);z-index:61}
#slider-caption img{width: 430px;float: left}

.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-wrapper .bx-controls-direction a{width:28px;height:32px;margin:-20px 0 0;display:block;position:absolute;z-index:55;top:51.5%;cursor:pointer;opacity:1;-webkit-transition:all .3s ease;opacity:0;-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{text-indent:-9999px}
.bx-wrapper .bx-prev:after{position: absolute;content:'';left:0;right:0;top:0;bottom:0;background:url('../images/slider-prev.png')center no-repeat;background-size:contain;}
.bx-wrapper .bx-next{text-indent:-9999px}
.bx-wrapper .bx-next:after{position: absolute;content:'';left:0;right:0;top:0;bottom:0;background:url('../images/slider-next.png')center no-repeat;background-size:contain;}
.bx-wrapper:hover .bx-next{opacity:1;right:88px;transition:all .3s}
.bx-wrapper:hover .bx-prev{opacity:1;left:88px;transition: all .3s}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1}

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

#media queries

-----------------------------------------*/
@media only screen and (min-width:992px) {
	#nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block;margin-left:8px}
	#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#flyout,#nav{display:block!important}
	.layout-table{table-layout:fixed;width:100%}
    #freeform #nav{text-align: right}
	#nav ul{position:absolute;left:0;top:100%;width:300px;background:#d4af37;display:none}
	#nav li:hover>ul{display:block}
	#nav ul ul{left:100%;top:0}

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

    #nav .toggle{position: absolute;right: 0;top: 50%;padding: 0;margin: 0 !important;line-height: 0;transform: translateY(-50%);color:#cbc8c7;font-family: "FontAwesome" !important;display: none}
    #nav .toggle:after{display:none}
    #nav ul .fa-angle-down{display:none!important}
    #flyout .fa-angle-down{display:none;position:absolute;right:15px;top:0;bottom:0}

    #search{display:block!important}
    #nav ul a,
    #nav ul span{border-bottom:1px solid rgba(0,0,0,.15)}

    #nav>li:nth-last-of-type(-n+2) ul{left:auto;right:0}
    #nav>li:nth-last-of-type(-n+2) ul ul{left:auto;right:100%}
}

@media only screen and (max-width:1400px) {
    #tabs-content{margin:0}
    #tabs{margin:0}
    .ada-icon{bottom:15px;z-index: 999}

}

@media only screen and (max-width:1200px) {
    #nav {margin:0;text-align: right}
    #nav li{padding:0 12px}
    #nav a, #nav span{font-size:18px}

    #quicklinks-ow{margin:0}

    #departments-ow .tns-controls button:last-of-type{right:0}
    #departments-ow .tns-controls button:first-of-type{left:0}

    .mayor-right .quote-section{padding:75px 30px 15px}
    .mayor-right .quote-section .text{font-size:18px}

    #events-section .section-header{font-size:42px}
    #events .tns-controls{top:-69px}

    #contact-box .contact-email{font-size:15px}

    #news-right .btn{padding:10px 25px}
}

@media only screen and (max-width:991px) {
    .mayor-right{height:auto !important}
    .mayor-right .quote-section{height:auto;padding-bottom:55px !important}
    .floating-share-btn{bottom:0}
	/* 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}

    header{position: relative}

	#toggles{position:absolute;right:15px;top:15px;z-index:99}
	#nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#cea630;color:#fff;margin-left:5px}

    #nav {text-align: left;margin:20px 0 0;background:#cea630}
	#nav,#flyout{display:none}
	#nav li{display:block;padding:0!important}
    #nav a,#nav span{display: block!important}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(255,193,64,.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)}
	.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;;font-family:"FontAwesome"!important}

    #logo{position:relative;width:75px;left:15px;top:0;margin:15px 0}
    #search{display: none;margin:0 15px 0!important;padding-bottom:15px}
    #search input{height:50px;}
    #slider{height:440px}
    #slider-caption{top:30%}

    .newsletter-left{padding:25px}
    .newsletter-logo{display: none}
    #newsletter-signup input{padding:10px 20px}
    #tabs-content{padding: 0;;height:auto}
    #twitterfeed li{display:inline-block;border:0}
    #twitterfeed ul{column-count:1}
    #facebook-feeder{column-count:1}
    .social-feed-element{display:inline-block;border:0}
    .social-feed-element .attachment{height:400px}
    #events-section .section-header{margin:0 0 15px 0}
    #events-section .btn{float:left;margin:0 0 15px 0}
    #events .tns-controls{position:static;text-align: left;margin:0 0 15px 0}

    #flyout-header{display: none}
    #flyout-toggle{color:#fff;padding:15px}
    #flyout-wrap{padding:0}
    #flyout li{padding:0}
    #entry{margin:30px 0!important}
    #freeform #slider{height:450px}

    footer{text-align: center}
    footer .footer-middle{margin:0}
    .footer-left{margin: 0}
    #revize{margin:0}

    #news-header,#department-section .section-header,
    .mayor-right .section-header,
    #events-section .section-header{font-size:36px}
    #social-section .section-header{font-size:36px;color:#000}


    #tabs{float:none}
    #tabs>li{width:50%;float:left}
}

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

    #events-section .btn{padding:10px 30px}
    #events-section .tns-controls{left:135px}

    #news-right *{float:none !important}
    #news-controls{margin:15px 0}
    #news-right .btn{margin:0}
    #news-prev,
    #news-next{margin:0 3px 0 0}
    .mayor-right .quote-section{padding:30px}
    .mayor-right .quote-section .text{font-size:16px}
}


@media only screen and (max-width:741px) {
    #news-controls{margin:15px 0}
}

/* 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) {
    #weather{display:none}
}

@media print {
	#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header,#news-flyout-wrap,#document-section,#contact-box{display:none!important}
	a[href]:after{content:none!important}
    #entry{margin:0;padding:0}
}