/*----------------------------------------------------------------------------------- Theme Name: City of Bedford Heights Ohio Front-end developer: Hayk Galoyan Author Design: Ying Liu Author URI: http://www.revize.com/ Date: 12/31/2019 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Sacramento&display=swap'); /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:15px;line-height:1.8;font-family:'Poppins',sans-serif;font-weight:400;color:#25406f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-family:'Libre Baskerville',serif;font-weight:700;font-size:22px;color:#25406f;text-transform:capitalize;margin-bottom:30px} .subheader{font-family:'Libre Baskerville',serif;font-weight:700;font-size:22px;color:#1e284f;margin-bottom:18px} 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-box{float:right;border:2px solid rgb(237, 139, 28);background-color:#fff;position:relative;top:-178px;width:192px;height:187px;padding:34px 10px;text-align:center;line-height:1;margin:0 -3px 0 0} #weather-box h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;color:#2a365e;text-transform:uppercase;letter-spacing:1px;text-indent:1px;margin:0} #weather-box .bedford-heights{font-family:'Libre Baskerville',serif;font-weight:700;font-size:17px;color:#2a365e} #weather{font-family:'Libre Baskerville',serif;font-weight:700;font-size:51px;color:#2a365e;margin:15px 0 7px} .weather i{font-family:'weather';font-style:normal;position:relative;top:-14px;left:0;color:#ed8b1c} .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"} .forecast{padding-left:14px} .fahrenheit{font-family:'Libre Baskerville',serif;font-weight:700;font-size:18px;color:#2a365e;position:relative;top:-15px;left:7px} /* ----------------------------------------- #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:#44afb9;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;transition:all .3s} .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#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:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .centerBtns{position: absolute;left: 0;right: 0;top: 170px;text-align: center;z-index: 60;} .contact-btn, .social-btn{position: absolute !important;top: 20px;z-index: 99999;} .sliderbtn{top: 130px;} .rzBtn, .centerBtns a[href='javascript:void(0);']::before {background: #44afb9 !important} /* ----------------------------------------- #faq -----------------------------------------*/ #post .faqs-heading.active{background:#193251;border-color:#193251;color:#fff} #post .faqs-toggle-content{border-color:#193251} #post .faqs-heading{color:#193251;position:relative;background:#f9f9f9} #post .faqs-heading:before{content:"\f078"} #post .faqs-heading.active:before{content:"\f077";color:#fff} #post .faqs-heading:before{font-family:'FontAwesome';position:absolute;left:25px} /* ----------------------------------------- #main -----------------------------------------*/ a:focus{outline:1px dotted} .container{width:1310px;max-width:100%;margin:0 auto;padding:0 15px} #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} .app-title{font-family:'Libre Baskerville',serif;font-weight:700;font-size:48px;color:#2a365e;margin:8px 0 0 -3px} .app-btn{display:inline-block;font-family:'Poppins',sans-serif;font-weight:500;font-size:13px;color:#fff;background-color:#44afb9;line-height:1;padding:24px 63px;position:relative;text-transform:uppercase;text-align:center;text-decoration:none;margin-right:7px;letter-spacing:1.4px;transition:all .3s} .app-btn:hover{text-decoration:none} #homepage #main{background-color:#f5f6f8;position:relative} header{position:relative;z-index:200} #header-top{background-color:#193251;min-height:73px;line-height:1;font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;color:#fff;text-align:right;padding-top:19px} #header-top a{text-decoration:none;color:#fff} #header-top-in div{display:inline-block;position:relative;} .header-delimiter::after{content:'';position:absolute;top:26%;right:-10px;background-color:#8592a3;height:14px;width:1px;z-index:100} .header-address img{width:13px;margin-right:6px} .header-address.header-delimiter::after{top:3px;right:-20px} .header-phone{margin-right:8px;margin-left:35px} .header-phone img{width:17px;margin-right:10px} .header-phone.header-delimiter::after{top:2px;right:-17px} .working-days{margin-right:30px!important;margin-left:25px} .working-days img{width:18px;margin-right:5px} .working-days.header-delimiter::after{top:2px;right:-22px} /* Search */ #search{width:90px;max-width:100%} #search.header-delimiter::after{top:11px;right:-16px} #search form{position:relative;margin:0;padding:0;font-size:16px} #search button{background:none;padding:0;width:27px;position:absolute;left:5px;top:36%} #search button img{margin-top:-5px;width:18px} #search input{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px!important;background:none;border:0;color:#fff;width:100px;padding:0 0 0 30px !important} #search input::-webkit-input-placeholder{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px!important;text-transform:capitalize;color:#fff;padding:0 0 0 8px} #search input:-moz-placeholder{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px!important;text-transform:capitalize;color:#fff;padding:0 0 0 8px} #search input::-moz-placeholder{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px!important;text-transform:capitalize;color:#fff;padding:0 0 0 8px} #search input:-ms-input-placeholder{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px!important;text-transform:capitalize;color:#fff;padding:0 0 0 8px} /* Translate */ #translation-links{display:inline-block;padding:0;margin:0} #translation-links li{position:relative;margin:0;list-style:none} #translation-links li a{color:#337ab7;font-weight:400} #translation-links ul{padding:30px;margin:0;position:absolute;top:60px;right:0;width:700px;background:#fff;display:none;z-index:400;box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2)} #translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0} #translate-button{border:none;background:none;margin:0 25px 0 0;padding:0;vertical-align:middle;font-family:'Poppins',sans-serif;font-weight:400!important;font-size:14px;color:#fff;text-transform:capitalize;letter-spacing:.1px;position:relative} #translate-button.header-delimiter::after{right:-22px} #translate-button img{transform:scale(0.5);position:relative;top:-1px} /* Social */ #social-media-links{display:inline-block;margin-right:-9px!important;margin-left:23px} .social-media-link{display:inline-block;text-decoration:none;position:relative;top:0} .social-media-link:not(:first-of-type){margin-left:22px} .social-media-link img{transform:scale(0.5);position:relative;top:-2px} .goog-te-banner-frame{display:none} .social-media-link:nth-child(1).header-delimiter::after{top:7px;right:-7px} .social-media-link:nth-child(2).header-delimiter::after{right:-14px} /* Header bottom */ #header-bottom{background:#fff;transition:all 320ms;height:58px;position:fixed;box-shadow:0 2px 15px 0 rgba(0,0,0,0.2);top:73px;left:0;right:0;z-index:300;} #header-bottom .container{pointer-events:none} .header-bottom-wrap{position:relative;text-align:right;pointer-events:all} #logo{display:inline-block;float:left;line-height:1;transition:all 320ms;position:relative;top:-30px!important;left:-3px;z-index: 1;} #mayor{display:inline-block;float:right;line-height:1;transition:all 320ms;position:absolute;top:-30px;left:auto;right:0;z-index: 1;} #logo img{float:left;width:141px;transition:all 320ms} #mayor img{width:141px;transition:all 320ms} #nav{padding:0;margin:0} #nav .toggle, #nav .toggle2, #flyout .toggle{display:none;padding:0;font-family:FontAwesome} #nav li{margin:0 !important;display:inline-block} #nav > li{padding:0 30px} #nav a,#nav span{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;color:#1d284e;text-decoration:none;text-transform:uppercase;transition:color .3s;line-height:1;letter-spacing:1.1px;padding:21px 0;position:relative} #nav a{text-decoration:none} #nav ul{position:absolute;left:0px;right:0px;padding:49px 75px 45px;margin:0;column-count:4;column-gap:47px;display:none;background:#1e284f;z-index:210} #nav ul a,#nav ul span{display:block;font-family:'Poppins',sans-serif;font-weight:300;font-size:16px;color:#fff;padding:10px 21px;text-transform:uppercase;text-align:left;letter-spacing:0.3px;line-height:1} #nav ul li{display:table;width:100%;page-break-inside:avoid;margin-left:15px!important} #nav ul ul{position:static;padding:0;column-count:1;column-gap:0} #nav ul ul a,#nav ul ul span{padding:11px 21px;text-transform:capitalize;font-size:15px} #newsletter-signup{display: none} /* Section quick links */ #quick-links{position:absolute;top:-117px;left:0;right:0;z-index:190} .quick-link{display:inline-block;text-align:center;text-decoration:none;border-radius:50%;position:relative} .quick-link-in-wrap{display:inline-block;border:1px solid #44AFB9;border-radius:50%;width:100%;height:100%} .quick-link-in{width:177px;height:185px;background:#fff;border-radius:50%;box-shadow:0px 4px 30px 0px rgba(35, 44, 81, 0.1);margin:15px 19px;padding:0 10px} .quick-link-icon-box{display:inline-block;height:110px;overflow:hidden;position:relative;transition:transform 320ms} .quick-link-icon-box-in{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin-top:17px} .quick-link-icon-box img{transform: scale(0.5)} .quick-link-title{font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:#2a365e;text-transform:uppercase;line-height:1.2;position:relative;top:-5px;letter-spacing:1px;overflow:hidden} #quick-links-slider .owl-prev,#quick-links-slider .owl-next{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:100} #quick-links-slider .owl-nav > div > img{width:26px;height:26px} #quick-links-slider .owl-prev{left:-80px} #quick-links-slider .owl-next{right:-80px} #quick-links-slider .owl-dots{display:none} .owl-carousel .owl-item{text-align:center} .quick-link-in-wrap:hover::after{border:1px solid transparent;border-radius:50%} .quick-link:hover,.quick-link:active{text-decoration:none} .quick-link-in-wrap:hover,.quick-link-in-wrap:active{border:1px solid transparent} .quick-link-in-wrap::before,.quick-link-in-wrap::after{content:'';border-radius:50%;width:100%;height:100%} .spin::before,.spin::after{position:absolute;top:0;left:0} .spin::before{border:1px solid transparent} .spin:hover::before{border-top-color:#44AFB9;border-right-color:#44AFB9;border-bottom-color:#44AFB9;transition:border-top-color .15s linear 0.05s,border-right-color .15s linear 0.1s,border-bottom-color .15s linear .2s} .spin::after{border:0 solid transparent} .spin:hover::after{border-top: 1px solid #44AFB9;border-left-width:1px;border-right-width:1px;transform:rotate(270deg);transition:transform 0.4s linear 0s,border-left-width 0s linear 0.35s} /* Section events */ #events{min-height:710px;background:url(../images/events-bg.png) left 120px no-repeat;padding-top:184px} .events-btn{display:none} .events-top{text-align:center} .events-top .app-title{margin-bottom:28px} .events-btns-wrap{margin-bottom:30px} .events-btns-wrap .app-btn{width:220px;margin-right:6px;letter-spacing:4px;padding:24px;border:1px solid transparent} .events-community:hover{color:#44afb9;background:#fff} .events-government{background:#097dae} .events-government:hover{color:#097dae;background:#fff} .events-view-all{background:#ed8b1c} .events-view-all:hover{color:#ed8b1c;background:#fff} .events-bottom{padding-top:10px} .events-box{min-height:310px} .events-box iframe{width:100%} #government-tab{display:none} #government-tab-link,#community-tab-link{display:none} .events-community-active{color:#44afb9!important;background:#fff;border:1px solid #44afb9!important;text-decoration:none!important} .events-government-active{color:#097dae!important;background:#fff;border:1px solid #097dae!important;text-decoration:none!important} /* Section news */ #news{min-height:820px;background:url(../images/news-bg.png) right top no-repeat;padding-top:72px} .news-top{text-align:center} .news-view-all-wrap{text-align:center} #news-slider{margin:28px 0 6px} .news{display:block;text-decoration:none;border-radius:2px;transition:all .3s} .news-banner-wrap{height:327px;overflow:hidden} .news-banner{height:327px;transition:all 1s} #freeform .news-info{padding-top: 0;} .news-info{padding:34px 30px 10px 38px;background-color:#fff;margin-bottom:30px;text-align:left;min-height:122px} .owl-item:nth-child(odd) .news-info{background:#097dae} .owl-item:nth-child(even) .news-info{background:#44afb9} .news-title{font-family:'Libre Baskerville',serif;font-weight:700;font-size:21px;color:#fff;text-transform:capitalize;margin-top:1px;margin-bottom:12px;float:left;line-height:1.2;width:88%} #freeform h3.news-title{color: black;float: none;width: auto;} .news-list-item-caption{color: black;display: block;} .news-info img{display:inline-block!important;width:12%!important;float:right;margin-top:4px} .news:hover{text-decoration:none} .news:hover .news-banner{transform:scale(1.1)} .news:hover .read-more{text-decoration:none;color:#aab4bc} #news .owl-prev,#news .owl-next{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:100} #news .owl-nav > div > img{width:26px;height:26px} #news .owl-prev{left:-80px} #news .owl-next{right:-80px} #news .owl-dots{display:none} .app-btn.news-view-all{width:220px;margin-right:6px;letter-spacing:4px;padding:24px} .app-btn.news-view-all:hover{color:#44afb9;background:#fff} /* Section community */ #community{min-height:506px;background:url(../images/community-bg.jpg) center/cover no-repeat fixed;position:relative} .community-wrap{padding:115px 0 20px 108px;line-height:1} #community-icon{width:71px} .community-wrap .app-title{color:#fff;margin:14px 0 0 1px} .community-text{font-family:'Sacramento',cursive;font-weight:400;font-size:54px;color:#fff;margin:0 0 28px -1px} .community-btns a.app-btn{width:220px;margin-right:5px;letter-spacing:4px;padding:24px 24px 23px} .video-tours{background:#fff;color:#2a365e} .video-tours:hover{color:#fff;background:#2a365e} .master-plan{background:#ed8b1c;color:#fff} .master-plan:hover{color:#ed8b1c;background:#fff} .live-work-play{background:url(../images/community-map.png) left top no-repeat;font-family:'Poppins',sans-serif;font-weight:500;font-size:13px;color:#fff;text-transform:uppercase;position:absolute;top:45%;right:-3.1%;transform:rotate(90deg);letter-spacing:3.9px;padding:14px 5px 18px 70px} /* Footer */ footer{background-color:#f6f7f9;min-height:514px;color:#2a365e;border-bottom:23px solid #2a365e} #footer-top{margin-top:69px} .footer-block-title{font-family:'Libre Baskerville',serif;font-weight:700;font-size:21px;color:#2a365e;text-transform:capitalize;margin-bottom:15px} .general-info .footer-block-title{margin-bottom:23px} .general-info-links-list{padding:0;margin:0;list-style:none} .general-info-links-list a{display:block;font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#2a365e;text-decoration:none;line-height:1.1;padding:9px 0 8px 14px;background:url('../images/green-arrow.png') left 11px/5px 8px no-repeat;transition:all 320ms} .general-info-links-list a:hover{text-decoration:underline} .contact-us{margin:0 0 0 6px} .footer-phone{padding-left:35px;line-height:1.5;background:url('../images/phone-icon.png') 2px 12px/17px 17px no-repeat;margin-bottom:1px;padding:8px 0 8px 30px} .footer-phone a{letter-spacing:-.5px;font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;color:#0c2b48;text-decoration:none} .footer-phone a:hover{color:#0c2b48;text-decoration:none} .footer-working-days{font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#2a365e;margin-bottom:3px} .footer-address{font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#2a365e;line-height:1.7;margin-bottom:-2px} .city-hall-directory{font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#2a365e;text-decoration:underline} .city-hall-directory:hover{text-decoration:none} #footer-bottom{margin-top:67px;color:#2a365e;position:relative;padding:45px 0} #footer-bottom::after{content:'';position:absolute;left:0;top:0;right:0;width:100%;background:#b8c1ca;height:1px} .copyright{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;color:#2a365e} #revize{text-align:right} #revize-link{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;color:#2a365e;text-decoration:none} #revize-link:hover{text-decoration:underline} #revize-login{font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;color:#2a365e;text-decoration:none;text-transform:capitalize;position:relative} #revize-login:hover{text-decoration:underline} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform-wrap{padding:23px 0 79px} #entry{padding:12px 30px 10px 32px} .freeform-aside{padding-right:44px;padding-top:28px;margin:0 0 0 -2px} .freeform-aside-box{border-top:8px solid #25406f;background-color:#f5f6f8;padding:18px 0 28px} .aside-header{font-family:'Libre Baskerville',serif;font-weight:700;font-size:18px;color:#2e385c;text-transform:capitalize;padding:0 28px;position:relative;margin-bottom:31px} .recreation-director{text-align:center} #flyout-header.aside-header::after{content:'';position:absolute;bottom:-17px;left:30px;width:70%;height:1px;background-color:#b4b4b6} #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a,#flyout span{display:block;text-decoration:none;font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#2e385c;padding:10px 20px 10px 28px;line-height:1.1} #flyout ul{padding:0;margin:0;display:none} #flyout ul a,#flyout ul span{font-size:12px;padding:10px 15px} .aside-department{text-align:center;margin:31px 0 30px;padding:40px 0 36px} .department-email{overflow:auto} .department-img{width:113px;height:113px;border-radius:50%} .aside-department .aside-header{margin:16px 0 11px} .department-description{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;color:#213350;letter-spacing:-.3px;margin:0 0 7px -3px} .aside-department a{display:block;font-family:'Poppins',sans-serif;font-weight:400;font-size:12px;color:#213350;text-decoration:none} .aside-department a:hover{color:#213350;text-decoration:underline} .department-phone{margin-top:8px} .hello-friends{text-align:center;margin-top:30px;margin-bottom:30px;padding-bottom:17px} .hello-friends .aside-header{margin-bottom:14px} .pdf-block{display:block;background-color:#fff;box-shadow:0 5px 8px 0 rgba(0,0,0,0.05);max-width:250px;height:66px;margin:0 auto 7px;text-align:left;text-decoration:none} .pdf-block:hover{text-decoration:none} .pdf-name{font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;color:#2e385c;position:relative;top:12px} .pdf-size{font-family:'Poppins',sans-serif;font-weight:400;font-size:10px;color:rgba(40,68,89,0.702);position:relative;top:2px} .aside-pdf-icon{width:34px;height:42px;float:left;margin:12px 13px 0 22px} #breadcrumbs{margin-left:-11px;font-family:'Poppins',sans-serif;font-weight:400;font-size:13px;text-transform:capitalize;color:#ec8a1c;text-transform:uppercase;letter-spacing:4px} #breadcrumbs span{display:inline-block;margin-left:10px;color:#1e284f} #breadcrumbs a{display:inline-block;color:#ec8a1c;padding:10px 10px 10px;transition:color 320ms;position:relative;text-decoration:none} #breadcrumbs a:last-child{margin-right:16px} #breadcrumbs a:after{content:"\f054";font-family:'FontAwesome';font-size:8px;color:#7e849a;position:absolute;top:14px;right:-10px} #breadcrumbs a:hover{color:#1e284f} #page-title{font-family:'Libre Baskerville',serif;font-weight:700;font-size:22px;color:#25406f;text-transform:capitalize;margin:1px 0 29px} #freeform-quick-links{min-height:506px;background:url(../images/community-bg.jpg) center/cover no-repeat;position:relative;padding:146px 0 20px} #freeform .newletter-box{top:27%} .fullwidth #entry{padding:35px 0 89px} /* ----------------------------------------- #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:#44afb9!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} /* ----------------------------------------- #bxslider -----------------------------------------*/ #slider{height:803px;position:relative} #freeform #slider{height:457px} #slider .container{width:1160px} #bxslider-bottom-bg{position:absolute;bottom:-10px;left:0;width:100%;height:100px;z-index:190} #slider-caption{position:absolute;left:0;right:0;top:26.6%;z-index:51;font-family:'Libre Baskerville',serif;font-weight:700;font-size:96px;color:#fff;line-height:1} #slider-caption-in{display:inline-block;max-width:540px} #for-relocation{display:inline-block;font-family:'Sacramento',cursive;font-weight:400;font-size:94px;color:#fff;position:relative;top:-8px} .learn-contact-box{position:absolute;left:0;right:0;top:66%;z-index:51;line-height:1} .bxslider-learn-more{color:#2a365e;background:#fff} .bxslider-learn-more:hover{color:#fff;background:#2a365e} .bxslider-contact-us{color:#fff;background:#44afb9} .bxslider-contact-us:hover{color:#44afb9;background:#fff} .newletter-box{position:absolute;left:0;right:0;top:15%;z-index:51;line-height:1;text-align:right} .newletter-box form{margin-right:-20px} .newletter-box input{border-radius:20px;background:#fff url(../images/email-green-icon.png) 25px 10px/15px 15px no-repeat;padding:9px 15px 9px 44px;font-family:'Poppins',sans-serif;font-weight:500;font-size:12px;color:#2a365e;width:222px;letter-spacing:-.2px} @-moz-document url-prefix() { /* firefox */ .newletter-box input{padding:12px 15px 12px 44px} } .newletter-box button{border-radius:50%;background:none;margin:0;padding:0;border:9px solid rgba(255,255,255,0.2);cursor:pointer!important;position:relative;top:-11px;left:2px;z-index:100} .newletter-box button span{display:inline-block;border-radius:50%;padding:12px;background-color:#44afb9} .newletter-box button img{display:inline-block;width:17px;height:17px;margin:auto} .newletter-box input::-webkit-input-placeholder{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px!important;text-transform:capitalize;color:#2a365e} .newletter-box input:-moz-placeholder{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px!important;text-transform:capitalize;color:#2a365e} .newletter-box input::-moz-placeholder{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px!important;text-transform:capitalize;color:#2a365e} .newletter-box input:-ms-input-placeholder{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px!important;text-transform:capitalize;color:#2a365e} .bxslider{padding:0;margin:0} .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} #freeform .bxslider li{background-attachment:scroll !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:57px;height:57px;margin:-28px 0 0;display:block;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-prev{background:url('../images/bxslider-left-nav.png');left:37px} .bx-wrapper .bx-next{background:url('../images/bxslider-right-nav.png');right:37px} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1} #freeform .bx-wrapper .bx-prev{left:-60px} #freeform .bx-wrapper .bx-next{right:-60px} #freeform .bx-wrapper:hover .bx-next{right:20px} #freeform .bx-wrapper:hover .bx-prev{left:20px} .bx-default-pager{display:none} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:992px) { #nav .focused .toggle2{display:none} #nav .toggle{display:inline-block;position:absolute;top:37%;margin-left:8px;color:#ed8b1c} #nav .focused .toggle::after{content:none} #flyout .focused .toggle{display:inline-block;margin-left:8px} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #flyout{display:block!important} #flyout ul{position:absolute;left:100%;top:0;width:200px;background:#F5F6F8;display:none;z-index:999} #flyout li:hover>ul{display:block} #flyout li:hover a, #flyout li:hover span{background:#22406D;color:#fff} #flyout .toggle{position:absolute;top:28%;right:10px} #nav{display:inline-block!important;margin-right:140px} .layout-table{table-layout:fixed;width:100%} #nav li:hover>ul{display:block} #nav ul ul{left:100%;top:0} #nav ul ul {display: block !important} #nav ul > li > a:first-child::before{content:'';position:absolute;top:14px;left:0;height:9px;width:11px;background:url('../images/nav-arrow.png') left top/11px 9px no-repeat} #nav ul ul > li > a:first-child::before{display:none} #nav > li:hover > a{color:#f27a5e} #nav a:hover{color:#f27a5e} #header-top{display:block !important} } @media only screen and (max-width:1470px) { #quick-links .owl-prev{left:-15px} #quick-links .owl-next{right:-15px} #freeform-quick-links .owl-prev{left:-15px} #freeform-quick-links .owl-next{right:-15px} #news .owl-prev{left:-15px} #news .owl-next{right:-15px} } @media only screen and (max-width:1350px) { #nav > li{padding:0 10px} #nav a, #nav span{font-size:15px} #nav ul{column-gap:20px;padding:49px 30px 45px} #header-top-in-right-part{display:block!important} .working-days.header-delimiter::after{content:none} .working-days{margin-right:0!important} #header-top{padding-top:13px} #logo{top:-50px!important} #logo img,#mayor img{width:93px!important} #mayor{top:-15px} #nav .toggle{margin-left:1px} .bx-wrapper .bx-prev{left:-60px} .bx-wrapper .bx-next{right:-60px} .bx-wrapper:hover .bx-next{right:20px} .bx-wrapper:hover .bx-prev{left:20px} .bx-wrapper .bx-controls-direction a{top:10%} #freeform .bx-wrapper .bx-controls-direction a{top:90%} .bx-wrapper .bx-prev{background:url('../images/bxslider-left-nav.png') center/50% no-repeat} .bx-wrapper .bx-next{background:url('../images/bxslider-right-nav.png') center/50% no-repeat} } @media only screen and (max-width:1200px) { .newletter-box form{margin-right:0} .freeform-aside{padding-right:0;margin:0} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} #toggles{position:absolute;right:15px;top:6px;z-index:400} #nav-toggle,#top-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#163250;color:#fff;margin-left:5px;cursor:pointer} #nav,#flyout{display:none} #nav li{display:block} #nav a, #nav span, #flyout a, #flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul, #flyout ul{background:rgba(0,0,0,.1)} .toggle, .toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important} #nav a,#nav span{display:block;color:#fff;border-bottom:1px solid rgba(255,255,255,0.2)!important} #nav ul{position:static;column-count:1;padding:0} #nav a,#nav ul a{padding:15px 60px 15px 15px !important} #nav ul ul a{padding:15px!important} #flyout a{padding:15px 60px 15px 15px !important} #flyout ul a{padding:15px!important} #nav .toggle, #nav .toggle2, #flyout .toggle{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:#163250;color:#fff;padding:15px!important} #nav li{display:block;position:relative;padding:0} #header-top{display:none} #header-bottom{position:relative;top:0} .header-bottom-wrap{text-align:left} #logo{top:3px!important;left:0;float:none} #mayor{top:3px;right:122px} #nav{background:#1e284f} #header-top{text-align:left;min-height:auto} #header-top-in div{display:block;margin:10px 0} .header-address img{margin-right:13px} #search.header-delimiter::after{content:none} #header-top-in-right-part{margin-left:-8px!important;margin-left:-8px} #translation-links{display:none} #search{margin:0!important;width:100%} #search form{width:100%;margin:0 0 0 -3px} #search input{width:100%;padding:0 0 0 38px} #search input::-webkit-input-placeholder{padding:0} #search input:-moz-placeholder{padding:0} #search input::-moz-placeholder{padding:0} #search input:-ms-input-placeholder{padding:0} .bx-wrapper .bx-controls-direction a{top:10%} #slider-caption{font-size:60px;top:26%} #for-relocation{font-size:70px;top:2px} .newletter-box{top:16%} .learn-contact-box{top:66%} #slider{height:570px} #footer-top .contact-us{margin:0} .community-wrap{padding:115px 0 15px} .live-work-play{display:none} .general-info-links{margin-bottom:50px} #revize{text-align:left} #flyout-header,.aside-department,.hello-friends{display:none} .freeform-aside{padding:0 15px} .freeform-aside-box{padding:10px 0} #flyout-toggle{display:inline-block;padding:15px;font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;color:#284459;text-transform:capitalize;cursor:pointer} #entry{padding:9px 0} .share-btn{top:auto;left:auto;bottom:5px;right:5px} } /* 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} .app-btn{padding:13px 0;width:150px;margin-top:5px} .app-title{font-size:35px} #slider-caption{font-size:50px;top:26%} #for-relocation{font-size:50px} .learn-contact-box{top:60%} #homepage .newletter-box{text-align:left} .newletter-box input{background-image:unset;padding:9px 10px;width:180px} @-moz-document url-prefix() { /* firefox */ .newletter-box input{padding:9px 10px} } .news-info{padding:20px 10px 10px} #community-icon{display:none} #weather-box{float:none;margin:0 0 -140px} } @media only screen and (max-width:479px) { .app-btn.news-view-all{margin-bottom:110px} #breadcrumbs{margin-bottom:30px} } @media print { #freeform-quick-links,.freeform-aside,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} #entry{padding:0;margin:0} #freeform-main {padding:0} }