/*-----------------------------------------------------------------------------------

	Theme Name: Quartzsite, AZ
	Front-end developer: Richard Opiniano
	Author Design: Nasryn Abou-Arabi
	Author URI: http://www.revize.com/
	Date: 7/14/2021

-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,700;1,700&display=swap');
/* -----------------------------------------

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:16px;line-height:22px;font-family:'Poppins',sans-serif;color:#1d1e23;-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{}*/
.subheader{font-size:24px;font-weight:500;color:#1d1e23}
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

-----------------------------------------*/
.btn{background:#b8610e;padding:0}
.btn a{text-decoration:none;color:#fff;padding:18px 31px;display:block}
.button,
a.button,
#post button,
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding:18px 31px;background:#b8610e;color:#fff;border:0;border-radius:8px;display:inline-block;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1;vertical-align:top;font-family:'Poppins',sans-serif;transition:all .3s}
.button:hover,
a.button:hover,
#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#e6bc4b;color:#fff}
.button:active,
a.button:active,
#post button:active,
#post input[type="submit"]:active,
#post input[type="reset"]:active,
#post input[type="button"]:active,
.rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#e6bc4b;color:#fff}
#post button::-moz-focus-inner,
#post 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:'Poppins',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 document center

-----------------------------------------*/
#document-center .rz-doc-search-reset{display:none}

/* -----------------------------------------

#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:'Poppins',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:13px;margin-top:10px}
.floating-alert.fade:not(.show){visibility:hidden}

/* -----------------------------------------

#rz edit

-----------------------------------------*/

/* Put me in main site layout.css  - RZ Edit aread */
.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"], #search-caption a>span.rzBtn{all:unset;position:relative;z-index:199;display:inline-block!important;font-family:'Poppins',sans-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, #search-caption 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 17px}
.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:-1px;display:inline-block;font-family:'Poppins',sans-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:100000}
.rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px}
.rzContainer>a{display:inline-block!important}

/* -----------------------------------------

#main

-----------------------------------------*/
.container{max-width:100%;width:1200px}
.container-fluid{max-width:100%}

#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}

header{position:relative;z-index:200;background:#ffffec;box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.5)}
header .col-xl-6{position:static}


#logo{width:279px;display:inline-block;text-decoration:none;margin:23px 0 0 46px;position:absolute;}

#nav{font-size:0;padding:0;margin:0 -35px}
#nav li{margin:0;display:inline-block}
#nav a,
#nav span{position:relative;display:inline-block;font-size:18px;font-weight:600;color:#1d1e23;text-decoration:none;padding:46px 25px;line-height:1}
#nav ul{padding:0;margin:0}
#nav ul a,
#nav ul span{margin-bottom:21px;color:#fff;padding:0;font-size:15px;display:block;}
#nav ul ul a,
#nav ul ul span{font-weight:400;margin-left:16px}
.first.divider{position:absolute;left:24.95%;top:0;bottom:0;width:3px;background:#c6813e}
.second.divider{position:absolute;left:49.95%;top:0;bottom:0;width:3px;background:#c6813e}
.third.divider{position:absolute;left:74.9%;top:0;bottom:0;width:3px;background:#c6813e}


#nav .toggle,
#nav .toggle2,
#flyout .toggle{display:none}

.goog-te-banner-frame{display:none}
#translate-button{padding:0;font-size:18px;font-weight:600;color:#1d1e23;background:none;font-family:'Poppins',sans-serif;border:0}
#translate-button .fa{margin-left:4px}
#translation-links{padding:0;margin:44px 30px 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}
#translation-links ul li a{text-decoration:none;color:#1d1e23}

.header-right{display:flex;align-items:flex-start;justify-content:flex-end;}

#social-media-links{position:absolute;right:60px;top:20px;z-index:200;font-size:0}
.social-media-link{display:inline-block;width:40px;text-decoration:none;margin-left:10px}

#search{margin:31px 45px 0 0}

.search-form{margin:0;position:relative}
.search-form label{position:absolute;left:17px;top:13px;margin:0;width:15px}
.search-form button{position:absolute;right:14px;top:13px;background:none;border:0;text-transform:uppercase;font-size:16px;color:#954d09;font-weight:600}
.search-form input{border:2px solid #e8d8ba;border-radius:8px;width:230px;height:48px;font-size:14px;color:#954d09;padding-left:41px;padding-right:40px;background:none}
.search-form input::-webkit-input-placeholder{color:#954d09}
.search-form input:-moz-placeholder{color:#954d09}
.search-form input::-moz-placeholder{color:#954d09}
.search-form input:-ms-input-placeholder{color:#954d09}
.search-form input:focus{border:2px solid #e8d8ba}


#quick-links{position:relative;z-index:60;background:url(../images/paper-2.jpg) center no-repeat;background-size:cover;padding-bottom:19px}
#quick-links .container{width:1236px}
#quick-links #tns2-mw{position:relative;top:-62px;margin-bottom:-62px}
#qlinks-controls,#news-controls,#footer-links-controls{display:flex;align-items: center;justify-content:center;margin-top:54px}
#qlinks-controls img,#news-controls img,#footer-links-controls img{width:31px;opacity:.7;transition:all .3s;margin:0 20px;cursor:pointer}
#qlinks-controls img:hover,#news-controls img:hover,#footer-links-controls img:hover{opacity:1;transform:scale(1.5)}


.qlink{display:block;text-decoration:none !important}
.qlink-icon{width:120px;display:block;margin:0 auto 20px}
.qlink-name{display:block;text-align:center;font-weight:600;font-size:22px;color:#1d1e23}



#news-list{background:url(../images/paper-bg.jpg) center no-repeat;background-size:cover;padding:87px 0 83px}
#news-list .button{margin-top:3px}
#news-list #tns3-mw{margin-top:38px}
.section-header{margin:0 0 4px;font-size:48px;font-weight:600;color:#1d1e23}
.section-subheader{font-size:18px;color:#954d09}
.news-image{height:220px;border-radius:8px 8px 0 0}
.news-info{background:#fff;border-radius:0 0 8px 8px;padding:29px 35px 31px}
.news-date{font-family:'Lora',serif;font-weight:700;font-style:italic;color:#6b6c70;font-size:14px}
.news-title{letter-spacing:-.025em;margin:8px 0 16px;font-size:18px;color:#1d1e23;font-weight:500;line-height:22px}
.news-link{text-decoration:none !important;color:#000080;font-size:16px;font-weight:500}

#events{padding:90px 0}


#mayors-message{position:relative;background:#00061e;border-radius:8px;padding:82px 0 80px;margin-right:-31px}
#mayors-message-bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;opacity:.3}
#mayors-message-inner{position:relative;z-index:10}
#mayors-message-header{margin:0 55px;font-size:36px;font-weight:700;font-style:italic;color:#fff;line-height:36px;font-family:'Lora',serif;padding-bottom:35px}
#mayors-message-text{font-size:17px;line-height:20px;color:#fff;font-weight:500;display:block;padding:35px 0 36px;border-top:1px solid rgba(249,241,173,.3);border-bottom:1px solid rgba(249,241,173,.3);margin:0 55px}
#mayors-message-link{color:#e9c52b;font-weight:600;font-size:18px;text-transform:uppercase;text-decoration:none;margin-top:36px;display:inline-block;}
#events-list{margin:-11px 0 0 -33px}
#events-list .button{margin-top:78px}

#footer-links{background:url(../images/yellow-bg.jpg) center no-repeat;background-size:cover;padding:41px 0 34px}
.footer-link{text-decoration:none !important;font-size:22px;font-family:'Lora',serif;color:#fff;font-weight:700;font-style:italic;display:block;text-align:center;line-height:26px;padding:24px 0;min-height:100px;margin-bottom:0 !important}
#footer-links .tiny-item{border-right:1px solid rgba(255,255,255,.2)}
footer{background:#000080}
#footer-bottom{color:#fff;font-size:14px;padding:46px 0}
#footer-bottom a{text-decoration:none;color:#fff}
#revize-link,
#revize-login{color:#fff;text-decoration:none}
/* -----------------------------------------

#inner

-----------------------------------------*/
#page-title{margin:6px 0 36px;font-size:40px;font-weight:600;color:#1d1e23}
#flyout-wrap{background:url(../images/yellow-bg2.jpg) center no-repeat;background-size:cover;padding:49px 0 33px;border-radius:8px}
#flyout-header{margin:0 40px 23px 42px;font-size:26px;font-weight:700;font-style:italic;font-family:'Lora',serif;color:#fff}
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none;padding:0 40px 0 42px}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:16px;line-height:24px;font-weight:500;color:#1d1e23;border-bottom:1px solid rgba(255,255,255,.2);padding:15px 0}
#flyout li:last-child>a,
#flyout li:last-child>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}
#breadcrumbs{font-size:14px;font-weight:500;color:#fff}
#breadcrumbs a{color:#fff44b;text-decoration:none}
#breadcrumbs a:after{content:'\f105';font-family:'FontAwesome';color:#fff;font-size:10px;position:relative;top:-1px;margin:0 5px 0 10px}
.container.for-breadcrumbs{position:absolute;left:0;right:0;z-index:51;bottom:32px}

#post::after{content:'';display:table;clear:both}

.col-xs-12{width:100%}
/* -----------------------------------------

#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:#000080!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;font-size:14px}

/* -----------------------------------------

#slider

-----------------------------------------*/
#freeform #slider{height:250px}
#slider{height:649px;position:relative}
#slider-caption{position:absolute;left:0;right:104px;top:57.5%;transform:translateY(-50%);z-index:51}
#slider-caption-image{width:710px;max-width:100%}
/* #slider li{position:relative;} */
#slider li:after{content:'';position:absolute;left:0;bottom:0;right:0;height:313px;background:url(../images/shadow.png) bottom left repeat-x;background-size:contain;z-index:51}
#freeform #slider li:before{content:'';position:absolute;left:0;top:0;bottom:0;width:479px;background:url(../images/shadow-2.png) top left repeat-y;background-size:contain;z-index:51	}
#freeform main{background:url(../images/paper-bg2.jpg) center no-repeat;background-size:cover;padding:80px 0 54px}
#slider .tns-outer button{display:none}

.tiny-slider-wrap > .tns-outer,
.tiny-slider-wrap > .tns-outer > .tns-inner,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
.tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-50%)}
.tns-controls button:last-of-type {float:right}
.tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center}
.tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel,
ul.tiny-carousel-1,
ul.tiny-carousel-2,
ul.tiny-carousel-3{padding:0;margin:0}

/* -----------------------------------------

#media queries

-----------------------------------------*/
@media only screen and (max-width:1600px){
	#nav a,
	#nav span{padding:46px 15px}
	#search{margin-right:0}
	#logo{margin-left:0}
	#social-media-links{right:15px}
}

@media only screen and (max-width:1440px){
	.search-form input{width:180px;padding-left:30px;padding-right:30px}
	#translation-links{margin-right:15px}
	.search-form label{left:10px}
	.search-form button{right:5px}
	#nav a,
	#nav span{font-size:16px;padding:46px 10px}
	#slider-caption{right:0}
}

@media only screen and (max-width:1199px){
	#logo{position:static;max-width:100%;margin:10px 0 -30px}
	.search-form input{width:150px}
	.search-form button{font-size:14px}
	#translate-button{font-size:14px}
	#nav{margin:0 0 0 -50px}
	#footer-links-controls{margin-top:30px}
}

@media only screen and (min-width:992px) {
	#nav ul a,
	#nav ul span{background:#b8610e;position:relative;z-index:10}
	#freeform:not(.fullwidth) #entry{margin-left:-27px}
	#flyout-wrap{margin-right:-32px}
	#flyout>li:hover{background:#000080}
	#flyout>li:hover>a,
	#flyout>li:hover>span{color:#fff}
	#flyout-toggle{display:none}
	#nav>li>a:after,
	#nav>li>span:after{content:'';position:absolute;right:-1px;top:40px;bottom:40px;width:1px;background:#dfe8e6}
	#nav>li:last-of-type>a:after,
	#nav>li:last-of-type>span:after{display:none}
	#nav>li:hover>a,
	#nav>li:hover>span{background:#e6bc4b}
	#nav .focused .toggle,#flyout .focused .toggle{display:inline-block;padding:0}
	#flyout .focused .toggle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:15px;top:15px}
	#flyout,#nav{display:block!important}
	.layout-table{table-layout:fixed;width:100%}

	#nav>li>ul>li:not(.divider){display:block;width:100%;break-inside:avoid}
	#nav>li>ul{position:absolute;left:0;right:0;top:100%;background:#b8610e;-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;text-align:left;margin:0 auto;border-top:5px solid #e6bc4b;padding:18px 24px 25px;display:none}
	#nav li:hover>ul{display:block;}
	#nav ul li{display:block}

	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#e6bc4b;display:none;z-index:999}
	#flyout li:hover>ul{display:block}
}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	 #flyout{border-radius:0 0 8px 8px}
	#flyout-wrap{padding:0;margin-bottom:50px;background:#e6bc4b}
	#flyout-toggle{padding:15px;border-bottom:1px solid rgba(0,0,0,.15)}
	#flyout-header{margin:0;padding:15px}
	#page-title{font-size:30px}
	#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}
	#logo{margin:0;width:150px;padding:15px 0}
	.header-right{display:block}
	.search-form input{width:100%}
	#search{padding:15px 0;margin:0;display:none}
	#translation-links{display:none}
	#toggles{position:absolute;right:15px;top:40px;z-index:10}
	#nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px}

	#nav,#flyout{display:none;text-align:left;margin:0;background:#000080}
	#nav li{display:block;position:relative;}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span{color:#fff;display:block;font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15);margin:0 !important}
	#nav li:last-child>a,
	#nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span{border:0}
	#flyout li{padding:0}
	#nav ul,
	#flyout ul{background:rgba(0,0,0,.15);display:none}
	#nav .toggle,
	#nav .toggle2,
	#flyout .toggle{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}

	#slider{height:500px}
	.rzHeader{width:100%}
	#mayors-message{margin:0 0 50px}
	#events-list{margin:0}
	.section-header{font-size:36px}
	.section-subheader{font-size:14px}

	#news-list .button{margin-top:15px}
	.floating-share-btn{top:auto;bottom:0}
}

	/* 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}
}

/* 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}
}
