/*----------------------------------------------------------------------------------- Theme Name:Clive, IA Front-end Developer:Kristin Vaughn Author Design:Samir Alley @samiralley Author URI:http://www.revize.com/ Date:6/24/2019 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height:1.5;font-family:Arial,sans-serif;color:#343332;-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-size:60px;color:#02402d;margin-bottom:30px;font-weight:bold} .subheader{font-size:24px;color:#343332;margin-bottom:30px;letter-spacing:3.5px;text-transform:uppercase;font-weight:bold} p{margin:0 0 20px 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:'Arial'; src:url('../fonts/arial/Arial-BoldItalicMT.woff2') format('woff2'), url('../fonts/arial/Arial-BoldItalicMT.woff') format('woff'); font-weight:bold; font-style:italic; } @font-face{ font-family:'Arial'; src:url('../fonts/arial/Arial-BoldMT.woff2') format('woff2'), url('../fonts/arial/Arial-BoldMT.woff') format('woff'); font-weight:bold; font-style:normal; } @font-face{ font-family:'Arial'; src:url('../fonts/arial/ArialMT.woff2') format('woff2'), url('../fonts/arial/ArialMT.woff') format('woff'); font-weight:normal; font-style:normal; } @font-face{ font-family:'Arial'; src:url('../fonts/arial/Arial-ItalicMT.woff2') format('woff2'), url('../fonts/arial/Arial-ItalicMT.woff') format('woff'); font-weight:normal; font-style:italic; } @font-face{ font-family:'Arial'; src:url('../fonts/arial/Arial-Black.woff2') format('woff2'), url('../fonts/arial/Arial-Black.woff') format('woff'); font-weight:900; font-style:normal; } @font-face{ font-family:'Open Sans'; src:url('../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Bold.woff') format('woff'); font-weight:700; font-style:normal; } @font-face{ font-family:'Helvetica'; src:url('../fonts/helvetica/Helvetica.woff2') format('woff2'), url('../fonts/helvetica/Helvetica.woff') format('woff'); font-weight:normal; font-style:normal; } @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{text-decoration:underline; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float:right"], img[style*="float:right"]{ margin:0 0 20px 20px; } img[align="left"], img[style*="float:left"], img[style*="float:left"]{ margin:0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 15px;background:#0b3222;color:#fff!important;border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Open Sans', sans-serif;text-transform:uppercase;transition:background .3s;letter-spacing:1.15px} .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:#1e792e} .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:#1e792e} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} #freeform #main .button, #freeform #main a.button, #freeform #main button, #freeform #main input[type="submit"], #freeform #main input[type="reset"], #freeform #main input[type="button"], #freeform #main .btn{padding:17px 43px;background:#248943;color:#fff!important;border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Open Sans', sans-serif;text-transform:uppercase;transition:background .3s;letter-spacing:1.15px} #freeform #main .button:hover, #freeform #main a.button:hover, #freeform #main button:hover, #freeform #main input[type="submit"]:hover, #freeform #main input[type="reset"]:hover, #freeform #main input[type="button"]:hover, #freeform #main .btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#1e792e} #freeform #main .button:active, #freeform #main a.button:active, #freeform #main button:active, #freeform #main input[type="submit"]:active, #freeform #main input[type="reset"]:active, #freeform #main input[type="button"]:active, #freeform #main .btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#1e792e} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz 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:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important;background:#348836} .floating-alert .btn:hover{background:#1e792e} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .rzBtn{position:relative;font-size:14px;padding:10px 15px;background-color:#511fd3;color:#fff;border-radius:5px;margin-bottom:10px} .rzBtn,.sliderbtn a[href='javascript:void(0);']::before,.sliderbtn a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']::before, .centerBtns a[href='javascript:void(0);']::before,.centerBtns a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']::before{padding:10px 20px!important;background:#511fd3;color:#fff!important;border:0;border-radius:5px;font-size:11px!important;display:inline-block !important;font-weight:bold!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Gotham', sans-serif;transition:background .3s;letter-spacing:.08em;text-transform:uppercase} .sliderbtn{position:absolute;top:240px;left:0;right:0;text-align:center;z-index:100} .sliderbtn a, .centerBtns a{position:relative} .sliderbtn a[href='javascript:void(0);']::before, .centerBtns a[href='javascript:void(0);']::before{content:'Admin Panel'} .sliderbtn a[href='javascript:void(0);'] > img, .centerBtns a[href='javascript:void(0);'] > img{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0} .sliderbtn a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php'] > img, .centerBtns a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php'] > img{display:none} .sliderbtn a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']::before, .centerBtns a[href='http://cms4.revize.com/revize/supportrevize/revize_faq.php']::before{content:'Help';background:#ef2b11;padding:10px 15px;color:#fff;border:none;border-radius:5px} .rzGlobalAlertEdit{position:absolute;z-index:10000} .caption-editbtn{position:absolute;top:40%;left:100px;z-index:100} .social-editbtn{position:absolute;top:calc(100% + 15px);right:30px} .qlinks-editbtn{position:relative;top:-35px;left:30px;display:inline-block} .alert-editbtn{position:fixed;bottom:30px;right:30px;z-index:100} #main .image-editbtn{position:absolute;bottom:15px;left:30px;} #freeform .freeform-none{display:none} .header-editbtn{display:inline-block} #flyout-contact .header-editbtn{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:1;} #freeform #dataTable .header{font-size:inherit} #dataTable #example_length{float:left;} #dataTable #example_filter{float:right;} #dataTable #example_wrapper th.header{font-size:18px} #dataTable #example_wrapper .dataTables_paginate{float:right} #dataTable #example_wrapper .dataTables_paginate>ul{margin:0;padding:0} #dataTable #example_wrapper .dataTables_paginate>ul>li{display:inline-block;margin-left:15px} #dataTable #post #example_wrapper ul>li:before{content:unset} .faq-category>h2.faq-header{cursor:pointer} .faq-category>h2.faq-header:before{content:"-";display:inline-block;width:25px;text-align:center} .faq-category>h2.faq-header.collapsed:before{content:"+"} #flyout-toggles .header-editbtn{display:none} #freeform #main #main-calendar-buttons{text-align:center;font-size:0;margin-bottom:30px} #freeform #main #main-calendar-buttons .btn{margin-left:8px;vertical-align:middle;font-size:14px;padding:10px 15px;background:#0b3222} #freeform #main #main-calendar-buttons .btn:hover{background:#1e792e} #freeform #main #main-calendar-buttons .btn.active-tab{padding:15px 15px} html.calendar-page #freeform-fullwidth-wrap>.container{max-width:100%!important;width:100%!important} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden} #main{position:relative;} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .clearfix{clear:both} #skip{position:absolute;left:-100%;top:250px;z-index:9999;background:#348836;color:#fff} #skip:focus{left:210px} #nav-toggle, .toggle, .toggle2{display:none} .main-wrap header{background:rgba(255, 255, 255, .8)} /* nav{position:relative} */ #nav{margin-bottom:0;padding:0;font-size:0} #nav ul{margin:0;padding:0;z-index:9999} #nav li{display:inline-block;margin:0/*;position:relative*/} #nav li ul li{display:block} #nav a, #nav span{display:block;text-decoration:none;color:#0b3222!important;font-size:20px;text-transform:uppercase;padding:20px 22px;position:relative} #nav ul a, #nav ul span{text-transform:none} #logo{display:inline-block;z-index:9999} #logo{width:242px;height:242px;position:absolute;top:0;transition:width .3s ease, height .3s ease} .search-form{position:relative;width:218px;height:46px;background:#1e792e;border-radius:4px;padding:7px 20px;margin-bottom:0} #search input{background:none;border:none;color:#fff;font-size:18px;padding:0 20px 0 0} #search input::placeholder{font-size:18px;color:rgba(255, 255, 255, .6)} #search button{position:absolute;right:15px;top:10px;padding:0;background:none} #search button .fa{font-size:20px} #social-media-links a{color:#063222;font-size:20px;text-decoration:none;margin:0 15px 0 0} #social-media-links a:last-child{margin-right:0} .weather{width:97px} .weather i{font-style:normal;font-size:40px;margin-right:9px;position:relative;top:6px} #slider{position:relative} .header-image-wrap{position:absolute;top:59.2%;left:50%;transform:translate(-50%,-50%);z-index:999;text-align:center} #pop-links{background:#d6eff6;padding:50px 0 32px} #pop-links .owl-nav{text-align:center;position:absolute;width:100%;top:30%;transform:translateY(-50%)} #pop-links .owl-prev, #pop-links .owl-next{background:#0b3222;color:#fff;font-size:24px;padding:2px 15px;border-radius:4px;transition:all .2s} #pop-links .owl-prev:hover, #pop-links .owl-next:hover{background:#348836} #pop-links .owl-prev{position:absolute;left:0px} #pop-links .owl-next{position:absolute;right:0px} .pop{display:block;width:100%;height:100%;text-align:center;text-decoration:none;color:#073222;transition:all .2s} .pop:hover{color:#073222} .pop img{width:auto!important;width:initial!important;height:auto;margin:0 auto} .pop span{font-size:16px;font-weight:bold;display:inline-block;max-width:100px;line-height:1.2;margin-top:20px} #homepage .subheader{font-size:72px;font-weight:bold;color:#083222;letter-spacing:-4px;line-height:.9;margin-left:-4px;text-align:center;text-transform:none} .active-tab{padding:15px 15px} #calendar-buttons{text-align:center;font-size:0;margin-bottom:30px} #calendar-buttons .btn{margin-left:8px;vertical-align:middle} #upcoming-events{padding:49px 0} #tabs-content{min-height:215px} #tabs-content section{height:0;opacity:0;display:none} #tabs-content .active-tab-content{height:auto;opacity:1;transition:all .5s;display:block} #city-news{padding:39px 0 50px} .news-btn{padding:10px 20px;margin-top:37px;letter-spacing:.1em} #homepage #city-news .subheader{margin-bottom:26px} #city-news .owl-nav{text-align:center;position:absolute;width:100%;top:46%;transform:translateY(-50%)} #city-news .owl-prev, #city-news .owl-next{background:#0b3222;color:#fff;font-size:24px;padding:2px 15px;border-radius:4px;transition:all .2s} #city-news .owl-prev:hover, #city-news .owl-next:hover{background:#348836} #city-news .owl-prev{position:absolute;left:-70px} #city-news .owl-next{position:absolute;right:-70px} .news{display:block;width:100%;height:auto;background:#fff;border-radius:6px} .news,.news:hover{text-decoration:none;color:#083222} .card{transition:all .2s;border-radius:6px;height:520px} .card-image-top{height:290px;overflow:hidden} .card-image{min-width:100%;min-height:100%;border-radius:6px 6px 0 0} .card-text-wrapper{background:#fff;padding:32px 33px 25px;border-radius:0 0 6px 6px;position:relative;height:230px} .news-title{font-size:18px;font-weight:bold;display:block;line-height:1.3;margin-bottom:5px;height:46px;overflow:hidden} .news-text{font-size:14px;display:block;margin-bottom:14px;height:80px;overflow:hidden} .news{padding-bottom:5px;margin:15px 0;border-bottom:2px solid rgba(0,0,0,.2);} .news-banner{float:left;width:150px;height:150px;} .news-info{float:left;margin-left:30px;margin-top:10px;} .news-info a{text-decoration:none;} .read-more{font-family:'Open Sans';font-weight:bold;font-size:13px;color:#207934;position:absolute;bottom:26px;letter-spacing:-.5px} #stay-informed{padding:62px 0 48px;text-align:center} #stay-informed .subheader{width:100%;max-width:100%!important;text-align:center!important;color:#fff;font-weight:normal;letter-spacing:0;margin-left:0!important;margin-bottom:19px} .stay-informed-btn{background:#348836;font-size:22px;padding:22px 32px!important;letter-spacing:.05em} #footer{background:#74c9de} #footer ul{list-style-type:none;margin:0;padding:0} #footer a{text-decoration:none;color:#0c3322;font-size:18px} #footer .subheader-small{text-transform:none;color:#0c3322;font-size:24px;font-weight:normal;letter-spacing:0} .footer-top{background:url('../images/footer-background.png') no-repeat bottom -80px center;background-size:100% auto;padding:76px 0 52px} .footer-bottom{background:#5ebdd4;padding:24px 0 18px;line-height:2.5} #address, #footer-social-media-links{float:left} #address{font-size:14px} .copyright{font-size:12px} #footer-social-media-links a{color:#fff;font-size:21px} #footer-social-media-links .fa-facebook{font-size:20px} #footer-social-media-links .fa-youtube{font-size:24px} #revize-login{float:right} #revize-login, #revize-login a{font-size:12px} .powered-by-revize:after{content:'';display:inline-block;width:1px;height:25px;background:rgba(255, 255, 255, .2);vertical-align:middle;margin:0 19px} /* Don't forget to accout for span being used in space of a tag for nav items that are not links */ /*for mega menu addjust as needed*/ .nav>li>ul{ -moz-column-count:4; -moz-column-gap:40px; -webkit-column-count:4; -webkit-column-gap:40px; column-count:4; column-gap:40px; padding:40px } .nav>li>ul li{display:inline-block;width:100%} .nav>li>ul li a{display:block} /*for mega menu addjust as needed*/ #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .events-calendar iframe{width:100%!important} #post iframe{border:none;} .cat h3{background:#3f9645!important;border-bottom:1px solid #3f9645!important;} .faqs-heading.active{background:#07402d url(/revize/plugins/faq/_images_/arrow-up.png) no-repeat 20px center;border-color:#07402d} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #slider{height:451px} ul.flyout{padding:13px 0 37px} .flyout{margin:0;padding:0} .flyout li{margin:0;display:block;position:relative;transition:all .2s} .flyout a, .flyout span{text-decoration:none;padding: 4px 75px 4px 75px;display:block;color:#02402d;font-size:18px;position: relative;} .flyout ul{display:none} .flyout ul a, .flyout ul span{font-size:16px;padding:10px 15px} .flyout ul li{transition:all .2s} .flyout{padding:0;margin:0;display:none;background:#fff} .flyout-toggle{background:#c9dbc7;font-weight:bold;width:100%;padding:11px 15px;border-radius:0;position:relative;text-align:left;color:#003f2d!important;font-size:24px;text-transform:none;letter-spacing:0} #flyout-toggles .item-contact{background:#e8f6f8} #flyout-toggles .item-related-pages{background:#cdc8c5} #flyout-toggles .item-documents{background:#c9dbc7} #flyout-toggles .item-services{background:#e8f6f8} #flyout-toggles button.flyout-nocontent, #flyout-toggles button.flyout-nocontent~div.flyout{display:none} .user-logged-in #flyout-toggles button.flyout-nocontent, .user-logged-in #flyout-toggles button.flyout-nocontent~div.flyout{display:block} #flyout-toggles .item-contact-content{background:rgba(232, 246, 248, .3)} #flyout-toggles .item-related-pages-content{background:rgba(205, 200, 197, .3)} #flyout-toggles .item-documents-content{background:rgba(201, 219, 199, .3)} #flyout-toggles .item-services-content{background:rgba(232, 246, 248, .3)} .flyout-toggle img{margin:0 27px 3px 15px} #flyout-toggles{margin-bottom:24px} #social-tabs{margin-left:24px;font-size:0} .social-tab{border-radius:0;width:56px;height:56px;font-size:18px} .social-tab-facebook,.social-tab-facebook:hover{background:#227db2} .social-tab-twitter, .social-tab-twitter:hover{background:#15a5f3} #social-contents{padding:0 29px 23px 23px} .social-content{display:none;padding:30px 30px 10px;border:1px solid #c4e4d9} .social-content.tab-active{display:block} .social-content .pull-left{margin-right:20px} .social-image{width:84px;height:84px;display:inline-block;overflow:hidden;position:relative} .social-image .attachment{position:absolute;left:0;top:0;height:100%;min-width:100%;max-width:10000px !important;width:auto} .social-feed-text{color:#07402d;font-size:15.2px;font-family:'Helvetica', sans-serif!important;line-height:1;display:inline;position:relative;top:-5px} .read-button{color:#218b3e;display:block;font-size:15px;position:relative;top:-7px} .read-button:hover{color:#218b3e} .tweet_list{margin:0;padding:0;list-style-type:none} #social-contents .content{margin-bottom:17px;clear:both} .tweet_name{display:block;font-size:14px;font-weight:700;margin:15px 0 7px;color:#02402d} .tweet_text{font-size:15px} .tweet_text>a:last-of-type{display:block;margin:5px 0 25px;color:#218b3e} #freeform .footer-top{background:#c9dbc7;padding:28px 0 25px} #freeform #footer-social-media-links{margin:0;padding:0} #freeform #footer-social-media-links a{color:#00402d} #freeform #click-to-call{text-align:right;color:#248943;font-size:14px} #freeform #click-to-call a{color:#248943;font-size:14px} #freeform #click-to-call a img{display:inline-block;margin-right:18px} #freeform #click-to-call a span{display:inline-block;margin-left:6px} #freeform .footer-bottom{background:#248943;color:#c9dbc7;font-size:12px;padding:27px 0 23px} #freeform .footer-bottom a{color:#c9dbc7;font-size:12px} #freeform .copyright{font-size:12px} #freeform #address{margin:0;padding:0;font-size:12px} #freeform #revize-login{text-align:right} #freeform .copyright:after{content:'';display:inline-block;width:1px;height:25px;background:rgba(255, 255, 255, .2);vertical-align:middle;margin:0 17px 0 26px} #freeform .powered-by-revize:after{margin:0 15px} #breadcrumbs{font-size:11.5px} #breadcrumbs a, #breadcrumbs span{font-size:11.5px;color:#02121e} #breadcrumbs a:after, #breadcrumbs span:after{content:">>";display:inline-block;transform:scale(.5,1);margin:0 7px} #freeform .header{margin-top:13px;margin-left:-2px} #freeform.fullwidth #main{padding-left:0!important;padding-right:0!important} .breadcrumbs{font-size:13px;text-transform:capitalize} .breadcrumbs p{margin:0} .breadcrumbs a{text-decoration:none} .breadcrumbs i{font-size:13px;margin:0 4px} #freeform .editable-area{padding:20px 20px 20px 74px;line-height:2} .flyout .editable-area a{padding:0;font-size:16px;font-weight:700;display:inline} #freeform #related-pages{padding-right:22px} #freeform .floating-share-btn{top:192px} #freeform #translation-links{top:254px} .bus-detail span{display:block;margin-bottom:10px;font-size:16px} /* ----------------------------------------- #robust-inner -----------------------------------------*/ #article-intro .intro-image{width:210px;height:294px;float:left;margin-right:44px;margin-bottom:30px} #article-intro .intro-blurb{position:relative;top:-5px} .blockquote{font-family:'Georgia', serif;font-style:italic;font-size:36px;line-height:1.2} #divisions{clear:both;padding-top:1px} #divisions-list .division{display:block;text-decoration:none;color:#343332;margin-bottom:5px} #divisions-list .division-image{width:100%;height:254px;margin-bottom:20px} #divisions-list .division-title{font-weight:bold;margin-bottom:7px} .divisions-more{text-align:center;margin-top:17px} .divisions-more a{text-decoration:none;font-size:18px;font-weight:bold;color:#343332} .divisions-more a img{display:inline-block;margin-left:11px} #freeform.robust-inner .post{margin-top:40px} #freeform.robust-inner #main button{margin-bottom:51px} #freeform.robust-inner .post button:first-of-type{margin:0 16px 0 0px} #divisions-list>.row>.col-sm-4>a[href*=".php#"]{pointer-events:none} /* ----------------------------------------- #translate -----------------------------------------*/ #translation-links{position:fixed;z-index:99998;top:374px;right:0;height:62px;width:62px;border-radius:0;border:0;background:#1e792e!important;color:#fff!important;font-size:18px;line-height:45px;padding:0;text-align:center;margin:0;list-style-type:none} #translation-links:hover{cursor:pointer} #translation-links li{margin:0;list-style:none} #translation-links .clearfix{position:fixed;right:62px;top:124px;width:850px;z-index:998;padding:40px;display:none} #translation-links .clearfix li{width:25%;float:left;text-align:left} #translation-links ul{background:#ffffff} #translation-links ul a{color:#0c3322;text-decoration:none} #translation-links ul a:hover{color:#348836} #translation-links span{color:#ffffff} #translation-links img{padding:10px} #google-translate{display:none} /* ----------------------------------------- #share widget -----------------------------------------*/ #shareModal{z-index:9999} .modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left} .modal-header h4{font-size:30px} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .modal-body{padding:40px 60px} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:60px} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;top:312px;right:0;height:62px;width:62px;border-radius:0;border:0;background:#063222!important;color:#fff!important;line-height:50px;padding:0;text-align:center} /* ----------------------------------------- #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} .bxslider{list-style:none} .bxslider > li:nth-child(n+1){display:none} #slider{height:734px} /* 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 (min-width:2200px){ #main{background-position:center bottom -200px!important} } @media only screen and (min-width:1700px){ #freeform #freeform-wrap .container{width:100%} #freeform #main{padding:52px 120px 52px 40px!important} #freeform.robust-inner #main{padding:52px 77px 126px 40px!important} } @media only screen and (max-width:1699px){ #freeform-wrap .container{width:100%;max-width:100%} #divisions{padding-top:50px} } @media only screen and (min-width:1599px){ .container{width:1300px;padding:0} .main-wrap header .container{width:1550px} #logo, #logo img{left:70px} #social-media-links{margin-right:27px} #search{margin-top:11px} .weather{margin-top:0} #social-media-links{margin-top:16px} #pop-links .container-fluid{width:100%;max-width:1630px} #upcoming-events .container, #city-news .container{width:100%;max-width:1072px} .footer-top .container{width:100%;max-width:1571px} #freeform .footer-top .container, #freeform .footer-bottom .container{width:100%;max-width:1230px} #freeform .footer-bottom .container{padding-right:0} .footer-top .subheader-small{margin-bottom:21px} .footer-top li{margin-bottom:0;line-height:1.6} .footer-top .departments-col{padding-left:67px} .footer-top .i-want-to-col{padding-left:22px} .footer-top .residents-col{padding-left:58px} .footer-top .business-col{padding-left:58px} .footer-bottom .container{width:100%;max-width:1497px;padding-right:41px} #address{margin-left:15px} #freeform #address{padding-left:15px} #freeform.fullwidth #freeform-fullwidth-wrap .container{padding:0 15px;width:100%;max-width:1290px} #article-intro .intro-blurb{margin-right:40px} .right-header-col{padding-left:88px} .bottom-right-header-col{margin-left:20.9%} #nav>li>ul{left:0} } @media only screen and (max-width:1598px){ nav{width:100%;text-align:right} #nav a{padding-top:20px;padding-bottom:20px} /* #nav>li:nth-last-of-type(-n+2) ul{right:0;left:auto} */ /* #nav>li:nth-last-of-type(-n+2) ul ul{right:100%;left:auto} */ #social-media-links{margin-right:21px} #search{margin-top:20px} .search-form{height:36px;padding:2px 20px} .weather{margin-top:16px} #weather{line-height:1} #social-media-links{margin-top:21px} #social-contents{padding-right:7px;padding-left:0} #social-tabs{margin-left:0} .social-content{padding:30px 15px 10px} .flyout-toggle img{margin:0 11px 3px 0px} .flyout a, .flyout span{padding:4px 20px 4px 43px} #freeform .editable-area{padding:20px 20px 20px 43px} #freeform #related-pages{padding-left:0} #search{height:36px;transition:all .3s ease;overflow:hidden} .weather{height:40px;transition:all .3s ease;overflow:hidden} #social-media-links{height:30px;transition:all .3s ease;overflow:hidden} #header.scrollMini #search{height:0px;margin-top:0;margin-bottom:0} #header.scrollMini .weather{height:0px;margin-top:0;margin-bottom:0} #header.scrollMini #social-media-links{height:0px;margin-top:0;margin-bottom:0} } @media only screen and (max-width:1360px){ #city-news .owl-prev, #city-news .owl-next{padding:10px 15px} #city-news .owl-prev{position:absolute;left:0px;top:-5px} #city-news .owl-next{position:absolute;right:0px;top:-5px} .top-bar .center-align{transform:scale(.8)} } @media only screen and (max-width:1200px){ .news-btn{display:block;max-width:200px;margin:0 auto 30px} #main{background-size:150% auto!important} #freeform #related-pages, #freeform #main.col-md-8{width:100%} #freeform #related-pages{padding:0} #freeform #main{padding:30px 15px 50px} #social-tabs{padding-left:15px} #social-contents .social-feed-element{display:none} #social-contents .social-feed-element:first-of-type{display:block} } @media only screen and (min-width:1200px){ #homepage .subheader{float:left;max-width:350px;text-align:left;margin-bottom:36px} #calendar-buttons, .news-btn{float:right;text-align:right} #calendar-buttons{margin-top:94px} } @media only screen and (max-width:1024px){ .active-tab{padding:10px 15px;background:#1e792e} #calendar-buttons{column-count:2;-webkit-column-count:2;-moz-column-count:2} #calendar-buttons .btn{width:97%;margin:5px} } @media only screen and (min-width:1200px) and (max-width:1700px){ /* #freeform #related-pages{width:34%} */ /* #main.col-md-8{width:65%} */ #freeform #main{padding-left:40px!important} } @media only screen and (min-width:992px){ #nav ul ul{display:block !important} #logo.scrollMini{width:80px;height:83px;} .layout-table{table-layout:fixed;width:100%} .mobile-flyout-wrap{display:block!important} #flyout ul{display:none} #flyout ul{padding-bottom:10px} #flyout ul li{margin:5px 0 } #flyout>li a i.toggle-children {position: absolute;font-size: 20px;font-weight: 700;right: 20px;line-height: 29px;width: 29px;text-align: center;border: 1px solid rgba(0, 64, 45, 0.57);top: 0;} #nav{max-width:650px;float:right} #nav .focused .toggle,#nav .focused .toggle2,.flyout .focused .toggle{display:inline-block;margin-left:8px} #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .toggle2{display:none!important} #nav li:hover>ul{display:block} /* #nav ul{position:absolute;left:0;top:100%;width:200px;background:#fff;text-align:left;display:none;box-shadow:1px 1px 5px rgba(0,0,0,0.2)} */ #nav>li>ul{column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap: 10px;-webkit-column-gap: 10px;-moz-column-gap: 10px;position:absolute;right:0;top:100%;padding: 20px;display:none;background:#fff;text-align:left;border-radius:0 0 10px 10px;box-shadow:1px 1px 5px rgba(0,0,0,0.2);max-width: 900px;margin: auto;} #nav>li>ul>li>a,#nav>li>ul>li>span{color:#0b3222!important} #nav ul ul a,#nav ul ul span{color:#20893c!important;padding-left:25px;font-size:16px} #nav ul a, #nav ul span{padding:10px 15px/*;border-bottom:1px solid rgba(0,0,0,.15)*/;font-size:16px;color:#587088;font-size:18px} /* #nav ul a:hover, #nav ul span:hover{color:#fff!important;background:#1e792e} */ #nav ul a:hover,#nav ul span:hover{text-decoration:underline} #nav ul ul{left:100%;top:0} #nav>li>ul>li{display: inline;width:100%;} @-moz-document url-prefix(){#nav>li>ul>li{display:inline-block}} .main-wrap header{position:fixed;top:0;left:0;width:100%;z-index:9999} #search{margin-left:35px} .weather{margin-left:32px} /* #nav>li:after{content:'';display:inline-block;width:2px;height:30px;background:#0b3222;position:absolute;right:0;top:50%;transform:translateY(-50%)} */ #nav>li>a:after,#nav>li>span{content:'';display:inline-block;width:2px;height:30px;background:#0b3222;position:absolute;right:0;top:50%;transform:translateY(-50%)} /* #nav>li:last-child:after{display:none} */ #nav>li:last-child>a:after,#nav>li:last-child>span:after{display:none} nav, #search, .weather, #social-media-links{float:right} #logo{display:block!important} #footer-social-media-links{margin-left:45px} #footer-social-media-links a{margin:0 15px} #freeform #main{padding:52px 40px} .right-header-col{padding-top:10px} .get-connected-col{width:64%;padding-right:35px} .upcoming-events-col{width:36%} } @media only screen and (min-width:1599px){ #logo.scrollMini{width:120px;height:123px;} } @media only screen and (max-width:991px){ /* rz form tables - without page scope this targets editforms and makes * editing confusing */ body{top:0!important} #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} .toggle, .toggle2, #nav-toggle{display:inline-block;cursor:pointer} #nav-toggle{font-size:25px;padding:20px 15px} .down-arrow{display:none} /* if not hidden above */ nav{width:100%;text-align:right} .mobile-flyout-wrap{display:none} #nav{margin:0;background:#d6eff6} #nav li{float:none;display:block} #nav li a, #nav li span{padding:20px 15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.1);background:none;font-size:14px} #nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.1)} #nav 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:rgba(0,0,0,.1);height:55px;width:55px;line-height:55px;text-align:center} .flyout-children{margin:0} ul.flyout{padding:0} #nav li li:hover > a{background:none} #toggles{text-align:right} .mobile-flyout-wrap, nav{text-align:center} #social-media-links, .weather, #search{margin:0} #social-media-links, #weather, .weather{display:inline;text-align:center} nav, #nav{text-align:left} #search{margin:0 15px 15px} .search-form{width:100%;border-radius:0;padding:5px 15px} #search input{padding-right:30px} #social-media-links{position:relative} #social-media-links:after{content:'';display:inline-block;width:1px;height:30px;background:#ccc;position:absolute;right:0;top:50%;transform:translateY(-50%)} #social-media-links a:last-child{margin-right:10px} #weather{margin-left:10px} .main-wrap header .container{width:100%} #header{padding:0} #logo{margin-left:15px} #logo{width:120px;height:120px} #slider{height:400px} .header-image-wrap{top:50%} .header-logo{width:300px} #main{background-size:200% auto!important} #translation-links{display:none} .goog-te-banner-frame, .skiptranslate{display:none} .floating-alert{z-index:9999} .floating-share-btn{width:45px;height:45px;z-index:9998} .floating-share-btn img{transform:scale(.7);margin-bottom:3px} #stay-informed{padding-top:0px;padding-bottom:80px} #footer{text-align:center} .footer-top .row>div{margin-bottom:80px} .footer-top{background-position:bottom center} #address, #footer-social-media-links, #revize-login{float:none} #footer-social-media-links a{margin:0 10px} /* #social-tabs, #social-contents{display:none} */ #related-pages{padding:0} .flyout-toggle{width:100%} .flyout a, .flyout span, .flyout li:hover a, .flyout li:hover span{color:#02402d!important} #freeform .footer-top{padding:34px 0 28px} #freeform #click-to-call{text-align:center;margin-top:22px;margin-bottom:0} #freeform #revize-login{text-align:center} #freeform .copyright:after{margin:0 3px 0 8px} #freeform .powered-by-revize:after{margin:0 5px} #freeform #main{padding:30px 15px 50px} #freeform.fullwidth #main{padding:50px 0} .flyout-toggle{padding:15px} .flyout{display:none} .flyout li a, .flyout li span{padding:20px 30px;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,.1)} .flyout ul a, .flyout ul span{width:100%} .flyout li:hover > ul{display:none} .flyout ul li:hover{background:none} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} .floating-share-btn{top:auto;bottom:0} .sliderbtn{position:absolute;top:50px;left:0;right:0;text-align:center;z-index:100} .header-image-wrap>.image-editbtn{position:relative;top:140px} #social-tabs{margin-top:50px;} } @media only screen and (min-width:768px){ #divisions-list{padding:5px} #divisions-list .col-sm-4{padding-right:10px;padding-left:10px} #article-intro .intro-blurb{width:calc(100% - 265px);margin-left:auto} #article-intro .intro-blurb.intro-noimage{width:100%} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px){ #pop-links .owl-stage{transform:none !important;width:auto !important;position:static} #pop-links .owl-item{width:50% !important;margin-bottom:15px;min-height:130px} #pop-links .owl-controls{display:none} #pop-links .owl-item::after{opacity: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} .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} .header-logo{width:200px} #main{background-size:350% auto!important} #article-intro .intro-image{float:none;margin:0 auto 40px} #article-intro .intro-header{margin-top:50px} .header{font-size:50px} #freeform .header, #freeform .subheader, .blockquote{text-align:center} .map-col iframe{height:300px} } @media only screen and (min-width:576px){ #pop-links .owl-item:after{ content:""; border-right:1px solid #fff; display:inline-block; height:100%; position:absolute; top:0; right:0; } } @media only screen and (max-width:576px){ #calendar-buttons{column-count:1;-webkit-column-count:1;-moz-column-count:1} #calendar-buttons .btn{width:100%;margin:5px 0} #homepage .subheader{font-size:60px;line-height:1} #main{background-size:500% auto!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, .sidebar, #flyout-wrap, .breadcrumbs, .e-notify, nav, .alert, #slider, #pop-links, #stay-informed, #footer, #search, .weather, #social-media-links, #city-news , #logo{display:none!important} a[href]:after{content:none!important} }