/*----------------------------------------------------------------------------------- Theme Name:Riverview,Michigan Author Design:Samir Alley @samiralley | Tom Gooden @good3n Author URI:http://www.revize.com/ Date:August 22,2016 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#ececec;font-size:16px;line-height:24px;font-family:'Open Sans',sans-serif;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-Medium.eot');src:url('../fonts/clearsans/ClearSans-Medium.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-Medium.woff')format('woff'),url('../fonts/clearsans/ClearSans-Medium.ttf')format('truetype');font-weight:500;font-style:normal} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-Bold.eot');src:url('../fonts/clearsans/ClearSans-Bold.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-Bold.woff')format('woff'),url('../fonts/clearsans/ClearSans-Bold.ttf')format('truetype');font-weight:bold;font-style:normal} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-BoldItalic.eot');src:url('../fonts/clearsans/ClearSans-BoldItalic.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-BoldItalic.woff')format('woff'),url('../fonts/clearsans/ClearSans-BoldItalic.ttf')format('truetype');font-weight:bold;font-style:italic} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-Italic.eot');src:url('../fonts/clearsans/ClearSans-Italic.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-Italic.woff')format('woff'),url('../fonts/clearsans/ClearSans-Italic.ttf')format('truetype');font-weight:normal;font-style:italic} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-Thin.eot');src:url('../fonts/clearsans/ClearSans-Thin.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-Thin.woff')format('woff'),url('../fonts/clearsans/ClearSans-Thin.ttf')format('truetype');font-weight:100;font-style:normal} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-Light.eot');src:url('../fonts/clearsans/ClearSans-Light.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-Light.woff')format('woff'),url('../fonts/clearsans/ClearSans-Light.ttf')format('truetype');font-weight:300;font-style:normal} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans-MediumItalic.eot');src:url('../fonts/clearsans/ClearSans-MediumItalic.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans-MediumItalic.woff')format('woff'),url('../fonts/clearsans/ClearSans-MediumItalic.ttf')format('truetype');font-weight:500;font-style:italic} @font-face{font-family:'Clear Sans';src:url('../fonts/clearsans/ClearSans.eot');src:url('../fonts/clearsans/ClearSans.eot?#iefix')format('embedded-opentype'),url('../fonts/clearsans/ClearSans.woff')format('woff'),url('../fonts/clearsans/ClearSans.ttf')format('truetype');font-weight:normal;font-style:normal} #calendar{min-height:530px} /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#111;margin-bottom:30px} .subheader{font-size:20px;line-height:1;letter-spacing:.2em;font-weight:bold;text-transform:uppercase;color:#153663} 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:#0f99ee;text-decoration:underline;outline:0!important; -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:#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:'Open Sans',sans-serif;text-transform:uppercase;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;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda} .button:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:'Open Sans',sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz notify -----------------------------------------*/ .e-notify{font-weight:bold;font-size:12px;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.175)} .e-notify img{display:none} .e-notify i{margin-right:4px!important} .e-notify a{position:absolute;top:0;bottom:0;left:0;right:0} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h4{color:#ffc140;margin:0 0 10px;font-family:'Open Sans',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 -----------------------------------------*/ .annEdit,#social .editbuttons,.titltBtn,.sliderPanelEditBtn,.qlinkedit,.sliderCaptionEditBtn,.titltBtn,.copyrightedit{position:absolute;z-index:200} .sliderEditBtn{position:absolute;z-index:201;bottom:0} .float_button_above{position:absolute;top:0;z-index:200} #freeform #freeform-slider .editSlider{position:absolute !important;z-index:200 !important} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden} .container{width:1260px;max-width:100%} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle,.toggle,.toggle2{display:none} #top-bar{background:#153663} #announcement-wrap{padding:7px 0} #announcement-header{color:#fff;font-size:13px;font-weight:bold;display:inline-block;float:left;padding-right:7px} #announcement{text-decoration:none;font-size:12px;line-height:26px;font-style:italic;color:#a5bad6;display:inline;float:left} #social{display:inline-block;float:right} #social-header{display:inline-block;float:left;padding-right:15px} #social-header span{font-size:12px;color:#a5bad6;line-height:26px;display:inline-block} #social-content-wrap{float:left} #social-content{display:inline-block;float:left} #social-content a{text-decoration:none;float:left;color:#fff;margin-right:16px;font-size:18px;line-height:40px} #social-content a:last-of-type{margin:0} #weather-wrap{text-align:right} #weather{display:inline-block} .current-weather{color:#a5bad6;font-size:12px;line-height:26px} .forecast{color:#fff;font-size:12px;line-height:26px;font-weight:bold} header{position:relative;z-index:400;background:#3462a1} #logo{text-decoration:none;display:inline-block;position:absolute;top:-20px;left:0} .fa-angle-down{display:none} #nav{padding:0;margin:0} #nav li{position:relative;margin:0;list-style:none;float:left} #nav a{text-decoration:none;color:#fff;font-weight:bold;font-size:16px;line-height:100px;display:block;padding:0 20px} #nav ul{padding:0;margin:0;position:absolute;left:0;top:100%;background:#153663;display:none} #nav ul ul{left:100%;top:0} #nav ul li{width:220px} #nav ul a{line-height:1;padding:15px 25px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.15);position:relative} #nav ul a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:#019128;transition:all .3s ease-in-out} #nav ul a:hover:after{right:0} #nav li:last-child>a{border:none} #nav li:hover>ul{display:block} #search{padding-top:32px} .search-form{position:relative;margin:0} .search-form input{height:35px;line-height:35px;border-radius:6px;padding:0 68px 0 18px;font-size:12px;color:#717171 !important;border:none} .search-form input:focus{border:none} .search-form input:-webkit-input-placeholder{color:#717171;font-size:12px} .search-form input-moz-placeholder{color:#717171;font-size:12px} .search-form input:-moz-placeholder{color:#717171;font-size:12px} .search-form input-ms-input-placeholder{color:#717171;font-size:12px} .search-form button{position:absolute;right:0;top:0;height:35px;line-height:35px;width:50px;text-align:center;padding:0;border-radius:0 6px 6px 0;background:#3ac17b;font-size:12px} #main-content{background:#ececec;padding:70px 0 40px 0} #news-wrap{background:#fff;border-radius:6px 0 0 6px;margin-right:-15px;padding:80px 30px 80px 105px} #news-header{padding-bottom:50px} #news-header h2{margin:0;font-size:34px;color:#153663;line-height:26px;letter-spacing:-.05em} .news-entry{margin-bottom:30px} .news-banner{width:35%;float:left;display:inline-block;border-radius:6px} .news-info{display:inline-block;float:left;width:65%;padding-left:30px} .news-info-in{display:inline-block} .news-link a{text-decoration:none;font-size:22px;color:#153663;line-height:26px;font-family:'Clear Sans',sans-serif;letter-spacing:-.05em} .news-date{padding-bottom:5px} .news-date span{font-size:12px;font-weight:bold;line-height:26px;color:#153663} .news-desc p{margin:0;font-size:14px;line-height:20px;color:#8694a6} #news-more{padding-top:20px} #news-more a{text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:.2em;line-height:26px;font-weight:bold;color:#008000} #events-wrap{background:#fff;border-radius:0 6px 6px 0;margin-left:-15px;padding:80px 105px 0 30px} #events-header{padding-bottom:50px} #events-header h2{margin:0;font-size:34px;color:#153663;line-height:26px;letter-spacing:-.05em} #events-more{padding-top:30px} #events-more a{text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:.2em;line-height:26px;font-weight:bold;color:#008000} #freeform #video-wrap{margin:50px 0 0 0} #video-wrap{border-radius:6px;padding:55px 0;margin-bottom:100px} #video-header{text-align:right} #video-header h2{margin:0;font-family:'Clear Sans',sans-serif;font-size:34px;line-height:26px;color:#fff;letter-spacing:-.05em;font-weight:100} #video-play .btn{border-radius:6px;line-height:40px;height:40px;background:#3ac17b;padding:0 60px;letter-spacing:.2em;font-size:14px} footer{background:#3462a1} #footer-text{padding:39px 0} #footer-text p{margin:0;color:#fff;font-size:14px;line-height:22px} #footer-text p span{position:relative} #footer-text p span:after{content:'•';padding:0 12px;color:#153663} #footer-text p span:last-of-type:after{display:none} #revize-login-wrap{text-align:right} #revize-login{display:inline-block} #revize-login .powered-by-revize{color:#fff;font-size:12px;font-weight:bold;line-height:25.48px;text-transform:uppercase} #revize-login #powered-by-revize-link{text-decoration:none;color:#fff;font-size:12px;font-weight:bold;line-height:25.48px;text-transform:uppercase;position:relative} #revize-login #powered-by-revize-link:hover{color:#008000} #revize-login #powered-by-revize-link:after{content:'';width:1px;margin:0 15px;border-right:1px solid #5d81b4;top:0;bottom:0} #revize-login #revize-login-link{text-transform:uppercase;text-decoration:none;color:#008000;font-size:12px;font-weight:bold;text-transform:uppercase;line-height:25.48px} #revize-login #revize-login-link:hover{color:#fff} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform-slider-wrap{position:relative} #freeform-slider{height:370px;margin:0 -15px} #freeform-caption{position:absolute;left:0;top:0;right:0;bottom:0} #freeform-slider li{position:relative} #freeform-slider li:after{content:'';position:absolute;left:0;right:0;bottom:0;height:500px;background:url(../images/shade-freeform.png) left bottom repeat-x;top:0} #page-info{position:relative;z-index:201} #categ-name{padding-top:80px} #categ-name span{font-size:14px;line-height:26px;font-weight:bold;letter-spacing:.2em;color:#3ac17b;text-transform:uppercase} #page-title h1{margin:0;font-size:60px;line-height:1;color:#fff;font-weight:100;font-family:'Clear Sans',sans-serif;letter-spacing:-.05em} #flyout-toggle{display:none} .aside{background:#f5f5f5;margin-right:-15px;border-radius:6px 0 0 6px;padding-top:74px;position:relative;z-index:200} #flyout-header{padding:0 51px 15px 51px} #flyout-header h2{margin:0;color:#153663;font-size:20px;line-height:26px;font-family:'Clear Sans',sans-serif;font-weight:300} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative;padding:0 51px} #flyout a{text-decoration:none;padding:15px 0;display:block;border-bottom:1px solid #e0e0df;font-size:14px;font-weight:bold;line-height:20px;color:#008000} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#153663} #flyout ul li{padding:0} #flyout ul a{font-size:13px;padding:10px 15px;width:180px;border-bottom:1px solid rgba(255,255,255,.15);color:#fff} #flyout li:hover>ul{display:block} #flyout li:last-child a{border:none} #flyout ul a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:#019128;transition:all .3s ease-in-out} #flyout ul a:hover:after{right:0} #freeform-content{margin-top:-125px;bottom:125px;position:relative;z-index:200} .breadcrumbs{font-size:13px;text-transform:capitalize;padding-top:43px} .breadcrumbs p{margin:0;font-size:12px;line-height:12px;color:#fff} .breadcrumbs a{text-decoration:none;color:#008000} .breadcrumbs i{font-size:13px;margin:0 10px} .fullwidth .entry{border-radius:6px;margin:0} .entry{position:relative;background:#fff;padding:80px 105px;margin-left:-15px;border-radius:0 6px 6px 0} .post a{color:#008000;font-weight:bold} .post blockquote{font-size:40px;line-height:45px;color:#153663;padding:0;border:none;font-weight:100} /* ----------------------------------------- #bxslider -----------------------------------------*/ #slider-wrap{position:relative} #slider{height:650px;margin:0 -15px;position:relative} #slider li{position:relative} #slider li:after{position:absolute;content:'';height:378px;left:0;bottom:0;right:0;background:url(../images/shade.png)left bottom repeat-x} #slider-panel-wrap{position:absolute;left:0;right:0;top:30px} #slider-panel{position:relative;z-index:199;background:#fff;border-radius:6px;position:relative} #slider-panel:after{content:'';position:absolute;right:0;width:1px;top:20px;bottom:20px;background:#fff} .slider-panel-entry{text-decoration:none !important;display:block;padding:30px 0;position:relative} .slider-panel-entry:after{content:'';position:absolute;top:30px;bottom:30px;right:0;background:#e9e9e8;width:1px} .slider-panel-icon{text-align:center;padding-bottom:10px} .slider-panel-title{text-align:center} .slider-panel-title h2{margin:0;font-family:'Clear Sans',sans-serif;font-size:18px;line-height:26px;color:#153663} #slider-panel .owl-buttons{margin-top:-13px} #slider-panel .owl-wrapper-outer{position:relative;z-index:200} #slider-panel .owl-controls{position:absolute;left:0;right:0;top:50%;opacity:0;transition:all .3s ease-in-out} #slider-panel .owl-prev,.owl-next{display:inline-block} #slider-panel .owl-prev{height:26px;text-align:center;width:16px;color:#fd4d4d;font-size:50px;position:relative;border-radius:6px 0 0 6px;position:relative;z-index:201;margin-left:-25px} #slider-panel .owl-next{float:right;height:26px;text-align:center;width:16px;color:#fd4d4d;font-size:50px;position:relative;border-radius:0 6px 6px 0;position:relative;z-index:201;margin-right:-25px} .slider-vis{opacity:1 !important} #slider-panel .owl-next:after{content:'';background:url('../images/next.png')center no-repeat;position:absolute;left:0;right:0;top:0;bottom:0} #slider-panel .owl-prev:after{content:'';background:url('../images/prev.png')center no-repeat;position:absolute;left:0;right:0;top:0;bottom:0} #slider-qlinks-wrap{position:absolute;left:0;right:0;bottom:30px} #slider-qlinks{position:relative;z-index:199} #slider-qlinks>a:last-of-type{margin:0} .qlink-entry{display:block;text-decoration:none !important;margin-bottom:10px} .qlink-icon{width:25%;float:left;display:inline-block;text-align:center;position:relative;z-index:10} .qlink-icon img{display:inline-block} .qlink-title{width:75%;float:left;display:inline-block;position:relative;z-index:2;padding:10px 0} .qlink-title:after{content:'';position:absolute;background:#3462a1;border-radius:6px;left:-43px;top:0;right:0;bottom:0;z-index:-1} .qlink-title h2{margin:0;color:#fff;font-size:24px;line-height:26px;display:inline-block;font-weight:100} #slider-caption-wrap{position:absolute;left:0;right:0;bottom:65px} #slider-caption{position:relative;z-index:199} #slider-caption span{text-transform:uppercase;letter-spacing:.2em;font-size:14px;line-height:26px;font-weight:bold;color:#3ac17b;display:block;padding-bottom:13px} #slider-caption h1{margin:0;font-weight:100;color:#fff;font-size:50px;line-height:50px;letter-spacing:-.05em} .bxslider,.bx-viewport,.bxslider li,.bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;display:block} .bxslider{list-style:none} .bxslider>li:nth-child(n+1){display:none} /* pager */ .bx-wrapper .bx-pager{text-align:center} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} /* direction controls */ .bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png)no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-prev{left:-40px} .bx-wrapper .bx-next{right:-40px;background-position:100% 0!important} .bx-wrapper:hover .bx-next{opacity:0.6;right:20px} .bx-wrapper:hover .bx-prev{opacity:0.6;left:20px} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1280px){ #slider-panel .owl-prev{margin-left:5px} #slider-panel .owl-next{margin-right:5px} #nav a{padding:0 15px;font-size:15px} } @media only screen and (max-width:1199px){ #nav a{font-size:14px;padding:0 10px} .qlink-title h2{font-size:19px;line-height:21px} #news-wrap{padding:30px} #events-wrap{padding:30px} } @media only screen and (min-width:992px){ #flyout,#nav{display:block!important} #search{display:block !important} } @media only screen and (max-width:991px){ html,body,.main-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch} /* rz citizens request center */ #formwizziwmorf tr,#formwizziwmorf tr td{display:block!important} #formwizziwmorf tr table tr{display:table-row!important} #formwizziwmorf tr table td{display:table-cell!important} .toggle,.toggle2,#nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #announcement-wrap{padding:5px 0} #social-wrap{display:none;height:100%} #social{float:none;padding:0 0 5px 0;height:100%;display:block} #social-content-wrap{float:none} #social-content{float:none;display:block} #social-content a{line-height:1} #social-header{display:none} #weather-wrap{height:100%;padding:0 0 5px 0} #weather{margin-top:0 !important} #logo img{max-width:100px} #toggles-wrap{text-align:right;padding:15px 0} #toggles-wrap label,#toggles-wrap div{width:25px;font-size:18px;color:#fff;text-align:center;cursor:pointer} #nav-wrap{margin:0 -15px} #nav{display:none;padding-top:15px} #nav li{float:none;display:block} #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)} #nav li:hover>ul{display:none} #nav ul li{width:100%} #nav ul a{width:100%} #nav ul a:after{display:none} #nav ul ul{left:0} #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} #slider-panel .owl-controls{opacity:1} #search{padding:30px 0 15px 0;display:none} #news-wrap{margin-right:0} #events-wrap{margin-left:0} #flyout{display:none} #flyout li{padding:0} #flyout li a{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;color:#fff} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)} #flyout ul a{width:100%} #flyout li:hover>ul{display:none} #flyout ul a:after{display:none !important} .toggle-children{position:absolute;right:0;top:0;display:inline-block;background:rgba(0,0,0,.2);height:44px;line-height:44px;width:44px;text-align:center;color:#fff} #freeform-content{position:static;margin:0;padding:50px 0 80px 0} #page-title h1{font-size:40px;line-height:45px} .aside{margin:0;border-radius:6px;margin-bottom:20px;padding:0;background:#3462A1;color:#fff} #flyout-toggle{display:block;cursor:pointer;padding:15px} #flyout-header{display:none} .entry{margin:0;border-radius:6px;padding:30px} #freeform-slider{height:300px} #at4m-mobile-container{display:none !important} } /* All Mobile Sizes (devices and browser)*/ @media only screen and (max-width:767px){ .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px;padding:7px 12px!important} #announcement{line-height:1.4} #slider{height:400px} #slider-qlinks-wrap{position:static;background:#fff;padding:30px 0} #slider-caption h1{font-size:35px;line-height:35px} .qlink-icon{text-align:left;width:20%;margin-left:-7px} .qlink-title{width:80%} #video-header{text-align:center;padding-bottom:30px} #video-play{text-align:center} #video-play .btn{padding:0;width:80%} #video-header h2{font-size:22px;line-height:24px} .news-link a{font-size:19px;line-height:20px} footer{padding:25px 0} #footer-text{padding:0 0 10px 0} #revize-login-wrap{text-align:left} } @media only screen and (max-width:569px){ .news-banner{width:40%} .news-info{width:60%} } /* 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){ .news-banner{width:100%;min-height:180px} .news-info{width:100%;padding:10px 0 0 0} } @media print{ .nav-wrap,.sidebar,#flyout-wrap,.breadcrumbs .e-notify{display:none!important} a[href]:after{content:none!important} } @media screen and (-webkit-min-device-pixel-ratio:0) { #freeform-content{margin-top:0} }