/*----------------------------------------------------------------------------------- Theme Name: Redondo Beach, CA Front-end developer: Abir Hossain Author Design: Samir Alley Author URI: http://www.revize.com/ Date: 4/12/2023 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700;900&family=Oswald:wght@400;500;700&display=swap'); @font-face { font-family: 'dream-beach'; src: url('../fonts/dream-beach-demo.ttf'); } @font-face { font-family: 'akzidenz-groteskbe'; src: url('../fonts/AkzidenzGroteskBE-Regular.otf'); font-weight: 400; } @font-face { font-family: 'akzidenz-groteskbe'; src: url('../fonts/AkzidenzGroteskBE-Bold.otf'); font-weight: 700; } /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:18px;line-height:1.333;font-family: 'Lato', sans-serif;color:#17191c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#111;margin-bottom:30px} .subheader{font-size: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} /* ----------------------------------------- #links -----------------------------------------*/ a {color:#006FE6;} 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} /* ADA, Focus Indicator */ /* https://www.erikkroes.nl/blog/the-universal-focus-state/ */ :focus { outline: .375rem double black !important; box-shadow: 0 0 0 .25rem white !important; } .docs-toggle:focus {outline:2px solid white !important;outline-offset:-2px;} .item-overlay a:focus {outline:none;} .item-overlay a:focus .more-icon {outline:2px solid white;outline-offset:2px;} /* ----------------------------------------- #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 -----------------------------------------*/ .btn a, .btn span{text-decoration:none;color:#fff} body #rz-business-categories ul li a, .button, .btn, .button, #post button:not(.rz-doc-search-reset), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding: 12px 27.5px;background: transparent!important;color: #03204f!important;border: 2px solid #03204f!important;border-radius:0;display:inline-block;font-size:1rem;font-weight: 900;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family: 'Lato', sans-serif;transition:all .3s;text-transform: capitalize;letter-spacing: 0.99px;} body #rz-business-categories ul li a:hover, .button:hover, a.button:hover, #post button:hover, .btn:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;} body #rz-business-categories ul li a:active, .btn:active, .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} span.btn a{color: #03204f!important;} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding: 10px 14px 14px;outline:none;font-size:13px;font-family: 'Oswald', sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none;font-weight: 700;} 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 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:13px;margin-top:10px} .floating-alert.fade:not(.show){visibility:hidden} /* ----------------------------------------- #rz edit -----------------------------------------*/ #botIframe{right:auto!important;left:10px!important} #slider-wrap #search{display:none} #ai-search-wrap{position:absolute;left:0;right:0;margin:0 auto;top:50%;z-index:200;transform:translateY(-50%);max-width:100%;width:600px;padding:0 15px} /*#slider-wrap .container.for-ai{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:200}*/ /*#slider-wrap .container.for-ai>div{max-width:100%;width:600px;margin:0 auto;position:relative;}*/ #searchBoxFrame{height:58px !important} article#entry #breadcrumbs { display: none;} article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;} table.rpfbids td {text-align: start;} article#entry #post:before,article#entry #post:after {content: "";display: block;} article#entry #post:after {clear: both;} #entry #rz-business-directory .container .row {margin: 0;} #rz-business-categories { margin: 0;} #entry #rz-business-directory .container .row >div {padding: 0!important;} #entry #rz-business-list {margin: 0!important;} #entry #rz-business-directory .container {width: 100%;margin-top: 45px;padding: 0;} .alert_btn {position: fixed;bottom: 10px;right: 10px;z-index: 999999;} tr#rz-rpfbids-row {background: #07394d;} .faq-header{display:block!important;} .faq-header ~ .faq-editbtns {margin-top: -35px;} #categorties-wrap .cat h3 {background: #07394d;} #doc-search-form input.rz-doc-search-submit {padding: 10px 25px!important;line-height: 1;} section#rz-business-categories {margin: 30px 0 0;} .rzHeader{position:absolute;top:250px;left:0;right:0;z-index:101;width:550px;margin:auto} a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"], #search-caption a>span.rzBtn{all:unset;position:relative;z-index:199;display:inline-block!important;font-family:'Poppins',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, #search-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%)} .rzAdmin{position:relative;z-index:199;display:inline-block;padding:0 17px} .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:'Poppins',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:20px;right:20px;z-index:100000} .rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px} .rzContainer>a{display:inline-block!important} #doc-search-form .rz-doc-search-submit {color: #ffffff;} form#rz-business-directory-search{margin:0 15px 0 0} #event-modal .modal-footer .btn{color:#000!important} /* ----------------------------------------- #main -----------------------------------------*/ #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:9999999;background: #07394d!important;color: #ffffff!important;} #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} .container{width: 1450px;max-width: 100%;} .title {text-align: center;position: relative;z-index: 0;} .title span {text-shadow:1px 1px 3px black;color: #F4C31C;font-size: 72px;display: block;font-family: 'dream-beach';line-height: 0.2;position: relative;top: -14px;left: -2px;} .title h2{font-size: 72px;font-weight: 700;font-family: 'Oswald', sans-serif;margin-bottom: 0;} /* header */ header{position: fixed;top: 0;width: 100%;z-index: 9999;background: transparent;transition: all 0.3s;} header .row {align-items: center;} header .tools{display: flex;align-items: center;justify-content: end;margin-right: -90px;transition: all 0.3s;position: relative;top: 1px;} header #alert {background: #ff4611;color: #ffffff;font-size: 16px;font-weight: 700;letter-spacing: 0.03px;position: relative;} header #alert-close {position: absolute;top: 13px;right: 50px;width: 21px;cursor: pointer;} header .alert-text {padding: 13px 40px 16px 40px;text-align: center;} .mega-content-banner {height: 315px;position: absolute;width: 347px;top: 0;left: 0;display: flex;align-items: end;justify-content: center;padding: 16px 22px;} .mega-banner-text {background: #ff4611;font-size: 24px;font-family: 'Oswald', sans-serif;font-weight: 700;padding: 23px 32px 28px 38px;color: #ffffff;line-height: 1.08;} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding:0;position:relative;width: 838px;margin: 0 auto;} #nav li{margin:0;list-style:none} #nav li a, #nav li span{padding: 33px 10px;display:inline-block;text-decoration: none;color: #ffffff;font-weight: 700;font-family: 'Oswald', sans-serif;font-size: 26px;text-transform: uppercase;letter-spacing: 0.3px;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} /* Translate */ div.skiptranslate{display:none !important} .goog-te-banner-frame{display:none} .translation-links{padding:0;margin: 0;} .translation-links button{border: none;background: #ffffff;padding: 6px 6px 8px 6px;color: #0a2b3c;font-family: 'Oswald', sans-serif;font-weight: 700;width: 60px;height: 50px;border-radius: 6px;font-size: 20px;} .translation-links button .fa {margin-left: 9px;} .translation-links li{position:relative;margin:0;list-style:none} .translation-links ul{padding:25px;margin:0;position:absolute;right: 0;top: 100%;width:250px;height: 340px;overflow:scroll;background: #ffffff;display: none;border-radius: 8px;border-top-right-radius: 0;box-shadow: 0 0 10px #00000030;} .translation-links ul li{margin-bottom:10px} .translation-links ul li a {border-bottom: 1px solid #ccc;display: block;color: #0a2b3c;text-decoration: none;} .translation-links button img {width: 29px;} .floating-share-btn i {font-size: 13px;} /* Social */ .header-social a {display: flex;align-items: center;justify-content: center;width: 40px;height: 50px;margin-right: 5px;border-radius: 50%;color: #246e8d;text-decoration: none;} .header-social a img{width: 20px;margin-right: 2px;filter: invert(100%) sepia(3%) saturate(25%) hue-rotate(324deg) brightness(244%) contrast(148%);} .header-social a i{font-size: 16px;} .header-social {display: flex;justify-content: end;margin-right: 16px;position: relative;} .header-social a:last-child {margin-right: 0;} .social-link-body {position: absolute;left: -11px;top: 100%;width: 180px;margin: 30px auto 0;} .social-link-body ul {margin: 0;list-style: none;background: #07394d;padding: 10px 15px;border-radius: 6px;max-width: 300px;} .social-link-body ul li a {color: #ffffff;display: block;width: 100%;height: auto;background: no-repeat;} .social-link {padding: 0;list-style: none;position: relative;z-index: 111;display: flex;align-items: center;justify-content: space-evenly;margin: 0;/* width: 80px; */} .social-link li{margin-bottom: 0;} .header-social a i {display: none;} /* Logo */ #logo{display:inline-block;width: 145px;margin: 0px 0 0 -88px;transition: all 0.3s;width: 285px;} /* Search */ #search {position: absolute;top: 180px;left: 0;right: 0;height: 80px;max-width: 530px;margin: 0 auto;z-index: 1;} #search form{position:relative;margin:0;height: 100%;} #search input{border:0;height: 100%;color: #84959d;padding-left: 35px;padding-right: 90px;font-size: 24px;font-family: 'Oswald', sans-serif;} #search input::-webkit-input-placeholder{color:#84959d} #search input:-moz-placeholder{color:#84959d} #search input::-moz-placeholder{color:#84959d} #search input:-ms-input-placeholder{color:#84959d} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position:absolute;right:0;top:0;border:0;background: transparent;padding:0 15px;line-height:45px;color:#fff;text-transform:uppercase;height: 100%;cursor: auto;} #search button img{width: 28px;margin-right: 20px;margin-top: -3px;} #search span {font-size: 16px;font-weight: 700;color: #ffffff;display: block;margin-top: 6px;margin-left: -2px;} /* Curated search */ #slider-wrap{position:relative} #search-results{position:absolute;top:330px;left:10%;right:10%;z-index:99;background:#fff;box-shadow:rgba(0,0,0,0.3) 0 2px 15px 0;border-radius:0 0 12px 12px} #search-results .tab-content{background:#fff;max-height:600px;overflow:auto;border-radius:0 0 12px 12px;margin:20px 0} .search-nav{list-style-type:none;margin:0;padding:0;display:table;table-layout:fixed;width:100%} #search-results .tab-pane h2{font-size:42px;color:#07394d;font-weight:600;text-align:left;margin:0 0 10px} .g-search-wrap iframe{min-height:370px;border:0!important;width:100%} .g-search-wrap {border: 4px solid #07394d;margin: 0 -15px 15px;padding: 10px;} .curated-item h4{margin:0;font-size:17px;color:#444;font-style:italic} #search-results .tab-content .tab-pane{padding:0 30px} .curated-item h3{margin:0;font-size:22px;color:#07394d;font-weight:600;display:block;width:75%} .curated-item{text-align:left;padding-top:5px;border-top:1px solid #c7d1d8;margin-bottom:5px;padding-bottom:5px} .curated-item>a{text-decoration:none;display:inline-block} .curated-item small{margin-top:2px;font-size:.7em;color:#07394d;line-height:1.3} .curated-tags span{border-radius:3px;display:inline-block;background:#07394d;color:#fff;font-weight:700;font-size:11px;line-height:1;padding:4px 8px 5px;margin-right:4px} .curated-item div.pull-right{text-align:right;width:25%} .curated-item div.pull-right .search-icon{color:#07394d;font-size:16px;width:22px;display:inline-block;text-align:center;margin-left:4px} a.search-dept-url{display:block;color:#444} .curated-item h3 a{color:#07394d} li#close-curated{display:inline-block;position:absolute;right:0;top:-55px;float:none!important;background:none;width:auto!important;color:#000;font-size:35px;border:0!important} .search-nav li{display:table-cell;float:none;width:100%;background:#0fa6cc;color:#fff;font-weight:700;text-align:center;padding:14px 0;border-right:2px solid #c7d1d8;cursor:pointer;position:relative;pointer-events:fill} .search-nav li:last-of-type{border:none} .search-nav li.active{background:#07394d} .curated-tags{clear:both} #close-curated .fa-close{color:#fff} #freeform #search-results{top:250px} /* hero slider */ #slider .slider-border { position: absolute; bottom: 0;left: 0;right: 0;width: 100%;display:none;} #slider .circle-logo {position: absolute;right: -126px;bottom: -119px;z-index: 1; width: 411px;display:none;} #slider .tns-controls {margin-top: -12px;left: 43px;right: 42px;} #slider .tns-controls button img{filter: invert(100%) sepia(0%) saturate(5%) hue-rotate(183deg) brightness(200%) contrast(100%);} /* quick-links */ .user-logged-in section#quick-links {display: block!important;} #quick-links {padding: 36px 0 60px;} #quick-links .qlink img {width: 49px;margin-bottom: 24px;filter: brightness(0) saturate(100%) invert(61%) sepia(81%) saturate(508%) hue-rotate(332deg) brightness(99%) contrast(90%);} #quick-links .qlink span {display: block;position: relative;top: -2px;line-height: 1.2;letter-spacing: -0.4px;} #quick-links .qlink {display: flex;align-items: center;justify-content: center;text-decoration: none;text-align: center;font-size: 22px;color: #0a2b3c;font-weight: 900;width: 259px;height: 259px;border-radius: 50%;border: 1px solid #00beee;margin: 0 auto;padding: 20px;} /* news */ #homepage #news, .public_works #news{padding: 100px 0;} #homepage #news .news-top .title h2, .public_works #news .news-top .title h2, #freeform #news .news-top .title h2{color: #fff;} #homepage #news .news-top .btn, .public_works #news .news-top .btn, #freeform #news .news-top .btn {position: absolute;right: 0;top: 38px;} #homepage #news .news-top, .public_works #news .news-top , #freeform #news .news-top {position: relative;margin-bottom: 38px;margin-top: 17px;} #homepage #news .news-top .btn{background:#f4c31c!important;} .li-89 a, .li-152 a, .li-171 a{/* color:#b3b3b3!important; */} .li-89 ul a, .li-152 ul a, .li-171 ul a{color:#f4c31c!important;} .li-89 ul.level2 a, .li-152 ul.level2 a, .li-171 ul.level2 a{color:#fff!important;} .header-social a img{/* filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(1782%) hue-rotate(228deg) brightness(99%) contrast(77%)!important; */} .translation-links button{/* background-color:#b3b3b3; */} #homepage .news-box, .public_works .news-box, #freeform .news-box{text-decoration: none;color: #0a2b3c;padding: 10px;display: block;background: #ffffff;} #homepage .news-box-image, .public_works .news-box-image, #freeform .news-box-image {height: 299px;} #homepage .news-box-date, .public_works .news-box-date, #freeform.news-box-date {font-size: 14px;color: #ffffff;background: #0fa6cc;padding: 3px 13px;font-weight: 900;text-transform: uppercase;display: inline-block;margin-bottom: 9px;} #homepage .news-box-content h3, .public_works .news-box-content h3, #freeform .news-box-content h3 {font-size: 30px;font-family: 'Oswald', sans-serif;color: #0a2b3c;font-weight: 700;margin-bottom: 16px;} #homepage .news-box-content, .public_works .news-box-content, #freeform .news-box-content {padding: 34px 39px 70px;} #homepage .news-btn-label , .public_works .news-btn-label, #freeform .news-btn-label {font-size: 14px;color: #1e5b7a;font-weight: 900;border: 2px solid #1e5b7a;display: inline-block;padding: 5.8px 17.6px;text-transform: uppercase;letter-spacing: 1.5px;margin: 0 0 2px 2.5px;position: absolute;bottom: 44px;} #homepage #news .tns-controls, .public_works #news .tns-controls, #freeform #news .tns-controls {margin-top: 21px;left: -50px;right: -50px;} #homepage #news .tns-controls button, .public_works #news .tns-controls button, #freeform #news .tns-controls button{width: 100px;height: 100px;background: #ffffff;border: 1px solid #0a2b3c;} .public_works #news {margin-top: 60px;margin-bottom: -225px;padding-bottom: 15vw;} .public_works #news .sea-beach-border {position: static;margin-top: 80px;display: block;} #freeform #news .blue-border {margin-top: 100px;margin-bottom: -1px;width: 100%;} #freeform #news {padding: 100px 0 0;margin-top: 30px;} #freeform #main.has-news { padding-bottom: 0; margin-bottom: -1px;} /* events */ #events {padding: 100px 0;min-height: 830px;} #events .container {padding: 0 104px;} .events-top {margin-top: 22px;position: relative;} .events-top .title span{top: 3px;left: 0;} .events-top .title h2{color: #ffffff;} .events-top .title:before{content: "";background: url('../images/title-art-2.png');top: -2px;} .events-top .btn{position: absolute;right: 0;top: 34px;color: #f4c31c!important;border-color: #f4c31c!important;} /* sea-beach */ #sea-beach {padding: 100px 0px;position: relative;overflow: hidden;} #sea-beach .sea-beach-wrap {height: 425px;width: 687px;margin: 0 auto;position: relative;border: 10px solid #f4c31c;margin-bottom: 28px;transition: all 0.3s;} #sea-beach .sea-beach-images img {position: absolute;bottom: 0;border: 10px solid #f4c31c;width: 39%;transition: all 0.3s;} #sea-beach .sea-beach-images img:nth-child(1){left: -222px;transform: rotate(-19deg);bottom: -61px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -115px;left: -68px;transform: rotate(-7deg);} #sea-beach .sea-beach-images img:nth-child(3){bottom: -145px;left: 125px;transform: rotate(11deg);} #sea-beach .sea-beach-images img:nth-child(4){left: 290px;bottom: -86px;transform: rotate(-5deg);width: 281px;} #sea-beach .sea-beach-images img:nth-child(5){right: -68px;bottom: -121px;transform: rotate(6deg);width: 258px;z-index: 1;} #sea-beach .sea-beach-images img:nth-child(6){right: -210px;bottom: -82px;transform: rotate(33deg);} .sea-beach-border {position: absolute;bottom: -1px;z-index: 1;width: 100%;display:none;} .sea-beach-conetnt .title:before{background: url('../images/title-art-3.png');top: 13px;} .sea-beach-conetnt .title h2{color:#0a2b3c;margin-bottom: 4px;} .sea-beach-conetnt .title span{top: 13px;left: 4px;} .sea-beach-conetnt {padding: 50px 20px;text-align: center;position: relative;z-index: 2;transition: all 0.3s;} .sea-beach-conetnt p{font-size: 20px;font-weight: 400;color: #ffffff;letter-spacing: 0.1px;line-height: 1.25;margin-bottom: 38px;} .sea-beach-btns {list-style:none;padding-left:0;margin:0;display: flex;align-items: center;justify-content: center;gap:20px;} .sea-beach-btns a {text-decoration: none;color: #f4c31c;text-transform: capitalize;background: #0a2b3c;font-weight: 900;padding: 14px 24px 14px; text-align: center; margin-right: 11px;display: inline-block;min-width: 140px;} .sea-beach-btns a:last-child{margin-right: 0;} /* footer */ footer {background: #07394d;padding-bottom: 71px;} footer .container {padding: 0 135px;} .footer-links {text-align: center;border-bottom: 1px solid rgb(255 255 255 / 20%);margin:0;list-style:none;padding-left:0;padding-bottom: 43px;padding-top: 1px;} .footer-links li {margin-bottom:0;} .footer-links a {text-decoration: none;color:#fff;} .footer-links li {text-decoration: none;font-family: 'Oswald', sans-serif;font-weight: 700;color: #FFFFFF;font-size: 26px;margin-right: 35px;display: inline-block;text-transform: uppercase;} .footer-links li:last-child {margin-right: 0;} .footer-info {display: flex;justify-content: center;font-size: 16px;margin-top: 41px;align-items: center;position: relative;right: -7px;border-bottom: 1px solid rgb(255 255 255 / 20%);padding-bottom: 45px;} .footer-info strong {color: #f4c31c;} .footer-info .divider {height: 29px;width: 1px;margin: 0 18px;background: rgb(255 255 255 / 20%);position: relative;} .footer-info a {text-decoration: underline;color: #ffffff;letter-spacing: 0.08px;} .footer-btm {padding: 48px 0;position: relative;z-index: 999;} .footer-btm .row{align-items: center;} .footer-tools {display: flex;align-items: center;} .footer-logo {width: 145px;position: relative;left: 1px;margin-right: 39px;width: 245px;} .footer-social a {display: inline-block;margin-right: 12px;} .footer-social a:last-child{margin-right: 0;} .footer-social a img {width: 24px;filter: invert(100%) sepia(3%) saturate(25%) hue-rotate(324deg) brightness(244%) contrast(148%);} footer .translation-links button {background: transparent;border: 2px solid #fff;color: #ffffff;width: 64px;height: 54px;position: relative;top: 6px;border-radius: 10px;} footer .translation-links ul {top: unset;bottom: 100%;right: unset;left: 50%;transform: translateX(-50%);text-align: start;} .footer-social {padding-left:0;margin-bottom:0;list-style:none;margin-left: 18px;margin-top: 11px;display: flex;align-items: center;gap: 10px;} .footer-social li {margin-bottom:0;} #copyright,#copyright a,#copyright,#copyright span {font-size: 14px;color: #ffffff;text-decoration: none;text-align: end;} #copyright a, #copyright span {text-decoration: underline;} #copyright {margin-top: 12px;} /* ----------------------------------------- #inner -----------------------------------------*/ #flyout{padding: 0px 0 9px;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font-size:18px;color: #000000;line-height: 1.1;letter-spacing: -0.05px;padding-bottom: 13px;} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{font-size:16px;padding:10px 15px} #breadcrumbs{font-size:16px;text-transform:capitalize;position: absolute;bottom: 23px;left: -183px;right: 0;color: #ffffff;font-weight: 700;z-index: 1;transition: all 0.3s;} #breadcrumbs a{text-decoration:underline;font-size: 16px;font-weight: 700;color: #ffffff;} #breadcrumbs a:after {display: inline-block;content: '\f105';font-family: 'FontAwesome';margin: 0 7px 0 11px;color: #ffffff;font-size: 10px;position: relative;top: -2px;} #breadcrumbs ul{list-style:none;margin:0;padding:0;display: inline-block;padding:5px 10px;background-color:rgba(0, 0, 0, 0.643);backdrop-filter:blur(5px)} #breadcrumbs li{display:inline-block;margin:0;padding:0;} #breadcrumbs li a {min-width:24px;min-height:24px;} .col-xs-12{width:100%} #page-title {font-size: 90px;color: #0a2b3c;font-weight: 700;font-family: 'Oswald', sans-serif;line-height: 0.888;margin-top: -3px;letter-spacing: -0.12px;margin-bottom: 32px;margin-left: -6px;} #freeform #slider {height: 500px;} #freeform #slider:before{content: "";position: absolute;top: 0;left: 0;background: url('../images/inner-overlay.png');background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;z-index: 1;} #freeform #search {top: 110px;} aside h2#flyout-header{font-size: 26px;font-weight: 700;color: #0a2b3c;font-family: 'Oswald', sans-serif;text-transform: uppercase;padding: 23px 30px;margin-bottom: 13px;position: relative;height: unset!important;z-index: 0;} aside h2#flyout-header:before{content: "";position: absolute;top: 0;left: 0;background: #7EB6C6;background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;z-index: -1;} #freeform aside {margin-left: -90px;margin-right: 112px;transition: all 0.3s;position: relative;z-index: 1;} #freeform #main {padding: 51px 0 226px;position: relative;} #flyout-wrap {background: #e5e8ed;margin-bottom: 20px;} .card-box h2 {font-family: 'Oswald', sans-serif;font-size: 30px;font-weight: 700;color: #ffffff;text-transform: uppercase;margin-bottom: 8px;} .card-box {background: #1e5b7a;color: #ffffff;padding: 36px 35px;font-size: 16px;} .card-box p {font-family: 'akzidenz-groteskbe';line-height: 1.49;margin-bottom: 11px;} .card-box-btn {font-size: 14px;color: #f4c31c!important;font-family: 'akzidenz-groteskbe';text-decoration: none;text-transform: uppercase;font-weight: 700;margin-left: 2px;letter-spacing: 1.4px;display: block;margin-bottom: 7px;} article#entry {margin: 0 -58px 0 -80px;transition: all 0.3s;} blockquote {font-size: 72px;color: #17191c;font-family: 'Oswald', sans-serif;font-weight: 700;line-height: 1.2;} #freeform article#entry {margin-left: -90px;} #freeform.tiles-landing #slider {height: 563px;} #freeform.tiles-landing #breadcrumbs{position: static;margin-left: -2px;} #freeform.tiles-landing #caption {position: absolute;left: 0;right: 0;text-align: center;top: 275px;z-index: 1;} #freeform.tiles-landing #caption h1 {font-size: 120px;color: #ffffff;font-weight: 700;font-family: 'Oswald', sans-serif;text-transform: uppercase;margin-bottom: 17px;word-wrap: break-word;} #freeform.tiles-landing #breadcrumbs a {color: #e4ff19;} #freeform.tiles-landing #breadcrumbs a:after {color: #e4ff19;} .tiles-images {margin: 0 -90px;transition: all 0.3s;} .tiles-image-box {height: 380px;display: flex;align-items: center;justify-content: center;margin-bottom: 26px;text-align: center;padding: 20px;text-decoration: none!important;position:relative;} .tiles-image-box::after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:rgb(7, 57, 77);opacity:0;transition:all .3s} .tiles-image-box:hover::after, .tiles-image-box:focus::after{opacity:1} .tiles-box-content {font-size: 53px;font-family: 'Oswald', sans-serif;color: #ffffff;line-height: 1;word-break: break-word;position:relative;z-index:1} .contact-box h2{font-size: 25px;font-weight: 700;color: #0a2b3c;font-family: 'Oswald', sans-serif;text-transform: uppercase;background: url('../images/flyout-header-bg.png');background-size: cover;padding: 23px 30px;margin-bottom: 13px;height: unset!important;position: relative;} .contact-box h2:before{margin-top:-23px;content: "";position: absolute;left: 0;background: url('../images/flyout-header-bg.png');background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;filter: brightness(0) saturate(100%) invert(79%) sepia(40%) saturate(303%) hue-rotate(151deg) brightness(80%) contrast(92%);} ul.contact-info {list-style: none;padding: 0;margin: 0;font-size: 18px;color: #000000;line-height: 1.1;padding: 0 30px;} .contact-image {width: 75px;height: 75px;border-radius: 50%;border: 5px solid #dbdbdb;} .contact-person {display: flex;justify-content: space-between; align-items: center;} ul.contact-info a {font-size: 18px;color: #000000;line-height: 1.1;text-decoration: none;} ul.contact-info .contact-title {font-weight: 700;margin-bottom: 5px;} .contact-box {background: #e5e8ed;padding-bottom: 20px;margin-bottom: 20px;} .contact-info li {padding-bottom: 13px;} .contact-info li:not(:last-child) {border-bottom: 1px solid rgb(3 32 79 / 15%);margin-bottom: 13px;} .contact-box h2 div, aside h2#flyout-header div {position: relative!important;} /* DON'T modify the styling of images in the #post, only the span.subheader*/ /* ----------------------------------------- #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 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} #modal-section button.floating-share-btn{position:fixed;z-index: 111;top:40%;right:0;border-radius:0;border:0;background: #07394d!important;color:#fff!important;padding: 8px!important;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;font-size: 12px!important;border: none!important;letter-spacing: normal;font-weight: 400;} .floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase} .floating-alert .rz-btn {color: #ffffff!important;border-color: #ffffff!important;margin-top: 20px;margin-bottom: -20px;} .share-btns a img {width: 55px;display: block; margin: 55px auto;} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative;height: 800px;overflow: hidden;transition: all 0.3s;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0} .tiny-slider-wrap > .tns-outer, .tiny-slider-wrap > .tns-outer > .tns-inner, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls{position:absolute;top:50%;left: -97px;right: -98px;margin-top: -4px;} .tns-controls button{padding:0;border:0;background: none;color:#000;border-radius:50%;position:relative;z-index:10;line-height:35px;width:35px;transform:translateY(-50%);font-size: 47px;opacity: 1;transition:all .3s} .tns-outer:hover .tns-controls button{opacity:1} .tns-controls button img{width: 21px;position: relative;top: -2px;} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} .tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} /* ----------------------------------------- #Blog ----------------------------------------- */ img.blog-img {width: 100%;height: auto;} hgroup.blog-header {margin: 0;font-family: 'DIN',sans-serif;font-size: 32px;text-transform: capitalize;font-weight: bold;letter-spacing: -.025em;padding: 15px 30px;} .blog-header h2 {color: #3A5976!important;margin: 0;font-size: 21px;line-height: 30px;width: 73%;text-decoration: none;} .blog-header h3 {font-family: 'Gotham',sans-serif;font-weight: 700;font-size: 16px;text-transform: uppercase;color: #389583;margin: 0;line-height: 42px;width: 27%;text-align: right;} .blog-caption {padding: 30px;font-size:15px;line-height:27px} a.blog-readmore {font-weight: bold;text-decoration: none;display:block;margin-top:15px} a.blog-readmore:after {content: "\f054";font-family: FontAwesome;font-size: 14px;padding-left: 4px;} .no-after a:after{display:none} img.blog-inner-img {max-width: 40%;margin: 0 0 30px 30px;} .blog-header small {color: #fff;background: #389583;border-radius: 3px;padding: 5px;display: inline-block;letter-spacing: 0.025em;margin-top: 3px;} .blog-item{box-shadow: 0 4px 20px rgba(0,0,0,.25);margin-bottom:30px} @media only screen and (min-width:992px) { #blog-posts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .blog-item {width:calc(50% - 30px);margin:0px 15px 30px 15px} } /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:2000px){ #sea-beach {padding-bottom: 7vw;} } @media only screen and (max-width:1660px){ header .tools {margin-right: -50px;} #logo {margin-left: -50px;} .tns-controls {left: -75px;right: -75px;} #slider .tns-controls {left: 40px;right: 40px;} #breadcrumbs {left: -98px;} #freeform aside {margin-left: -48px;margin-right: 75px;} article#entry {margin: 0 -50px 0 -35px;} #freeform article#entry {margin-left: -48px;} .tiles-content {margin: 0 -48px;} } @media only screen and (max-width:1600px){ header .tools {margin-right: -30px;} #logo {margin-left: -30px;} .tns-controls {left: -50px;right: -50px;} #slider .tns-controls {left: 50px;right: 50px;} #page-title {font-size: 70px;} blockquote {font-size: 62px;} .tiles-content {margin: 0px -30px;} } @media only screen and (max-width:1560px){ #quick-links .qlink {width: 240px;height: 240px;} #quick-links .tns-outer {padding: 0 30px!important;} .tns-controls {left: -35px;right: -35px;} #homepage #news .container , .public_works #news .container, #freeform #news .container {padding-left: 52px;padding-right: 52px;} #nav>li>a, #nav>li>span {font-size: 25px;padding-top: 35px;padding-bottom: 32px;} #nav {width: 790px;} header .tools {margin-right: -10px;} #logo {margin-left: -10px;} .footer-links li {font-size: 27px;} #breadcrumbs {left: -30px;} #freeform aside {margin-left: -15px;margin-right: 40px;} article#entry {margin: 0 -10px 0 -10px;} #freeform article#entry {margin-left: -15px;} .tiles-content {margin: 0px -15px;} .mega-wrapper {padding-left: 390px!important; } } @media only screen and (max-width:1500px){ #logo {margin-left: 20px;margin-left: -10px;width: 235px;} header .tools {margin-right: 20px;} #quick-links .tns-outer {padding: 0 50px!important;} .tns-controls {left: 0px;right: 0px;} #homepage #news .container, .public_works #news .container, #freeform #news .container, #events .container {padding-left: 75px;padding-right: 75px;} #slider .tns-controls {left: 40px;right: 40px;} #freeform aside {margin-left: 0;margin-right: 25px;} #breadcrumbs {left: 0;} article#entry {margin: 0;} #freeform article#entry {margin-left: 0;} .tiles-content {margin: 0;} } @media only screen and (max-width:1460px){ #slider .tns-controls{left: 15px;right: 15px;} .tns-controls {left: 3px;right: 3px;} #quick-links .tns-outer {padding: 0 15px!important;} } @media only screen and (max-width:1400px){ /* .tiles-box-content {font-size: 50px;}*/ } @media only screen and (max-width:1367px){ #nav {width: 700px;} #nav>li>a, #nav>li>span {font-size: 24px;padding-top: 37px;padding-bottom: 32px;} .header-social a {width: 45px;height: 45px;} .translation-links button {} #quick-links .tns-outer {padding: 0 60px!important;} .footer-links li {font-size: 25px;} footer .container {padding: 0 90px;} #freeform aside {margin-right: 0px;} article#entry {margin-left: 25px;} #page-title {font-size: 72px;} blockquote {font-size: 58px;} .mega-content-banner {width: 270px;} .mega-wrapper {padding-left: 333px!important;column-gap: 75px!important;} .mega-banner-text {padding: 20px;} #freeform article#entry {margin-left: 20px;} #freeform.fullwidth article#entry {margin: 0;} .mega-wrapper {left: -225px!important;right: -235px!important;} #freeform.tiles-landing article#entry {margin-left: 0;margin-right: 0;} } @media only screen and (max-width:1300px){ #homepage #news .tns-controls, .public_works #news .tns-controls, #freeform #news .tns-controls{left: -30px;right: -30px;} #homepage #news .tns-controls button, .public_works #news .tns-controls button, #freeform #news .tns-controls button {width: 80px;height: 80px;} #homepage #news .container, .public_works #news .container, #freeform #news .container, #events .container {padding-left: 55px;padding-right: 55px;} #slider {height: 860px;} .title h2 {font-size: 60px;} #sea-beach .sea-beach-images img {width: 35%!important;} #sea-beach .sea-beach-images img:nth-child(1) {left: -170px;bottom: -95px;} #sea-beach .sea-beach-images img:nth-child(2){ bottom: -145px;left: -25px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -160px;left: 150px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 280px;bottom: -105px;} #sea-beach .sea-beach-images img:nth-child(5) {right: -40px;bottom: -145px;} #sea-beach .sea-beach-images img:nth-child(6) {right: -130px;bottom: -110px;} .sea-beach-btns a {font-size: 16px;min-width: 115px;padding: 12px 18px;margin: 5px;} #homepage #news .news-top .btn, .public_works #news .news-top .btn, #freeform #news .news-top .btn {top: 26px;} .events-top .btn {top: 25px;} #sea-beach .sea-beach-wrap {height: 360px;} #freeform aside {margin-right: -25px;} article#entry {margin-left: 50px;} blockquote {font-size: 52px;} #page-title {font-size: 57px;} #freeform.tiles-landing #caption h1 {font-size: 100px;} #freeform article#entry {margin-left: 40px;} #news .tns-controls button img {width: 14px;top: -5px;} } @media only screen and (max-width:1260px){ #nav {margin-right: 80px;} #nav>li>a, #nav>li>span {font-size: 22px;padding-top: 38px;padding-bottom: 33px;} footer .container {padding: 0 70px;} footer .translation-links button {width: 62px;height: 50px;} .footer-logo {margin-right: 25px;} #sea-beach .sea-beach-images img:nth-child(1) {left: -140px;} /* .tiles-box-content {font-size: 48px;}*/ #nav li>.mega-wrapper>ul>li ul a, #nav li>.mega-wrapper>ul>li ul span {font-size: 17px;} .mega-wrapper {padding-right: 30px!important;column-gap: 73px!important;padding-top: 50px!important;padding-bottom: 50px!important;} .mega-banner-text {font-size: 22px;padding: 18px;} .mega-wrapper {left: -176px!important;} } @media only screen and (max-width: 1200px){ #quick-links .qlink {width: 220px;height: 220px;} #quick-links .qlink img {width: 40px;} #nav>li>a, #nav>li>span {font-size: 20px;padding-top: 39px;padding-bottom: 35px;} #nav {width: 640px;} .footer-links li {font-size: 20px;} footer .container {padding: 0 50px;} #homepage #news .tns-controls button, .public_works #news .tns-controls button, #freeform #news .tns-controls button {width: 65px;height: 65px;} .public_works #news .container, #homepage #news .container, #freeform #news .container, #events .container {padding-left: 45px;padding-right: 45px;} #slider .circle-logo {width: 360px;} article#entry {margin-left: 30px;} blockquote {font-size: 47px;} #freeform.tiles-landing #caption h1 {font-size: 9vw;} .mega-wrapper {padding-left: 300px!important;} #homepage #news .tns-controls button img, .public_works #news .tns-controls button img, #freeform #news .tns-controls button img {width: 12px;top: -5px;} .tns-controls button img {width: 16px;} } @media only screen and (max-width:1160px){ #logo {margin-left: 0;margin-left: -10px;width: 205px;} header .tools {margin-right: 0;} #slider .tns-controls {left: 10px;right: 10px;} #quick-links .tns-outer {padding: 0 35px!important;} .tns-controls {left: 0;right: 0;} #homepage #news .container, .public_works #news .container, #freeform #news .container, #events .container {padding-left: 48px;padding-right: 48px;} #quick-links .qlink {width: 200px;height: 200px;font-size: 20px;} #sea-beach .sea-beach-wrap{width: 620px;} #sea-beach .sea-beach-wrap {height: 332px;} #freeform aside {margin-right: -45px;} article#entry {margin-left: 55px;} #freeform article#entry {margin-left: 60px;} } @media only screen and (max-width:1100px){ #nav {width: 600px;} .mega-wrapper {left: -160px!important;right: -230px!important;} .mega-content-banner {width: 265px;} #nav>li>.mega-wrapper>ul{column-gap: 50px!important;} } @media only screen and (max-width:1040px){ #nav {width: 560px;position: relative;left: 0;} #nav>li>a, #nav>li>span {font-size: 18px;padding-top: 40px;padding-bottom: 37px;} } @media only screen and (min-width:992px) { #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position: absolute;top: 18px;right: 10px;border: none;} /* default nav styles */ #nav{display: flex!important;justify-content: space-between;transition: all 0.3s;min-height: 100px;} #nav .focused .toggle{display:inline !important} #nav li:hover>ul{display:block !important} /* mega */ #nav>li{position:static} #nav>li>.mega-wrapper>ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;position:absolute;column-gap: 98px;display: none;column-rule: 1px solid #356c88;} #nav>li>.mega-wrapper>ul>li{display:block;width:100%;break-inside: auto;margin-bottom: 10px;} #nav .focused .toggle2{display:none !important} #nav>li>.mega-wrapper>ul>li>a,#nav>li>.mega-wrapper>ul>li>span{font-size: 18px;color: #f4c31c;font-family: 'Oswald', sans-serif;font-weight: 700;margin-bottom: 5px;letter-spacing: initial;} #nav li>.mega-wrapper>ul>li ul a, #nav li>.mega-wrapper>ul>li ul span{font-size: 16px;font-weight: 700;font-family: 'Lato', sans-serif;margin-bottom: 8px;text-transform: inherit;letter-spacing: initial;line-height: 1.2;} #nav li>.mega-wrapper>ul>li ul a:hover, #nav li>.mega-wrapper>ul>li ul span:hover{text-decoration: underline;} #nav li>.mega-wrapper>ul> li:hover > a, #nav li>.mega-wrapper>ul> li:hover > span{text-decoration: underline;} #nav>li>a, #nav > li > span {position: relative;} #nav>li>a:not(a.fa):after, #nav > li > span:not(span.fa):after {content: "";position: absolute;bottom: 0;right: 0;background: #f4c31c;width: 0%;height: 11px;} #nav>li:hover > a:not(a.fa):after, #nav>li:hover > span:not(span.fa):after{width: 100%;} /* mega scroll */ #nav>li>.mega-wrapper>ul{position: static!important;display: block!important;} #nav>li>ul{display: none;} .mega-wrapper {position: absolute;max-height: 630px;min-height: 360px;overflow-y: auto;display: none;word-break: break-word;margin-left: auto;margin-right: auto;left: -220px;right: -250px;top: 100%;background: #1e5b7a;padding-left: 395px;padding-right: 50px;padding-top: 60px;padding-bottom: 60px;} #nav>li:hover .mega-wrapper {display: block!important;} /* width */ header ::-webkit-scrollbar {width: 5px;} /* Track */ header .mega-wrapper::-webkit-scrollbar-track {background: #f1f1f1; } /* Handle */ header .mega-wrapper::-webkit-scrollbar-thumb {background: #888; } /* Handle on hover */ header .mega-wrapper::-webkit-scrollbar-thumb:hover {background: #555; } .sr-only {color:black;background:white;} /* flyout */ #flyout>li:hover>ul {display: block;} #flyout ul {position: absolute;left: 100%;top: -1px;width: 170px;z-index: 10;background: #e5e8ed;padding: 0;text-align: center;} #flyout li:not(:last-child) a {border-bottom: 1px solid rgb(3 32 79 / 15%);} #flyout>li {padding: 16.4px 30px 0;z-index: 0;} #flyout>li:last-child{margin-bottom: 0;} #flyout li:last-child a {border-bottom: none;} #flyout li:hover, #flyout li:focus-within {background: #0a2b3c;} #flyout li:hover:after, #flyout li:focus-within:after {content: "";background: #0a2b3c;position: absolute;top: -1px;left: 0;width: 100%;height: 103%;z-index: -1;} #flyout li > ul li:hover:after{top: 0;height: 100%;} #flyout li:hover > a,#flyout li:hover > span{color: #ffffff;} #flyout li:focus-within > a,#flyout li:focus-within > span{color: #ffffff;} #freeform #main.has-news .sea-beach-border {display: none;} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ .g-search-wrap{margin:0 0 15px} #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} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} .sea-beach-btns {flex-direction: column;gap:5px;} #toggles{position:absolute;right:15px;top: 72px;} #nav-toggle,#search-toggle{border:none;padding:0;line-height:45px;width: 45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px;} #nav{margin: 0!important;display: none;padding-bottom: 15px;width: 100%;padding-top: 5px;position: static;} #nav li{position:relative} #nav li ul, #flyout ul{display:none;background:rgba(0,0,0,.15);padding: 0!important;} #nav .toggle, #nav .toggle2, #flyout .toggle{position:absolute;right:0;top:0;background: rgba(0,0,0,.15);padding: 15px;} #flyout-toggle{padding:0;padding: 15px 30px;position: relative;z-index: 9;} #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15)} #flyout{/* display: none; */} #nav li a, #nav li span, #flyout li a, #flyout li span{padding: 15px;line-height: 1.2;color: #ffffff;font-size: 18px;font-weight: 400;display: block;} #flyout li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,.15);} #nav li a, #nav li span{font-size: 16px!important;} #flyout li a, #flyout li span{color: #000000;padding-left: 30px;padding-right: 30px;} /* header */ header{position: relative;background: #07394d!important;} #nav li:not(:last-child){border-bottom: 1px solid rgb(255 255 255 / 15%);} #search {margin-bottom: 15px;top: 90px;height: 60px;width: 100%;} #search form{width: 100%;} /* --------------- */ #modal-section button.floating-share-btn{top: unset;bottom: 18px;} #slider{margin: 0!important;height: 580px;} .footer-btm,#copyright{text-align: center;} .footer-tools{justify-content: center;} #copyright {margin-top: 30px;} footer {padding-top: 50px;} #sea-beach .sea-beach-images img {width: 30%!important;} #sea-beach .sea-beach-images img:nth-child(1) {left: -100px;bottom: -120px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -152px;left: 0px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -138px;left: 160px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 310px;bottom: -111px;} #sea-beach .sea-beach-images img:nth-child(5) {right: -5px;bottom: -157px;} #sea-beach .sea-beach-images img:nth-child(6) {right: -70px;bottom: -125px;} #sea-beach .sea-beach-wrap{height: 350px;} #homepage #news .news-top .btn, .public_works #news .news-top .btn, #freeform #news .news-top .btn, .events-top .btn {position: static;margin-top: 15px;} #homepage #news .news-top, .public_works #news .news-top, #freeform #news .news-top, .events-top {text-align: center;margin-bottom: 40px;} header .container .col-lg-2:last-child {position: static;} header .tools {position: absolute;top: 0;margin-top: 15px;right: 15px;} header .container {position: relative;} #logo {margin: 27px 0;} .translation-links button {color: #ffffff;border: 2px solid #f5f5f5;background: transparent;font-size: 17px;border-radius: 3px;height: 45px;width: 55px;} header #alert-close {right: 18px;width: 15px;cursor: pointer;} #freeform aside {margin-right: 0;margin-bottom: 50px;} article#entry {margin-left: 0;} #page-title {margin-top: 0;line-height: 1.1;font-size: 48px;} aside h2#flyout-header {background: #e5e8ed;margin-bottom: 0;} #freeform #main {padding-bottom: 140px;} #freeform #slider {height: 350px;} #freeform #search {top: 60px;margin-bottom: 0;} #freeform.tiles-landing #slider {height: 430px;} #freeform.tiles-landing #caption{top: 195px;} .mega-content {display: none;} #freeform article#entry{margin-left: 0;} #homepage #news .container, .public_works #news .container, #freeform #news .container, #events .container {padding-left: 15px;padding-right: 15px;} #homepage #news .tns-controls, .public_works #news .tns-controls, #freeform #news .tns-controls {left: 0;right: 0;top: 45%;} .tns-controls button img {width: 12px!important;} #homepage #news {padding: 75px 0 100px;} header .alert-text{padding-left: 10px;text-align: start;} #search-results{left:15px;right:15px;top:205px} #freeform #search-results{top:170px} .public_works #news, #freeform #news {padding: 75px 0 23vw;margin-bottom: -138px;} #freeform #news .blue-border{display: none;} button#ai-chat-button {z-index: 9999999999!important;width: 40px !important;height: 40px !important;} .ai-chat-open button.close-ai-bot-moblie {display: none!important;} #botIframe.show-ai-chat {padding-bottom: 60px !important;background: #ffffff !important;} } @media only screen and (max-width:900px){ #sea-beach .sea-beach-wrap {max-width: 700px;width: 100%;} #sea-beach .sea-beach-images img {width: 25%!important;} #sea-beach .sea-beach-images img:nth-child(1) {left: -43px;bottom: -140px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -160px;left: 55px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -150px;left: 170px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 307px;bottom: -118px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 30px;bottom: -140px;} #sea-beach .sea-beach-images img:nth-child(6) {right: -30px;bottom: -130px;} } @media only screen and (max-width:850px){ #sea-beach .sea-beach-wrap {max-width: 700px;width: 100%; height: 360px;} #sea-beach .sea-beach-images img {width: 25%!important;} #sea-beach .sea-beach-images img:nth-child(1) {left: -15px;bottom: -125px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -150px;left: 77px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -108px;left: 191px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 307px;bottom: -129px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 70px;bottom: -121px;} #sea-beach .sea-beach-images img:nth-child(6) {right: -15px;bottom: -119px;transform: rotate(19deg);} } @media only screen and (max-width:800px){ #sea-beach .container {padding: 0 40px;} } /* 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} footer .container {padding: 0 15px;} .footer-links li {font-size: 18px;margin: 0 10px;} .share-btns a img {width: 20px;margin: 15px auto;} #search-results .tab-content .tab-pane{padding:0 15px} .curated-item{display:flex;flex-direction:column} .curated-item div.pull-right{text-align:left;width:100%;margin:15px 0} .curated-item h3{font-size:18px;width:100%} #search-results .tab-pane h2{font-size:23px} .search-nav li{font-size:15px;line-height:1.2} } @media only screen and (max-width:700px) { #sea-beach .sea-beach-images img {width: 25%!important;} #sea-beach .sea-beach-images img:nth-child(1) {left: -15px;bottom: -115px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -125px;left: 77px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -112px;left: 191px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 307px;bottom: -96px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 70px;bottom: -127px;} #sea-beach .sea-beach-images img:nth-child(6) {right: -15px;bottom: -109px;transform: rotate(18deg);} } @media only screen and (max-width:660px) { #sea-beach .sea-beach-images img {width: 25%!important;} #sea-beach .sea-beach-images img:nth-child(1) {left: -15px;bottom: -115px;} #sea-beach .sea-beach-images img:nth-child(2){left: 55px;} #sea-beach .sea-beach-images img:nth-child(3) {left: 146px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 264px;bottom: -96px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 63px;bottom: -127px;} #sea-beach .sea-beach-images img:nth-child(6) {right: -19px;bottom: -108px;} .sea-beach-conetnt {padding-left: 15px;padding-right: 15px;} .footer-info {display: block;} .footer-info .divider{background: transparent;height: 15px;} #homepage #news .tns-controls button img, .public_works #news .tns-controls button img, #freeform #news .tns-controls button img {width: 12px;top: -2px;} #homepage #news .tns-controls button, .public_works #news .tns-controls button, #freeform #news .tns-controls button {line-height: 0.45;} #homepage #news .tns-controls button, .public_works #news .tns-controls button, #freeform #news .tns-controls button {width: 55px;height: 55px;} #slider .circle-logo {width: 325px;} } @media only screen and (max-width:620px){ .footer-links li {display: block;text-align: start;margin: 0;font-size: 16px;padding: 6px 0;} .footer-links li:not(:last-child) {border-bottom: 1px solid #ffffff21;padding-bottom: 10px;margin-bottom: 10px;} } @media only screen and (max-width:600px) { .title h2 {font-size: 45px;} .sea-beach-conetnt .title span {top: 3px;left: 0px;} .events-top .title span {top: 0px;} .sea-beach-btns a {display: block;margin: 11px 0;} .title span {font-size: 55px;} #slider {height: 445px;} #freeform.tiles-landing #caption h1 {font-size: 10vw;} } @media only screen and (max-width:580px) { #sea-beach .sea-beach-wrap {height: 480px;} #sea-beach .sea-beach-images img:nth-child(1) {bottom: -35px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -50px;left: 38px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -23px;left: 131px;} #sea-beach .sea-beach-images img:nth-child(4) {bottom: -6px;left: 222px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 43px;bottom: -50px;} #sea-beach .sea-beach-images img:nth-child(6) {bottom: -23px;} #sea-beach {padding-bottom: 0px;} #freeform.tiles-landing #caption h1 {font-size: 12vw;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:540px) { #sea-beach .sea-beach-images img:nth-child(4) {left: 225px;} #sea-beach .sea-beach-wrap {height: 490px;} #search input {padding-left: 20px;font-size: 20px;} #slider {height: 400px;} } @media only screen and (max-width:500px){ #sea-beach .sea-beach-images img {width: 28%!important;} #sea-beach .sea-beach-images img:nth-child(1) {bottom: -25px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -38px;left: 40px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -23px;left: 105px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 173px;bottom: -20px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 44px;bottom: -38px;} #sea-beach .sea-beach-images img:nth-child(6) {bottom: -23px;} #homepage .news-box-content, .public_works .news-box-content, #freeform .news-box-content {padding: 35px 20px 54px;} #homepage .news-box-content h3, .public_works .news-box-content h3, #freeform .news-box-content h3{font-size: 26px;} #slider .circle-logo {width: 240px;right: -104px;bottom: -80px;} blockquote {font-size: 40px;} #page-title {font-size: 40px;} #flyout-toggle {padding: 15px;} aside h2#flyout-header {padding-left: 15px;padding-right: 15px;} .card-box {padding: 20px 15px;} ul.contact-info {padding: 0 15px;} .contact-box h2 {padding-left: 15px;padding-right: 15px;} #flyout li a, #flyout li span {padding-left: 18px;padding-right: 18px;} #homepage .news-btn-label, .public_works .news-btn-label, #freeform .news-btn-label {bottom: 30px;margin: 0;} } @media only screen and (max-width:440px){ #sea-beach .sea-beach-wrap {height: 545px;} #sea-beach .sea-beach-images img:nth-child(1) {bottom: -20px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -29px;left: 29px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -23px;left: 88px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 140px;bottom: -10px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 58px;bottom: -28px;} #sea-beach .sea-beach-images img:nth-child(6) {bottom: -21px;right: -16px;} #page-title {font-size: 38px;} blockquote {font-size: 33px;} .sea-beach-conetnt .title:before {left: -30px;} #homepage .news-box-image, .public_works .news-box-image, #freeform .news-box-image {height: 240px;} .footer-logo {width: 44%;} } @media only screen and (max-width:430px){ #sea-beach .sea-beach-images img {width: 30%!important;} #sea-beach .sea-beach-images img:nth-child(1) {bottom: -24px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -29px;left: 29px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -23px;left: 75px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 126px;bottom: -10px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 58px;bottom: -28px;} #sea-beach .sea-beach-images img:nth-child(6) {bottom: -21px;right: -15px;} /* .tiles-box-content {font-size: 46px;}*/ #caption h1 {font-size: 65px;margin-bottom: 7px;} footer .translation-links button {width: 55px;height: 40px;border-radius: 5px;font-size: 15px;} .footer-social a img {width: 20px;} .footer-social{margin-left: 25px;} #freeform.tiles-landing #slider {height: 380px;} .public_works #news, #freeform #news { padding-bottom: 120px;} } @media only screen and (max-width:400px){ #sea-beach .sea-beach-images img:nth-child(5) {right: 35px;} } @media only screen and (max-width:430px){ #sea-beach .sea-beach-images img {width: 31%!important;} #sea-beach .sea-beach-images img:nth-child(1) {bottom: -23px;left: -26px;} #sea-beach .sea-beach-images img:nth-child(2){bottom: -29px;left: 19px;} #sea-beach .sea-beach-images img:nth-child(3) {bottom: -23px;left: 70px;} #sea-beach .sea-beach-images img:nth-child(4) {left: 120px;bottom: -10px;} #sea-beach .sea-beach-images img:nth-child(5) {right: 34px;bottom: -24px;} #sea-beach .sea-beach-images img:nth-child(6) {bottom: -20px;right: -21px;} #logo {margin: 80px 0 0px;} header .tools {width: 93%;border-bottom: 1px solid #ccc;padding-bottom: 15px;} #toggles {top: 95px;} .tiles-image-box {height: 300px;} .title h2 {font-size: 40px;} } @media print { header,.user-logged-in section#quick-links,#slider,#flyout-wrap,.sea-beach-border,.footer-btm,#quick-links{display:none!important;} #post{padding-bottom:25px!important;} #main{padding:0 100px!important;} }