/*----------------------------------------------------------------------------------- Theme Name: Waveville Author Design: Samir Alley @samiralley Author URI: http://www.revize.com/ Date: April 21, 2016 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:14px;line-height:1.6;font-family:'Lato', sans-serif;color:#6f7a93;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#1d273d;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:#1d273d;margin-bottom:20px} .subheader{font-size:21px;color:#1d273d;margin-bottom:20px} p{margin:0 0 20px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #e4e9f3;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{color:#73fe7d;text-decoration:underline;outline:0!important} a:hover,a:focus{color:#73fe7d} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:0} 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 20px 15px 0px; } img[align="left"], img[style*="float: left"], img[style*="float:left"]{ margin: 0 20px 10px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 20px;background:#73fe7d;color:#17511b!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;text-transform:uppercase} .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:#73fe7d} .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:#73fe7d} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} #goButton,#RZdocument_center input[type="button"]{color:#fff!important} /* ----------------------------------------- #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 #e4e9f3;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#6f7a93;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 #e4e9f3} 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} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #e4e9f3} 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 buttons -----------------------------------------*/ .sliderBtn,.bannerBtn{position:absolute;top:0;left:15px;z-index:999999} .float_button_anchor{position:absolute;top:93px;left:50%;margin-left:-60px;z-index:9} .msgbtn,.titleBtn{position:absolute;left:0;top:30%;left:50px;z-index:999999} .bgimgBtn{position:absolute;top:0;left:0;z-index:999} .float_button_above{z-index:9;margin:0 auto;width:100%} /* ----------------------------------------- #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: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} /* ----------------------------------------- #loader -----------------------------------------*/ #loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:999999} #loader-wrapper img{width:120px;position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px; animation:2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation;-webkit-animation:2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation} @keyframes spinning_animation{ 0%{transform:scale(1) rotate(0deg);-o-transformscale(1) rotate(0deg)} 50%{transform:scale(0.8) rotate(360deg);-o-transformscale(0.8) rotate(360deg)} 100%{transform:scale(1) rotate(720deg);-o-transform:scale(1) rotate(720deg)} } @-webkit-keyframes spinning_animation{ 0%{-webkit-transform:scale(1) rotate(0deg)} 50%{-webkit-transform:scale(0.8) rotate(360deg)} 100%{-webkit-transform:scale(1) rotate(720deg)} } /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden;height:100%} html{height:100%} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bg{position:absolute;z-index:1;top:0;left:0;right:0;height:1200px;max-height:100%} .brush{width:100%;height:1000px;background:url(../../_assets_/images/brush2.png) center center;position:absolute;bottom:-500px;background-size:cover} .content-wrap{background:#fff;width:1290px;max-width:100%;margin:40px auto;box-shadow:0 0 50px rgba(32,30,49,.3);padding:30px 0;position:relative;z-index:2;transition:all .6s} #nav{position:fixed;top:0;left:0;right:0;background:#0A6272;z-index:9;margin:0;list-style:none;padding:0;text-align:center;display:none;box-shadow:0 0 10px rgba(32,30,49,.3)} #nav >li{display:inline-block;opacity:0;transition:all .2s;top:-130px;position:relative;margin:0} #nav>li:first-child{transition:all .6s} #nav>li:nth-child(2){transition:all .8s} #nav>li:nth-child(3){transition:all 1s} #nav>li:nth-child(4){transition:all 1.2s} #nav>li:nth-child(5){transition:all 1.4s} #nav>li:nth-child(6){transition:all 1.6s} #nav>li:nth-child(7){transition:all 1.8s} #nav>li:nth-child(8){transition:all 2s} #nav>li:nth-child(9){transition:all 2.2s} #nav>li:nth-child(10){transition:all 2.4s} #nav.nav-open>li{opacity:1;top:0} #nav>li>a{display:block;padding:30px;color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:1px} #nav li .down-arrow{margin-left:7px} #nav li .toggle{display:none} #nav ul{margin:0;list-style:none;padding:0;position:absolute;top:100%;left:0;background:#fff;padding:20px 30px;display:none;text-align:left;box-shadow:0 0 10px rgba(32,30,49,.3)} #nav li:hover>ul{display:block} #nav ul ul{left:100%;top:0} #nav ul li{display:block} #nav ul a{display:block;width:200px;text-decoration:none;color:#0A6272;border-bottom:1px solid rgba(0,0,0,.04);padding:6px 0} .slider{height:1090px;position:relative;margin-bottom:-100px;overflow:hidden} #inner-slider{margin:0 0 50px} header{background: -moz-linear-gradient(top, rgba(13,98,110,1) 0%, rgba(13,98,110,0) 100%);/* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(13,98,110,1) 0%,rgba(13,98,110,0) 100%);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(13,98,110,1) 0%,rgba(13,98,110,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d626e', endColorstr='#000d626e',GradientType=0 );/* IE6-9 */ position:absolute;z-index:99999;top:30px;left:30px;right:30px;padding:50px 50px;overflow:hidden;transition:all .4s} .move-header .content-wrap{margin-top:100px} .logo{float:left} #nav-toggle{float:right;color:#fff;font-weight:900;letter-spacing:6px;text-transform:uppercase;text-align:left;font-size:16px;margin-top:12px;cursor:pointer} #nav-toggle .bar{display:inline-block;height:3px;width:20px;background:#fff;margin-bottom:3px;float:right;clear:right;transition:all .4s} #nav-toggle .bar-top{margin-top:8px} #nav-toggle .menu{float:left} #search-toggle{float:right;font-size:16px;margin-top:12px;cursor:pointer;color:#fff;margin-left:10px;margin-left:30px;text-align:right;font-weight:900;letter-spacing:4px;text-transform:uppercase} #search-toggle i{margin-left:-4px;width:20px;font-size:18px} #search{display:none;position:absolute;top:30px;left:30px;right:30px;z-index:999999;height:100px} #search form{margin:0 auto;background:#fff;padding:30px 30px 0;height:100px;width:100%} #search label.fa-search{position:absolute;left:0;top:38px} #search .form-control{height:35px} #search button{position:absolute;right:0} .search-open header{margin-top:100px} #freeform.search-open .cap{padding-top:100px} .twitter-typeahead{width:100%} .tt-menu{width:100%;margin:10px 0;padding:8px 0;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);position:relative} .tt-suggestion{padding:4px 20px;font-size:16px;line-height:24px;font-weight:normal} .tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#000} .tt-suggestion.tt-cursor{color:#fff;background-color:#000} .tt-suggestion p{margin:0} .bar-top.rotate{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);margin:8px 0 0 0!important;position:relative;top:3px} .bar-bottom.rotate{-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg)} .cap{position:absolute;top:0;bottom:0;padding-left:50px;padding-right:50px;color:#fff;width:600px;max-width:100%} #freeform .cap{bottom:20%;transition:all .4s} #freeform .cap h1{transition:all .4s} .cap h1{color:#fff;font-size:72px;letter-spacing:4px;text-transform:uppercase;font-weight:bold;margin:0 0 30px;line-height:1} #freeform.search-open .cap{font-size:60px} #freeform.search-open .cap h1{font-size:40px} .cap .subhead{color:#73fe7d;font-size:24px;text-transform:uppercase;font-weight:bold;letter-spacing:4px} .cap .btn,.btn.allbtn{letter-spacing:4px;box-shadow:0 20px 30px rgba(0,0,0,.15);padding:18px 40px;margin-top:30px} .brush2{background:url(../../_assets_/images/brush.png) top center;background-size:cover;position:absolute;bottom:0;left:0;z-index:99;height:300px;width:100%} #main-content{position:relative;z-index:999} .q-btns{margin:0 -20px;margin-top:-50px} .owl-carousel .item{height:120px;padding:20px;margin:0 20px;box-shadow:0 20px 30px rgba(0,0,0,.15);margin-top:10px;margin-bottom:100px;position:relative;transition:all .3s;top:0} .owl-carousel .item:hover{top:-10px} .owl-carousel .item a{color:#fff;text-transform:uppercase;font-weight:bold;display:block;vertical-align:bottom;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(13,98,110,.5)} .owl-carousel .item a span{position:absolute;bottom:20px;left:20px;right:20px;font-size:16px;line-height:1.2;font-weight:bold} .news h3,.welcome h3{font-size:36px;font-weight:bold;color:#328538;margin:0 0 30px} .news,.welcome{margin-bottom:50px} .news-item{margin-bottom:50px} .news-item .date span{display:block} .news-item .date{background:#610662;text-align:center;color:#fff;font-size:12px;line-height:1;padding:14px;float:left;margin-right:20px;text-transform:uppercase;letter-spacing:3px;font-weight:900;box-shadow:0 20px 30px rgba(0,0,0,.3)} .news-item .day{font-size:30px;display:block} .news-brief{margin-top:8px} .news-brief,.news-brief a{color:#6f7a93;text-decoration:none} footer{background:#034d62;margin:50px 15px 0;padding:50px 5px;color:#fff} .right-col i{color:#fff;text-decoration:none;margin-left:20px} .left-col{padding-left:0;padding-top:20px} .center-col{text-align:center} .right-col{padding-right:0;text-align:right;padding-top:20px} .right-col img{display:block} .copyright{text-align:center;padding:50px 0 0;font-size:11px} .copyright a{text-decoration:none;color:#fff} .translate-widget *{color:#000!important} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal-content{overflow:hidden;border-radius:0} .modal-header{background:#F4F9FD;border:0;text-align:center} .modal-header h4{font-weight:900;color:#273649} .modal-header button{margin-top:2px!important;right:20px;position:relative;font-size:25px;background:none!important} .modal-body{padding:40px 60px} .modal-body p{font-weight:bold;color:#6B7C8E} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px;border-radius:0} .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:0;vertical-align:top;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:32px} .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 22px} .floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;height:50px;width:50px;border-radius:0;border:0!important;border-right:0;background:#FF7920!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3)!important;text-align:center;font-size:21px} .floating-share-btn:before{content:"share this";position:absolute;top:-30px;left:0;right:0;text-align:center;font-size:11px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.5)} /* ----------------------------------------- #page feedback -----------------------------------------*/ #pagefeedback{margin:30px 0} #pagejudge a{text-decoration:none;border:3px solid;color:#fff;display:inline-block;border-radius:3px;padding:2px 10px;margin:0 4px} #pagejudge a.report-pagejudge-yes{background:#46c057;border-color:#46c057} #pagejudge a.report-pagejudge-no{background:#f63344;border-color:#f63344} #pagejudge{border:3px solid #eee;padding:20px 30px;border-radius:3px;background:#f9f9f9} #pagejudge.alert{font-size:16px;background:#E0FFD3;border-color:#B5F799} #pagejudge.alert i{width:50px;height:50px;line-height:48px;text-align:center;border:2px solid #B5F799;border-radius:50%;margin:0 10px 0 0;background:#fff} .report-issue-form{padding:30px;background:#F4F8FC;border:3px solid #cbdaee;border-radius:3px;display:none} .report-issue-form h5{margin:0 0 20px;font-weight:bold} .report-issue-form .form-control{border-color:#cbdaee;margin-bottom:20px;box-shadow:none;min-height:45px;border-radius:3px} .report-issue-form .form-control:focus{border-color:#186daf} .report-issue-form .alert-info{border-width:2px;color:#FF5700;border-color:#edc3ae;background:#fbf1eb;color:#000} .report-issue-form .alert-success{border-width:2px;background:#edf7e8;margin:0} /* ----------------------------------------- #Weather -----------------------------------------*/ /* Docs at http://http://simpleweatherjs.com Look inspired by http://www.degreees.com/ Used for demo purposes. Weather icon font from http://fonts.artill.de/collection/artill-weather-icons */ @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{color:#fff;font-weight:900;position:absolute;bottom:300px;right:50px} #weather ul li{float:left;margin:0;list-style:none;margin-right:10px;display:none} #weather i{font-family:weather;font-size:50px;font-weight:normal;font-style:normal;display:inline-block;margin-left:10px;top:5px;position:relative;color:#73FE7D} .icon-0:before{content:":"} .icon-1:before{content:"p"} .icon-2:before{content:"S"} .icon-3:before{content:"Q"} .icon-4:before{content:"S"} .icon-5:before{content:"W"} .icon-6:before{content:"W"} .icon-7:before{content:"W"} .icon-8:before{content:"W"} .icon-9:before{content:"I"} .icon-10:before{content:"W"} .icon-11:before{content:"I"} .icon-12:before{content:"I"} .icon-13:before{content:"I"} .icon-14:before{content:"I"} .icon-15:before{content:"W"} .icon-16:before{content:"I"} .icon-17:before{content:"W"} .icon-18:before{content:"U"} .icon-19:before{content:"Z"} .icon-20:before{content:"Z"} .icon-21:before{content:"Z"} .icon-22:before{content:"Z"} .icon-23:before{content:"Z"} .icon-24:before{content:"E"} .icon-25:before{content:"E"} .icon-26:before{content:"3"} .icon-27:before{content:"a"} .icon-28:before{content:"A"} .icon-29:before{content:"a"} .icon-30:before{content:"A"} .icon-31:before{content:"6"} .icon-32:before{content:"1"} .icon-33:before{content:"6"} .icon-34:before{content:"1"} .icon-35:before{content:"W"} .icon-36:before{content:"1"} .icon-37:before{content:"S"} .icon-38:before{content:"S"} .icon-39:before{content:"S"} .icon-40:before{content:"M"} .icon-41:before{content:"W"} .icon-42:before{content:"I"} .icon-43:before{content:"W"} .icon-44:before{content:"a"} .icon-45:before{content:"S"} .icon-46:before{content:"U"} .icon-47:before{content:"S"} /* ----------------------------------------- #inner -----------------------------------------*/ #inner-slider{height:500px} #inner-slider .cap{bottom:0;width:100%} .breadcrumbs{color:#fff;font-size:13px;font-weight:bold} .breadcrumbs a{text-decoration:none} #flyout-toggle{color:#fff;display:none} #flyout-wrap{background:#18666E;padding:20px 30px} #flyout{margin:0;padding:0;list-style:none} #flyout li{margin:0;list-style:none} #flyout >li> a{position:relative} .toggle-children{position:absolute;right:0;top:0;bottom:0;line-height:36px;width:32px;text-align:right} #flyout a{display:block;border-bottom:1px solid rgba(255,255,255,.2);text-decoration:none;padding:10px 14px 10px 0;color:#fff} #flyout ul{margin:0;padding:0;display:none} #flyout ul li a{font-size:12px;padding:7px} .entry{padding-left:30px;min-height:400px} .fullwidth .entry{padding-left:0} .user-not-logged-in.noleftnav .entry{padding-left:0} .fullcol .entry{padding-left:0} .faqs-heading{border:3px solid #eee!important;background-color:#f9f9f9!important;border-radius:3px;padding:20px 60px!important} .faqs-heading.active{border-color:#46d954!important;color:#fff;border-radius:3px 3px 0 0;background-color:#46d954!important} .faqs-toggle-content{border:3px solid #46d954!important;border-top:none!Important;background:#fff;border-radius:0 0 3px 3px} #isotope-container{margin:0 -10px;width:auto!important} #isotope-container .isotop-element{max-width:33.3334%!important;width:33.3334%!important;margin:0!Important;padding:10px!important;background:none!important} .isotop-element .item-overlay{top:10px!important;right:10px!important;left:10px!important;bottom:10px!important;border-radius:3px} #RZdocument_center .rz-app{display:none} #RZdocument_center select{display:none} .accordion-toggle{color:#000!important} /* ----------------------------------------- #bxslider -----------------------------------------*/ .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} .bx-wrapper .bx-viewport{background:#000;/*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%} /* LOADER */ .bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #000;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000} /* 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} .editpage header,.editpage .slider{display:none} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:992px){ #flyout{display:block!important} } @media only screen and (max-width:991px){ .content-wrap{overflow-x:hidden} /* 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} #nav{position:relative;z-index:999999} #nav li{display:block;top:0;left:-100%} #nav.nav-open li{left:0} #nav li a{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 50px;position:relative} #nav li:hover ul{display:none} .down-arrow{display:none} #nav li .toggle{display:inline;position:absolute;right:15px;width:50px;text-align:right;top:0;bottom:0;line-height:45px} #nav li ul{position:static;background:none;padding:0;box-shadow:none;text-align:center} #nav li ul li a{color:#fff;width:auto;padding:10px 50px} #nav li ul li .toggle{line-height:30px} .content-wrap{margin:0;padding-top:20px} .move-header .content-wrap{margin-top:0} header{left:15px;right:15px;top:20px;padding-top:30px;padding-left:20px;padding-right:20px} #search{left:0;right:0;top:0;padding-left:15px;padding-right:15px;background:#fff} #search label{left:15px!important} #search button{right:15px} #homepage .slider{height:95vh;margin:0 -15px} #homepage .slider li{opacity:.6} #homepage .cap{width:auto} #homepage .cap .lead{font-size:14px} #homepage .cap h1{font-size:10vw} #homepage .cap .subhead{font-size:5vw} #freeform .slider{margin:0 -15px} #freeform .slider h1{font-size:10vw} #freeform .slider .cap{padding-left:0;left:15px} .entry{padding:30px 0 0;min-height:1px} .aside{position:static!important;margin:0 -15px!important;width:auto!important} #flyout-wrap{padding:15px} #flyout{display:none} #flyout-toggle{display:block} #sticky-wrapper{height:auto!important} .q-btns{margin-top:20px;margin-bottom:-50px} .btn{padding:12px 20px!important;letter-spacing:2px!important} footer{padding:50px;text-align:center!important;margin:0 -15px} footer .right-col{text-align:center!important;padding-right:15px} footer .right-col i{margin:0 20px} #weather{bottom:30px;right:auto;left:20px} #isotope-container .isotop-element{max-width:50%!important;width:50%!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;} .caption p{font-size:12px} .floating-share-btn{bottom:0;top:auto} .share-btns a{height:50px} .share-btns i{line-height:45px!important;font-size:18px} .modal-body{padding:30px} .modal-body .btn{font-size:14px} .logo{width:100px} #nav-toggle{margin:0;font-size:0} #search-toggle{font-size:0;margin:3px 0 0 30px} .cap{padding-left:20px} .brush2{display:none} .container-fluid{padding:0} #pagejudge{text-align:center} #pagejudge a{display:block;width:100%;margin:7px 0} #freeform .slider{margin:0 -15px} .content-wrap{margin-top:0;padding:0} header{left:0;right:0;top:0} #isotope-container .isotop-element{max-width:100%!important;width:100%!important} } /* 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){} @media print{ .nav-wrap, .aside, .breadcrumbs, .e-notify{display:none!important} a[href]:after{content:none!important} }