/*----------------------------------------------------------------------------------- Theme Name:Cape Coral, FL Author Developer:Alec Armstrong Author Design:Tom Gooden @good3n Author URI:http://www.revize.com/ Date:1/20/2019 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ @font-face { font-family:'PT Sans'; src:url('../fonts/PTSans-Italic.woff2') format('woff2'), url('../fonts/PTSans-Italic.woff') format('woff'); font-weight:normal; font-style:italic; } @font-face { font-family:'Playfair Display'; src:url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Italic.woff') format('woff'); font-weight:normal; font-style:italic; } @font-face { font-family:'Playfair Display'; src:url('../fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'), url('../fonts/PlayfairDisplay-BoldItalic.woff') format('woff'); font-weight:bold; font-style:italic; } @font-face { font-family:'PT Sans'; src:url('../fonts/PTSans-Regular.woff2') format('woff2'), url('../fonts/PTSans-Regular.woff') format('woff'); font-weight:normal; font-style:normal; } @font-face { font-family:'PT Sans'; src:url('../fonts/PTSans-Bold.woff2') format('woff2'), url('../fonts/PTSans-Bold.woff') format('woff'); font-weight:bold; font-style:normal; } @font-face { font-family:'Playfair Display'; src:url('../fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2'), url('../fonts/PlayfairDisplay-BlackItalic.woff') format('woff'); font-weight:900; font-style:italic; } @font-face { font-family:'PT Sans'; src:url('../fonts/PTSans-BoldItalic.woff2') format('woff2'), url('../fonts/PTSans-BoldItalic.woff') format('woff'); font-weight:bold; font-style:italic; } @font-face { font-family:'Playfair Display'; src:url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Bold.woff') format('woff'); font-weight:bold; font-style:normal; } @font-face { font-family:'Playfair Display'; src:url('../fonts/PlayfairDisplay-Black.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Black.woff') format('woff'); font-weight:900; font-style:normal; } @font-face { font-family:'Playfair Display'; src:url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'); font-weight:normal; font-style:normal; } body{background: #fff;font-size: 16px;line-height:1.6;font-family:'PT Sans',sans-serif;color: #444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;} /* ----------------------------------------- #typography -----------------------------------------*/ .breadcrumbs pre { display: none!important; } h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#111;margin-bottom:30px} .subheader{font-size:21px;color:#111;margin-bottom:30px} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} @font-face{ font-family:'weather'; src:url('../fonts/weather/artill_clean_icons-webfont.eot'); src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight:normal; font-style:normal; } .weather i{font-family:'weather'} .weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3"}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"} /* ----------------------------------------- #links -----------------------------------------*/ div#chat-widget-container {opacity: 1!important;z-index: 99!important;} a,a:visited{color: #3277B3;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;} a:hover,a:focus{color:#337ab7} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float:right"], img[style*="float:right"]{ margin:0 0 20px 20px; } img[align="left"], img[style*="float:left"], img[style*="float:left"]{ margin:0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 20px;background:#0f99ee;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;transition:background .3s} .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda} .button:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:sans-serif;color: #000;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 h1{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .datepicker--nav-title,.datepicker--nav-title i {color: #fff!important;} .home-bg-editbtn {position: absolute;top: 275px;z-index: 99;} aside.aside-content .socialEditBtn {top: -25px;} iframe{max-width:100%} .sliderbtn{position:absolute;z-index:71;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center} .socialEditBtn{position:absolute;top:0;z-index:10;} .quicklinkbtn{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:10} .float_button_above {z-index: 99;} .newslinkbtn{position:absolute;left:0;right:0;text-align:center;z-index:10} .economic-development-office-template .float_button_above,.coral-oak-template .float_button_above{left:40%} .megalinkbtn{position:absolute;top:0;z-index:201} #freeform:not(.economic-development-office-template):not(.coral-oak-template):not(.sunsplash-template):not(.uep-template) .megalinkbtn {display: none;} .megalinkbtn + .sliderbtn{top:0} #homepage>.main-wrap>.sliderbtn{position: absolute;z-index: 200;left: 150px;right: auto;top: 0;text-align: left;transform: none;} .copyrightBtn{position:absolute;top:-30px} .linkEditBtn{position:absolute;bottom:-25px} .titltBtn{position:absolute;top:15px;left:15px} #inner-slider>.sliderbtn {position: absolute;top: 50%;left: 0;right: 0;z-index: 65;} #freeform>.main-wrap >.sliderbtn {position: relative;z-index: 200;left: 150px;right: auto;transform: unset;text-align: left;display: none;} .post .faqs-heading.active{background:#324253;border-color:#324253;color:#fff} .post .faqs-toggle-content{border-color:#324253} .post .faqs-heading{color:#324253;position:relative;background:#f9f9f9} .post .faqs-heading:before{content:"\f078"} .post .faqs-heading.active:before{content:"\f077";color:#fff} .post .faqs-heading:before{font-family:'FontAwesome';position:absolute;left:25px} #freeform.economic-development-office-template>.main-wrap>.sliderbtn, #freeform.coral-oak-template>.main-wrap>.sliderbtn,#freeform.sunsplash-template>.main-wrap>.sliderbtn, #freeform.uep-template>.main-wrap>.sliderbtn{display: block!important;position: absolute;z-index: 999;left: 120px;top: 0;} #skip, #accessibility-link {position:absolute;top:-100%;left:-100%;text-decoration:none;z-index:999;background:#fff;padding:.9375rem;font-size:.9375rem;color:#222} html{font-size:16px} #skip:focus,#accessibility-link:focus{top:0;left:0} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden} .container.big-container{max-width:100%;width: 1890px;} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle, .toggle, .toggle2{display:none} aside.aside-content *:not(a) {color: #324279!important;} aside.aside-content a:not(.fa),aside.aside-content a:not(.fa) * {color: #324253!important;word-break: break-word;} aside.aside-content * {font-size: 18px;} /* 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*/ #seacrh-and-socials {position: absolute;right: 30px;background: rgba(213, 234, 162, 0.91);padding: 15px;} .sas-top {text-align: right;margin-bottom: 6px;} #nav{padding:0;margin:0;text-align:center} #nav li{display:inline-block;margin:0} #nav ul {margin:0;list-style-type:none;page-break-inside:avoid;} #nav>li:hover>.mega-wrap {display:block;} .mega-wrap>ul>li>a,.mega-wrap>ul>li>span, .mega-menu>li>a, .mega-menu>li>span{color:#29323c;font-weight:bold;font-size: 20px;line-height:26px;} #nav>li a,#nav>li span {text-decoration:none;} #nav>li .mega-wrap>ul>li {margin-bottom:26px;} #nav ul ul a,#nav ul ul span{color:#29323c;font-size: 16px;} #nav li .mega-wrap, .mega-menu {padding:50px 50px;background: rgb(213, 234, 162);position:absolute;left:-97px;right:-97px;display:none;z-index: 102;} .nav-img-wrapper {position: absolute;left: 45px;top: 45px;} .mega-menu.withImage {padding-left: 67%;column-count: 2;column-gap: 30px;min-height: 345px;} .mega-menu {padding: 30px;column-count: 4;column-gap: 30px;} #nav ul ul {margin:0;padding: 4px 0 8px;display: block;position: static;} #nav li li {display:block;} #nav>li>ul li{display:inline-block;width:100%;page-break-inside:avoid;text-align:left} #nav>li>ul li a{display:block} #nav li a {display:block;font-family:'PT Sans',sans-serif} nav {background: #324252;} #nav .toggle, #nav .toggle2 {font-family:FontAwesome;position:absolute;display:none} #nav>li>a {font-family:'PT Sans',sans-serif;font-weight:bold;color:#fff;text-decoration:none;font-size:20px;padding:27px 8px;text-transform:uppercase} .mega-left, .mega-right {float:left;} .mega-left, .nav-img-wrapper {height:257px;width:28.1%;z-index: -1;font-size: 0;} #social-links a{font-size:25px;text-decoration:none;line-height:1} #social-links .fa-facebook{color: #3b5998;} #social-links .fa-twitter{color: #229090;} #social-links .fa-rss{color: #9e6e24;} #social-links .fa-envelope{color: #118e46;} .goog-te-gadget-simple{background:transparent;font-size:0;border:none} .goog-te-gadget,#site-controls #translate, #site-controls .goog-te-gadget-simple{/* height:50px; */padding:0;margin:0;line-height: 1;} .goog-te-gadget img{display:none} .goog-te-gadget-simple:after{content:'Translate';font-size:12px;position:relative;color: #353535;text-transform:uppercase;font-weight:bold;} .goog-te-gadget-simple:before{content:"\f0ac";color: #353535;font-family: 'FontAwesome';position:relative;right:0;line-height: 22px;font-size: 12px;} .skiptranslate.goog-te-gadget {font-size:0} #nav>li>a {font-family:'PT Sans',sans-serif;font-weight:bold;color: #fff!important;background: none!important;text-decoration:none;font-size:20px;display: inline-block;} .goog-te-gadget-simple {background:none;border:0!important;font-size:0!important;line-height: 1;padding:0;background:none!important;} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} #calendar-0,#calendar-1{min-height:100px} #search form {margin:0;position:relative;} #search button {position:absolute;top:0;right:0;bottom:0;background:none;color: #000000!important;font-size:17px;} #search input {background:#fff;padding-right:80px;border:0;font-style:italic;box-shadow:0 11px 20px 0px rgba(0, 0, 0, 0.15);font-family:'Playfair Display', sans-serif;font-weight:400!important;font-size: 20px;height:auto;padding-left:19px;width: 273px;padding-top: 5px;padding-bottom: 5px;} #search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color:#000;opacity:1; /* Firefox */} #search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#000;} #search-input::-ms-input-placeholder { /* Microsoft Edge */color:#000;} div#nav-right {position: absolute;top: 0;right: 25px;} #gradient-bar{padding: 10px 0 20px;} #slider {height:790px;padding-top: 70px;position: relative;} #wrapper_bxsliderVideo{z-index:51!important} #controlBar_bxsliderVideo{z-index: 1!important;} .inner h2 img {display: none;} header {position:absolute;top:0;left:0;right:0;z-index: 99;} a.quick-link {display: inline-block;text-decoration:none!important;background:rgba(255,255,255,.5);border-radius:50%;overflow:hidden;padding:20px;transition:background .3s ease;opacity: 0;width: 210px;height: 210px;} .quick-link-inner {display:block;text-align:center;background:#324252;border-radius:50%;overflow:hidden;/* padding:30px 30px; *//* height: 200px; *//* width: 200px; */width: 100%;height: 100%;position: relative;} #quick-links {position:relative;z-index:60;background:#eeeef1;padding-bottom:60px} .owl-carousel .owl-item{text-align:center} .quick-link img {width:38px!important;height:auto;margin: 0 auto;} .quick-link-text {display: inline-block;font-family:'Playfair Display',serif;font-style:italic;color:#fff;line-height:26px;font-size:21px;margin-top:3px;} #quick-links-carousel {margin-top:-35px} .q-align {display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding: 6px 19px;} .news-bg-header,.events-bg-header {font-size:120px;text-transform:uppercase;font-weight:bold;letter-spacing:.1em;opacity:.05;position:absolute;top:74px;} h2.section-header {color:#29323c;font-size:40px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;margin:0;} h2.section-header em { font-family:'Playfair Display',serif; text-transform:lowercase; color: #869130; font-weight:400; font-size:100px; line-height:1; letter-spacing:normal; } #news { padding-top:136px; position:relative; } h3.news-date {margin:0;color:#7ec0bd;font-weight:bold;text-transform:uppercase;font-size:15px;margin-bottom:21px;letter-spacing:.1em} .news-content {text-align:center;background:rgba(255, 255, 255, 0.95);padding:37px 30px 18px} .home-news-item {padding:30px;position:relative;box-shadow:0 2px 5px rgba(0,0,0,.15);min-height:520px} .news-title { margin:0; color:#29323c; font-size:21px; line-height:26px; font-weight:400; margin-bottom:20px; } span.news-brief { font-size:16px; color:#5c656f; line-height:1.1; display:block; margin-bottom:30px; } a.read-more-news {color:#c4d073;font-family:'Playfair Display',serif;font-style:italic;text-decoration:none;text-transform:lowercase;font-size:20px;font-weight:400;margin-bottom:18px;display:block} .news-more { display:block; overflow:hidden; transition:max-height .3s ease; visibility:hidden; } .home-news-item:hover .news-more.hover-ready, .home-news-item:focus-within .news-more.hover-ready { max-height:500px; } .news-more.hover-ready {visibility:visible;max-height:0px} .news-content.hover-ready {position:absolute;bottom:30px;left:30px;right:30px} .owl-nav img {width:56px} .mega-right {width:34.1%;text-align:left;padding-left:37px;padding-right:130px;z-index: -1;} #nav .mega-wrap>ul {width:37.8%;-moz-column-count:2;-moz-column-gap:57px;-webkit-column-count:2;-webkit-column-gap:57px;column-count:2;column-gap:57px;position:static;float:none;text-align:left;display:block;padding:24px 0 0 0;margin:0} .mega-right h2 {color: #324252;font-style:italic;font-size:40px;font-family:'Playfair Display',serif;text-transform:lowercase;margin:-10px 0 13px;line-height:1;padding-left:6px;} .mega-right h3 { margin:0; line-height:1; color:#29323c; font-weight:bold; font-size:18px; line-height:26px; } .mega-text { color:#29323c!important; font-size:16px; line-height:24px; } .mega-right hgroup { margin-bottom:15px; } .owl-prev,.owl-next { position:absolute; top:77px; } .owl-prev {left:-97px} .owl-next {right:-97px} main { position:relative; } #home-bg { position:absolute; top:190px; right:0; bottom:0; left:0; opacity:.2; } #home-bg:after { content:''; position:absolute; top:0; left:0; right:0; height:350px; background:rgba(255,255,255,1); background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 28%, rgba(255,255,255,0.77) 69%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(26%, rgba(255,255,255,1)), color-stop(28%, rgba(255,255,255,1)), color-stop(69%, rgba(255,255,255,0.77)), color-stop(70%, rgba(255,255,255,0.75)), color-stop(100%, rgba(255,255,255,0))); background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 28%, rgba(255,255,255,0.77) 69%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 28%, rgba(255,255,255,0.77) 69%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 28%, rgba(255,255,255,0.77) 69%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 28%, rgba(255,255,255,0.77) 69%, rgba(255,255,255,0.75) 70%, rgba(255,255,255,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } article#events {padding-bottom: 55px;} #pattern-bg { background:url('../images/pattern.png'); position:absolute; z-index:0; left: -35px; right: -35px; top:0; bottom: 20px; overflow: hidden; } #events .container { position:relative; } .events-bg-header {right:65px;white-space:nowrap;z-index:0} #featured-news { margin-bottom: 70px; padding-top:33px; } #events-image { width:100%; height:520px; margin-top: 106px; margin-left:-15px; } #event-toggles { padding:0; margin: 45px 0 20px 0; } #event-toggles menuitem { font-weight:bold; text-transform:uppercase; letter-spacing:.1em; font-size:25px; color:#8f9398; transition:color .3s ease; position:relative; cursor:pointer; } #event-toggles menuitem.active{ color:#29323c } #event-tabs { padding-left:52px; padding-right:50px; padding-bottom:65px; } #event-toggles>menuitem:first-of-type { margin-right:40px; } #event-toggles menuitem.active:after { content:''; position:absolute; bottom:-10px; left:0; right:0; height:5px; background:#c4d073; } .calendar-tab {opacity:0;height:0;} .calendar-tab.active {display:block;opacity:1;min-height:100px;height:100%} #event-tabs .section-header em { display:block; margin-top:-10px; } a.view-all-link { text-decoration:none; display:inline-block; position:relative; text-align:left; margin-top:41px; } a.view-all-link:before{ content:''; position:absolute; right:112%; background-color:#feeaac; top:50%; height:4px; width:41px; transform:translateY(-50%); } a.view-all-name { color:#29323c; } span.view-all-name { color:#29323c!important; text-transform:uppercase; font-size:25px; display:block; line-height:1; letter-spacing:.1em; font-weight:bold; } span.view-all-text { color: #667A7A; font-weight:bold; font-size:15px; line-height:1; text-transform:uppercase; letter-spacing:.1em; } footer { background: #324252 url(../images/large-logo.png) right 10% center / auto 85% no-repeat; padding:88px 0 97px; } #footer-nav,#footer-nav ul { list-style-type:none; } #footer-nav ul ul { display:none; } #footer-nav { -moz-column-count:5; -moz-column-gap:30px; -webkit-column-count:5; -webkit-column-gap:30px; column-count:5; column-gap:30px; page-break-inside:avoid; margin:0 0 76px; padding:0; } #footer-nav ul,#footer-nav li {page-break-inside:avoid;display:block;width:100%;overflow: hidden;} #footer-nav ul {margin:0;padding:0;position: static;background: 0;column-count: 1;min-height: auto;} #footer-nav a { display:block; width:100%; text-decoration:none; } #footer-nav li a {color: #fff;/* background: #3e9f96; */} #footer-nav>li>a { font-weight:bold; font-size:20px; line-height:26px; color:#fff; margin-bottom:21px; } #footer-nav li li a { font-size:17px; line-height:1; } #footer-nav>li { margin-bottom:36px; } #footer-nav li li { margin-bottom:13px; } #copyright-content, #copyright-links a { color:#fff!important; text-decoration:none; font-size:15px; line-height:1; margin-bottom:18px; } #copyright-content span:after, #copyright-links a:after { content:'\2022'; margin:0 0px 0 2px; } #copyright-content span:last-of-type:after, #copyright-links a:last-of-type:after {display:none} #revize-login { color:#fff; font-size:17px; line-height:1; } a#powered-by-revize-link { color:#c4d073; font-weight:bold; text-decoration:none; } a#revize-login-link { color:#fff; text-decoration:none; } a.quick-link:hover { background:rgba(196, 208, 114, .8); } #search {} #logo {display: inline-block;background: url('../images/logo-wrap.png') top left / 100% auto no-repeat;position: absolute;top: -89px;height: 178px;padding: 0 18px;} #google-translate { margin-left: 15px; display: inline-block!important; position: relative; top: 0px; width: 91.08px; min-height: 1px; } #social-links { display: inline-block; line-height: 1; } #social-links a { margin-left:13px; } #event-tabs a.view-all-link { margin-top:35px; margin-left:53px; } .fire-subpage-template #logo,.fire-template #logo {padding: 5px 40px;height: 154px;top: -86px;} .fire-subpage-template #nav>li>a,.fire-subpage-template #nav>li>span,.fire-template #nav>li>a,.fire-template #nav>li>span {font-size: 18px;} iframe#calendar {min-height: 365px;} /* ----------------------------------------- #inner -----------------------------------------*/ .post a {word-break:break-word} #freeform #quick-links {margin-bottom: 70px;} .news-item:first-of-type{padding-top:0} .news-item:last-of-type{border:0;padding-bottom:0} .news-item{display:block;text-decoration:none !important;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.2)} .news-item-date{font-weight:700;letter-spacing:.05em;color:#222} .facility-information-block {background: #eeeef1;border-radius: 5px;margin-bottom: 5px;} .facility-block-content.facility-helpful-links div {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .facility-block-content>div {padding-left: 8px;padding-right: 8px;} .facility-block-content {padding-bottom: 8px;} .facility-block-content div *,.facility-block-content div {font-size: 14px!important;line-height: 1.4!important;} .facility-block-content a {white-space:normal;} .post strong.fa {font-family: 'FontAwesome'!important;} .facility-block-content.facility-helpful-links>div {margin-bottom: 4px;} .facility-block-content.facility-helpful-links .fa {font-size: 18px!important;margin-right: 1px;} .post .facility-block-content .subheader {font-size: 20px;font-weight: bold;color: #2f3e4e;padding: 8px;display: block;margin: 0;} .news-item-title{font-size:20px;font-family:'Playfair Display',serif;margin:5px 0 0} .newslist{margin-bottom:50px} .calendar-header,.news-header{font-family:'Playfair Display',serif;font-style:italic} .third-column{background:#fffcf1;padding:50px;border-radius:5px} .inner-facebook-feed{text-align:center;margin-top:50px} .inner-facebook-feed .fb-page{max-width:100%} .aside-calendar{margin-top:50px} .aside-content{padding:50px;margin:30px 18px 50px 0;background:#eeeef1} .aside-info{/* font-size:18px; *//* line-height:normal; *//* font-family:'PT Sans',sans-serif; *//* font-family:'Playfair Display',serif; *//* margin-bottom:50px; */} .aside-info-row{margin-bottom:20px} .aside-info a{color:#324253} .aside-social-links{margin-bottom:30px;position: relative;} .aside-social-links .fa{display:inline-block;text-decoration:none;font-size:18px;line-height:35px;width:35px;text-align:center;color:#fff;background:#324253;margin-right:5px} .aside-links .btn{background:#324253;font-weight:700 !important;font-family:'PT Sans',sans-serif;width:100%;margin-bottom:15px} .aside-links .btn:last-of-type{margin-bottom:0} .aside-freeform{/* margin-bottom:50px; */} .economic-development-office-template #inner-slider{/* height:700px; */} .economic-development-office-template #logo, .economic-development-office-subpage-template #logo {padding: 0 20px;} .economic-development-office-subpage-template #nav li .mega-wrap,.economic-development-office-subpage-template .mega-menu{left:0;right:0} #inner-slider {height:480px;padding-top: 53px;position: relative;} #flyout-wrap {background:#eeeef1;border-radius:5px;margin-right:18px;position:relative;z-index:1} h2.flyout-header {margin:0;font-weight:bold;font-size: 24px;line-height:1;color: #3E7E7B;position:relative;padding:49px 30px 0 0;letter-spacing:.076em;margin:0 30px 42px 51px;} h2.flyout-header:after {content:'';position:absolute;bottom:-20px;left:0;width:60px;height:3px;background:#c4d073} #flyout>li>a,#flyout>li>span {color:#324253;font-size: 18px;line-height:26px;} #flyout .toggle {font-family:FontAwesome} .breadcrumbs a,.breadcrumbs p {font-weight:bold;color: #676767;text-decoration:none;text-transform:uppercase;font-size:13px;line-height:1!important;letter-spacing:.1em;margin-bottom: 3px;} .breadcrumbs a:after {content:"\f105";font-family:FontAwesome;font-weight:normal;color:#c4d072!important;margin:0 11px 0 19px;position:relative;top:-1px} #flyout{margin:0;padding:0 0 30px 0} #flyout-wrap .address {margin: 0 30px 0 51px;} #flyout li{margin:0;display:block;position:relative;transition:all .2s ease} #flyout a, #flyout span{text-decoration:none;margin:0 50px;display:block;padding:13px 0;border-bottom:1px solid rgba(0, 0, 0, 0.1);} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#324253;border-radius:5px;border-top-left-radius:0} #flyout ul a, #flyout ul span{font-size:13px;padding:10px 15px;width:220px} #flyout li:hover > ul{display:block} h1.page-title {margin:0;font-size: 46px;line-height:1;color:#324253;margin-bottom:48px;} .post, .post *:not(.subheader):not(.header) {/* color:#5c656f; *//* font-size:18px; *//* line-height:30px; *//* font-family:'PT Sans',sans-serif; *//* word-break: break-word; */} .breadcrumbs{font-size:13px;text-transform:capitalize;margin-bottom:35px} .breadcrumbs p{margin:0} main.inner-page {padding-top:70px} #flyout li:last-of-type>a,#flyout li:last-of-type>span {border:0} #flyout>li:hover {background:#324253} #flyout>li:hover>a, #flyout>li:hover>span {color:#fff} #flyout ul a, #flyout ul span {margin:0;color:#fff} .breadcrumbs a{text-decoration:none;display: inline-block;color: #3277B3;} .breadcrumbs i{font-size:13px;margin:0 4px} .entry {margin-bottom:160px;margin-left:19px} #freeform:not(.fullwidth) .entry{margin-left:0} #flyout li li:hover {background:#c4d072} #flyout ul li:hover a, #flyout ul li:hover span {color:#000} .fullwidth .entry {margin-left:0} .aside-social-links a.fa.fa-facebook {background: #3C5A99;} .aside-social-links a.fa.fa-twitter {background: #1DA1F2;} .coral-oak-template #logo,.coral-oak-subpage-template #logo {padding: 10px 35px;top: -81px;height: 144px;} .coral-oak-template #nav>li>a,.coral-oak-subpage-template #nav>li>a{font-size: 16px;font-weight: 600;} /* cra template */ .board-of-commission-item{text-align:center;line-height:normal;padding:45px 0 35px;position:relative} .board-of-commission-item:after{content:'';position:absolute;left:0;right:0;bottom:0;margin:0 auto; height:2px;background:#324252;width:30%} .board-of-commission-image{padding-bottom:70%;max-width:100%;width:50%;margin:0 auto 5px} .board-of-commission-title{text-transform:uppercase;font-family:'PT Sans',sans-serif;font-size:15px;font-weight:700;letter-spacing:.05em} .board-of-commission-name{font-size:20px; margin:0;font-family:'Playfair Display',serif} /* economic development office */ #footer-nav .toggle, #footer-nav ul .toggle2 {display: none !important;} #footer-nav>li:first-of-type>a {} #footer-nav>li:first-of-type {margin: 0} .economic-development-office-template #logo img,.economic-development-office-subpage-template #logo img {margin-top: 6px;} /* ----------------------------------------- #share widget -----------------------------------------*/ .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;vertical-align:top;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;height:50px;width:50px;border-radius:0;border:0;background:#324252!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} /* ----------------------------------------- #bxslider -----------------------------------------*/ .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;display:block} .bxslider{list-style:none} .bxslider > li:nth-child(n+1){display:none} /* pager */ .bx-wrapper .bx-pager{text-align:center} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;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:1549px){ #nav{padding-left:0!important} } @media only screen and (max-width:1548px){ .economic-development-office-template #nav>li>a,.economic-development-office-template #nav>li>span, .economic-development-office-subpage-template #nav>li>a,.economic-development-office-subpage-template #nav>li>span{ font-size:16px } #social-links,#google-translate {float: none!important;text-align: right;} } @media only screen and (max-width:1400px){ .owl-next {right:-50px} .owl-prev {left:-50px} } @media only screen and (max-width:1346px){ #nav li .mega-wrap, .mega-menu{left:-30px;right:-30px} } @media only screen and (max-width:1285px) and (min-width:1200px){ .owl-next {right:-13px} .owl-prev {left:-13px} } @media only screen and (max-width:1199px){ .mega-right h2{font-size:32px} .home-news-item {margin:0 auto 40px;min-height:0;height:auto!important;padding:0;background-size:contain!important;/* padding-top:150px; */position:relative;z-index:1;background-position:left!important} .news-content.hover-ready {position:relative;padding:0;z-index:1;left:0;right:0;bottom:0;background:none;margin-left:159px;background:white;padding:30px;text-align:left;min-height:230px} .news-more.hover-ready,.news-more {max-height:none!important;visibility:visible} span.news-brief {margin-bottom:15px} a.read-more-news {margin-bottom:0} .news-title {margin-bottom:15px} h3.news-date {margin-bottom:10px} #featured-news .col-lg-4:before {content:'';position:absolute;top:0;right:15px;left:15px;bottom:0;background:#fff} .owl-next {right:-10px} .owl-prev {left:-10px} .owl-nav img{width:40px} .fire-subpage-template #nav>li>a,.fire-subpage-template #nav>li>span,.fire-template #nav>li>a,.fire-template #nav>li>span{font-size:16px} .economic-development-office-template #nav,.economic-development-office-template #nav{ padding-left: 123px; padding-right: 0; text-align: right; } .economic-development-office-template #nav>li>a,.economic-development-office-template #nav>li>span, .economic-development-office-subpage-template #nav>li>a,.economic-development-office-subpage-template #nav>li>span{ font-size:14px; padding-left:4px; padding-right:4px; } .economic-development-office-template #logo img, .economic-development-office-subpage-template #logo img{ max-width: 130px; } } @media only screen and (max-width:1199px) and (min-width:922px){ .coral-oak-template #nav,.coral-oak-subpage-template #nav {margin-right: -17px;padding-left: 166px!important;} .coral-oak-template #nav>li>a,.coral-oak-template #nav>li>span, .coral-oak-subpage-template #nav>li>a,.coral-oak-subpage-template #nav>li>span{font-size:14px;padding-left:4px;padding-right:4px} #logo img {max-width: 125px!important;} #nav {padding-left: 118px;text-align: left;padding-right: 118px;} #nav>li>a {font-size: 17px;} } @media only screen and (min-width:992px) { .coral-oak-template #nav,.coral-oak-subpage-template #nav{padding-left: 157px;} #nav{position:relative;padding-left: 172px;} #nav>li{position:static !important} #logo img {max-height: 101px;max-width: 165px;} #nav>li:hover>ul{display:block !important;overflow: hidden;} iframe#calendar {min-height: 400px;} #nav .focused .toggle{display:inline-block;margin-left: -13px;} #flyout .focused .toggle{display:block;position: absolute;top:50%;right: 10px;transform: translateY(-50%);border:0} #flyout,#nav{display:block!important} /* #nav{display:table!important;table-layout:fixed;width:100%;list-style-type:none;margin:0;padding:0;position:relative;z-index:10}*/ /* #nav>li{display:table-cell;text-align:center}*/ #search{display:block!important} #nav ul{display: none;position: absolute;} #nav>li>ul{ } #flyout .toggle{display:none} .board-of-commission-item{float:left;width:50%} #nav li .mega-wrap, .mega-menu{box-shadow: 0 10px 4px rgba(0, 0, 0, 0.1)} } @media only screen and (max-width:991px) { .co-toggle, .co-toggle2{position:absolute;right:0;top:0;line-height:45px;width:45px;text-align:center;color:#fff;background:rgba(0,0,0,.15)} .nav-img-wrapper{display: none !important;} .mega-menu.withImage{padding:0;margin:0} a.quick-link {width: 190px;height: 190px;} /* rz form tables - without page scope this targets editforms and makes * editing confusing */ div#seacrh-and-socials {margin-top: 15px;right: 15px;} #social-links a {font-size: 21px;} div#google-translate {height: 17px;top: -3px;} .sas-top {margin-bottom: 3px;} .aside-content{margin:0 0 50px;padding:25px} #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} .economic-development-office-template #logo, .economic-development-office-subpage-template #logo {padding: 0 20px;height: 150px;} .owl-next {right:-20px} .owl-prev {left:-20px} .toggle, .toggle2, #nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #nav{display:none;margin:0;padding:0;background:#324251;position:absolute;top: 60px;left:0;right:0;z-index:99;text-align:left;padding-top: 69px;} #nav li{float:none;display:block;margin:0;position:relative} #nav li a, #nav li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;display: block !important;} #nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.2);column-count: 1;column-gap: 0;min-height: auto;} #nav li:hover > ul{/* display:none */} #nav ul a, #nav ul span{width:100%;color:#fff!important} #nav ul ul{left:0;display:none} #nav .toggle, #nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:45px;width:45px;line-height:45px;text-align:center;display:block;padding:0} #nav li li:hover > a:not(.toggle):not(.toggle2){background:none;color:#fff} #search {} #search input {width: 257px;} .mega-left,.mega-right {display:none} #nav .mega-wrap>ul {width:auto;-moz-column-count:1;-moz-column-gap:0;-webkit-column-count:1;-webkit-column-gap:0;column-count:1;column-gap:0;position:static;display:none;margin:0;padding:0} #nav li .mega-wrap {position:static;background:none;padding:0;display:block!important} #nav>li:hover>.mega-wrap {} #logo {max-width: 156px;top: -14px;z-index: 99;height: 131px;} .coral-oak-template #logo,.coral-oak-subpage-template #logo{top:-14px} #mobile-nav {position:relative;z-index:2;padding-top:8px} #slider {padding-top:0;height:425px} #nav-toggle,#search-toggle {font-size:24px;cursor:pointer;color: #ffffff;background: transparent;height:35px;width:35px;padding:0} #search-toggle{display:none} #social-links {} #nav-toggle {margin-left:15px} #gradient-bar {padding-top:15px;padding-bottom: 15px;background: #324252;} #flyout{display:none;padding-bottom:0} #flyout li{position:relative} #flyout .toggle {position:absolute;right:0;border-bottom:0;font-style:normal;z-index:13;font-family:FontAwesome!important;transform: unset;top: 0;} #flyout li:hover {background:none} #flyout li:hover a {color:#324253} h1.page-title {font-size:50px;margin-bottom:30px} #inner-slider {padding-top: 0;} #flyout li a, #flyout li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;margin:0} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2);border-radius:0} #flyout ul a, #flyout ul span{width:100%} #flyout li:hover > ul{display:none} nav {/* background:none; */} nav .container {width:100%!important;padding-left:0;padding-right:0} #search { text-align: right; } #nav>li .mega-wrap>ul>li {margin:0} #footer-nav {-moz-column-count:2;-moz-column-gap:30px;-webkit-column-count:2;-webkit-column-gap:30px;column-count:2;column-gap:30px;page-break-inside:avoid;margin:0 0 30px} #events{overflow:hidden} #pattern-bg {left:-1000px;right:-1000px} #flyout-wrap {margin-bottom:30px;padding:15px;margin-right:0} main.inner-page {padding-top:15px} h2.flyout-header {padding:0;margin:0;display:inline-block} #flyout-toggle {display:inline-block;padding:10px;cursor:pointer;font-size:17px} h2.flyout-header:after{display:none} #events-image {display:none} #event-tabs {padding-left:0;padding-right:0} h2.section-header em {font-size:55px} h2.section-header {font-size:30px} .events-bg-header {right:auto;left:0} .news-bg-header, .events-bg-header {font-size:70px} #news {padding-top:50px} strong.news-bg-header {margin-top:-60px} a.view-all-link {margin-top:0} #featured-news {margin-bottom:80px} #quick-links {padding-bottom:30px} .quick-link img {width:28px!important} .quick-link-text {font-size:18px} #footer-nav>li>a {margin-bottom:12px;font-size:18px;line-height:1} #footer-nav li li {margin-bottom:6px} #footer-nav>li {margin-bottom:26px} .floating-share-btn {top:auto;bottom:0;right:0} #copyright-content span:after, #copyright-links a:after {display:none} #copyright-content span,#copyright-links a {display:block;margin-bottom:5px;line-height:1.4;font-size:13px} #copyright-links a {display:block} div#copyright-content {margin-bottom:30px} div#copyright-links {margin-bottom:30px} #flyout li a,#flyout li span{color:#000;font-family:'PT Sans',sans-serif!important;font-style:normal} #flyout>li>a,#flyout>li>span{font-weight:500} #freeform .entry{margin-bottom:0} #freeform main{padding-bottom:160px} .fire-subpage-template #logo,.fire-template #logo {top: -14px;} .economic-development-office-template #nav,.economic-development-office-template #nav{padding-left:0;text-align: left;} .economic-development-office-template #logo, .economic-development-office-subpage-template #logo{ max-width: 170px; } } /* 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 h1{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} .owl-next {right:0} .owl-prev {left:0} #footer-nav{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) { div#seacrh-and-socials {top: 137px;right: auto;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} } @media print { .nav-wrap, .sidebar, #flyout-wrap, .breadcrumbs .e-notify{display:none!important} a[href]:after{content:none!important} }