/*----------------------------------------------------------------------------------- Theme Name:Largo,FL Author HTML,CSS,and JS:Richard Opiniano Author URI:http://www.revize.com/ Date:7/7/17 -----------------------------------------------------------------------------------*/ /* test */ /* ----------------------------------------- #basic styles -----------------------------------------*/ @font-face {font-family:'Avenir';src:url('../fonts/avenir/AvenirLTStd-Black.eot');src:url('../fonts/avenir/AvenirLTStd-Black.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Black.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Black.ttf')format('truetype');font-weight:900;font-style:normal} @font-face {font-family:'Avenir';src:url('../fonts/avenir/AvenirLTStd-Book.eot');src:url('../fonts/avenir/AvenirLTStd-Book.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Book.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Book.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face {font-family:'Avenir Oblique';src:url('../fonts/avenir/AvenirLTStd-BlackOblique.eot');src:url('../fonts/avenir/AvenirLTStd-BlackOblique.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-BlackOblique.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-BlackOblique.ttf')format('truetype');font-weight:900;font-style:italic} @font-face {font-family:'Avenir';src:url('../fonts/avenir/AvenirLTStd-LightOblique.eot');src:url('../fonts/avenir/AvenirLTStd-LightOblique.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-LightOblique.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-LightOblique.ttf')format('truetype');font-weight:300;font-style:italic} @font-face {font-family:'Avenir';src:url('../fonts/avenir/AvenirLTStd-Medium.eot');src:url('../fonts/avenir/AvenirLTStd-Medium.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Medium.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Medium.ttf')format('truetype');font-weight:500;font-style:normal} @font-face {font-family:'Avenir';src:url('../fonts/avenir/AvenirLTStd-Light.eot');src:url('../fonts/avenir/AvenirLTStd-Light.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Light.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Light.ttf')format('truetype');font-weight:300;font-style:normal} @font-face {font-family:'Avenir Book Oblique';src:url('../fonts/avenir/AvenirLTStd-BookOblique.eot');src:url('../fonts/avenir/AvenirLTStd-BookOblique.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-BookOblique.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-BookOblique.ttf')format('truetype');font-weight:normal;font-style:italic} @font-face {font-family:'Avenir Roman';src:url('../fonts/avenir/AvenirLTStd-Roman.eot');src:url('../fonts/avenir/AvenirLTStd-Roman.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Roman.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Roman.ttf')format('truetype');font-weight:normal;font-style:normal} @font-face {font-family:'Avenir';src:url('../fonts/avenir/AvenirLTStd-Heavy.eot');src:url('../fonts/avenir/AvenirLTStd-Heavy.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Heavy.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Heavy.ttf')format('truetype');font-weight:900;font-style:normal} @font-face {font-family:'Avenir Oblique';src:url('../fonts/avenir/AvenirLTStd-MediumOblique.eot');src:url('../fonts/avenir/AvenirLTStd-MediumOblique.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-MediumOblique.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-MediumOblique.ttf')format('truetype');font-weight:500;font-style:italic} @font-face {font-family:'Avenir Oblique';src:url('../fonts/avenir/AvenirLTStd-Oblique.eot');src:url('../fonts/avenir/AvenirLTStd-Oblique.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-Oblique.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-Oblique.ttf')format('truetype');font-weight:normal;font-style:italic} @font-face {font-family:'Avenir Oblique';src:url('../fonts/avenir/AvenirLTStd-HeavyOblique.eot');src:url('../fonts/avenir/AvenirLTStd-HeavyOblique.eot?#iefix')format('embedded-opentype'),url('../fonts/avenir/AvenirLTStd-HeavyOblique.woff')format('woff'),url('../fonts/avenir/AvenirLTStd-HeavyOblique.ttf')format('truetype');font-weight:900;font-style:italic} @font-face {font-family:'cal';src:url('../fonts/cal/ChampagneLimousines.eot');src:url('../fonts/cal/ChampagneLimousines.eot?#iefix')format('embedded-opentype'),url('../fonts/cal/ChampagneLimousines.woff')format('woff'),url('../fonts/cal/ChampagneLimousines.ttf')format('truetype');font-weight:normal;font-style:normal} body{background:#fff;font-size:14px;line-height:1.6;font-family:'Avenir',sans-serif;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} /* ----------------------------------------- #intranet nav -----------------------------------------*/ #intranet-home header {background:rgba(239, 134, 76, 0.8);} #intranet-home #nav ul {background: #ef864c;} #intranet-home #nav ul a:hover {background: #ef6648;} #intranet-home #nav>li:hover>a {background: #ef6648;} #intranet-home #nav>li:first-child>a{pointer-events:none!important} html.intranet header {background:rgba(239, 134, 76, 0.8);} html.intranet #nav ul {background: #ef864c;} html.intranet #nav ul a:hover {background: #ef6648;} html.intranet #nav>li:hover>a {background: #ef6648;} html.intranet #nav>li:first-child>a{pointer-events:none!important} #intranet-home #search{display:none} #intranet-home #slider .bxslider>li>a{display:block;position:absolute;top:0;left:0;right:0;bottom:0} /* ----------------------------------------- #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:60px;color:#313F4A;margin-bottom:30px;font-weight:500} .subheader{font-size:21px;color:#111;margin-bottom:30px} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} @font-face{ font-family:'weather'; src:url('../fonts/weather/artill_clean_icons-webfont.eot'); src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight:normal; font-style:normal; } .weather i{font-family:'weather'} .weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3"}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{color: #4d4c51;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: #f16648;} 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 -----------------------------------------*/ #formwizziwmorf input[type="submit"] {margin-top: 30px;} .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 18px;color:#fff!important;border:0;border-radius:5px;display:inline-block;font-size:23.89px;font-weight:500!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Avenir',sans-serif;text-transform:uppercase;background:rgba(218,221,130,1);background:-moz-linear-gradient(top,rgba(218,221,130,1)0%,rgba(165,196,83,1)100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(218,221,130,1)),color-stop(100%,rgba(165,196,83,1)));background:-webkit-linear-gradient(top,rgba(218,221,130,1)0%,rgba(165,196,83,1)100%);background:-o-linear-gradient(top,rgba(218,221,130,1)0%,rgba(165,196,83,1)100%);background:-ms-linear-gradient(top,rgba(218,221,130,1)0%,rgba(165,196,83,1)100%);background:linear-gradient(to bottom,rgba(218,221,130,1)0%,rgba(165,196,83,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadd82',endColorstr='#a5c453',GradientType=0);border-bottom:1px solid #91a643} .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} .button:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} 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:'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:14px} 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 -----------------------------------------*/ #divisions-list .col-sm-4{height:auto !important} .mceText[title="btn"] {color: #000!important;} .mceListBox.mceListBoxEnabled.mce_fontselect {display: none;} .sliderbtn{position:absolute;left:0;right:0;top:0;z-index:100;text-align:center} .float_button_above{right:0} .quicklinkbtn,.newslinkbtn{text-align:center} .faqs-heading{background-image:url(../images/arrow-down.png) !important} .faqs-heading.active{background-image:url(../images/arrow-up.png) !important;background-color:#62a6bb !important} .faqs-toggle-content,.faqs-heading.active{border-color:#62a6bb !important} .quicklinkbtn{position:relative;z-index:82} .faq-question .editbtns {position: absolute;line-height: 1;right: 1px;font-size: 13px;top: 7px;padding: 10px;z-index: 99;} .faq-category .faq-question .editbtns a {display: inline-block;line-height: 1;} .category-edit-btns {position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);margin-top: 55px;} #questions{margin-top:30px} .question{background:#fff;border:1px solid #f1f1f1;margin-bottom:15px} .question i{margin-right:10px;transition:all .2s} .question i.toggled{transform:rotate(180deg)} .question-toggle{cursor:pointer;font-size:16px;padding:5px 15px} .question-answer{display:none;border-top:1px solid rgba(0,0,0,.1);padding:15px;font-size:15px} #commissioners{position:relative} #commissioners .owl-stage-outer{z-index:80} #commissioners .owl-controls{position:absolute;left:0;right:0;top:20%} #commissioners .row .col-sm-2{/* width:100%; */} #commissioners .owl-nav:after{content:'';display:block;clear:both} #commissioners .owl-prev{float:left;font-size:30px;position:relative;z-index:81;margin-left:15px} #commissioners .owl-next{float:right;font-size:30px;position:relative;z-index:81;margin-right:15px} .docCenter main,.faqCenter main{/* overflow:auto !important */} /* ----------------------------------------- Scroll Arrows -----------------------------------------*/ .scroll-btns {position: fixed;z-index: 999;bottom: 60px;left: 40px;margin: 0;padding: 0;} .scroll-btn {font-size: 24px;display: block;line-height: 30px;height: 30px;width: 30px;text-align: center;background-color: rgba(101, 169, 189, 0.6);border-radius: 50%;transition: all .2s ease;color: #191e24!important;} .scroll-btn:hover {background-color:rgb(101, 169, 189);} .scroll-btn i {width: 30px;height: 30px;line-height: 30px;} #scroll-btn-up {margin-bottom: 10px;} #scroll-btn-up i {position: relative;top: -1px;} /* ----------------------------------------- #FAQ Categories ----------------------------------------- */ .faq-category h2.faq-header {color: #7c7e82;text-transform: uppercase;font-size: 36px;text-align: center;} .faq-category .faq-question a {color: #686868;text-transform: uppercase;text-decoration: none;font-weight: 500;display: block;} .faq-category .faq-question{hover-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;} .faq-category .faq-question {background: #f1f1f1;color: #686868;text-transform: uppercase;position: relative;padding: 10px 25px;cursor: pointer;font-weight: 700;border: 1px solid #e4e4e4;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .faq-category .faq-question:hover {background: #fda76f;} .faq-category .faq-question:hover a {color: #fff;} .faq-category .faq-answer:before,.faq-category .faq-answer:after {display: table;content: " ";} .faq-category .faq-answer:after {clear: both;} .faq-category .faq-answer {padding: 20px 0;/* border-bottom: 2px solid #e0e0e0; */} .programs-img {height: 155px;width: 180px;margin-right: 25px;} h2.faq-title {margin: 0;} .faq-when span {display: inline-block;} span.faq-ages {display: block;} .faq-answer .btn {margin-top: 15px;} .faq-questions .faq-item {margin-bottom: 20px;} .programs-activities .faq-category h2.faq-header {color: #7c7e82;text-transform: uppercase;font-size: 36px;text-align: center;} .programs-activities .faq-category .faq-question .faq-toggle-header {color: #686868;text-transform: uppercase;text-decoration: none;font-weight: 500;display: block;background: #f1f1f1;color: #686868;border: 1px solid #e4e4e4;padding: 15px 20px;} .programs-activities .faq-category .faq-question{hover-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;background: none;padding: 0;cursor: default;border: 0;} .programs-activities .faq-category .faq-toggle-header:hover {background: #f4a36a;} .programs-activities .faq-category .faq-toggle-header:hover {color: #fff;} .programs-activities .faq-category-toggled{background-color: #f4a36a!important;color:#fff!important;} .programs-activities .faq-category .faq-answer:before,.faq-category .faq-answer:after {display: table;content: " ";} .programs-activities .faq-category .faq-answer:after {clear: both;} .programs-activities .faq-category .faq-answer {padding: 20px 0;/* border-bottom: 2px solid #e0e0e0; */} .programs-activities .programs-img {height: 155px;width: 180px;margin-right: 25px;} .programs-activities h2.faq-title {margin: 0;} .programs-activities .faq-when span:after {content: "";position: absolute;top: 2px;bottom: 2px;right: 3px;width: 1px;background-color: #101010;} .programs-activities .faq-when span.faq-start-time {padding-right: 0;} .programs-activities .faq-when span.faq-start-time:after {display: none;} .programs-activities .faq-when span {display: inline-block;position: relative;padding-right: 11px;} .programs-activities span.faq-ages {display: block;} .programs-activities .faq-answer .btn {margin-top: 15px;display: inline-block;} .programs-activities .faq-questions .faq-item {margin-bottom: 20px;} .programs-activities .faqs-heading{background-image:url(../images/arrow-down.png) !important} .programs-activities .faqs-heading.active{background-image:url(../images/arrow-up.png) !important;background-color:#62a6bb !important} .programs-activities .faq-question .editbtns {position: absolute;line-height: 1;right: 1px;font-size: 13px;top: 7px;padding: 10px;z-index: 99;} .programs-activities .faq-category .faq-question .editbtns a {display: inline-block;line-height: 1;} .programs-activities .category-edit-btns {position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);margin-top: 55px;} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden} .freeform #wood,.fullwidth #wood,.public_works_b #wood{display:none} .freeform main:after,.fullwidth main:after,.public_works_b main:after{display:none} .container{max-width:100%;width: 1400px;} #freeform iframe#calendar {height: 390px;} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle,.toggle,.toggle2,.down-arrow{display:none} header{position:fixed;left:0;right:0;z-index:100;background: rgba(75, 95, 109, 0.8);top:0;} .translated-ltr header {top: 39px;} #weather.weather{position:absolute;right:38px;top:0;padding-right:98px;display:inline-block;text-decoration:none !important} #weather.weather span{font-family:'cal',sans-serif;font-size:34.07px;color:#fff;line-height:75px;display: none;} #weather.weather i{font-style:normal;position:absolute;right:0;top: 7px;font-size: 71px;color:#fff;line-height:55px;display: none;} #qlinks-top{text-align:center;position:relative;z-index:81;margin:-188px auto 51px auto;max-width:100%;width:1250px} #qlinks-top~.text-center a{font-size:20px;text-decoration:none;color:#939598} #qlinks-top~.text-center a i{margin-left:5px} #qlinks-top .owl-stage-outer{z-index:50} #qlinks-top .owl-controls{position:absolute;left:0;right:0;top:37.5%} #qlinks-top .owl-prev{float:left;position:relative;z-index:51;margin-left:0} #qlinks-top .owl-next{float:right;position:relative;z-index:51;margin-right:0} #qlinks-top .ih-item{height:240px;width:240px;display:inline-block;margin:50px 34px 120px 0} #qlinks-top .ih-item:hover{transform:scale(1.15);z-index:10} #qlinks-top .ih-item .spinner{height:266px;width:266px;border:60px solid rgba(255,255,255,.6);box-shadow:0px 0px 51px 0px rgba(0,0,0,0.1)} #qlinks-top .ih-item:hover .qlinks-top-header span{font-weight:bold} #qlinks-top .ih-item:hover .spinner{border:60px solid rgba(194,216,102,.7);transform:rotate(45deg);position:relative;border-left:60px solid rgba(255,255,255,.8);border-top:60px solid rgba(255,255,255,.8);transform:rotate(45deg) !important} #qlinks-top .ih-item .img{left:26px;top:26px} #qlinks-top .ih-item .qlinks-top-header{position:absolute;top:100%;left:26px;text-align:center;right:0} #qlinks-top .ih-item .qlinks-top-header span{font-size:33.44px;line-height:normal;color:#939598;text-transform:uppercase;display:block;padding-top:50px;font-weight:500;position: absolute;left: 50%;transform: translateX(-50%);} #logo-wrap{max-height:75px;position:relative;transition:all .1s} #logo{display:inline-block;margin-top:-15px;margin-left:-7px} #logo img{max-width:175px;width:100%} nav{text-align:right} #nav{padding:0;margin:0} #nav>li:hover>a{background: #61a6bb;} #nav li{display:inline-block;position:relative;margin:0;text-align:left} #nav a{display:block;text-transform:uppercase;color:#fff;font-size:19px;line-height:75px;text-decoration:none;padding:0 5px;position:relative} #nav>li>a{pointer-events:none} #nav>li>a["COVID-19"]{pointer-events:none} #nav>li>a:after{content:'';position:absolute;right:-4px;top:19px;bottom:19px;width:2px;background:#fff} #nav>li:last-child>a:after{display:none} #nav ul{padding:0;margin:0;position:absolute;left:0;top:100%;background: #61a6bb;display:none;} #nav li:hover>ul{display:block} #nav ul li{width:220px} #nav ul a{font-size:16px;text-transform:none;line-height:1.3;padding:15px 25px;border-bottom: 1px solid rgba(0,0,0,.07);} #nav ul a:hover{background: #4b5f6d;} #nav ul ul{left:100%;top:0} #nav li:last-child>a{border:none} #nav>li:last-child>a{padding-right:0} #nav>li:nth-last-of-type(-n+3) ul{left:auto;right:0} #nav>li:nth-last-of-type(-n+3) ul ul{right:100%;left:auto} #events{position:relative;padding-top:143px;margin-bottom:273px} #events:after{content:'';position:absolute;left:0;right:0;top:0;height:216px;background:url(../images/white-1.png) top left repeat-x;background-size:contain;z-index:-1} #events>img{position:absolute;left:0;right:0;top:0;width:100%} #events-header img{max-width:499px;width:100%} #tabs{padding:0;margin:178px 0 0;font-size:0;text-align:right;display:inline-block} #tabs li{position:relative;margin:0;display:inline-block;margin-left:12px;text-align:left} #tabs a{display:block;font-weight:500;background:#f4a36a;text-decoration:none;color:#fff;text-transform:uppercase;padding:8.1px 17px;border-radius:4px;min-width:128px;font-size:16px;position:relative;transition:all .3s} #tabs li span a{background:-moz-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(238,172,115,1)),color-stop(100%,rgba(241,115,79,1)));background:-webkit-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-o-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-ms-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:linear-gradient(to bottom,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeac73',endColorstr='#f1734f',GradientType=0);-webkit-transform:scale(0.5);-moz-transform:scale(1.64);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;z-index:10;display:block;font-weight:500;text-decoration:none;color:#fff;text-transform:uppercase;padding:8.1px 17px;border-radius:4px;min-width:128px;font-size:16px;position:relative;transition:all .3s} #tabs li.current a{z-index:9} #tabs-content{margin-top:28px} #tabs-content>div>div:not(.active){display:none} #qlinks-bot-wrap{position:relative} #freeform #qlinks-bot-wrap{margin-top:100px} #qlinks-bot-wrap:before{content:'';position:absolute;left:0;right:0;top:-200px;bottom:-300px;z-index:-1;background:url(../images/white-2.png) top left repeat-x;background-size:contain} #qlinks-bot{text-align:center;margin-bottom:104px;margin-left:-23px} #qlinks-bot .ih-item{display:inline-block;width:177px;height:177px} #qlinks-bot .ih-item .spinner{height:200px;width:200px;border:23px solid transparent;z-index:1;position:relative} #qlinks-bot .ih-item .info{opacity:1;background:#fff;left:23px;top:23px;box-shadow:0px 0px 0px 23px rgba(210,211,212,1)} #qlinks-bot .qlink-bot{display:inline-block;margin:0 -1.6px} #qlinks-bot>div:first-of-type .spinner{border-top:23px solid #5a6c79;border-right:23px solid #5a6c79;transform:rotate(-45deg)} #qlinks-bot>div:nth-of-type(2) .spinner{border-right:23px solid #61a7bb;border-bottom:23px solid #61a7bb;transform:rotate(45deg)} #qlinks-bot>div:nth-of-type(3) .spinner{border-top:23px solid #9dd4dd;border-right:23px solid #9dd4dd;transform:rotate(-45deg)} #qlinks-bot>div:nth-of-type(4) .spinner{border-right:23px solid #c2d866;border-bottom:23px solid #c2d866;transform:rotate(45deg)} #qlinks-bot>div:last-of-type .spinner{border-top:23px solid #f4a36a;border-right:23px solid #f4a36a;transform:rotate(-45deg)} #qlinks-bot>div:nth-of-type(2):hover .spinner,#qlinks-bot>div:nth-of-type(4):hover .spinner{transform:rotate(-135deg)} #qlinks-bot>div:first-of-type:hover .spinner,#qlinks-bot>div:nth-of-type(3):hover .spinner,#qlinks-bot>div:last-of-type:hover .spinner{transform:rotate(135deg)} #qlinks-bot .ih-item .info img{max-width:113px;width:100%;height:auto;margin-bottom:6px} #qlinks-bot .ih-item .info span{display:block;font-weight:500;font-size:19px;line-height:1.11;color:#6d6e71} #qlinks-bot .ih-item .info-inner{display:inline-block} #news-header{position:relative;z-index:1} #news-wrap{position:relative} #news-wrap:after{content:'';position:absolute;left:0;right:0;top:195px;bottom:195px;background:url(../images/white-3.png) top left repeat-x;background-size:contain} #news-all{margin-top:81px;text-align:right} #news-all .btn{background:-moz-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(238,172,115,1)),color-stop(100%,rgba(241,115,79,1)));background:-webkit-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-o-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-ms-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:linear-gradient(to bottom,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeac73',endColorstr='#f1734f',GradientType=0);letter-spacing:-.016em;font-size:20px;padding:12px 16.5px;border-radius:8px;border:none;position:relative;z-index:1} #news{margin:14px 0 181px 0} #news .owl-stage-outer{z-index:50} #news .owl-item{transition:all .3s} #news .owl-item.hovered{opacity:1} #news .owl-item.not-hovered-1{opacity:.5 !important} #news .owl-item.not-hovered{opacity:.2} #news .owl-controls{position:absolute;left:-98px;right:-98px;top:31.5%} #news .owl-controls:after{content:'';display:block;clear:both} #news .owl-prev{float:left} #news .owl-next{float:right} .news-banner{height:156px;margin-bottom:2px} #homepage .news-date{display:none} .news-info{background:#b0dde3;padding:10px 22px 18px 22px} .news-date span{font-size:14.97px;color:#fff;font-weight:500;line-height:1} .news-header{margin-bottom:7px} .news-header a{font-size:21.39px;line-height:1;color:#231f20;letter-spacing:.008em;text-decoration:none} .news-desc{margin-bottom:3px} .news-desc p{margin:0;font-weight:500;font-size:14.97px;color:#6d6e71} .news-more a{text-decoration:none;color:#fff;text-transform:uppercase;font-size:17.43px;font-weight:900;letter-spacing:.015em;line-height:1} main{position:relative} #freeform main{overflow:hidden} main:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/lines.png) top center no-repeat;background-size:cover;z-index:-2} #wood{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:-1;opacity:.8} #stay-informed{text-align:center;padding:226px 0 75px 0} #caption-informed{padding:0 15px} #caption-informed img{display:block;margin:0 auto 15px auto} footer{background:rgba(98,166,187,.6);padding:39px 75px 41px 75px;position:relative} #footer-links{padding:0;float:left;width: 100%;-webkit-column-count: 4;column-count: 4;-webkit-column-gap: 20px;column-gap: 20px;} .footer-links a:hover {color: #f16648;} #footer-links li{display:inline-block} .footer-links{display: block;width: 100%;page-break-inside: avoid;} .footer-links h2{margin:0 0 2px;font-size:23.89px;color: #4d4c51;text-transform:uppercase;font-weight:500;} .footer-links a{display:block;font-size:19.11px;color: #4d4c51;text-decoration:none;line-height:1.5;font-weight:500;/* padding-right:15px; */} #social-n-revize{float:right;text-align:right} .at4-follow-outer{display:none !important} #social-bot{margin:40px 0 0} #social-bot a{display:inline-block;margin-left:5px} #revize{margin-top:71px} #revize p{margin:0;font-size:23px;letter-spacing:-.04em;font-family:'Avenir Roman',sans-serif;color:#5b6d7b} #revize a{text-decoration:none;color:#5b6d7b} #website-by{margin-right:7px} #revize-link{margin-right:35px;position:relative} #revize-link:after{content:'';position:absolute;right:-16px;top:0;bottom:0;width:2px;background:#93bbc8} #footer-text{float:left;width:100%;text-align:right;padding:15px 0 0 75px} #footer-text p{margin:0;font-size:15.86px;color:#231f20;letter-spacing:-.015em;font-weight:500} footer>img{position:absolute;right:0;top:0;bottom:0;height:100%;width: auto!important;z-index:-1;} #footer-img{margin:0 80px 0 0} #footer-img img{width:221px} #counter{background:#191e24;padding:30px 0 24px 0} .counter{float:left;width:25%;text-align:center} .counter h3{margin:0;font-weight:500;font-size:27.82px;color:#fff;padding:0 15px} .counter span{display:inline-block;font-weight:500;font-size:76.44px;line-height:1;margin-bottom:12px} .population-size span{color:#9cd5dd} .population-size span:after{content:'K+'} .largest-city span{color:#f4a269} .largest-city span.fourth:after{content:'th'} .park-land span{color:#c2d866} .largo-businesses span{color:#62a7bc} .post iframe{margin:20px} .inline-YTPlayer{height:700px;width:400%} #video-bg{height:700px!important;width:400%} /* ----------------------------------------- #inner -----------------------------------------*/ #datDiv{position:absolute;left:0;top:0;z-index:-1;box-shadow:1px -1px 2px 0px rgba(0,0,0,.05);background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1)0%,rgba(255,255,255,0)100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(top,rgba(255,255,255,1)0%,rgba(255,255,255,0)100%);background:-o-linear-gradient(top,rgba(255,255,255,1)0%,rgba(255,255,255,0)100%);background:-ms-linear-gradient(top,rgba(255,255,255,1)0%,rgba(255,255,255,0)100%);background:linear-gradient(to bottom,rgba(255,255,255,1)0%,rgba(255,255,255,0)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)} #freeform-slider{height:410px;position:relative} #department-left{float:left;width:29%} #department-social{padding:16px 50px} #department-social a{display:inline-block;color:#fff;background:#94d0d8;border:1px solid #79c5d0;border-radius:50%;height:35px;width:35px;text-align:center;line-height:35px;text-decoration:none;margin-right:2px} .department-left-item{position:relative} .department-left-header{color:#fff;text-transform:uppercase;font-size:30px;margin:0;padding:11px 50px;position:relative} .department-left-item.contact .department-left-header{background:rgba(67,67,67,.7)} .department-left-item.contact .department-left-content{background:rgba(67,67,67,.15);font-size:16px} .department-left-item.related-pages .department-left-header{background:rgba(91,108,122,.8)} .department-left-item.related-pages .department-left-content{background:rgba(91,108,122,.15)} .department-left-item.documents .department-left-header{background:rgba(98,167,188,.7)} .department-left-item.documents .department-left-content{background:rgba(98,167,188,.15)} .department-left-item.documents .department-left-content a{display:block;text-decoration:none;color:#4d4c51;padding:4px 0} .department-left-item.services .department-left-header{background:rgba(157,213,221,.7)} .department-left-item.services .department-left-content{background:rgba(157,213,221,.15)} .department-left-item.calendar .department-left-header{background:rgba(194,216,102,.7)} .department-left-item.calendar .department-left-content{background:rgba(194,216,102,.15)} .department-left-item.questions .department-left-header{background:rgba(252,146,81,.7)} .department-left-item.questions .department-left-content{background:rgba(252,146,81,.15)} .event{padding:15px 0;border-bottom:1px solid rgba(0,0,0,.1)} .event-date{font-size:16px;color:#4d4c51} .event-time{font-size:14px;color:rgba(0,0,0,.6)} .event-title a{font-size:18px;text-decoration:none;color:#62A7BC} .department-left-item.social-media{background:rgba(59,89,152,.7)} .department-left-item.social-media .department-left-content{background:rgba(59,89,152,.05)} .department-left-content{color:#4d4c51;font-size:19px;line-height:1.8;padding:13px 50px 37px 50px;font-weight:500} .department-left-item.related-pages .department-left-content a{display:block;text-decoration:none;color:#4d4c51 !important} .toggleable .department-left-header{cursor:pointer;padding-left:18px} .toggleable .department-left-header:before{content:'\f0d7';font-family:'FontAwesome';margin-right:15px} .toggleable .department-left-content{display:none} #department-right{overflow:hidden;padding:22px 100px 22px 26px;position:relative} .breadcrumbs{border:none;margin-bottom:7px} .breadcrumbs p{color:#7bc7d3;font-size:18px;font-weight:500} .breadcrumbs a{color:#7bc7d3;text-decoration:none} .breadcrumbs a:after{content:'>';margin:0 9px 0 7px} #page-title{margin-bottom:16px} #page-title h1{margin:0;color:#7c7e82;text-transform:uppercase;font-size:56px} #department-freeform{color:#4d4c51;font-size:19px;line-height:1.8;margin-bottom:21px} #contact-more,#documents-more{color:#f95a36 !important;font-style:italic;font-weight:500;text-decoration:none !important;font-size:19px;position:absolute;right:60px;bottom:8px;display:inline-block} #managers{position:relative} #mobile-aside {margin-bottom: 30px;display: none;} #flyout-more{display:none} #manager-controls{position:absolute;left:0;right:0;top:50%;margin-top:-21px} #manager-images .owl-stage-outer,#persons-message .owl-stage-outer{z-index:60} #manager-images .owl-item,#persons-message .owl-item{transition:all .3s;text-align:center;margin:50px 0;position:static} #manager-images .owl-controls,#persons-message .owl-controls{position:absolute;left:0;right:0;top:112px} #manager-images .owl-nav:after,#persons-message .owl-controls:after{content:'';display:block;clear:both} #manager-images .owl-prev,#persons-message .owl-prev{float:left;position:relative;z-index:61;display:block !important} #manager-images .owl-next,#persons-message .owl-next{float:right;position:relative;z-index:61;display:block !important} .manager-image{height:165px;width:165px;border-radius:50%;margin:0 auto;transition:all .3s;margin-bottom:53px;opacity:.8} .active-manager .manager-image{box-shadow:0px 0px 0px 22px rgba(156,214,222,1);transform:scale(1.1);opacity:1} .manager-info{max-height:0;overflow:hidden;padding:0} .manager-info:before{content:'';position:absolute;right:50%;bottom:100%;height:49px;width:130px;background:url(../images/comment-shape.png) center no-repeat;background-size:contain} .active-manager .manager-info{background:#fff;border-radius:30px;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5);transition:all .3s;text-align:left;font-size:17px;color:#62a7bc;padding:10px 30px;margin:30px 20px 20px 20px;max-height:initial;position:relative;overflow:visible} #freeform .qlink-bot{position:relative} #freeform .qlink-bot-caption{margin-top:25px;text-transform:uppercase;font-weight:500;position:absolute;left:23px;right:0} #freeform #qlinks-bot>div:first-of-type .spinner{background:#f4a26a} #freeform #qlinks-bot>div:nth-of-type(2) .spinner{background:#c2d866;position:relative;z-index:2} #freeform #qlinks-bot>div:nth-of-type(3) .spinner{background:#9dd5dd} #freeform #qlinks-bot>div:nth-of-type(4) .spinner{background:#5b6c7a;position:relative;z-index:2} #freeform #qlinks-bot>div:last-of-type .spinner{background:#58595b} #freeform #qlinks-bot>div:nth-of-type(odd) .spinner{border-top:23px solid #fff;border-right:23px solid #fff;border-left:23px solid #d2d3d4;border-bottom:23px solid #d2d3d4} #freeform #qlinks-bot>div:nth-of-type(even) .spinner{border-right:23px solid #d2d3d4;border-bottom:23px solid #d2d3d4;;border-left:23px solid #e6e6e6;border-top:23px solid #e6e6e6} #freeform #qlinks-bot .ih-item .info{box-shadow:none} #freeform .ih-item img{position:relative;z-index:3} #freeform main{background:url(../images/fade.png) top left repeat-x;background-size:auto} #departments-wrap{margin-bottom:100px} #flyout-toggle{display:none} #flyout{padding:0;margin:0;position:relative;z-index:10} #flyout li{list-style:none;margin:0;position:relative} #flyout li:hover>ul{/* display:block */} #flyout a{display:block;color:#4d4c51;font-size:19px;padding:4px 0;transition:all .3s} #flyout ul{position: static;left:100%;top:0;/* width:200px; *//* background:#fff; */padding:0;margin: 0 0 15px 0;/* box-shadow:0px 0px 1px 0px rgba(0,0,0,0.24); */display:none;} #flyout ul a{color:rgba(0,0,0,.8);font-size:16px;/* border-bottom:1px solid rgba(0,0,0,.1); */padding:10px 20px;} #flyout li:last-child>a{border:none} #flyout ul a:hover{/* background:rgba(0,0,0,.1) */} .toggle-children{display:none} #freeform .search-form{margin:0 0 0 auto} #freeform #slider-caption-wrap{bottom:auto;top:120px} #persons-message{margin-bottom:54px} .person-message{font-size:19px;color:#939598;padding:0 40px} #persons-message .owl-controls{position:absolute;left:0;right:0;top:50%;margin-top:-21px} .clearfix.v{margin-top:100px} #video{margin-right:32px} #video iframe{height:238px} #video-header h2{font-size:30px;color: #939597;font-weight:500;margin:0 0 10px;} #video-header p{margin:0;font-size:19px;color:#939598} .video-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1} .video-play{position:absolute;bottom:43px;right:32px;width:77px;height:77px} .video-info{position:absolute;bottom:60px;right:117px} #person{margin-bottom:100px} #person-header{float:left;margin:22px 30px 22px 22px} #person-image{height:250px;width:250px;border-radius:50%;transition:all .3s;display:block} #person-image:hover{box-shadow:0px 0px 0px 22px rgba(156,214,222,1)} #person-social a{display:inline-block;color:#62a7bc;font-size:20px;text-decoration:none;margin:0 4px} #person-info{overflow:hidden;padding-top:21px;margin-bottom:8px} #person-name{margin:0 0 10px;font-size:30px;color: #939597;font-weight:500;} #person-contact{font-size:15px;color: #939597;font-style:italic;margin-bottom:10px;} #person-contact a{display:inline-block;text-decoration:none;color: #939597;} #person-contact a.fa{margin-right:5px} #person-description{font-size:19px;color:#939598} #person-more a{text-decoration:none;font-style:italic;color:#f26748;font-weight:500;font-size:16px;font-family:'Avenir Oblique',sans-serif;padding:8.1px 17px;background:-moz-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(238,172,115,1)),color-stop(100%,rgba(241,115,79,1)));background:-webkit-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-o-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:-ms-linear-gradient(top,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);background:linear-gradient(to bottom,rgba(238,172,115,1)0%,rgba(241,115,79,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeac73',endColorstr='#f1734f',GradientType=0);border:none} .commissioner{display:block;text-decoration:none !important;font-style:italic;font-size:15px;color:#62a7bc;line-height:1.133333333333333;margin-bottom:20px} .commissioner:hover .commissioner-image{opacity:1} .commissioner-image{margin:0 auto 30px auto;width:120px;height:120px;border-radius:50%;transition:all .3s;opacity:.6} #freeform #qlinks-top{margin:0 auto;width:900px} #pay-bills-header,#divisions-header{margin:0 0 52px;font-size:31px;color:#5c6064} #pay-bills-header{margin:0} .division{margin-bottom:40px} .division-image{display:block;text-decoration:none;padding-bottom:50%;margin-bottom:19px} .division-header{font-size:24px;font-weight:500;color:#2e2c2d !important;text-decoration:none} /* #divisions-list .col-sm-4{padding-left:20px;padding-right:20px} */ .fullwidth #departments-wrap{padding:50px} .financial_center_c #departments-wrap{margin-bottom:0} .entry{font-size:18px} #facebook-feed{padding:30px 30px 0 30px;text-align:center} .fb-page{display:inline-block} #feed{margin:30px 30px 0 30px;position:relative;z-index:1} #social-feed-tabs{padding:0;margin:0} #social-feed-tabs li{float:left;position:relative;margin:0;list-style:none;opacity:.5;transition:all .3s} #social-feed-tabs li.active,#social-feed-tabs li:hover{opacity:1} #social-feed-tabs a{display:block;float:left;width:50px;height:50px;line-height:50px;text-align:center;text-decoration:none;color:#fff;font-size:22px;position:relative} #social-feed-tabs a.fa-facebook{background:#4867AA} #social-feed-tabs a.fa-instagram{background:#EA5848} #social-feed-tabs a.fa-twitter{background:#1DA1F2} #social-feed{background:#fff;background:#fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);padding:15px} #social-feed>div:not(.active){display:none} .social-feed-element{padding:15px 0;border-bottom:1px solid rgba(0,0,0,.1)} .social-feed-element .attachment{margin-top:15px;max-width:100%;width:250px} .freeform_c #wood{display:none} .freeform_c main{background:#fff} .content-page #qlinks-bot-wrap{margin-bottom:100px} #scroll{display:block!important;opacity:1;transition:all .3s;position:fixed;bottom:90px;right:15px;transform:translateX(-50%);z-index:100;font-size:25px;line-height:27px;background:#f29e70;border-radius:50%;height:30px;width:30px;text-align:center} /* ----------------------------------------- #Business Directory Overwrites -----------------------------------------*/ #rz-business-directory>.container {/* width: 100%; */} #rz-business-categories ul {border:0!important;background:none!important;margin-bottom:10px!important;} #rz-business-categories ul li a{border: 1px solid #f4a36a !important;background: #f4a36a;color:#fff;margin-right:10px;border-radius:4px;padding:10px!Important;} #rz-business-categories .rz-selected-business-category{border: 1px solid #62a6bb!important;text-decoration:none!important;color: #ffffff!important;background: #62a6bb!important;} .bus-detail span,.bus-detail a {color: #7c7e82;} #rz-business-categories .rz-selected-business-category::after {display:none} .rz-action-btns{z-index: 2;} iframe.rz-business-inner-map {margin-right: 15px!important;margin-left: 15px!important;float: none!important;} .bus-detail{height:auto!important} .rz-business-block .rz-business-links a,.rz-block-list .rz-bus-readmore{color:#61A6BB!important} #rz-business-directory .rz-block-img:after {background: rgba(90,107,121,1); background: -moz-linear-gradient(top, rgba(90,107,121,1) 0%, rgba(111,126,138,1) 13%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,107,121,1)), color-stop(13%, rgba(111,126,138,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(90,107,121,1) 0%, rgba(111,126,138,1) 13%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(90,107,121,1) 0%, rgba(111,126,138,1) 13%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(90,107,121,1) 0%, rgba(111,126,138,1) 13%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(90,107,121,1) 0%, rgba(111,126,138,1) 13%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a6b79', endColorstr='#ffffff', GradientType=0 );} .rz-bus-extra {color: #7c7e82!important;} /* ----------------------------------------- #share widget -----------------------------------------*/ #share-translate {position: fixed;right: 0;top: 40%;z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,.3)!important;} div#google_translate_element {display: inline-block;height: 50px;width: 50px;} #translate .goog-te-gadget-simple{background:transparent;font-size:0;border:none} #translate .goog-te-gadget, #translate, #translate .goog-te-gadget-simple{padding:0;margin:0;height: 50px;} #translate .goog-te-gadget img{display:none} #translate .goog-te-gadget-simple:after{content:'\f1ab';font-family:"FontAwesome";font-size: 30px;position:relative;color:#ffffff;letter-spacing:.075em;font-weight:700;top: 0px;left: -9px;width: 50px;height: 50px;padding-left: 4px;display: inline-block;} div#translate {display: block;margin-top: 0;height: 50px;width: 50px;background-color: #f4a36a;color: #fff!important;line-height: 50px;padding: 0;text-align: center;} .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{height:50px;width:50px;border-radius:0;border:0;background:#62A6BB!important;color:#fff!important;line-height:50px;padding:0;text-align:center;} .urlEditBtn{text-align:center} .video-link-btn{background-color: #DBE7F0; position: absolute; top:100px;left: 100px; z-index: 65;} /* ----------------------------------------- #bxslider -----------------------------------------*/ @-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}} @keyframes bounce {0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}40% {-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);}60% {-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);transform: translateY(-15px);}} .scroll-arrow img {-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite;width: 67px;} a.scroll-arrow {position: absolute;left: 50%;bottom: 200px;z-index: 99;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} #slider{height:934px;position:relative;top:-2px} #slider-caption-wrap{position:absolute;left:0;right:0;top: 295px;text-align:center;max-width:100%;width:1170px;margin:0 auto;} #slider-caption{position:relative;z-index:80} #slider-caption>img{margin-bottom:19px;margin-left:11px} #slider .bx-wrapper .bx-controls-direction a{background:none;height:auto;width:auto} #slider .bx-wrapper .bx-controls-direction a img{max-width:76px;width:100%} #slider .bx-wrapper .bx-controls-direction .bx-prev{left:32px} #slider .bx-wrapper .bx-controls-direction .bx-next{right:32px} #search{margin-bottom:9px} .search-form{margin:0 auto;position:relative;max-width:100%;width:549px} .search-form input{border:none;height:51px;border-radius:4px;font-size:30px;color:#5b6c7a;letter-spacing:-.02em;padding-left:27px;padding-right:90px;font-weight:300} .search-form input:focus{border:none} .search-form input::-webkit-input-placeholder{color:#5b6c7a;font-size:30px;font-weight:300;letter-spacing:-.02em} .search-form input:-moz-placeholder{color:#5b6c7a;font-size:30px;font-weight:300;letter-spacing:-.02em} .search-form input::-moz-placeholder{color:#5b6c7a;font-size:30px;font-weight:300;letter-spacing:-.02em} .search-form input:-ms-input-placeholder{color:#5b6c7a;font-size:30px;font-weight:300;letter-spacing:-.02em} .search-form button{position:absolute;right:0;top:-1px;padding:0;background:none;border:none} .search-form button img{max-width:55px;width:100%} #social{text-align:right;max-width:100%;width:549px;margin:0 auto;font-size:0} #social a{display:inline-block;margin-left:2px} .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:44.5%;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} /* ======================================================================== * bootstrap-tour - v0.11.0 * http://bootstraptour.com * ======================================================================== * Copyright 2012-2015 Ulrich Sossou * * ======================================================================== * Licensed under the MIT License (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://opensource.org/licenses/MIT * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ======================================================================== */ .tour-backdrop{ position:absolute; z-index:1100; background-color:#000; opacity:0.8; filter:alpha(opacity=80); } .popover[class*="tour-"]{ z-index:1102; } .popover[class*="tour-"] .popover-navigation{ padding:9px 14px; overflow:hidden; } .popover[class*="tour-"] .popover-navigation *[data-role="end"]{ float:right; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"], .popover[class*="tour-"] .popover-navigation *[data-role="next"], .popover[class*="tour-"] .popover-navigation *[data-role="end"]{ cursor:pointer; } .popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled, .popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled{ cursor:default; } .popover[class*="tour-"].orphan{ position:fixed; margin-top:0; } .popover[class*="tour-"].orphan .arrow{ display:none; } .tour-btn{float:left} /* ----------------------------------------- #Tour popup -----------------------------------------*/ .popover{max-width:100%;border:0;border-radius:0;font-size:16px;line-height:1.6;padding:0;background:#7db7bf;width:420px;color:#fff;max-width:90%} .popover *{border:0!important;margin:0!important} .popover .btn-group{width:65%;background:#fff} .popover-img{padding-top:20px;margin:0 auto;height:260px;overflow:hidden;background:#000} .popover-img img{max-height:300px} .popover.top > .arrow::after{border-top-color:rgba(255,255,255,.3)} .popover.bottom > .arrow::after{border-bottom-color:rgba(255,255,255,.3)} .popover.left > .arrow::after{border-left-color:rgba(255,255,255,.3)} .popover.right > .arrow::after{border-left-color:rgba(255,255,255,.3)} .popover-content{padding:20px 40px 30px} .popover[class*="tour-"] .popover-navigation{padding:0;background:#1d8bdf} .popover-title{padding:30px 40px 0;background:none;border-radius:2px 2px 0 0;font-size:21px;color:#fff;border-bottom:none} .tour-tour-0{text-align:center} .popover-navigation{border-top:1px solid #9dc9cf!important} .popover-navigation .btn{background:#7db7bf;color:#fff!important;padding:20px 40px;border:0;border-radius:0;font-size:14px;line-height:1;width:50%} .popover-navigation .btn:hover{background:#7db7bf} .popover-navigation [data-role="prev"]{margin-right:0;border-right:1px solid rgba(255,255,255,.3)!important} .popover-navigation [data-role="end"]{margin-top:0;width:35%;background:#7db7bf;border-left:1px solid rgba(255,255,255,.3)!important} .arrow:before{content:"";width:0;height:0;display:block;border:7px solid #7db7bf;margin:-7px;border-radius:50%;z-index:1;position:relative;-webkit-animation:pulse1 2s infinite;-moz-animation:pulse1 2s infinite;animation:pulse1 2s infinite;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;animation-delay:0.5s;border-radius:100px} .bottom .arrow:before{margin-top:-20px} .top .arrow:before{bottom:-10px!important} .right .arrow:before{margin-left:-20px} .left .arrow:before{margin:-6px 0 0 5px} @-webkit-keyframes pulse1{ 0%{ box-shadow:0 0 0 0 #7db7bf; } 100%{ box-shadow:0 0 0 20px rgba(255, 150, 44, 0); } } @-moz-keyframes pulse1{ 0%{ box-shadow:0 0 0 0 #7db7bf; } 100%{ box-shadow:0 0 0 20px rgba(255, 150, 44, 0); } } @keyframes pulse1{ 0%{ box-shadow:0 0 0 0 #7db7bf; } 100%{ box-shadow:0 0 0 20px rgba(255, 150, 44, 0); } } @-webkit-keyframes pulse{ 0%{ box-shadow:0 0 0 0 #7db7bf; } 100%{ box-shadow:0 0 0 20px rgba(255, 150, 44, 0); } } @-moz-keyframes pulse{ 0%{ box-shadow:0 0 0 0 #7db7bf; } 100%{ box-shadow:0 0 0 20px rgba(255, 150, 44, 0); } } @keyframes pulse{ 0%{ box-shadow:0 0 0 0 #7db7bf; } 100%{ box-shadow:0 0 0 20px rgba(255, 150, 44, 0); } } /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1600px){ #qlinks-bot .ih-item{width:157px;height:157px} #qlinks-bot .ih-item .spinner{height:180px;width:180px} } @media only screen and (max-width:1535px){ #weather.weather{top:75px} } @media only screen and (max-width:1440px){ #news .owl-controls{display:none} footer{padding-left:30px;padding-right:30px} } @media only screen and (max-width:1367px){ #tabs li{margin-left:5px} #qlinks-bot .ih-item{width:137px;height:137px} #qlinks-bot .ih-item .spinner{height:160px;width:160px} #qlinks-bot .ih-item .info img{max-width:60px} } @media only screen and (max-width:1280px){ #social-n-revize{float:none;text-align:left} #footer-text{text-align:left;padding:0} #footer-links{float:none;margin-bottom:30px;-webkit-column-count: 2;column-count: 2;-webkit-column-gap: 20px;column-gap: 20px;} #footer-links>div{/* margin-right:0; *//* width:25%; *//* float:left; */} #social-bot{margin:0 0 30px} #social-bot>a:first-child{margin:0} #revize{margin:0 0 30px} footer>img {top: auto;height: auto;} #footer-img{float:none!important;margin:30px 0;display:block} } @media only screen and (max-width:1199px){ #events-header{margin-bottom:50px} #events-header img,#news-header img{max-width:300px} #tabs{display:block;margin:0 -15px} #tabs li{margin-bottom:15px;width:25%;margin:0;padding:0 10px} #tabs li span a{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;z-index:10;display:block;font-weight:500;text-decoration:none;color:#fff;text-transform:uppercase;padding:8.1px 17px;border-radius:4px;min-width:128px;font-size:16px;position:relative;transition:all .3s} #news-all{text-align:left;margin-top:50px} #news{margin-top:50px} #departments-wrap{margin-bottom:100px} #department-left{float:none;width:auto} #department-right{overflow:visible;padding:50px 15px} #mobile-aside {display:none} #nav a{font-size:16px;padding:0 2px} } @media only screen and (max-width:1008px){ iframe#calendar{height:480px!important} } @media only screen and (min-width:992px) { #flyout,#nav{display:block!important} #freeform #qlinks-top .ih-item{width:180px;height:180px;margin:70px 20px 140px 20px} #freeform #qlinks-top .ih-item .spinner{width:200px;height:200px} #freeform #qlinks-top .ih-item .img{left:20px;top:20px} #freeform #qlinks-top .ih-item .qlinks-top-header span{font-size:23px} #freeform #qlinks-top .ih-item .qlinks-top-header{left:20px} #freeform #qlinks-top .ih-item:hover .qlinks-top-header span{font-weight:500} .toggle-children {display: inline-block;padding: 0 5px;margin-left: 10px;} } @media only screen and (max-width:991px) { .sliderbtn{top:50px} /* 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} #nav>li>a i{pointer-events: auto;} header{position:relative;background:#f4a36a} #department-left{display:none} #weather.weather{display:none} #freeform #qlinks-bot-wrap{margin-bottom:30px;margin-top:30px} .toggle, .toggle2, #nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #logo-wrap{max-height:initial;height:60px} #logo img{max-width:150px} #toggle-wrap{text-align:right} #nav-toggle{color:#fff;font-size:22px;cursor:pointer;line-height:60px;padding:0 15px} nav{margin:0 -6px} #nav a:after{display:none} #nav{display:none} #nav li{float:none;display:block} #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} #nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.2)} #nav ul li{width:100%} #nav li:hover>ul{display:none} #nav ul a, #nav ul span{width:100%} #nav ul ul{left:0} #nav .toggle, #nav .toggle2, #flyout .toggle-children{position:absolute;right:0;top:0;background:#d36d29;height:44px;width:44px;line-height:44px;text-align:center;display:block} #nav .toggle2{background:rgba(0,0,0,.2)} #nav li li:hover>a{background:none;color:#fff} #slider{height:700px} #slider .bx-wrapper .bx-controls-direction{display:none} #slider-caption{padding:0 15px} #qlinks-top{margin:0} #qlinks-top .ih-item{height:200px;width:200px;top:0px} #qlinks-top .ih-item .spinner{height:226px;width:226px} #qlinks-top .ih-item .qlinks-top-header span{font-size:25px} #events{padding-top:0;margin-bottom:50px} #news-all .btn{font-size:15px} #qlinks-bot{margin-bottom:0} #qlinks-bot .qlink-bot{width:33.3333333333333333%;float:left;text-align:center;margin: 0 0 35px;} #homepage #qlinks-bot .qlink-bot{margin-bottom:30px} #qlinks-bot .ih-item{width:127px;height:127px;display:block;margin:0 auto 50px auto} #qlinks-bot .ih-item .spinner{height:150px;width:150px} #qlinks-bot .ih-item .info img{max-width:70px} #qlinks-bot .ih-item .info span{font-size:15px} #freeform .qlink-bot-caption{margin-top:0} .counter span{font-size:30px} .counter h3{font-size:20px} .aside{padding:0;border-radius:6px} footer{padding:30px 15px} #footer-bottom{display:none} footer>img{height:auto;top:auto;max-width:100%;width:50%} .floating-share-btn{top:auto;bottom:0} #departments-wrap{margin:0} #department-social{padding:15px} .department-left-header{padding:15px;font-size:20px} .department-left-content{padding:15px 15px 50px} .department-left-item.related-pages .department-left-content{padding:0} #flyout>li{display:block !important} #flyout a{padding:15px !important;border-bottom:1px solid rgba(0,0,0,.1);font-size:14px !important;line-height:1} #flyout ul{position:static;width:auto;background:rgba(0,0,0,.2)} #flyout li:hover>ul{display:none} #page-title h1{font-size:36px} .fullwidth #departments-wrap{padding:50px 15px} #video{margin:0;float:none !important} #at4m-mobile-container{display:none !important} #feed{margin:0 0 100px} main{padding-top:100px} #scroll{right:0} } @media only screen and (max-width:814px){ iframe#calendar{height:800px!important} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .post iframe{float:none !important;max-width:100%;margin-left:0;margin-right:0} .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} .scroll-btns{display:none} #logo-wrap{height:45px} #logo img{max-width:100px} #nav-toggle{line-height:45px} #slider{height:550px} #qlinks-top .ih-item {height:160px;width:160px} #qlinks-top .ih-item .spinner{height:186px;width:186px} #qlinks-top .ih-item .qlinks-top-header span{font-size:18px} .counter{width:100%;margin-bottom:50px} #counter>div:last-child{margin:0} #person-social{text-align:left} #person-header{float:none;margin:0 0 30px} #person-image{margin:0 auto} .footer-links h2{font-size:17px} .footer-links a{font-size:15px} #social-bot a img{max-width:40px} #footer-links{float:none;-webkit-column-count: 1;column-count: 1;-webkit-column-gap: 0;column-gap: 0;} } @media only screen and (max-width:599px){ #qlinks-top .ih-item {height:110px;width:110px} #qlinks-top .ih-item .img{left:10px;top:10px} #qlinks-top .ih-item .spinner{height:120px;width:120px;border:30px solid rgba(255,255,255,.6)} #qlinks-top .ih-item .qlinks-top-header{left:10px} #qlinks-top .ih-item .qlinks-top-header span{font-size:18px;padding-top:15px} #tabs li{display:block;width:100%;margin-bottom:15px} #qlinks-bot .qlink-bot{width:100%} #footer-links>div{width:50%;margin-bottom:30px} } /* 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) { #slider-caption-wrap{bottom:120px} #slider{height:450px} #video iframe{width:100%} .manager-info:before{right:30%} #footer-links>div{width:100%} } @media print { #flyout-wrap, .breadcrumbs, .e-notify, #department-left, header, #freeform-slider, footer, #qlinks-bot-wrap, #news-wrap, #commissioners, #stay-informed, #counter, #wood, .floating-share-btn, .modal, #divisions, .owl-controls{display:none!important} a[href]:after{content:none!important} } /* Requested Change #114899 */ #freeform #divisions-list .row{display: flex; flex-wrap: wrap;}