/*----------------------------------------------------------------------------------- Theme Name:City of Covington Author Design:Tom Gooden Author HTML, CSS, and Javascript:Richard Opiniano Author URI:http://www.revize.com/ Date:June 10, 2016 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height:26px;font-family:'Lora',sans-serif;color:#566779;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} /* ----------------------------------------- #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-weight:700;font-size:30px !important;color:#566779} .subheader{font-weight:600;font-size:24px !important;color:#566779} .subheader-2{font-weight:600;font-size:18px !important;color:#566779} .caption{font-size:8pt !important;line-height:1.2 !important;display:inline-block} 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-wrap{position:relative;top:-3px} #weather{text-align:right;line-height:1} #weather span{font-style:italic;font-size:12px;line-height:1;color:#949494} #weather span:first-of-type{position:relative;right:-10px} .weather i{font-family:'weather';font-style:normal;color:#ffe400;font-size:40px;position:relative;bottom:-5px;padding-left:10px} .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:#0f99ee;text-decoration:underline;outline:0!important;-webkit-transition:color .3s ease;transition:color .3s ease;-webkit-transition:background .3s ease;transition:background .3s ease} a:hover,a:focus{color:#0f99ee} 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:#0f99ee;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Lora',sans-serif;text-transform:uppercase;-webkit-transition:background .3s;transition:background .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;-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;-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:'Lora',sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;-webkit-box-shadow:none;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} .searchbing *{line-height:1.5;list-style:none;font-size:16px;margin:0;padding:0} .searchbing li{margin:15px 0} .searchbing cite, .searchbing cite b{color:#FAA635;font-weight:bold;font-size:12px!important;font-style:normal!important} .searchbing h2 a, .gs-title{text-decoration:underline;font-size:21px!important} .searchbing{position:relative} .searchbing #q{width:100%;border:1px solid #ccc;height:50px;font-size:21px;margin-bottom:30px!important;padding:0 20px} .searchbing #searchBtn{position:absolute;top:0;right:0;height:50px;border-radius:0;padding:0 30px} .paginatorList{margin:30px 0 0!important;padding:0!important} .paginatorList *{font-size:16px!important;line-height:1!important;font-weight:400!important;margin:0!important} /* ----------------------------------------- #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%;-webkit-box-sizing:border-box;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;-webkit-box-shadow:0 0 10px rgba(0,0,0,.175);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);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h4{color:#ffc140;margin:0 0 10px;font-family:'Lora',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 -----------------------------------------*/ #google-translate{display:none !important} .goog-te-banner-frame{display:none} #translation-links{padding:0;margin:0;text-align:right;margin-top:20px} #translation-links li{position:relative;margin:0;list-style:none} #translation-links i{display:inline-block !important} #translation-links ul{padding:30px;margin:0;position:absolute;top:100%;right:0;width:700px;background:#fff;display:none;z-index:999} #translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0} #translate-button{font-family:'Fira Sans',sans-serif;background:#18b6ea} .sliderBtn,.iwanttoBtn{position:absolute;z-index:200} .bannerBtn{position:absolute;z-index:200} .float_button_above{position:absolute} .socialBtn{position:absolute} .faqs-toggle{clear:both;overflow:hidden} .faqs-heading{padding:11px 55px;cursor:pointer;position:relative;border:1px solid #ddd;margin:3px 0 0 0;background:#f9f9f9 url(/revize/plugins/faq/_images_/arrow-down.png) no-repeat 20px center;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-webkit-backface-visibility:hidden;font-size:14px;line-height:1.5;color:#333} .faqs-heading.active{background:#2ECC71 url(/revize/plugins/faq/_images_/arrow-up.png) no-repeat 20px center;border-color:#27AE60;color:#fff} .faqs-toggle-content{padding:20px 20px 0;border:1px solid #27AE60;border-top:none;margin:0 0 3px;background:#fff} .faqs-toggle-content p{margin:0 0 20px;font-size:14px;line-height:1.5} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( min-device-pixel-ratio:2), only screen and ( -webkit-min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx) { .faqs-heading{background-image:url(../images/arrow-down.png);background-size:22px 22px;} .faqs-heading.active{background-image:url(../images/arrow-up.png);background-size:22px 22px;} } /* ----------------------------------------- #main -----------------------------------------*/ .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle,.toggle,.toggle2{display:none} .container{width:1450px;max-width:100%} .fa-angle-down{display:none} header{padding:28px 0 0 0;position:relative;z-index:100} #logo img{max-width:250px;} #logo{display:inline-block;padding-top:30px;position:relative} .aquatic #logo:after{content:"";background:url(../images/aquatic.png) 0 0 no-repeat;width:588px;height:182px;display:block;position:absolute;left:110%;top:28px} #search{display:inline-block;margin-right:30px;width:230px} #search form{position:relative;margin:0;background:#e4ebf7;height:40px;border-radius:40px;display:block} #search input{background:none;font-family:"Lora",serif;font-style:italic;font-size:13px;padding:0 40px 0 20px;border:none;height:40px;line-height:40px} #search button{position:absolute;top:0;right:0;background:none;height:40px;line-height:40px;width:40px;text-align:center} #search button i{color:#99a3b6;font-size:13px;position:relative;top:-10px;right:10px} #nav-wrap{position:relative;z-index:200} #nav{padding:0;margin:0;display:inline-block;float:right} #nav li{margin:0;float:left;list-style:none;} #nav a{font-family:'Fira Sans',sans-serif;font-size:16px;line-height:24px;color:#404041;font-weight:bold;text-decoration:none;padding:0 21px;display:block;text-transform:uppercase;line-height:100px} #nav ul{padding:0;/* margin:0;*/left:0;top:100%;/* background:#fff;*//* display:none;*//* position:absolute;*/} #nav ul ul{left:100%;top:0} #nav ul li{/* width:200px */page-break-inside:avoid;float:none;display: inline-block;width: 100%;} #nav ul a{padding:10px 15px;font-size: 14px;text-transform:none;line-height:1;display: block;width: 100%;} #nav ul a:hover{-webkit-box-shadow:inset 3px 0px 0px 0px rgba(26,183,234,1);box-shadow:inset 3px 0px 0px 0px rgba(26,183,234,1)} #top-panel{text-align:right;padding:15px 0 0 0} #top-panel div{display:inline-block} #top-panel a{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;text-decoration:none} #top-panel i{color:#fff;font-size:20px} .panel-youtube{background:#fcc77e} .panel-twitter{background:#69d0f1} .panel-facebook{background:#d7e679} .panel-comments{background:#b7bdc8} .panel-calendar{background:#fcc67d} .panel-twitter i,.panel-facebook i{position:relative;bottom:-2px} #main-panel{padding:60px 0 60px 15px;max-width:100%;overflow:hidden} .main-panel-entry a{display:block;text-decoration:none} .main-panel-icon{display:inline-block;float:left;width:15%} .main-panel-icon img{width:50px} .main-panel-title{display:inline-block;float:left;width:85%} .main-panel-title span{display:block} .main-panel-title span:first-of-type{font-style:italic;color:#c0c0c0;font-size:16px;line-height:24px} .main-panel-title span:last-of-type{font-family:'Fira Sans',sans-serif;font-size:18px;text-transform:uppercase;line-height:24px;color:#404041;font-weight:bold} .main-panel-entry-wrap{position:relative} .main-panel-entry-wrap:after{content:'';position:absolute;top:0;bottom:0;right:14px;width:1px;background:#f5f5f5} .main-panel-entry-wrap>div:first-of-type{margin-bottom:60px} #main-panel>div>div:last-child>div:after{display:none} #links-news-wrap{background:#f1f1f1;padding:55px 0 85px 0} #links-header,#news-header{margin-bottom:34px} #links-header p,#news-header p{margin:0;font-size:25px;line-height:24px;color:#9d9d9d;font-style:italic} #links-header span,#news-header span{font-weight:bold;font-size:40px;line-height:1;color:#404041;font-family:'Fira Sans',sans-serif;display:block;padding-top:10px} #links{background:#1ab8ea;padding:30px 25px;border-radius:10px} #links{color:#fff} #links a{text-decoration:none;color:#fff;font-weight:bold;font-family:'Fira Sans',sans-serif;font-size:16px;line-height:21px;display:block;padding-bottom:20px} #links a:last-of-type{padding:0} #homepage.aquatic #links br{display:none} #all-news{position:relative} #all-news .btn{color:#fff;font-size:11px;font-weight:bold;font-family:'Fira Sans',sans-serif;line-height:28px;height:28px;padding:0 32px;background:#1bbaeb;border-radius:14px;letter-spacing:1px;position:absolute;right:0;bottom:6px} .news-image{height:180px;border-radius:10px 10px 0 0} .news-info{min-height:175px;background:#fff;border-radius:0 0 10px 10px;padding:30px} .news-link{display:block;font-weight:bold;font-family:'Fira Sans',sans-serif;font-size:16px;color:#1ab7ea;line-height:21px;text-decoration:none;padding-bottom:8px} .news-info p,.news-info span{font-size:14px;color:#4e585b} .news-entry{-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.01);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.01)} #footer-logo img{width:195px} footer{position:relative;padding:45px 0} footer:after{content:'';height:5px;position:absolute;left:0;top:-5px;right:0;background:#fa9f31;background:-webkit-gradient(linear,left top, right top,from(#fa9f31),color-stop(51%, #1ab8ea),color-stop(51%, #1ab8ea),to(#c0d62d));background:linear-gradient(to right,#fa9f31 0%,#1ab8ea 51%,#1ab8ea 51%,#c0d62d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9f31',endColorstr='#c0d62d',GradientType=1 );z-index:90} .footer-links{float:left;padding-right:30px} .footer-links a{font-size:13px;line-height:24px;color:#404041;text-decoration:none;display:block} #ftr-copy p{color:#404041!important;font-size:13px;line-height:24px;margin:0} #revize-login .powered-by-revize{color:#404041!important;font-size:13px;line-height:24px} #revize-login #powered-by-revize-link{color:#404041!important;font-size:13px;line-height:24px;text-decoration:none;font-weight:bold} #revize-login #revize-login-link{color:#404041!important;font-size:13px;line-height:24px;text-decoration:none} #ftr-panel-wrap{display:inline-block;float:right;padding-top:25px} /* ----------------------------------------- #inner -----------------------------------------*/ .post ul, .post ol{padding:0 0 0 15px;margin:0} #articles{padding:70px 0} #flyout-toggle{display:none} #flyout-wrap{background:#1ab8ea;border-radius:10px;padding:25px 0;position:relative;z-index:201} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative} #flyout a{text-decoration:none;padding:15px 25px;display:block;font-size:16px;line-height:21px;font-family:'Fira Sans',sans-serif;color:#fff;font-weight:bold} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#fff;-webkit-box-shadow:4px 0px 10px -4px rgba(0,0,0,0.27);box-shadow:4px 0px 10px -4px rgba(0,0,0,0.27)} #flyout li:last-child a{border:none} #flyout ul a{font-size:13px;padding:10px 15px;width:180px;color:#385067;border-bottom:1px solid rgba(40,40,40,.2)} #flyout ul a:hover{-webkit-box-shadow:inset 3px 0px 0px 0px rgba(26,183,234,1);box-shadow:inset 3px 0px 0px 0px rgba(26,183,234,1)} #flyout li:hover>ul{display:block} .breadcrumbs{font-size:13px;text-transform:capitalize;font-family:'Fira Sans',sans-serif;padding-bottom:24px} .breadcrumbs p{margin:0;text-transform:uppercase;font-weight:bold;color:#b9b9b9} .breadcrumbs a{text-decoration:none;color:#b9b9b9} .breadcrumbs span{padding:0 11px} /* ----------------------------------------- #bxslider -----------------------------------------*/ #down-wrap{position:absolute;left:0;right:0;bottom:0;text-align:center} #down{position:relative;z-index:300} #slider-wrap{position:relative} #slider-wrap:after{content:'';height:5px;position:absolute;left:0;top:0;right:0;background:#fa9f31;background:-webkit-gradient(linear,left top, right top,from(#fa9f31),color-stop(51%, #1ab8ea),color-stop(51%, #1ab8ea),to(#c0d62d));background:linear-gradient(to right,#fa9f31 0%,#1ab8ea 51%,#1ab8ea 51%,#c0d62d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9f31',endColorstr='#c0d62d',GradientType=1 );z-index:90} #slider li{position:relative} #slider li:after,#freeform-slider li:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url('../images/shade.png') top left no-repeat;z-index:91;opacity:.15} /*#slider li:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url('../images/arrow.png') bottom left no-repeat;z-index:91}*/ #slider{margin:0 -15px} .caption-btn{position:absolute;z-index:62;top:50px;text-align:center;left:0;right:0} .slider_caption{position:absolute;z-index:121;color:white;left:0;right:-825px;bottom:50px;font-size:72px;background:rgba(0,0,0, 0.3);margin:0 auto !important;padding:30px !important;text-align:center;width:600px;max-width: 100%;/*! height: 140px; *//*! min-height: 140px; */} .caption_text{font-size:24px;text-shadow:0 0 18px rgba(0, 0, 0, 0.4);font-family:'Fira Sans',sans-serif;color:white;padding-bottom: 15px !important;} .slider_caption .btn { padding: 10px 20px;display: block;width: 110px;margin: 0 auto;} #slider .bxslider,#slider .bx-viewport,#slider .bxslider li,#slider .bx-wrapper{height:595px !important} #freeform-slider .bxslider,#freeform-slider .bx-viewport,#freeform-slider .bxslider li,#freeform-slider .bx-wrapper{height:300px !important} #freeform-slider{margin:0 -15px;position:relative} #freeform-slider-wrap{position:relative} #freeform-slider-wrap:after{content:'';height:5px;position:absolute;left:0;top:0;right:0;background:#fa9f31;background:-webkit-gradient(linear,left top, right top,from(#fa9f31),color-stop(51%, #1ab8ea),color-stop(51%, #1ab8ea),to(#c0d62d));background:linear-gradient(to right,#fa9f31 0%,#1ab8ea 51%,#1ab8ea 51%,#c0d62d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9f31',endColorstr='#c0d62d',GradientType=1 );z-index:90} #slider li{position:relative} #page-title-caption-wrap{position:absolute;left:0;top:0;right:0;bottom:0} #page-title{position:relative;z-index:99;text-align:center} #page-title h1{color:#fff;font-size:70px;line-height:1;font-family:'Fira Sans',sans-serif;font-weight:bold} .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} /* 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;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} /* direction controls */ .bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;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} /* ----------------------------------------- # ADA Menu ------------------------------------------*/ .accessibility-menu ul{margin:0;padding:15px;list-style:none} .accessibility-menu a{display:block;padding:5px 10px;border:1px solid rgba(0,0,0,.2);border-radius:13px;text-decoration:none;color:#333!important} .accessibility-menu a:focus,.accessibility-menu a:hover{text-decoration:underline;background:rgba(0,0,0,.6);color:#fff!important} .yellowlinks .accessibility-menu a:focus,.yellowlinks .accessibility-menu a:hover{color:#fff!important;} .accessibility-wrap{position:fixed;z-index:250;top:150px;left:0;-webkit-transition:all .2s ease;transition:all .2s ease;left:-250px} .accessibility-wrap.visible{left:0!important} .accessible-btn{/*!z-index:250;position:fixed;left:0;top:150px;*/float:right} .accessible-btn a{color:#fff!important;font-size:3.6rem;text-decoration:none;padding:10px;background:#3b5998!important} .accessibility-menu{background:#fff;float:left;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;width:250px} .accessibility-menu.active{padding-left:auto;display:block} .grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);} .underline-links a, .underline-links .underline-links a{text-decoration:underline !important} .yellowlinks a, .yellowlinks #revize-login #powered-by-revize-link, .yellowlinks #revize-login #revize-login-link{color:#ff0 !important;background:#000 !important} .yellowlinks #logo a{background:transparent !important} .highcontrast input[type="text"], .highcontrast input[type="password"], .highcontrast input[type="email"], .highcontrast input[type="search"], .highcontrast textarea, .highcontrast select, .highcontrast input::-webkit-input-placeholder{color:#000 !important} .highcontrast input[type="text"], .highcontrast input[type="password"], .highcontrast input[type="email"], .highcontrast input[type="search"], .highcontrast textarea, .highcontrast select, .highcontrast input:-ms-input-placeholder{color:#000 !important} .highcontrast input[type="text"], .highcontrast input[type="password"], .highcontrast input[type="email"], .highcontrast input[type="search"], .highcontrast textarea, .highcontrast select, .highcontrast input::-ms-input-placeholder{color:#000 !important} .highcontrast input[type="text"], .highcontrast input[type="password"], .highcontrast input[type="email"], .highcontrast input[type="search"], .highcontrast textarea, .highcontrast select, .highcontrast input::placeholder{color:#000 !important} .highcontrast .main-panel-title span:first-of-type, .highcontrast #links-header p, .highcontrast #news-header p,.highcontrast .breadcrumbs p, .highcontrast .breadcrumbs a {color:#666} .highcontrast #links a, .highcontrast .btn, .highcontrast #flyout a{color:#333 !important} .highcontrast .news-link{color:#10789a !important} .highcontrast .post a {color:#337ab7;} .highcontrast #page-title h1{background:rgba(0,0,0,.6)} .highcontrast.yellowlinks #links a,.highcontrast.yellowlinks .btn, .highcontrast.yellowlinks #flyout a{color:#ff0 !important} .highcontrast.yellowlinks .news-link{color:#ff0 !important} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1600px){ .slider_caption{right:-570px;bottom: 40px;/*! top: auto; */} } @media only screen and (max-width:1464px){ .aquatic #logo:after{width: 400px;background-size: contain;top: 45px;left: 105%;} #logo img{max-width: 200px;} } @media only screen and (max-width:1280px){ #nav a{padding:0 7px;font-size:14px} .main-panel-icon{width:20%} .main-panel-title{width:80%} } @media only screen and (max-width:1199px){ #ftr-panel-wrap{float:none} .slider_caption{right:0;bottom: 40px;/*! top: auto; */} } @media only screen and (max-width:1099px){ .aquatic #logo:after{width:290px;background-size: contain;top: 63px;left: 105%;} #logo img{max-width: 175px;} #logo{padding-top:40px} } @media only screen and (min-width:992px){ #nav li:hover>ul, #nav li:hover>.mega-menu{display:block} #flyout,#nav{display:block!important;position:relative;} .after-load{display:block!important} #top-bar{display:block!important} #nav>li>.mega-menu>ul {-webkit-column-count:3;column-count:3;-webkit-column-gap:30px;column-gap:30px;padding:15px 15px 30px 5px;page-break-inside: avoid;/* float:left; *//* width:65%; */margin:0;/* display:none; */} #nav>li>ul{display:none} #nav ul ul {display:block;position:static;left:0;top:0;margin:0;padding-left:15px;} #nav .mega-menu {position:absolute;top:100%;left:0;background:#fff;right:0;display:none;padding-bottom:15px;} #nav .mega-menu:after {content:' ';display:table;clear:both;} #nav .img {float:left;width:24%;min-height:200px;height:auto;margin:0 30px} #nav ul ul a {font-weight:normal;font-size:14px} } @media only screen and (max-width:991px){ #nav>li>.mega-menu>ul {display:block !important;} .aquatic #logo:after{display:none} #nav>li>.mega-menu{display:none} html,body,.main-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch} /* rz citizens request center */ #logo-wrap{padding:15px 0} header{padding:0} #formwizziwmorf tr,#formwizziwmorf tr td{display:block!important} #formwizziwmorf tr table tr{display:table-row!important} #formwizziwmorf tr table td{display:table-cell!important} #logo{padding-top:0} #logo img{width:110px}.toggle,.toggle2, #nav-toggle{display:inline-block;cursor:pointer} #weather{text-align:center} #toggle-wrap{padding-top:30px} #toggle-wrap div{cursor:pointer;display:inline-block;float:right;padding:5px;font-size:20px;width:30px;text-align:center} .down-arrow{display:none} /* if not hidden above */ #top-bar{display:none;margin:0} #top-panel{padding-bottom:15px;margin:0 -15px;position:relative} #top-panel div{width:20%;padding:0;margin:0;float:left;text-align:center} #nav-wrap{margin:0 -15px} #nav{display:none;width:100%} #nav li{float:none;display:block;width:100%!important;padding:0 !important;position:relative;} #nav li a{padding:15px;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);margin:0;display:none;} /* #nav li:hover>ul{display:none} */ #nav ul a{width:100%;color:#404041 !important} #nav ul a:hover{-webkit-box-shadow:none;box-shadow:none} #nav ul ul{left:0;display:none;} #nav .toggle,#nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:44px;width:44px;line-height:44px;text-align:center} #nav li li:hover>a{background:none;color:#fff} .caption_text{font-size:24px} .main-panel-entry{display:inline-block;width:50%;float:left} .main-panel-entry-wrap{position:relative} .main-panel-entry-wrap:after{content:'';position:relative;display:block;clear:both} #links-news-wrap{padding:30px 0} .news-info{padding:20px} #links-header p,#news-header p{font-size:20px;line-height:22px} #links-header span,#news-header span{font-size:25px} #all-news .btn{position:static} #links-wrap{padding-bottom:30px} .news-entry{margin:15px 0} #slider .bxslider,#slider .bx-viewport,#slider .bxslider li,#slider .bx-wrapper{height:400px !important} #articles{padding:30px 0} #page-title h1{font-size:50px} #flyout-toggle{display:block;padding:10px;color:#fff;cursor:pointer} #flyout-wrap{padding:0} #flyout{display:none} #flyout li a{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)} #flyout ul a{width:100%;color:#fff} #flyout ul a:hover{-webkit-box-shadow:none;box-shadow:none} #flyout li:hover>ul{display:none} .breadcrumbs{padding:20px 0} .toggle-children{position:absolute;right:0;top:0;height:44px;line-height:44px;width:44px;text-align:center;background:rgba(0,0,0,.2);display:inline-block} #footer-logo img{width:100px} .footer-links{width:50%} .footer-links a{line-height:1.4;padding:5px 0} #at4m-mobile-container{display:none!important} #search{display:block!important;margin:0;float:none!important;clear:both;width:100%!important;margin:0 0 20px!important;padding:0 20px} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px){ #page-title h1{font-size:30px} #slider .bxslider,#slider .bx-viewport,#slider .bxslider li,#slider .bx-wrapper{height:300px !important} #freeform-slider .bxslider,#freeform-slider .bx-viewport,#freeform-slider .bxslider li,#freeform-slider .bx-wrapper{height:200px !important} .main-panel-entry-wrap>div:first-of-type{margin-bottom:30px} .main-panel-entry{margin-bottom:30px} .main-panel-entry{display:block;width:100%;float:none} #main-panel{padding-top:30px;padding-bottom:30px} #main-panel-wrap #main-panel-entry-wrap>div:last-of-type{margin-bottom: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 h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px;padding:7px 12px!important} #footer-links-wrap{padding-top:30px} #top-panel{margin:0} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px){} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px){ .main-panel-icon img{width:40px} .main-panel-title span:first-of-type{font-size:14px;line-height:22px} .main-panel-title span:last-of-type{font-size:16px;line-height:22px} .footer-links{width:100%;padding:0;float:none} .slider_caption{width:100%;padding: 15px !important;/*! top: 124px; */} } @media print{ .nav-wrap,.sidebar,#flyout-wrap,.breadcrumbs .e-notify{display:none!important} a[href]:after{content:none!important} }