/*----------------------------------------------------------------------------------- Theme Name:St. Petersburg Front-end developer: Alec Armstrong Back-end developer: Alec Armstrong Author Design: Samir Alley @samiralley Author URI: http://www.revize.com/ Date: 02/17/2020 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @font-face {font-family: 'BodoniFLF';src: url('../fonts/BodoniFLF-Bold.woff2') format('woff2'),url('../fonts/BodoniFLF-Bold.woff') format('woff');font-weight: bold;font-style: normal;} @font-face {font-family: 'Bodoni';src: url('../fonts/Bodoni-PosterItalic.woff2') format('woff2'),url('../fonts/Bodoni-PosterItalic.woff') format('woff');font-weight: normal;font-style: italic;} @font-face {font-family: 'Franklin Gothic Std';src: url('../fonts/FranklinGothicStd-Condensed.woff2') format('woff2'),url('../fonts/FranklinGothicStd-Condensed.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Avenir Next Demi';src: url('../fonts/AvenirNext-DemiBold.woff2') format('woff2'),url('../fonts/AvenirNext-DemiBold.woff') format('woff');font-weight: 600;font-style: normal;} @font-face {font-family: 'Avenir Next';src: url('../fonts/AvenirNext-Medium.woff2') format('woff2'),url('../fonts/AvenirNext-Medium.woff') format('woff');font-weight: 500;font-style: normal;} @font-face {font-family: 'Avenir Next';src: url('../fonts/AvenirNext-Bold.woff2') format('woff2'),url('../fonts/AvenirNext-Bold.woff') format('woff');font-weight: bold;font-style: normal;} @font-face {font-family: 'Avenir Next';src: url('../fonts/AvenirNext-Regular.woff2') format('woff2'),url('../fonts/AvenirNext-Regular.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');font-weight: bold;font-style: normal;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Avenir Next LT Pro';src: url('../fonts/AvenirNextLTPro-Medium.woff2') format('woff2'),url('../fonts/AvenirNextLTPro-Medium.woff') format('woff');font-weight: 500;font-style: normal;} /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:14px;line-height:1.6;font-family:'Avenir Next LT Pro',sans-serif;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ h3.docs-toggle.clearfix { color: #65BAAF!important; background: #fff!important; font-weight: 700!important; } h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} .fa{font-family:'FontAwesome'!important} 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-family: 'Franklin Gothic Std',sans-serif; font-size: 34px; color: #0e0f10; display: block; } h4{ font-family: 'Franklin Gothic Std',sans-serif; font-size: 28px; color: #0e0f10; display: block; } h5{ font-family: 'Franklin Gothic Std',sans-serif; font-size: 24px; color: #0e0f10; display: block; } h6{font-size:14px} .header{margin-bottom:30px;font-family: 'Franklin Gothic Std',sans-serif;font-size: 40px;line-height: 45px;color: #0e0f10;display: block;} .subheader{margin-bottom: 30px;font-family: 'Bodoni',cursive;font-size: 30px;line-height: 1.2;color: #0e0f10;display: block;font-style:italic} p{margin:0 0 15px 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{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} #post ul, #post ul{margin-bottom:15px} 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:not(.event):not([data-controls]):not(.toggle):not(.toggle2):not(.page-control), input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 20px;background:#ecb53f;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;transition: all .2s ease;} .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:#ff5e10} .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:#ff5e10} 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:sans-serif;color:#757575;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:rgba(0,0,0,.5)} :-moz-placeholder{color:rgba(0,0,0,.5)} ::-moz-placeholder{color:rgba(0,0,0,.5)} :-ms-input-placeholder{color:rgba(0,0,0,.5)} .gsc-control-cse *{box-sizing:content-box} #search .search-input::-webkit-input-placeholder{color:#53565a} #search .search-input:-moz-placeholder{color:#53565a} #search .search-input::-moz-placeholder{color:#53565a} #search .search-input:-ms-input-placeholder{color:#53565a} #search .search-input{font-weight:bold;font-size:18px;height: 53px;padding-right: 50px;padding-left: 20px;} #search form{position:relative} #search-label{font-size:14px;color:#fff;margin-bottom:15px} #desktop-search-toggle{display:inline-block;background:#fff;padding:0 20px;line-height:50px;font-size:18px;cursor:pointer;color:#53565a !important;font-family:'Avenir Next',sans-serif;text-transform:capitalize} #desktop-search-toggle i{font-size:16px;margin-left:30px} #search-header{margin:0 0 15px;color:#fff;font-weight:700} #search-caption{color:#fff;font-size:18px;line-height:normal;margin-bottom:50px} #search-menu{position:fixed;right:0;bottom:0;top:0;left:100%;z-index:999;background:#333;transition:all .3s;padding:50px;opacity:0} #search-menu.toggled{left:50%;opacity:1} #search-menu > button{padding:0;background:none} #search-menu-close{position:absolute;right:15px;top:15px;width:35px;opacity:.7;cursor:pointer;transition:all .3s} #search-menu-close:hover{opacity:1} #search-menu #search{width:400px;max-width:100%} #search-menu #search button{font-weight:400 !important} /*-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;*/ #search-tiles{margin-top:50px;margin-top: 50px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px;padding:0} #search-tiles>li{flex:1 1 24%} .search-tile{position:relative;display:block;width:100%;background:#fff;text-decoration:none !important;margin-bottom:5px;break-inside:avoid;text-align:center;padding:20px;transition:all .3s;min-height:119px} .search-tile:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#e8b13c;opacity:0;transition:all .3s} .search-tile:hover{transform:scale(1.15);z-index:1} .search-tile:hover:after{opacity:1} .search-tile-icon{width:30px;margin-bottom:15px} .search-tile-caption{display:block;color:#000;line-height:normal} @-moz-document url-prefix() { .search-tile{display:inline-block} } /* ----------------------------------------- #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 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 h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .row.module-container{margin-bottom:0} #post p:last-child{margin:0} h2.empty{margin:0 !important} .mini-events-list{padding:0;margin:0} .mini-events-list li{list-style:none;margin-bottom:0} #rz-business-categories button{padding:0;border:0;background:none} .rzHeader{position:absolute;top:250px;left:0;right:0;z-index:101;width:550px;margin:auto} a>span.rzBtn, .rzContainer a>span.rzBtn, #slider-caption a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"]{all:unset;position:relative;z-index:199;display:inline-block!important;font-family:"Avenir Next",sans-serif!important;letter-spacing:0px;padding:5px 15px;background:#000;background:linear-gradient(#333,#000);color:#EEE!important;font-weight:700;text-transform:none;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush, #slider-caption a>span.rzBtn.noPush{position:absolute;margin-top:-30px} a>span.rzBtn.rzSmall, .rzContainer a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px} a>span.rzBtn.rzCenter{transform:translateX(-50%)} .welcome a>span.rzBtn.noPush{margin-top:0} .rzAdmin{position:relative;z-index:199;display:inline-block;padding: 0 16px;} .rzAdmin>img{position:relative;z-index:2;opacity:0;width:95px;height:36px} .rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:-1px;display:inline-block;font-family:"Avenir Next",sans-serif;padding:5px 13px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap;} a>span.rzBtn:hover, .rzAdmin:hover:after, body:not(#rz-editform) a[href*="/revize_faq.php"]:hover:after {background:linear-gradient(#333,#555)!important} body:not(#rz-editform) a[href*="/revize_faq.php"]{padding:0} body:not(#rz-editform) a[href*="/revize_faq.php"]>img{position:relative;z-index:2;display:none} body:not(#rz-editform) a[href*="/revize_faq.php"]:after{content:"Help";z-index:1;cursor:pointer;display:inline-block;padding:5px 22px 5px 23px;background:#000;background:linear-gradient(#333,#000);color:#EEE;font-weight:700;box-shadow:inset 0 0 1px 1px rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} #dataTable .header{display:table-cell} .alertbtn{position:fixed;bottom:15px;right:15px;z-index:1000} .rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px} .rzQuicksSlider{margin-top:-100px} #rz-editform{font-weight:400} .rzSliderCaption{left:50%!important;bottom:100px!important;transform:translateX(-50%)!important} .rzModifyBtns{float:right;line-height:0} .rzEditBtn>i{width:25px;height:25px;background:#fff;text-align:center;border-radius:5px;border:1px solid #99F;padding:3px 0 0 1px;font-size:15px;color:#337ab7;margin:0!important} .rzEditBtn:hover>i{box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5)} .rzEditBtn>i.fa-trash{color:#bb2727;border-color:#bb2727} #post .faq-container .categorybtn{display:block} #rz-form .tox .tox-tbtn { align-items: center; background: 0 0; border: 0; border-radius: 3px; box-shadow: none; color: #222f3e!important; display: flex; flex: 0 0 auto; font-size: 14px; font-style: normal; font-weight: 400; height: 34px; justify-content: center; outline: 0; overflow: hidden; padding: 0; text-transform: none; width: 34px; } #rz-form .tox .tox-tbtn--select { width: auto; } #rz-form .tox .tox-mbtn { align-items: center; background: 0 0; border: 0; border-radius: 3px; box-shadow: none; color: #222f3e!important; display: flex; flex: 0 0 auto; font-size: 14px; font-style: normal; font-weight: 400; height: 34px; justify-content: center; outline: 0; overflow: hidden; padding: 0 4px; text-transform: none; width: auto; } #rz-form .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active), #rz-form .tox .tox-tbtn:hover:not(:disabled):not(.tox-tbtn--active) { background: #dee0e2; border: 0; box-shadow: none; } /* ----------------------------------------- #main -----------------------------------------*/ #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #slider-wrap {position: relative;} header h1{margin: 0; display:block!important} /* #slider-top-gradient {background: url('../images/home-slider-bg.png') center top / 100% auto no-repeat;position: absolute;z-index: 60;top: 0;left: 0;right: 0;height: 559px;} */ #slider:before {content: '';position: absolute;left: 0;right: 0;top: 0;height: 400px;z-index: 1;opacity: 0.5;background: rgba(0,0,0,0.5);background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(255,255,255,0)));background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );} header{position: fixed;z-index:200;top: 0;left: 0;right: 0;padding-top: 54px;padding-left: 35px;padding-right: 42px;transition: all .2s ease;} #homepage header:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url('../images/header-bg.png') repeat;transition: all .2s ease;opacity: 0;} header.scrolling,#freeform header{padding-top: 23px;box-shadow: 0 10px 80px rgba(0, 0, 0, 0.19);} #freeform header{background:url('../images/header-bg.png') repeat} header.scrolling #nav,#freeform header #nav {margin-top: 5px;margin-left: -15px;margin-right: -15px;} header.scrolling #search,#freeform header #search {margin-top: 0px;} header.scrolling a#logo, #freeform header a#logo {margin-top: 5px;margin-bottom: -2px;} #homepage header.scrolling:before {opacity: 1;} #nav>li>a,#nav>li>span {font-family: 'Franklin Gothic Std', sans-serif;color: #fff;text-decoration: none;font-size: 23px;padding: 8px;text-transform: uppercase;} #logo img {height:89px;transition: all .2s ease;margin-top:-15px;padding-bottom:15px} a#logo {display: inline-block;/* margin: 30px; */transition: all .2s ease;} #nav{padding:0;margin:0;text-align: center;margin-top: 13px;} #nav li{position:relative;margin:0;display:inline-block} #nav a, #nav span{display:inline-block;font-size:18px} #nav ul{padding:0;margin:0;display:none} #nav ul a, #nav ul span{font-size:18px;display:block;font-family:'Franklin Gothic Std',sans-serif;color: #252525;text-align: left;text-decoration:none;text-transform:uppercase;} #nav ul ul a, #nav ul ul span{text-transform:none;padding:4px 15px;font-size:16px;color: #fff;font-family:'Avenir Next LT Pro',sans-serif} #nav ul a:hover, #nav ul span:hover{background:#ff5e10} #nav ul li{display:block} /*.tns-outer button[data-action] {display: none!important;}*/ .slider-autoBtn{ position: absolute; z-index: 100; left: 50%; bottom: 0; transform: translateX(-50%);color:#fff !important;background:#222 !important } #twitterfeed{background:#f1f1f1} .goog-te-banner-frame{display:none} #translation-links,#translation-links0{padding:0;margin:0} #translation-links0{display:none} #translation-links li,#translation-links0 li{position:relative;margin:0;list-style:none} #translation-links ul{padding:30px;margin:0;position:absolute;top:100%;right:0;width:700px;background:#fff;display:none} footer #translation-links0 ul{padding:30px;margin:0;position:absolute;bottom:100%;right:0;width:700px;background:#fff;display:none} #translation-links ul li,#translation-links0 ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0} #quick-information h2#current-date {color: #0e0f10;font-size: 36px;margin: 0;font-family: 'Franklin Gothic Std',serif;} #closings-weather .city-hall{display:none!important} #closings-weather>div {display: inline-block;} .watch-tv{margin-right:30px} .watch-tv .info-content>a{color:#787A00;text-decoration:none;transition:.3s color ease} .watch-tv .info-content>a:hover{color:#ff5e10} #closings-weather h3 {color: #73777D;font-size: 18px;font-family: 'Avenir Next Demi',sans-serif;line-height: 1;margin: 0;font-weight: 500;} #closings-weather .info-content,#closings-weather #weather {font-size: 35px;font-family: 'Franklin Gothic Std',sans-serif;line-height: 1;} .city-hall .info-content {color: #b6bd00;} #quick-information {padding: 83px 0 103px;} .current-weather #weather {color: #ff5e10;} #search .search-form button.fa-search {position: absolute;right: 0;bottom: 0;background: none!important;color: #53565a!important;font-size: 19px;padding: 17px;} #closings-weather {position: relative;top: -10px;} #closings-weather .city-hall {margin-right: 35px;} #current-information {margin-bottom: 33px;} /* Search and Translate */ #translate {display: inline-block;position: relative;top: -14px;margin-right: 6px;} button#translate-button,button#translate-button0 {background: none!important;font-size: 16px;font-weight: 600!important;letter-spacing: .05em;font-family: 'Avenir Next',sans-serif;} #search form {margin: 0;position: relative;} header #search {width: 200px;text-align: right;margin-top: 11px;} header .col-md-6+.col-md-3 {text-align: right;} /* Quick Links */ .qlink h3 {font-family: 'Franklin Gothic Std',sans-serif;font-size: 22px;color: #0e0f10;margin: 21px 0 0 0;} .qlink {text-align: center;text-decoration: none!important;} .qlink-img-wrap {background: rgba(255,71,17,1);background: -moz-linear-gradient(45deg, rgba(255,71,17,1) 0%, rgba(247,179,52,1) 100%);background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,71,17,1)), color-stop(100%, rgba(247,179,52,1)));background: -webkit-linear-gradient(45deg, rgba(255,71,17,1) 0%, rgba(247,179,52,1) 100%);background: -o-linear-gradient(45deg, rgba(255,71,17,1) 0%, rgba(247,179,52,1) 100%);background: -ms-linear-gradient(45deg, rgba(255,71,17,1) 0%, rgba(247,179,52,1) 100%);background: linear-gradient(45deg, rgba(255,71,17,1) 0%, rgba(247,179,52,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4711', endColorstr='#f7b334', GradientType=1 );border-radius: 50%;height: 120px;width: 120px;position:relative;padding-top: 29px;margin: 0 auto;} .qlink-img-wrap:after {content:'';position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#fff;border-radius: 50%;transition: all .2s ease;} .qlink img {max-width: 66px;max-height: 61px;position: relative;z-index: 1;margin: 0 auto;display: block;} .qlink p {font-family: 'Avenir Next',sans-serif;color: #0e0f10;font-size: 16px;line-height: 24px;margin: 22px 10px 0;} .qlink:hover .qlink-img-wrap:after{top: 6px;right: 6px;left: 6px;bottom: 6px;} .qlink{display:block} #quick-links-ow {margin-left: -15px;margin-right: -15px;} #quick-links-ow .tns-nav button {border: 2px solid #262828;background: #fff;border-radius: 50%;width: 20px;height: 20px;display: inline-block;padding: 0!important;margin: 0 5px;} #quick-links-ow .tns-nav button.tns-nav-active {border: 2px solid #fd671c;background: #fd671c;} #quick-links-ow .tns-nav button:hover {background: #fd671c;} #quick-links li{margin-bottom:0} /* News Section */ #stories-and-events h2 {font-family: 'Franklin Gothic Std', sans-serif;color: #262828;font-size: 72px;text-align: center;line-height: 1;margin: 0;} #stories-and-events {background: url('../images/story-bg.png') repeat;padding: 93px 0 100px;} .news-item .news-date {font-family: 'Avenir Next LT Pro',sans-serif;font-weight: 500;padding: 4px 9px;color: #fff;background: #767A00;line-height: 1;font-size: 13px;display: inline-block;margin-top: 18px;} .news-item h3 {font-family: 'Franklin Gothic Std',sans-serif;font-size: 42px;line-height: 48px;color: #262828;margin-top: 13px;margin-right: 36px;margin-bottom: 18px;} .news-item .col-sm-6>p {color: #262828;font-family: 'Avenir Next LT Pro',sans-serif;font-size: 24px;line-height: 30px;font-weight: 400;margin-right: 15px;margin-bottom: 34px;} a.news-readmore {color: #237b6e;font-family: 'Avenir Next LT Pro',sans-serif;font-size: 18px;text-decoration: none!important;background: #fff;line-height: 1;padding: 17px 35px;display: inline-block;line-height: 1;transition: all .2s ease;} a.news-readmore:hover {color: #fff;background: #237b6e;} a.story-link {color: #237b6e;font-family: 'Avenir Next LT Pro',sans-serif;font-size: 18px;text-decoration: none!important;display: inline-block;position: relative;transition: all .2s ease;} a.story-link:after {content: '';background: #68bbaf;bottom: -3px;height: 3px;left: 0;right: 0;position: absolute;transition: all .2s ease;} a.story-link:hover:after {height: 7px;} #news .news-image {height: 375px;border: 10px solid #fff;margin-right: -30px;margin-left: 17px;} menu#news-controls {margin: 0;padding: 0;display: inline-block;font-size: 0;margin-right: 19px;} #news-header {text-align: right;margin-bottom: 26px;} #news-controls button {display: inline-block;width: 50px;height: 52px;text-align: center;background: #fff;line-height: 51px;font-size: 26px;cursor: pointer;transition: all .2s ease;border:0} #news {margin-top: 17px;} #news-header .story-link {position: relative;top: 4px;} #news-controls>button:first-of-type {border-right: 1px solid #e5f5f3;} #news-controls i {transition: all .2s ease;} #news-controls button:hover i {color: #fff;} #news-controls button:hover {background: #237b6e;} /* Events Section */ #events h3 {font-family: 'Franklin Gothic Std',sans-serif;font-size: 48px;line-height: 1;color: #262828;} #events {margin-top: 32px;min-height: 193px;} #events-header h3 {margin-bottom: 23px;} #events .story-link {position: relative;top: 31px;} /* Mayor Section */ #mayor h2 {color: #fff;font-family: 'Franklin Gothic Std',sans-serif;font-size: 48px;margin: 176px 0 13px;} #mayor .col-md-6>p {line-height: 1.25;color: #fff;font-size: 24px;margin-right: -1px;margin-bottom: 26px;} #mayor-links {list-style-type: none;margin: 0;padding: 0;} #mayor-links li {display: inline-block;position: relative;margin-right: 31px;} #mayor-links li a,#mayor-links li span {font-family: 'Franklin Gothic Std',sans-serif;color: #fff;font-size: 22px;text-decoration: none;} #mayor-links li a:hover {text-decoration: underline;} #mayor-links li:after {content: '.';color: #fff;font-family: 'Avenir Next LT Pro',sans-serif;font-size: 35px;position: absolute;right: -21px;line-height: 4px;top: 2px;} #mayor-links li:last-of-type:after {display: none;} #mayor {padding: 58px 0 99px;} /* Social */ #feed-tabs menuitem {font-family: 'Franklin Gothic Std', sans-serif;font-size: 22px;color: #232527;display: block;border-bottom: 1px solid #5db4a6;transition: all .2s ease;cursor: pointer;padding: 23px 31px;line-height: 1;} #feed-tabs {margin: 3px 0 0 0;padding: 0;} #feed-tabs>menuitem:last-of-type {border: 0;} a.social-btn {border-radius: 26px;border-width: 1px;border-style: solid;padding: 14px 30px;display: inline-block;text-decoration: none;transition: all .2s ease;} a.social-btn:hover{color:#fff!important;} a.social-btn.instagram {border-color: #ad25dd;color: #ad25dd;} a.social-btn.instagram:hover {background: #ad25dd;} a.social-btn.facebook {border-color: #3b5998;color: #3b5998;} a.social-btn.facebook:hover{background:#3b5998;} a.social-btn.twitter{border-color:#1DA1F2;color:#1DA1F2;} a.social-btn.twitter:hover{background:#1DA1F2;} a.social-btn.youtube{border-color:#c4302b;color:#c4302b;} a.social-btn.youtube:hover{background:#c4302b;} a.social-btn.flickr{border-color:#0063dc;color:#0063dc;} a.social-btn.flickr:hover{background:#0063dc;} .social-name {color: #53565a;} .social-tab-header a {text-decoration: none;font-size: 18px;line-height: 22px;} .social-tab {display: none;} .social-tab.active {display: block;} #feed-tabs menuitem i {margin-right: 6px;width: 25px;font-size: 20px;} #feed-tabs menuitem:hover {border-color: #237b6e;background: #237b6e;color: #fff;} #social-wall {padding: 99px 0 98px;} #social-tabs {margin-left: -29px;} .social-tab-header img {margin-right: 7px;} .social-tab-header a.social-btn {margin-top: 6px;padding-right: 24px;} a.social-btn i {margin-right: 5px;} .social-tab-header .social-name~img {position: relative;top: -2px;left: 4px;margin: 0;} .tweet_list{margin:0;padding:30px 0;list-style:none;display:flex} .tweet_list li{margin-bottom:20px;width:33.33%;margin-right:3%} #facebook-feed{margin-top:36px;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;} .social-feed-element .media-body p{margin:0} /* .social-feed-element .media-body p:after{content:'';display:table;clear:both} */ .social-feed-element .attachment{height:130px;object-fit:cover;width:100%;margin-top:15px} .social-feed-element .media-object{border-radius:50%;height:40px;width:40px;margin-bottom:10px;margin-right:10px} .social-feed-element .fa-facebook{display:none} .social-feed-element .author-title{display:inline-block;font-size:12px} .social-feed-element .muted{font-size:12px;float:none!important;margin-top:10px;display:block} .social-feed-text{margin:0 0 30px;min-height:70px} .social-feed-text .read-button{display:block} /* Signup */ #signup h2 {font-family: 'Franklin Gothic Std',sans-serif;color: #fff;text-align: center;margin: 0;font-size: 48px;} #signup .signup-container>p {color: #fff;text-align: center;font-size: 20px;line-height: 1.3;margin: 14px 15px 0;} #signup .signup-container {width: 462px;max-width: 100%;margin: 0 auto;} #signup form {margin: 46px 0 0;position: relative;height: 60px} #signup input[type="text"] {width: 100%;height: 60px;position: relative;line-height: 1;padding-right: 115px;font-size:18px} #signup input[type="text"]::-webkit-input-placeholder{font-size:18px;line-height:1} #signup input[type="text"]:-moz-placeholder{font-size:18px;line-height:1} #signup input[type="text"]::-moz-placeholder{font-size:18px;line-height:1} #signup input[type="text"]:-ms-input-placeholder{font-size:18px;line-height:1} #signup {padding: 91px 0 100px;} #signup input[type="submit"] {position: absolute;right: 5px;top: 5px;border: 2px solid #ff5e10;background: #D14600;color: #fff;transition: all .2s ease;font-size: 18px;font-weight: 400!important;text-transform: none!important;padding: 14px 34px;line-height: 1;} #signup input[type="submit"]:hover {color: #ff5e10!important;background: #fff;} #signup label{position:absolute;top:-25px} /* Footer */ #footer-links {/*background: url('../images/footer-bg.png') center bottom / 100% auto no-repeat;*/padding: 95px 0 99px;} #footer-links h3 {font-family: 'Franklin Gothic Std', sans-serif;color: #232527;font-size: 16px;line-height: 22px;letter-spacing: .1em;text-transform: uppercase;margin: 0 0 15px;} #footer-links ul {margin: 0;list-style-type: none;padding: 0;} #footer-links ul li span,#footer-links ul li a {color: #232527;font-size: 14px;text-decoration: none;} #footer-links ul li a:hover {text-decoration: underline;} #footer-sptv img {width: 113px;display: block;margin: 0 auto 14px;} #footer-sptv {text-align: center;font-style: italic;color: #232527;margin-left: 19px;margin-top: 5px;} #footer-social {text-align: center;margin-bottom: 32px;} #footer-sptv>p {font-size: 14px;line-height: 22px;margin: 0 0 24px 0;} #footer-social {font-size: 20px;line-height: 1;color: #232527;text-decoration: none!important;margin: 0 5px;} .social-ul{padding:0;margin:0} .social-ul li{display:inline-block;margin:0;list-style:none;margin:0 5px} .copyright-content {font-size: 14px;line-height: 22px;color: #262828;position: relative;display: inline-block;} footer #copyright {text-align: center;padding: 44px 0 46px;} #revize.copyright-content:after {display: none;} footer .copyright-content:after {content: '.';padding: 0 7px;font-size: 22px;line-height: 3px;position: relative;top: -3px;} #revize.copyright-content a {font-size: 14px;color: #262828;text-decoration: none;transition: all .2s ease;} a#revize-link:hover {color: #6a00ec;} a#revize-login:hover {color: #ff5e10;} button#translate-button0 {background: #fff!important;color: #232527!important;} #translation-links0 li {text-align: center;} /* ----------------------------------------- #inner -----------------------------------------*/ #post h1, #tinymce h1, .module-container h1{margin:20px 0 20px;padding-bottom:20px;line-height:1;font-family:'Franklin Gothic Std',sans-serif;font-weight:400;font-size:42px;text-transform:uppercase;color:#397F77;display:block;position:relative} #post h1:after, #tinymce h1:after, .module-container h1:after{content:'';display:block;position:absolute;bottom:0px;height:8px;width:20%;background:#65BAAF} #post h2, #tinymce h2, .module-container h2{margin:20px 0 10px;line-height:1;font-family:'Franklin Gothic Std',sans-serif;font-weight:400;font-size:24px;color:#65BAAF} #post h3, #tinymce h3, .module-container h3{margin:20px 0 10px;line-height:1;font-family:'Lato',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;color:#fff;background:#65BAAF;display:inline-block;padding:4px 5px} #post h4, #tinymce h4, .module-container h4{margin:20px 0 10px;line-height:1;font-family:'Lato',sans-serif;font-weight:700;font-size:16px;color:#65baaf} #post h5, #tinymce h5, .module-container h5{margin:20px 0 0px;line-height:1;font-family:'Lato',sans-serif;font-weight:400;font-size:16px;font-style:italic} #post h6, #tinymce h6, .module-container h6{margin:20px 0 10px;line-height:1;font-family:'Lato',sans-serif;font-weight:400;font-size:12px} #post span.btn, .doc-search-form .doc-search-submit{background:transparent!important;padding:0;vertical-align:middle} #post span.btn a, .doc-search-form .doc-search-submit{color:#174A42;font-family:'Avenir Next LT Pro',sans-serif;font-size:18px;text-decoration:none;line-height:1;background:#e8ebee;text-transform:none;font-weight:400;padding:17px 35px;display:inline-block} #post span.btn:hover a{background:#237b6e;color:#fff} .doc-search-form .doc-search-submit{background:#e8ebee!important;color:#237b6e!important;font-weight:400!important;padding:14px 35px} .doc-search-form .doc-search-submit:hover{background:#237b6e!important;color:#fff!important} #post tr{border-bottom: 1pt solid #f2f2f2} #post th, #post td{padding: 10px} #post thead{font-weight: bold; color:#65baaf} #post li{line-height:inherit} #freeform aside.col-lg-2.col-md-3{position:relative;} #freeform aside.col-lg-2.col-md-3:before {content: '';position: absolute;background: #e8ebee;left: -15px;right: -20px;top: 0;height: 9000px;z-index: -1;} #freeform main {overflow: hidden;} #freeform.fullwidth #entry {width: 1470px;margin: 0 auto;max-width: 100%;} #freeform #slider-top-gradient {height:100%} #slider-bot-gradient {background: url('../images/inner-slider-bg.png') center bottom / 100% auto no-repeat;position: absolute;z-index: 60;bottom: 0;left: 0;right: 0;height: 559px;} #flyout{padding:0;margin:0;/* background: #e8ebee; */padding-top: 15px;} #flyout li{position:relative;margin:0;list-style:none} #flyout li>a, #flyout li>span{display:block;text-decoration:none;font-size: 16px;font-family: 'Avenir Next Demi',sans-serif;font-weight: 600;padding: 15px 40px 13px 30px;color: #0e0f10;} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{font-size:16px;padding: 8px 15px;} #breadcrumbs {padding-left: 281px;} .breadcrumbs{font-size:13px;text-transform:capitalize} .breadcrumbs a{text-decoration:none} #breadcrumbs i {margin: 0 7px;} #entry {padding-bottom: 50px;} /*Slider*/ #freeform #slider {height: 494px;} h1.inner-slider-caption {margin: 0;} #freeform #slider:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;top: auto;height: 345px;z-index: 1;opacity: 0.5;background: rgba(255,255,255,0);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.5)));background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.5)));background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );} #freeform #slider-wrap {margin-top: 100px;transition: all .2s ease;} #inner-slider-caption {position: absolute;bottom: 35px;left: 53.7%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 60;width: 1093px;} #inner-slider-caption h1 {color: #fff;font-family: 'Bodoni',cursive;font-size: 72px;margin: 0 0 15px 0;text-align: left;font-style:italic} #breadcrumbs,#breadcrumbs a {font-size: 14px;color: #fff!important;text-transform: capitalize;text-decoration: none;} #breadcrumbs a:hover {text-decoration: underline;} #breadcrumbs ul{margin:0;padding:0;list-style:none} #breadcrumbs li{margin:0;padding:0;display:inline-block} #breadcrumbs li:after{content:"\f105";font-family:"FontAwesome";padding:0 10px} #breadcrumbs li:last-of-type:after{content:none;display:none} @media reader, speech, aural{ #breadcrumbs li:after{content:'';display:none;visibility:hidden} } /* Flyout */ #flyout-wrap,#in-touch,div.flyout-wrap {margin-left: -15px;margin-right: -35px;} #freeform:not(.fullwidth) #entry {margin-left: 104px;margin-right: 85px;padding-bottom: 80px;} #freeform aside {position: relative;z-index: 2;} h2#flyout-header, h2.flyout-header {margin: 0;background:url('../images/header-bg.png') repeat;font-family: 'Franklin Gothic Std',sans-serif;font-size: 24px;color: #fff;padding: 20px 29px 22px;word-break: break-word;border-bottom: 2px solid #fff;} div.flyout-wrap h2.flyout-header {background:#65BAAF} h2#page-title {margin: 34px 0 32px -5px;display:none} .flyout-about-content{padding:15px 40px 15px 30px;color:#0e0f10;font-family:'Avenir Next',sans-serif;font-size:15px;line-height:1.3;margin-bottom:15px} .flyout-about-content ul{padding:0;margin:0} .flyout-about-content ul li{list-style:none;margin:0} .flyout-about-content .btn{margin-top:15px;text-transform:none;font-family:inherit;font-size:14px;padding:7px 15px;background:#ecb53f!important} .flyout-about-content .btn:hover{background:#ff5e10!important} .flyout-about-detail{display:block;font-size:16px;margin:15px 0;font-weight:600;font-family:'Avenir Next Demi',sans-serif} .flyout-about-detail>a{text-decoration:none;color:inherit} .flyout-about-detail>i{color:#65BAAF;font-size:19px;vertical-align:middle;margin-right:5px} #flyout>li {/* background: #e8ebee; */border-bottom: 1px solid #fff;} #flyout .toggle {font-family: FontAwesome!important;position: absolute;visibility: hidden;z-index: -1;} #flyout>li,#flyout li>a,#flyout li>span {transition: all .2s ease;} #flyout li:hover>a, #flyout li:hover>span {color: #fff;} #flyout>li:hover {background: #237b6e;} #flyout li li a, #flyout li li span {color: #fff;font-family: 'Avenir Next LT Pro',sans-serif;font-weight: 500;} #flyout li li a:hover {text-decoration: underline;} #event-modal .event-modal-header{height:120px;background:#fff!important} #event-modal #modal-event-duration{right:0} /*In Touch */ #in-touch {background: url('../images/in-touch-bg.png') repeat;padding: 36px 33px 32px;text-align: center;} #in-touch h2 {margin: 0 0 15px;font-family: 'Franklin Gothic Std',sans-serif;color: #fff;font-size: 24px;} a.btn.in-touch-btn {display: block;background: #fff;color: #0e0f10!important;font-size: 18px;font-weight: 400!important;text-transform: none;font-family: 'Avenir Next LT Pro',sans-serif!important;transition: all .2s ease;border: 2px solid #fff;padding-top: 14px!important;padding-bottom: 13px!important;margin-bottom: 18px;} a.btn.in-touch-btn:hover {border: 2px solid #0e0f10!important;} span.in-touch-phone {font-family: 'Avenir Next LT Pro',sans-serif;font-size: 16px;font-weight: 600;color: #fff;} /*Entry */ .page-control-link>img {width: 23px;} #font-resizer button img {width: 20px;} #font-resizer {display: inline-block;position: relative;} .page-control-link {color: #005487;text-decoration: none;font-size: 14px;} .page-control-link:hover {text-decoration: underline;} .page-control-link {margin-right: 35px;display: inline-block;} .page-control-link img {margin-left: 6px;} #font-resizer:before {content: '';position: absolute;left: -20px;top: -4px;bottom: -4px;width: 1px;background: rgba(0,0,0,.2);} #font-resizer button {display: inline-block;position: relative;top: -2px;} #font-resizer #decrease-font img {margin-left: 1px;} #main #page-controls {margin:28px 0} #page-controls button{padding:0;background:none;border:0} #post {color: #000000;font-size: 16px;} /* Tiles */ .tile-item {position:relative;overflow:hidden;margin-bottom:30px} .tile-item:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);transform:translate3d(0,50%,0);transition:all .3s} .tile-item:hover:after{transform:translate3d(0,30%,0)} .tile-title {font-weight: bold;font-size: 24px;position:absolute;top:50%;left:15px;right:15px;transition:all .5s;text-align:center;color:#fff;transform:translateY(-50%);z-index:1;text-shadow:0 0 4px black} .tile-item:hover .tile-title{top:30%} .tile-img{height: 225px;} .tile-img:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom, rgba(72,76,97,0) -25%, rgba(72,76,97,0.8) 75%);opacity:.5;transition:all .3s;opacity:0;} .tile-item:hover .tile-img:after{opacity:.5} .tile-brief {font-size: 17px;line-height: 1.3;position:absolute;left:15px;right:15px;bottom:0;transition:all .5s;opacity:0;text-align:center;color:#fff;z-index:1} .tile-item:hover .tile-brief{bottom:60px;opacity:1} .tile-content>a{text-decoration: none;font-weight: 500;position:absolute;left:15px;right:15px;text-align:center;bottom:25px;color:#fff;z-index:1;opacity:1;transition:all .3s} /*.tile-item:hover .tile-content>a{opacity:1;bottom:25px}*/ /* Tiles v2 */ .v2-tiles-con{margin:0 -15px} .v2-tile{padding:30px 0} .v2-tile-image{padding-bottom:50%;display:block;text-decoration:none;width:100%;box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.28);} .v2-tile-link { font-size: 30px; font-weight: 700; text-decoration: none !important; color: #000; } .v2-tile-info{padding:25px 0;border-bottom:1px solid rgba(0,0,0,.15);margin-left:25px} .v2-tile-caption { font-size: 16px; line-height: 1.5; margin: 15px 0 30px; } /* Portrait Tiles */ .portrait-tiles .tile-item{box-shadow:0 0 10px rgb(0 0 0 / 15%);display:block;text-decoration:none;color:inherit} .portrait-tiles .tile-img{height:auto;width:100%} .portrait-tiles .tile-info{padding:15px} .portrait-tiles .tile-content{position:relative;overflow:hidden} .portrait-tiles .tile-title{position:static;transform:none;color:#000} .portrait-tiles .tile-brief{position:static;transform:none;color:#000;opacity:1} .portrait-tiles .tile-item .tile-content>span{text-decoration: none;font-weight: 500;position:absolute;left:15px;right:15px;text-align:center;bottom:0;color:#fff;z-index:1;opacity:0;transition:all .3s} .portrait-tiles .tile-item:hover .tile-content>span{bottom:50%;transform:translateY(50%);opacity:1} .tile-item:after{content:none} .portrait-tiles .tile-content:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);transform:translate3d(0,50%,0);transition:all .3s} .portrait-tiles .tile-item:hover .tile-content:after{transform:translate3d(0,20%,0)} .v2-tile-btn{background:#ecb53f;text-transform:none;font-weight:700;font-size:14px} /* Editor Styles */ .alert-style {background: #fbcfbd;color: #391308;font-family: 'Avenir Next Demi';display: block;padding: 30px 50px 30px 103px;position: relative;margin-bottom: 30px;} .alert-style:before {content: '';position: absolute;left: 35px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 30px;height: 31px;background: url('../images/alert-icon.png') center center / contain no-repeat;} /* Buttons Start */ a.sm-green-btn, span.sm-green-btn, a.sm-orange-btn, span.sm-orange-btn, a.sm-drkblue-btn, span.sm-drkblue-btn, a.sm-ltblue-btn, span.sm-ltblue-btn, a.sm-yellow-btn, span.sm-yellow-btn, a.lg-green-btn, span.lg-green-btn, a.lg-orange-btn, span.lg-orange-btn, a.lg-drkblue-btn, span.lg-drkblue-btn, a.lg-ltblue-btn, span.lg-ltblue-btn, a.lg-yellow-btn, span.lg-yellow-btn{display: inline-block;color: #fff;text-decoration: none;transition: all .2s ease;margin-bottom: 15px;margin-right: 8px;} /* Small Buttons */ a.sm-green-btn, span.sm-green-btn, a.sm-orange-btn, span.sm-orange-btn, a.sm-drkblue-btn, span.sm-drkblue-btn, a.sm-ltblue-btn, span.sm-ltblue-btn, a.sm-yellow-btn, span.sm-yellow-btn{font-size: 18px;font-weight: 400;padding: 12px 30px;} /* Big Buttons */ a.lg-green-btn, span.lg-green-btn, a.lg-orange-btn, span.lg-orange-btn, a.lg-drkblue-btn, span.lg-drkblue-btn, a.lg-ltblue-btn, span.lg-ltblue-btn, a.lg-yellow-btn, span.lg-yellow-btn{padding: 20px 42px;font-size: 22px;} /* Green */ a.sm-green-btn, span.sm-green-btn, a.lg-green-btn, span.lg-green-btn{background: #b6bd00;} a.sm-green-btn:hover, span.sm-green-btn:hover, a.lg-green-btn:hover, span.lg-green-btn:hover{background: #8f9400;} /* Orange */ a.sm-orange-btn, span.sm-orange-btn, a.lg-orange-btn, span.lg-orange-btn{background: #ff5e10;} a.sm-orange-btn:hover, span.sm-orange-btn:hover, a.lg-orange-btn:hover, span.lg-orange-btn:hover{background: #c1350c;} /* Dark Blue */ a.sm-drkblue-btn, span.sm-drkblue-btn, a.lg-drkblue-btn, span.lg-drkblue-btn{background: #005487;} a.sm-drkblue-btn:hover, span.sm-drkblue-btn:hover, a.lg-drkblue-btn:hover, span.lg-drkblue-btn:hover{background: #00395d;} /* Light Blue */ a.sm-ltblue-btn, span.sm-ltblue-btn, a.lg-ltblue-btn, span.lg-ltblue-btn{background:#68bbaf} a.sm-ltblue-btn:hover, span.sm-ltblue-btn:hover, a.lg-ltblue-btn:hover, span.lg-ltblue-btn:hover{background:#42887e} /* Yellow */ a.sm-yellow-btn, span.sm-yellow-btn, a.lg-yellow-btn, span.lg-yellow-btn{background:#f7b334} a.sm-yellow-btn:hover, span.sm-yellow-btn:hover, a.lg-yellow-btn:hover, span.lg-yellow-btn:hover{background:#bb8724} /* Buttons End */ /* Quote */ .quote-block {background: #68bbaf;color: #fff;display: block;padding: 100px 90px;font-size: 30px;font-style: italic;line-height: 1.2;text-indent: -10px;font-weight: 500;margin-bottom: 30px;} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .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 ul{padding:0;margin:0;-webkit-column-count:3;-moz-column-count:3;column-count:3;} .share-btns ul li{margin:0;list-style:none;display:inline-block;width:100%;break-inside:avoid} .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:40%;right:0;border-radius:0;border:0;background: #ff5e10!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;} .floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase} /* ----------------------------------------- #Tiny Slider -----------------------------------------*/ #slider>div {height: 100%;} #slider-wrap .tns-controls {position: absolute;z-index: 99;top: 50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 0;} .tns-outer {position: relative;} button[data-action="stop"] {display: none;} #quick-links-ow .tns-nav {position: absolute;bottom: -60px;left: 50%;z-index: 50;transform: translateX(-50%);} #slider-wrap .tns-controls button {background: none!important;color: #222!important;font-size: 60px;padding: 0!important;width: 60px!important;text-align: center;-webkit-transition: all .2s ease!important;-o-transition: all .2s ease!important;transition: all .2s ease!important;opacity: 1;position: absolute;border:0} #slider-wrap .tns-controls button[data-controls="prev"] {left: -80px;} #slider-wrap:hover .tns-controls button[data-controls="prev"] {left: 15px;} #slider-wrap .tns-controls button[data-controls="next"] {right: -80px;} #slider-wrap:hover .tns-controls button[data-controls="next"] {right: 15px;} #slider-wrap .tns-controls button i{line-height:1!important} /* ----------------------------------------- #bxslider -----------------------------------------*/ #slider{height: 942px;position:relative;} /*#slider-caption{position:absolute;left: 50%;bottom: 213px;transform: translateX(-50%);z-index:51;}*/ #homepage #slider-caption-wrap{position:absolute;left: 50%;bottom: 213px;transform: translateX(-50%);z-index:51;max-width: 500px;} .bxslider{padding:0;margin:0} .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;overflow:hidden} .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} .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-height:900px) { header{position:absolute} body{position:static!important} } @media only screen and (max-width:1680px){ #nav > li > a, #nav > li > span{font-size:20px} } @media only screen and (max-width:1440px){ #nav > li > a, #nav > li > span{font-size:18px} } @media only screen and (max-width:1280px){ #nav > li > a, #nav > li > span{font-size:16px;padding:8px 5px} } @media only screen and (min-width:1200px){ #quick-information .container,#stories-and-events .container,#mayor .container,#social-wall .container,#footer-links .container{padding:0;} } @media only screen and (min-width:992px) { #nav .toggle,#nav .toggle2,#flyout .toggle{padding:0;background:none;border:0;color:#fff;display:none} .v2-tile-image{position:relative} .v2-tile-image:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom, rgba(72,76,97,0) -25%, rgba(72,76,97,0.8) 75%);opacity:.5;transition:all .3s;opacity:0} .v2-tile-image:hover:after{opacity:.75} .v2-tile-image:hover:before{opacity:1} .v2-tile-image:before{content:'Learn More';position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);font-size:18px;color:#fff;z-index:10;transition:all .3s;opacity:0} #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block;margin-left:8px} #nav .focused .toggle2{position:absolute;top:2px;right:0} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} #flyout,#nav{display:block!important;transition: all .2s ease;} #flyout-header i {display: none;} header #search{transition: all .2s ease;display: inline-block!important;} .layout-table{table-layout:fixed;width:100%} /* #nav ul{position:absolute;left:0;top:100%;width:200px;background:#fff;display:none;z-index:1;background:url('../images/header-bg.png') repeat} */ #nav li:hover>ul{display:block} #nav ul ul{left:100%;top:0} #freeform aside.col-lg-2.col-md-3{min-height:800px} #flyout ul{position:absolute;left:100%;top:0;width:200px;background: #237b6e;display:none;z-index:999;padding: 15px 0;} #flyout li:hover>ul{display:block} #nav li a.toggle,#nav ul li a.toggle2{display:none} /* Megamenu */ #nav ul{position:absolute;text-align:left;left:-150px;right:-150px;padding:30px 30px 30px 30px;margin:0;-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:none;background:url('../images/header-bg.png') repeat} #nav li{position:static;} #nav ul li{display:block;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;width:100%;border-right:0 solid rgba(255,255,255,.1);padding: 5px 0;} #nav ul ul{position:static;background:transparent;padding:0;-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:block;box-shadow:none} #nav ul ul li{ padding: 0; } } @media only screen and (max-width:1390px){ header.scrolling #nav, #freeform header #nav,#homepage #nav {margin-top: 10px;} #freeform header, header.scrolling,#homepage header {padding-left: 15px;padding-right: 15px;padding-top: 23px;} header.scrolling #search, #freeform header #search, #homepage header #search {margin-right: -15px;} section#search {width:150px} #homepage header a#logo {margin-top: 5px;margin-bottom: -2px;} #homepage #search{margin-top:0} #slider{height:750px} } @media only screen and (max-width:1199px){ #inner-slider-caption{left: 0;transform: none;right: 0;max-width: 100%;padding-left: 15px;} #inner-slider-caption h1{font-size: 46px;} #breadcrumbs{padding-left:0} .news-item h3 {font-size: 36px;line-height: 1.3;} #stories-and-events h2 {font-size: 50px;} #quick-information h2#current-date {font-size: 30px;} #closings-weather .info-content {font-size: 28px;} #closings-weather h3 {font-size: 15px;} #events-header h3 {font-size: 40px;} #mayor h2 {margin-top: 55px;font-size: 38px;} #mayor .col-md-6>p {font-size: 20px;} #mayor-links li a, #mayor-links li span {font-size: 20px;} #mayor-links li {display: block;} #mayor-links li:after {display: none;} #signup h2 {font-size: 42px;} #slider-caption {width: 370px;} #slider {height: 650px;} } @media only screen and (max-width:1099px){ #freeform header, header.scrolling, #homepage header {padding-top: 10px;} #logo img {margin:0} header.scrolling #nav, #freeform header #nav,#homepage header #nav {margin-top: 17px;} #search .search-input {height: 45px;font-size: 13px;padding-right: 29px;} #search .search-form button.fa-search {font-size: 14px;padding: 14px 14px 16px;} header.scrolling #search, #freeform header #search,#homepage header #search {width: 125px;margin-top: 3px;} button#translate-button, button#translate-button0 {font-size: 14px;padding: 5px;} button#translate-button {margin-top: 9px;} #freeform #slider-wrap {margin-top: 70px;} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ .search-tile{min-height:initial} #search-tiles>li{flex:1 1 48%} #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} #flyout-header i {margin-right: 15px;} #flyout-header {cursor: pointer;} button.share-btn.floating-share-btn {top: auto;bottom: 15px;right: 15px;border-radius: 50%;font-size: 10px;width: 60px;transition: all .2s ease;height: 60px;box-shadow: 0 2px 10px rgba(0,0,0,.6);} button.share-btn.floating-share-btn:hover {bottom: 17px;box-shadow: 0 5px 20px rgba(0,0,0,.3);transform: scale(1.05);} #homepage header, #freeform header {position: absolute;top: 0;left: 0;right: 0;} #homepage header,#freeform header{position:relative} #slider-wrap {margin: 0!important;} /* Allows tables to be used as columns with responsive stacking */ #freeform aside.col-lg-2.col-md-3:before{display:none} .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} #footer-sptv {margin-left: 0;} #footer-social a {margin: 0 3px;} #flyout>li{border:0} /* #homepage section#search, #freeform section#search {position: absolute;left: 0;right: 0;width: auto;top: -2px;background: #237b6e;margin-left: -15px;margin-right: -15px;padding: 15px;display: none;}*/ #search-menu{padding:15px!important} .search-tile{font-size:11px;padding:5px} #inner-slider-caption h1{font-size:24px} #slider,#freeform #slider{height:170px} #slider-caption{width:120px;bottom:29px} #slider-wrap:hover .tns-controls button[data-controls="prev"]{left:-17px} #slider-wrap:hover .tns-controls button[data-controls="next"]{right:-17px} header .col-md-3{position:static} section#translate {position: absolute;top: 15px;right: 130px;/*! display: none; */} #toggles{position:absolute;right:15px;top:15px;z-index: 10;} #nav-toggle,#search-toggle{padding:0;line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px;cursor: pointer;} header.scrolling #nav, #freeform header #nav,#homepage header #nav {margin-top: 2px;margin-left: -30px;margin-right: -30px;margin-bottom: -1px;text-align: left;background:#222;} #nav>li {padding: 0;} #nav,#flyout{display:none} img.mayor-image {margin: 0 auto;display: block;} #social-tabs {margin-left: 0;} #footer-links ul {margin-bottom: 35px;} #nav li{display:block} #homepage header:before{opacity:1!important} #flyout {padding: 0;} #flyout .toggle {visibility: visible;z-index: 9;right: 0;} #nav a, #nav span, #flyout a, #flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15);display:block} #nav li a{color:#fff} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} .quote-block {padding: 30px;font-size: 24px;} #nav ul, #flyout ul{background:rgba(0,0,0,.15)} .toggle, .toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15) !important;transform:none !important;border:0 !important;padding:0 !important;color:#fff !important} #flyout-wrap, #in-touch{margin:0 -15px} #freeform:not(.fullwidth) #entry{margin-left:0;margin-right:0} .v2-tile-info{margin-left:0} .tile-title{text-shadow:none} /* .tile-item .tile-content > a {position:relative;bottom:0!important;left:0} */ .tile-item{margin-bottom:0;padding:25px 0;border-bottom:1px solid rgba(0,0,0,.15)} .tile-title, .tile-brief, .tile-content>a{position:static;opacity:1;color:#000;text-align:left;transform:none;margin-bottom:15px} .tile-item:after{display:none} .tile-content{padding:15px 0 0;position:relative} #quick-information{position:relative;z-index:1} #search-menu{position:static;opacity:1;padding:100px 15px 15px;transition:none !important;display:none} #translation-links ul{width:250px;height:400px;overflow:scroll;right:-100px} #translation-links ul li{float:none;width:auto;margin-bottom:5px} } /* 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} .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} #news .news-image {margin: 0 auto;display: none;margin-right: -30px;} a.news-readmore {display: block;text-align: center;margin: 15px -30px 30px 0;} .news-item h3 {margin-right: 0;} .news-item .col-sm-6>p {margin-right: 0;} #news-header {text-align: left;} #closings-weather {float: none!important;display: block;clear: both;margin-top: 20px;} h2#current-date {clear: both!important;float: none!important;} #closings-weather h3 {text-align: left;} #quick-information {padding: 50px 0 100px;} #stories-and-events {padding: 50px 0 80px;} #mayor {padding: 50px 0;} #social-wall {padding: 50px 0;} img.mayor-image {width: 250px;max-width: 100%;} #footer-links h3 {margin-bottom: 3px;} .share-btns ul{-webkit-column-count:1;-moz-column-count:1;column-count:1} } /* 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) { .tweet_list{display:block} .tweet_list li{width:100%;margin-right:0} #facebook-feed{-webkit-column-count:1;-moz-column-count:1;column-count:1} .social-feed-element{margin:0 0 15px} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }