/*----------------------------------------------------------------------------------- Theme Name:Village of Tinley Park Author HTML,CSS,and JavaScript:Richard Opiniano Author Design:Kathryn Requard Author URI:http://www.revize.com/ Date:10/2/17 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Light.eot');src:url('../fonts/avenir/Avenir-Light.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Light.woff')format('woff'),url('../fonts/avenir/Avenir-Light.ttf')format('truetype');font-weight:300;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Black.eot');src:url('../fonts/avenir/Avenir-Black.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Black.woff')format('woff'),url('../fonts/avenir/Avenir-Black.ttf')format('truetype');font-weight:900;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Heavy_1.eot');src:url('../fonts/avenir/Avenir-Heavy_1.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Heavy_1.woff')format('woff'),url('../fonts/avenir/Avenir-Heavy_1.ttf')format('truetype');font-weight:900;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Black_1.eot');src:url('../fonts/avenir/Avenir-Black_1.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Black_1.woff')format('woff'),url('../fonts/avenir/Avenir-Black_1.ttf')format('truetype');font-weight:900;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Roman_1.eot');src:url('../fonts/avenir/Avenir-Roman_1.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Roman_1.woff')format('woff'),url('../fonts/avenir/Avenir-Roman_1.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Medium.eot');src:url('../fonts/avenir/Avenir-Medium.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Medium.woff')format('woff'),url('../fonts/avenir/Avenir-Medium.ttf')format('truetype');font-weight:500;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Medium_1.eot');src:url('../fonts/avenir/Avenir-Medium_1.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Medium_1.woff')format('woff'),url('../fonts/avenir/Avenir-Medium_1.ttf')format('truetype');font-weight:500;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Light_1.eot');src:url('../fonts/avenir/Avenir-Light_1.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Light_1.woff')format('woff'),url('../fonts/avenir/Avenir-Light_1.ttf')format('truetype');font-weight:300;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Book.eot');src:url('../fonts/avenir/Avenir-Book.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Book.woff')format('woff'),url('../fonts/avenir/Avenir-Book.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Heavy.eot');src:url('../fonts/avenir/Avenir-Heavy.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Heavy.woff')format('woff'),url('../fonts/avenir/Avenir-Heavy.ttf')format('truetype');font-weight:900;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Book_1.eot');src:url('../fonts/avenir/Avenir-Book_1.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Book_1.woff')format('woff'),url('../fonts/avenir/Avenir-Book_1.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Avenir';src:url('../fonts/avenir/Avenir-Roman.eot');src:url('../fonts/avenir/Avenir-Roman.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/Avenir-Roman.woff')format('woff'),url('../fonts/avenir/Avenir-Roman.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-Bold.eot');src:url('../fonts/prox/ProximaNova-Bold.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-Bold.woff')format('woff'),url('../fonts/prox/ProximaNova-Bold.ttf')format('truetype');font-weight:bold;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-Extrabld.eot');src:url('../fonts/prox/ProximaNova-Extrabld.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-Extrabld.woff')format('woff'),url('../fonts/prox/ProximaNova-Extrabld.ttf')format('truetype');font-weight:800;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-Regular.eot');src:url('../fonts/prox/ProximaNova-Regular.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-Regular.woff')format('woff'),url('../fonts/prox/ProximaNova-Regular.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-RegularIt.eot');src:url('../fonts/prox/ProximaNova-RegularIt.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-RegularIt.woff')format('woff'),url('../fonts/prox/ProximaNova-RegularIt.ttf')format('truetype');font-weight:normal;font-style:italic} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-Semibold.eot');src:url('../fonts/prox/ProximaNova-Semibold.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-Semibold.woff')format('woff'),url('../fonts/prox/ProximaNova-Semibold.ttf')format('truetype');font-weight:600;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-Black.eot');src:url('../fonts/prox/ProximaNova-Black.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-Black.woff')format('woff'),url('../fonts/prox/ProximaNova-Black.ttf')format('truetype');font-weight:900;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-Light.eot');src:url('../fonts/prox/ProximaNova-Light.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-Light.woff')format('woff'),url('../fonts/prox/ProximaNova-Light.ttf')format('truetype');font-weight:300;font-style:normal} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-LightIt.eot');src:url('../fonts/prox/ProximaNova-LightIt.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-LightIt.woff')format('woff'),url('../fonts/prox/ProximaNova-LightIt.ttf')format('truetype');font-weight:300;font-style:italic} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-BoldIt.eot');src:url('../fonts/prox/ProximaNova-BoldIt.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-BoldIt.woff')format('woff'),url('../fonts/prox/ProximaNova-BoldIt.ttf')format('truetype');font-weight:bold;font-style:italic} @font-face{font-family:'Proxima Nova';src:url('../fonts/prox/ProximaNova-SemiboldIt.eot');src:url('../fonts/prox/ProximaNova-SemiboldIt.eot?#iefix')format('embedded-opentype'),url('../fonts/prox/ProximaNova-SemiboldIt.woff')format('woff'),url('../fonts/prox/ProximaNova-SemiboldIt.ttf')format('truetype');font-weight:600;font-style:italic} body{font-size:14px;line-height:1.7;font-family:'Avenir',sans-serif;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;letter-spacing:.025em} .faqs-heading{background-image:url(../images/arrow-down.png) !important} .faqs-heading.active{background-image:url(../images/arrow-up.png) !important;background-color:#080636 !important} .faqs-toggle-content,.faqs-heading.active{border-color:#080636 !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 15px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{color:#2f2577;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} a:hover,a:focus{color:#2f2577} 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 -----------------------------------------*/ .form-group label {display: inline-block;} #formwizziwmorf .form-group {margin: 10px 0;max-width: 820px;} .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:16px 50px;background:#1480A3;color:#fff!important;border:0;border-radius:25px;display:inline-block;font-size:14px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Avenir',sans-serif;text-transform:uppercase;transition:background .3s;letter-spacing:.075em} .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 -----------------------------------------*/ ul.dtr-details {width: 100%;} 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:'Avenir',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 notify -----------------------------------------*/ .e-notify{font-weight:bold;font-size:12px;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.175)} .e-notify img{display:none} .e-notify i{margin-right:4px!important} .e-notify a{position:absolute;top:0;bottom:0;left:0;right:0} /* ----------------------------------------- #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 h1{color:#ffc140;margin:0 0 10px;font-family:'Avenir',sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .float_button_above{position:absolute;left:0;right:0;top:0} .sliderbtn{position:absolute;left:0;right:0;bottom:50%;text-align:center;z-index:99} #calendar{min-height:500px} .linkbtn,.ampedBtn{text-align:right} #homepage .sliderbtn {bottom: 40%;} .imagelinkbtn {position: absolute;z-index: 99;bottom: 100px;left: 50%;transform: translateX(-50%);} .admin-department #department-person,.admin-department #department-links,.admin-department #department-contact{display:none} #RZdocument_center #goButton{width:auto !important} .doc-search-form,.rz-app{display:none !important} /* ----------------------------------------- #Business Directory -----------------------------------------*/ #rz-business-directory-search{margin:0 -15px 30px} #rz-business-list{border:0!important;padding:0!important} .rz-business-block{background:#fff;padding:30px!important;border-radius:0;border:1px solid #f1f1f1!important} #rz-business-categories ul{/* margin:0 -15px 20px!important; */padding:0!important;border:0!important;background:none!important;} #rz-business-categories ul li a{border:0!important;border-radius:3px!important;background:#2f2577;color:#fff;margin-right:10px;} ul#rz-business-categories-list {display: none;position:absolute;z-index:999;box-shadow:0 2px 15px rgba(0,0,0,.25);left: 0;right: 0;} a#view-business-categories.btn {color: #fff!important;background: #2f2577!important;display: inline-block !important;} a#view-business-categories.btn:hover {background: #010710!important;} ul#rz-business-categories-list {display: none;z-index: 999;box-shadow:0 2px 15px rgba(0,0,0,.25);left: 0;right: 0;} #rz-business-categories ul {border:0!important;background: #2f2577!important;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;page-break-inside: avoid;-webkit-column-break-inside: avoid;padding: 30px!important;/* display: block; */margin: 0!important;} #rz-business-categories ul li a{border: 0;background: none;color:#fff;border-radius:4px;margin-bottom: 6px;font-size: 13px;padding: 2px 6px;transition: none!important;} #rz-business-categories .rz-selected-business-category{border: 1px solid #9d7a38!important;text-decoration:none!important;color: #fff!important;background: #9d7a38!important;} #rz-business-categories li {display: block;width: 100%;transition: none!important;} a#view-business-categories.btn {color: #fff!important;background: #2f2577!important;display: inline-block !important;} a#view-business-categories.btn:hover {background: #010710!important;} .bus-inner #flyout-wrap{background: linear-gradient( rgba(0,0,0,0),rgba(255,255,255,1) 40%);min-height:790px} .bus-inner #flyout-wrap>.pull-left{position:absolute!important;left:50%;transform:translateX(-50%)} .bus-detail{background: rgba(255,255,255,.5);border: 1px solid #000; border-bottom: 0;} .rz-business-inner-map{border:1px solid #000!important} @media only screen and (max-width:991px) { .bus-inner #flyout-wrap>.pull-left{position:relative!important} } /** Curated Search **/ #slider-header{position:absolute;top:160px;left:0;right:0;text-align:center;z-index: 99;} .search-editbtn a {display: inline-block;} .search-editbtn a .rzBtn {background: #fff;padding: 2px 6px;} #search{max-width:812px;margin:auto;padding:26px 15px 0} #search button i{font-size:18px} .search-form{margin:0;text-align:left} #search input{width:calc(100% - 74px);border:1px solid #fff;font-size:16px;font-weight:600;padding:23px 28px;height:70px;background:#fff;font-family:'Open Sans',sans-serif} #search button{height:70px;width: 74px;} #search button i{font-size:18px} .results-open #search {margin-top: -110px;} #search button:hover {background: #b18209;} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden;background:#2f2577;} .container{max-width:100%;width:1410px} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #open-amped{position:absolute;right:15px;top:0;cursor:pointer} #amped{position:absolute;right:0;top:0;z-index:81;left:0;text-align:right} #amped-content{border-radius:4px;background:#f5f4ee;padding:40px;position:relative;z-index:1;display:none} #amped-content>div{float:left;width:33.3333333333333333%} #amped-heading{padding-right:40px} #amped-heading h2{margin:0 0 21px;font-size:18px;text-transform:uppercase;font-weight:900;color:#2e2475;letter-spacing:.075em;border-bottom:2px solid #b0811f;padding:0 10px 25px 10px} #amped-heading-description{font-size:16px;line-height:30px;color:#080636;letter-spacing:.005em;padding:0 10px} #amped-links{padding-left:40px} #amped-links a{display:block;font-size:24px;font-weight:900;letter-spacing:.005em;color:#fff;line-height:30px;background:#080636;border-radius:4px;text-decoration:none;padding:19px 15px;margin-bottom:10px} #amped-links a:last-of-type{margin:0} #close-amped{position:absolute;right:15px;top:11px;width:25px;cursor:pointer} #nav-toggle,.toggle,.toggle2,.down-arrow{display:none} #top-bar{background:#080636} #top-bar{font-size:0;line-height:normal} #top-bar .social a{display:inline-block;text-decoration:none} #top-bar .social a img{width:20px} header{position:relative;z-index:100;background-color: #2f2474;} #search{/* position:absolute; *//* left:0; *//* right:0; *//* top:100px; *//* z-index:80; *//* display:none; */margin-top: 0;transition: all .2s ease;} .search-form{position:relative;margin:0;display: none;} #search input{/* border:none; *//* padding-top:0; *//* padding-bottom:0; *//* height:40px; *//* padding-right:60px; */} #search input:focus{border:none} #search button{/* position:absolute; *//* right:15px; *//* bottom: 0; */padding:0;color: #fff !important;background: #2f2577;/* line-height:40px; */border-radius: 0;} nav{position:relative;padding-right:51px} #search-toggle{position:absolute;right:0;top:50%;margin-top:-12.5px;margin-bottom:0;cursor:pointer;display: none;} #search-toggle img{width:25px} #nav{padding:0;margin:0} #nav li{margin:0;display:inline-block} #nav a{display:block;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:18px;letter-spacing:.075em;color:#fff;line-height:98px;padding:0 17px;transition:all .3s} #nav li:hover>ul{display:block} #nav>li>ul{position:absolute;left:0;right:0;top:100%;padding:0;margin:0;background:#080636;-webkit-column-count:3;-moz-column-count:3;column-count:3;padding:30px;text-align:left} #nav>li>ul>li{display:block;width:100%;page-break-inside:avoid;margin-bottom:30px} #nav>li>ul>li>a{color:#fff;font-size:17px;margin-bottom:5px} #nav ul a{line-height:normal;text-transform:none;font-size:15px;color:#9D7A38} #nav ul ul{padding:0;margin:0;display:block} #nav ul ul li{display:block} #nav ul{display:none} #logo{display:inline-block;max-height:98px} #logo img{max-width:100%;width:324px} #quick-links{position:relative;z-index:80;padding:0 80px;margin:0 auto;max-width:100%;width:1410px;position:absolute;left:0;right:0;bottom:-86px;height:171px} #quick-links .owl-stage-outer{z-index:50} #quick-links .fa-angle-left{position:absolute;left:0;z-index:51;top:50%;font-size:30px;color:#fff;cursor:pointer;font-weight:bold;margin-top:-15px} #quick-links .fa-angle-right{position:absolute;right:0;z-index:51;top:50%;font-size:30px;color:#fff;cursor:pointer;font-weight:bold;margin-top:-15px} .quick-link{/*background:url(../images/pattern-1.png) center center no-repeat;*/background-size:cover;display:block;text-decoration:none;text-align:center;font-weight:900;font-size:18px;line-height:26px;color:#080636 !important;border-radius:10px;position:relative;min-height:154px;margin:9px;padding:0 15px} .quick-link span{display:inline-block;color:#fff;margin:10px 0} .quick-link .img-con{background:#fff;border-radius:50%;height:130px;width:130px;padding:15px;margin:auto;position:relative} .quick-link .img-con:before{content:'';position:absolute;left:-9px;top:-9px;right:-9px;bottom:-9px;border:4px solid #b0811f;border-radius:50%;transition:all .3s} .quick-link .img-con:hover:before{top:0;left:0;right:0;bottom:0;opacity:0} .quick-link img{height:100px!important;width:100px!important;margin:auto} #news{background-color:#2f2577;padding-top:143px;background-image:url(../images/pattern-2.png);background-size:contain;background-position:center;background-repeat:no-repeat} #news-header h2{margin:0 0 17px;text-transform:uppercase;font-weight:900;color:#fff;font-size:36px;letter-spacing:.075em} #news-list{margin-bottom:12px} .news{height:390px;position:relative;border-radius:2px;box-shadow:5px 0px 27px 3px rgba(0,0,0,0.25);margin:38px 0} .news-caption{position:absolute;left:30px;bottom:30px;right:30px;background:rgba(255,255,255,.94);border-radius:2px;padding:23px 0} .news-speaker{margin-bottom:21px} .news-speaker img{max-width:28px;width:100%;text-align:center;display:inline-block !important} .news-title h3,.news-title a{margin:0 15px;font-family:'Proxima Nova',sans-serif;font-size:24px;line-height:30px;font-weight:bold;letter-spacing:.05em;color:#0a173f;text-decoration:none;display:block} .news-date{margin-bottom:13px} .news-date span{text-transform:uppercase;font-family:'Proxima Nova',sans-serif;font-size:16px;letter-spacing:.1em;color:#c2c2c2;font-weight:bold} .news-description{font-size:12px;line-height:normal;letter-spacing:.005em;color:#000;font-family:'Open Sans',sans-serif;margin:12px 15px 10px 15px} .news-read{margin-bottom:19px} .news-read a{display:inline-block;text-decoration:none;text-transform:uppercase;font-family:'Proxima Nova',sans-serif;font-size:15px;font-weight:300;letter-spacing:.05em;color:#17113b;position:relative} .news-read a:after{content:'';position:absolute;left:12px;bottom:-12px;right:12px;height:3px;background:#7ec24a} #newsDots{display:inline-block;position:relative;bottom:-10px} #newsDots .owl-dot{height:25px;width:25px;border-radius:50%;background:#fff;display:inline-block;margin:0 10px;transition:all .3s} #newsDots .owl-dot.active{background:#2e2475;box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,1)} #news-prev{display:inline-block;margin-right:5px} #news-prev img{width:50px;cursor:pointer} #news-next{display:inline-block;margin-left:5px} #news-next img{width:50px;cursor:pointer} .toggleable{display:none} #events{position:relative;z-index:1} #events>img{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;width:100%} #events-header{margin-bottom:60px} #events-header h2{margin:0 0 17px;font-size:36px;text-transform:uppercase;letter-spacing:.075em;font-weight:900;color:#2f2577} #events-inner{display:inline-block;transition:all .3s;max-width:100%;margin-left:auto;margin-right:auto;margin-top:400px!important} #events-list{background:#fff;box-shadow:5px 0px 27px 3px rgba(0,0,0,0.15);margin:0 130px;padding:60px 55px 60px 81px;position:relative} #instrument{position:absolute;left:-79px;bottom:-28px;max-width:100%;width:137px} #events-all{position:absolute;left:0;right:50%;bottom:38px} #info{padding:67px 0 109px 0;background:url(../images/barz.png) 100% 40% no-repeat;background-size:auto} #map img{position:absolute;max-width:100%;width:561px;top:-88px;right:-90px} #we{box-shadow:5px 0px 40px 0px rgba(0,0,0,0.3);position:relative;z-index:1} #events-list iframe{display:none} #events-list #mini-events{display:flex} #events-list .mini-calendar{width:50%;margin:0 84px 0 0;position:relative} #events-list .mini-calendar:after{content:'';background:#eae9f1;width:3px;position:absolute;right:-19px;top:0;bottom:-17px} #events-list .fc-scroller{height:auto!important;overflow:visible!important} #events-list .fc-dayGridMonth-view .fc-row{min-height:3.9em!important;height:auto!important;overflow:visible} #events-list .fc-dayGridDay-view .fc-content-skeleton{position:static!important} #events-list .fc-unthemed th{font-size:16px;font-weight:300;letter-spacing:.075em;color:#9c793d;text-transform:uppercase} #events-list .fc-unthemed th,#events-list .fc-unthemed td{border:0;text-align:center} #events-list .fc-view-container{padding:20px 9px} #events-list .fc-dayGridMonth-view .fc-row.fc-widget-header{margin:0 0 -3px} #events-list .fc-dayGridMonth-view .fc-row td a{float:none!important;text-decoration:none;color:#17113b;font-weight:500;;font-size:18px;letter-spacing:.05em} #events-list .fc-body .fc-other-month{opacity:1} #events-list .fc-body .fc-other-month a{color:#b7b7b7!important} #events-list .fc-dayGridMonth-view{left:-19px} #events-list .fc-dayGridMonth-view .fc-day-grid-event{display:none} #events-list .fc-day-grid-event{background-color:#9d7a38!important;border-color:#9d7a38!important} #events-list .eventDay a{text-decoration:underline!important;color:#9c793d!important} #events-list .fc-dayGridMonth-view .fc-day.fc-today{background:none} #events-list .fc-day-top.fc-today a{color:#fff!important} #events-list .fc-dayGridMonth-view .fc-day-top{position:relative} #events-list .fc-dayGridMonth-view .fc-day-top.fc-today:after{content:'';background:#9c793d;border-radius:2px;height:40px;width:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1} #events-list .fc-day-top.fc-today.eventDay{text-decoration:none} #events-list .fc-toolbar{justify-content:left;position:relative;margin:0 0 0 -2px;padding:15px 0 0} #events-list .fc-button-group{position:static} #events-list .fc-right h2{color:#30237b;font-size:40px;;font-weight:900;letter-spacing:.05em;text-transform:uppercase} #events-list .fc-left .fc-button-group button:focus{box-shadow:none} #events-list .fc-left .fc-button-group:last-of-type{position:absolute;bottom:100%;display:none} #events-list .fc-left .fc-button-group:last-of-type button{padding:2px 5px} #events-list .fc-left .fc-button-group:last-of-type .fc-button-active,#events-list .fc-left .fc-button-group:last-of-type .fc-button-primary{background-color:#9d7a38!important;border-color:#9d7a38} #events-list .fc-left .fc-button-group:last-of-type .fc-button-active:hover,#events-list .fc-left .fc-button-group:last-of-type .fc-button-primary:hover{color:#fff!important} #events-list .fc-left .fc-button-group:first-of-type button{position:absolute;top:50%;transform:translateY(-50%);background:none!important;border:0;border-radius:0;padding:0;color:#f8f9fc!important;font-size:17px;margin:10px 0 0} #events-list .fc-left .fc-button-group .fc-prev-button{right:74px} #events-list .fc-left .fc-button-group .fc-next-button{right:40px} #events-list .fc-left .fc-button-group:first-of-type button span:before{display:block;width:18px;height:20px} #events-list .fc-left .fc-button-group:first-of-type button .fc-icon-chevron-left:before{content:'';background:url('../images/arrow-left.png') center no-repeat;background-size:cover} #events-list .fc-left .fc-button-group:first-of-type button .fc-icon-chevron-right:before{content:'';background:url('../images/arrow-right.png') center no-repeat;background-size:cover} #events-list .mini-events-list{width:50%;margin-top:2px} #events-list .aEvent{transition:all .3s;background:#e1e1e1;margin-bottom:16px;position:relative;cursor:pointer;text-align:left;padding:11px 18px 9px} #events-list .aEvent:hover{background:#080636} #events-list .aEvent:hover .eventDateTime{color:#fff} #events-list .aEvent:hover .eventTitle{color:#b0811f} #events-list .eventRight{overflow:hidden} #events-list .eventDateTime{display:inline-block;color:#2f2577;font-weight:300;font-size:16px;letter-spacing:.05em;text-transform:uppercase} #events-list .eventTitle{font-size:30px;color:#2f2577;font-weight:900;letter-spacing:.005em;line-height:40px;margin:-4px 0 0} #calendar .fc-dayGridMonth-view{background:#f1f1f1} #calendar .fc-dayGridMonth-view td{border-color:#fff!important} #calendar .fc-left .fc-button-group:first-of-type .fc-button-active:hover,#calendar .fc-left .fc-button-group:first-of-type .fc-button-primary:hover{color:#fff!important} #calendar .fc-day-header{background:#080636;color:#fff;font-weight:400} #calendar .fc-toolbar .fc-right h2{font-size:22px;font-weight:700} #calendar .fc-day-number{color:#3B5E6D;text-decoration:none!important;font-weight:700;font-size:16px} #calendar td.fc-today{background:#edfbff!important} #calendar .fc-day-grid-event .fc-title{color:#fff!important;/*white-space:normal*/} #calendar .fc-day-grid-event .fc-content, #calendar .fc-timeGridWeek-view .fc-content{text-overflow:ellipsis;color:#fff} #calendar .fc-time-grid .fc-event{position:relative} #calendar .fc-time{color:#fff;font-weight:400!important} #calendar .fc-timeGridWeek-view .fc-allow-mouse-resize{color:#9d7a38!important} #calendar .fc-other-month{background:#9d7a38!important;opacity:1!important} #calendar .fc-other-month .fc-day-number{color:#CCE3E9!important} #calendar .fc-button-primary{background-color:#9d7a38!important;border-color:#9d7a38!important} #calendar .fc-button-primary:hover{color:#fff!important} #calendar .fc-day-header a[data-goto]{color:#fff;text-decoration:none} #calendar .fc-list-heading-main,#calendar .fc-list-heading-alt{text-decoration:none!important;color:#000} #calendar .fc-event-dot{background-color:#9d7a38!important} .modal-event-date-wrap,#modal-event-duration,.modal-footer button,#ics-export,#event-modal-dialog .light-text:hover,#event-edit,#event-delete{background-color:#9d7a38!important} .modal-event-date-wrap:hover,#modal-event-duration:hover,.modal-footer button,#ics-export,#event-modal-dialog .light-text{color:#fff!important} #social-tabs>a{float:left;width:50%;text-decoration:none;font-size:16px;letter-spacing:.05em;color:#211854;font-family:'Avenir',sans-seri;transition:all .3s;background:#737578;text-align:center;padding:21px 15px;color:#fff;font-weight:900;position:relative} #social-tabs .active{background:#b0811f;color:#211854} #social-feed .clearfix>div:not(.active){display:none} #social-tabs .active:after{content:'\f0d8';position:absolute;left:0;right:0;bottom:-9px;font-family:'FontAwesome';color:#e1e1e1;font-size:26px;line-height:1;text-align:center} .social-feed-post{padding:20px;background:#fff;margin-bottom:15px} .social-feed-text{font-family:'Avenir',sans-serif;font-weight:900;color:#080636;letter-spacing:.05em;font-size:12px;line-height:24px;overflow:hidden;padding:13px 20px 20px} .social-post-avatar img{width:65px;box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.15)} .with-image .social-post-avatar{position:relative;top:-25px} #we-banner{float:left;width:226px;display:none} #we-content{overflow:hidden;padding:60px 69px} #we-content iframe{width:100%} #we-header{margin-bottom:18px} #we-header h2{margin:0;font-size:24px;text-transform:uppercase;letter-spacing:.05em;color:#2f2577;line-height:36px;font-weight:900} #we-header h2 span{display:block;color:#b0811f} #we-header strong{font-weight:900;text-decoration:underline} #we-freeform{font-family:'Open Sans',sans-serif;font-size:12px;line-height:30px;letter-spacing:.005em;color:#000} #mayor{padding:109px 0 101px 0} #mayor-header{margin-bottom:32px} #mayor-header h2{margin:0 0 16px;font-size:36px;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:900;text-shadow:0px 5px 27px rgba(0,0,0,0.15)} #mayor-message-image{height:299px;border-radius:2px;margin-top:30px;margin-right:-60px;position:relative;z-index:2;box-shadow:5px 0px 27px 3px rgba(0,0,0,0.15)} #mayor-message{background:#fff;padding:75px 100px 60px 100px;margin-right:-30px;border-radius:2px 0 0 2px;box-shadow:5px 0px 27px 3px rgba(0,0,0,0.15);position:relative;z-index:1} #mayor-message-header{margin-bottom:29px} #mayor-message-header h2{margin:0;font-weight:900;font-size:22px;letter-spacing:.05em;color:#2f2577} #mayor-message-content{font-size:12px;letter-spacing:.005em;color:#000;line-height:30px;margin-bottom:31px} #mayor-portrait{border-radius:0 2px 2px 0;box-shadow:5px 0px 27px 3px rgba(0,0,0,0.15)} #mayor-signature,#mayor-signature span{font-size:22px;font-family:'Proxima Nova',sans-serif;font-weight:bold;letter-spacing:.005em;color:#9c793d} footer{background:#17113b;padding:66px 0 72px 0} #footer-links{font-size:0;margin-bottom:44px;position:relative;bottom:-6px} #footer-links a{text-decoration:none;text-transform:uppercase;font-size:20px;letter-spacing:.025em;color:#fff;font-weight:300} #footer-links a:after{content:'|';margin:0 16px} #footer-links a:last-of-type:after{display:none} footer .social{margin-bottom:46px} footer .social a{display:inline-block;text-decoration:none;margin-left:15px} footer .social a img{width:40px} #footer-text{font-weight:900;font-size:22px;letter-spacing:.005em;color:#fff} #revize{font-size:15px;font-family:'Proxima Nova',sans-serif;color:#fff;text-transform:uppercase} #revize-link{text-decoration:none;color:#fff;position:relative;top:-3px} #revize-link:after{content:'|';margin:0 15px} #revize-login{font-weight:bold;text-decoration:none;color:#fff} .bg{position:absolute;left:0;top:0;bottom:0;background:#2f2577;width:27.07942464040025%} .no-bs #flyout-wrap{box-shadow:none} .fullwidth .bg{display:none} /* ----------------------------------------- #inner -----------------------------------------*/ ul.bids-list {margin: 10px 0;list-style-type: none;padding: 0;} .bids-list li {margin: 0 0 3px;} .bids-list li a{font-weight:bold;text-decoration:none;color: #2f2474;} .active-bid,.active-bid:after{color: #2f2474!important;font-weight: bold!important;} .active-bid{text-decoration:underline} .active-bid:after{content:"\f00c";font:normal normal normal 14px/1 FontAwesome;display:inline-block;margin-left: 4px;} #parking-requests_wrapper a.btn.btn-default {background-color: #2e2473;font-size: 12px;padding: 11px 20px;} a#search-today, a#clear-search {clear: both;display: inline-block;background-color: #2e2472;color: #fff;border: 0;border-radius: 25px 0 0 25px;display: inline-block;font-size: 14px;font-weight: 900!important;text-decoration: none;cursor: pointer;line-height: normal;vertical-align: top;font-family: 'Avenir',sans-serif;text-transform: uppercase;padding: 10px 20px;} #clear-search {background-color: #9d7938!important;border-radius: 0 25px 25px 0!important;} .reason-cell{max-width: 360px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .dt-buttons.btn-group {margin: 15px 0;display: block;float: none;} div#parking-requests_filter {float: right;} #freeform main{background:#fff} #freeform #search{bottom:150px} #flyout-wrap{float:left;width:27.07942464040025%;box-shadow:0px 5px 35px 0px rgba(0,0,0,0.15);padding:0 0 0 136px;position:relative;z-index:10} #slider-wrap>img{position:absolute;left:0;right:0;bottom:0;z-index:80;max-width:100%;width:100%} #page-title{margin-bottom:21px} #page-title h1{margin:0;font-size:36px;letter-spacing:.015em;color:#B0811F;font-weight:900} #flyout-toggle{display:none} #flyout-wrap{padding-bottom:300px;position:relative} #flyout-wrap h2{margin:0 0 21px;font-size:14px;font-weight:300;letter-spacing:.075em;color:#fff;text-transform:uppercase} #flyout-wrap img{margin-bottom:15px} .toggle-children{display:none} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative} #flyout li.active>a,#flyout>li:hover>a{margin-left:29px;font-weight:bold;color:#1480A3} #flyout li.active>a:before,#flyout>li:hover>a:before{opacity:1} #flyout a, #flyout span{text-decoration:none;padding:5px 30px 5px 0;display:block;font-size:21px;letter-spacing:.05em;color:#fff;transition:all .3s;position:relative} #flyout a:before,#flyout span:before{content:'';position:absolute;right:100%;top:50%;height:26px;width:20px;background:url(../images/icon-note.png) center center no-repeat;background-size:cover;opacity:0;transition:all .3s;margin-top:-13px} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#080636} #flyout ul a, #flyout ul span{font-size:13px;padding:10px 15px;width:180px} #flyout ul a:hover,#flyout ul span:hover{color:#B0811F} #flyout li:hover>ul{display:block} #flyout-social{position:absolute;left:136px;right:15px;bottom:54px} #flyout-social a{display:inline-block;color:#fff;text-decoration:none;font-size:42px;margin-right:40px} #flyout-social a:last-of-type{margin:0} .entry{overflow:hidden;padding:0 80px 80px 80px} #department-info{margin-bottom:40px} #department-person{height:334px;width:250px;border-radius:2px;float:left;margin-right:38px} #department-links{margin-bottom:42px} .department-link{margin-bottom:30px} .department-link-btn{display:block;text-decoration:none;background:#1480A3;color:#fff !important;text-align:center;font-size:18px;font-weight:900;padding:15px;border-radius:4px;margin-bottom:5px} .department-link-caption{font-size:13px;line-height:16px;color:#080636} #department-contact-header{margin-bottom:17px} #department-contact-header h3{margin:0;font-style:italic;font-size:22px;letter-spacing:.01em;color:#2f2577;font-weight:900} #department-contact-freeform{font-size:18px;color:#000} .breadcrumbs{text-transform:capitalize;margin-bottom:22px} .breadcrumbs p{margin:0;font-size:18px;letter-spacing:.001em;color:#464646;text-transform:uppercase} .breadcrumbs a{text-decoration:none;color:#464646} .breadcrumbs a:after{content:'>';margin:0 17px} .breadcrumbs i{margin:0 4px} #intranet-logout{position:absolute;bottom:0;right:80px} #freeform #events-list{margin:0} /* ----------------------------------------- #share widget -----------------------------------------*/ .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;vertical-align:top;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;height:50px;width:50px;border-radius:0;border:0;background:#9D7A38!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} /* ----------------------------------------- #bxslider -----------------------------------------*/ .post p{letter-spacing:0} #freeform #slider{height:580px} #freeform #slider .bx-controls{display:none} #slider-wrap{position:relative} #slider{height:700px;background:#0a090c;} #slider .bx-controls{position:absolute;right:0;left:0;top:50%;z-index:81;max-width:100%;width:1410px;margin:0 auto} #slider .bx-controls-direction{display:none} #slider .bx-pager-item{display:block;margin:11px 0} #slider .bx-pager-link{width:18px;height:18px;border-radius:50%;background:#fff;font-size:0;margin-left:auto;display:block} #slider .bx-pager-link.active,#slider .bx-pager-link:hover{background:none;box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,1)} .bxslider,.bx-viewport,.bxslider li,.bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .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;*zoom:1;*display:inline} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} /* direction controls */ .bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity: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} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1440px){ #nav a{padding:0 15px;font-size:16px} #events-list{padding:60px 15px 60px 15px} #events-list .fc-right h2{font-size:17px} } @media only screen and (max-width:1367px){ #flyout-wrap{padding-left:30px} #flyout-social{left:30px} #we-content{padding:60px 30px} } @media only screen and (max-width:1199px){ nav{padding-right:35px} #nav a{padding:0 5px;font-size:13px} #department-person{float:none;margin-bottom:30px} .news-date span{font-size:14px} .news-title h3,.news-title a{font-size:24px;line-height:29px} #events-list .fc-unthemed th{font-size:12px} #events-list .fc-dayGridMonth-view .fc-row td a{font-size:14px} #events-list .fc-dayGridMonth-view{left:-14px} #events-list .fc-left .fc-button-group .fc-prev-button{right:56px} #events-list .fc-left .fc-button-group .fc-next-button{right:22px} #events-list .eventTitle{font-size:20px;line-height:20px} } @media only screen and (min-width:992px) { #flyout,#nav{display:block!important} } @media only screen and (max-width:991px) { #slider .bx-controls{top:auto;bottom:0} #slider .bx-pager-item{display:inline-block;margin:15px 5px} #quick-links .fa-angle-left{left:15px} #quick-links .fa-angle-right{right:15px} .bg{display:none !important} #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} .toggle,.toggle2,#nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #logo{margin:0;padding:15px 0;max-height:initial} #logo img{width:200px} #toggles-wrap>div{display:inline-block;text-align:center} #toggles-wrap>div:first-of-type{border-right:1px solid rgba(0,0,0,.3)} #nav-toggle,#search-toggle-mobile{font-size:22px;cursor:pointer;margin-bottom:0;color:#fff} #search{/* padding:15px 0; *//* border-top:1px solid rgba(0,0,0,.3) */} #open-amped{display:none} nav{padding:0} #nav{display:none;text-align:left;margin:0 -15px;border-top:1px solid rgba(0,0,0,.3)} #nav li{float:none;display:block;position:relative;margin:0 !important} #nav li a,#nav li span{padding:15px !important;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px !important;margin:0 !important;color:#fff !important} #nav li:hover>ul{display:none} #nav>li>ul{-webkit-column-count:1;-moz-column-count:1;column-count:1;position:static;padding:0} #nav ul{background:rgba(0,0,0,.2) !important} #nav ul ul{display:none} #nav .toggle,#nav .toggle2,.toggle-children{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:44px;width:44px;line-height:44px;text-align:center;display:block} #amped-content{display:block;padding:30px} #amped-content>div{float:none;width:auto;margin-bottom:30px} #amped-heading{padding:0} #amped-banner{padding-bottom:50%} #amped-links{padding:0} #quick-links{position:static;padding:0 15px;margin-top:50px} #close-amped{display:none} .toggleable{display:block !important} #slider{height:500px} #news{margin-bottom:50px} #news-controls{margin-bottom:30px;text-align:center} #news-all{text-align:center} #events{background:#F5F4ED !important;padding:50px 0;min-height:initial !important} #events-inner{margin:0 !important} #events-list{margin:0;padding-left:15px;padding-right:15px} #events-all{position:static;width:auto;margin-top:15px} #instrument{left:-10px;bottom:-10px;width:50px} #paper-background{display:none} #info{padding:50px 0} #map img{position:static;width:300px} #mayor{padding:0 0 50px} #mayor-message-image{margin:0 !important;min-height:initial !important;padding-bottom:50%} #mayor-message{margin:0;padding:30px} #mayor-portrait{display:none} #freeform #slider-wrap>img{display:none} #flyout-wrap{float:none;width:auto;padding:0;box-shadow:none} #flyout-wrap h2,#flyout-wrap img{display:none} #flyout-toggle{display:block;padding:15px;color:#fff;cursor:pointer;background:#9C7A39} #flyout{display:none;background:#2F2474} #flyout li{} #flyout li a, #flyout li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)} #flyout ul a, #flyout ul span{width:100%;padding:15px} #flyout li:hover>ul{display:none} #flyout-social{position:static;margin-top:30px} #flyout-social a{margin-right:15px;font-size:25px} .entry{padding:30px 15px} #events-list #mini-events{display:block;margin:0 0 30px} #mini-events .mini-calendar,#events-list .mini-events-list{width:100%!important;float:none!important;margin-right:0} #events-list .mini-calendar:after{display:none} #events-list .fc-dayGridMonth-view{left:0} #events-list .fc-view-container{padding:20px 0} #events-list .fc-left .fc-button-group .fc-prev-button{right:37px} #events-list .fc-left .fc-button-group .fc-next-button{right:4px} .floating-share-btn{top:auto;bottom:0} #footer-links{margin-bottom:15px;position:static} #footer-text{margin-bottom:15px} footer .social{text-align:left;margin-bottom:15px} footer .social a:first-of-type{margin-left:0} #revize{text-align:left} .news-title h3,.news-title a{font-size:18px;line-height:23px} .news-date span{font-size:12px} } @media only screen and (min-width:768px){ #we:before{content:'';position:absolute;left:0;top:0;bottom:0;right:50%;background:#e1e1e1;z-index:-1} #we:after{content:'';position:absolute;left:50%;top:0;bottom:0;right:0;background:#fff;z-index:-1} #social-feed{float:left;width:50%;position:relative} #social-tabs ~ .clearfix>div{position:absolute;left:30px;top:100px;right:30px;bottom:0} } @media only screen and (max-width:767px) { #we-content{background:#fff} #social-feed{background:#e1e1e1} #social-feed,#we-content{float:none;width:auto} #social-tabs ~ .clearfix>div{max-height:initial !important;min-height:initial !important} #logo img{width:130px} .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 h1{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px;padding:7px 12px!important} .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} #slider,#freeform #slider{height:350px} #newsDots{display:none !important} #we-banner{float:none;width:auto;padding-bottom:50%} #we-content{padding:30px} .news-title h3,.news-title a{font-size:16px;line-height:21px} #search input{height:40px} #search button{height:48px} } /* 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) { #logo img{width:100px} .news-title h3,.news-title a{font-size:14px;line-height:19px} } @media print { nav,#flyout-wrap,.breadcrumbs,.e-notify{display:none!important} a[href]:after{content:none!important} }