/*
Theme Name: Hello Elementor
Author: Saylor Group Realty
Description: Custom coastal real estate website for Marina Oaks Condominium.
Version: 1.0.0
Text Domain: marina-oaks
*/
:root{--navy:#0d2b39;--deep:#071d27;--sea:#2c7c7b;--foam:#edf4f1;--sand:#d8b77a;--paper:#fbfaf6;--ink:#162329;--muted:#5e6b6e;--line:rgba(13,43,57,.16);--display:"Playfair Display",Georgia,serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:600;line-height:1.02;letter-spacing:-.025em}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:100}.site-header{position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.header-inner{height:96px;max-width:1440px;margin:auto;padding:0 4vw;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;font-family:var(--display);font-weight:600}.brand strong{display:block;font-family:var(--display);font-size:21px;line-height:1.1}.brand small{display:block;margin-top:3px;font-size:8px;text-transform:uppercase;letter-spacing:.17em}.site-header nav{margin-left:auto}.mo-nav{display:flex;gap:24px;align-items:center;padding:0;margin:0;list-style:none}.mo-nav a,.header-phone{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.header-phone{border-left:1px solid rgba(255,255,255,.3);padding-left:26px}.hero{height:100vh;min-height:760px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("https://marinaoakscondo.com/wp-content/uploads/2020/12/IMG_4804.jpg") center/cover no-repeat;transform:scale(1.025)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,32,.9),rgba(5,24,32,.54) 52%,rgba(5,24,32,.2)),linear-gradient(0deg,rgba(5,24,32,.55),transparent 55%)}.hero-content{position:absolute;z-index:2;left:max(5vw,calc((100vw - 1280px)/2));top:51%;transform:translateY(-42%);max-width:820px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:700;color:#dfeae7}.eyebrow.dark{color:var(--sea)}.hero h1{font-size:clamp(66px,8vw,120px);margin:22px 0 30px}.hero h1 em{color:var(--sand);font-style:italic}.hero-content>p:not(.eyebrow){font-size:18px;max-width:650px;color:rgba(255,255,255,.9)}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 27px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;border:1px solid transparent}.btn.gold{background:var(--sand);color:var(--deep)}.btn.outline{border-color:rgba(255,255,255,.65)}.btn.navy{background:var(--navy);color:#fff}.btn.sand{background:var(--sand);color:var(--deep)}.hero-tag{position:absolute;z-index:2;right:4vw;bottom:38px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.hero-tag strong{font-family:var(--display);font-size:18px;text-transform:none;letter-spacing:0}.section{padding:120px max(5vw,calc((100vw - 1280px)/2))}.intro,.advisor{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.intro h2,.advisor h2{font-size:clamp(48px,5vw,76px)}.intro>div:last-child,.advisor>div:last-child{font-size:17px;color:var(--muted)}.text-link{display:inline-block;margin-top:20px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.insurance-strip{margin:0;min-height:170px;padding:28px max(5vw,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:50px;background:linear-gradient(105deg,#edf4f1 0%,#f8f4e9 58%,#e5eee9 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.insurance-brand{flex:none;padding-right:34px;border-right:1px solid rgba(13,43,57,.2);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:var(--navy)}.insurance-brand span{display:inline-grid;place-items:center;width:42px;height:38px;margin-right:8px;background:var(--navy);color:#fff;font-size:18px}.insurance-brand b{color:#c62828}.insurance-copy{max-width:690px}.insurance-kicker{display:block;margin-bottom:8px;color:var(--sea);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.insurance-copy strong{display:block;font-family:var(--display);font-size:clamp(26px,2.8vw,40px);line-height:1.12;color:var(--navy)}.insurance-copy p{margin:8px 0 0;color:var(--muted)}.insurance-button{flex:none;display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 25px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 12px 28px rgba(7,29,39,.16);transition:.25s}.insurance-button:hover{background:var(--sea);transform:translateY(-2px)}.listing-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.listing-grid article{padding:100px max(5vw,calc((100vw - 1280px)/2));min-height:480px}.listing-grid article:first-child{padding-right:7vw;border-right:1px solid rgba(255,255,255,.18)}.listing-grid article:last-child{padding-left:7vw;background:linear-gradient(135deg,rgba(44,124,123,.3),transparent)}.listing-grid span{color:var(--sand);font-size:10px;letter-spacing:.2em}.listing-grid h2{font-size:clamp(48px,5vw,72px);margin:35px 0 20px}.listing-grid p{max-width:460px;color:rgba(255,255,255,.72)}.listing-grid .btn{margin-top:20px}.feature{padding:0;display:grid;grid-template-columns:1.15fr .85fr;background:var(--deep);color:#fff}.feature-image{min-height:690px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:115px 8vw}.feature-copy h2{font-size:clamp(50px,5vw,76px);margin:28px 0}.feature-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:17px}.light-link{color:#fff}.signature{font-family:var(--display);font-size:25px;color:var(--ink);margin:30px 0}.signature span{display:block;font-family:var(--body);font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--sea)}.page-hero{min-height:520px;padding:210px max(5vw,calc((100vw - 1280px)/2)) 80px;background:linear-gradient(90deg,rgba(5,24,32,.88),rgba(5,24,32,.48)),url("https://marinaoakscondo.com/wp-content/uploads/2020/12/IMG_4804.jpg") center/cover;color:#fff}.page-hero h1{font-size:clamp(60px,7vw,100px);max-width:1000px}.page-content{min-height:420px}.prose{max-width:900px;font-size:18px;color:var(--muted)}.prose h2{font-size:42px;color:var(--ink);margin-top:50px}.prose h2:first-child{margin-top:0}.prose a{color:var(--sea);text-decoration:underline}.prose .btn{color:#fff;text-decoration:none;margin:20px 10px 0 0}.site-footer{padding:75px max(5vw,calc((100vw - 1280px)/2)) 30px;background:#061820;color:rgba(255,255,255,.68)}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-main>div{display:flex;flex-direction:column;gap:8px}.footer-brand{color:#fff;margin-bottom:12px}.footer-main p{max-width:450px}.footer-label{color:var(--sand);font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px}.footer-main a,.footer-main span{font-size:13px}.legal{display:grid;grid-template-columns:220px 1fr;gap:40px;margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:10px;line-height:1.6}.legal p{text-align:right;margin:0}.error{min-height:70vh}
@media(max-width:980px){.site-header nav,.header-phone{display:none}.intro,.advisor{grid-template-columns:1fr;gap:30px}.listing-grid{grid-template-columns:1fr}.listing-grid article{padding:75px 7vw!important;min-height:0}.listing-grid article:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.feature{grid-template-columns:1fr}.feature-image{min-height:430px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.insurance-strip{padding:28px 24px;display:block}.insurance-brand{padding:0 0 16px;margin-bottom:18px;border-right:0;border-bottom:1px solid rgba(13,43,57,.2)}.insurance-button{margin-top:22px;width:100%}.header-inner{height:78px;padding:0 22px}.brand{min-width:0}.brand strong{font-size:18px}.hero{min-height:720px}.hero-content{left:24px;right:24px;top:48%}.hero h1{font-size:55px}.hero-content>p:not(.eyebrow){font-size:16px}.actions{flex-direction:column}.hero-tag{left:24px;right:auto;text-align:left;bottom:20px}.section{padding:78px 24px}.intro h2,.advisor h2{font-size:46px}.listing-grid article{padding:65px 24px!important}.feature-copy{padding:75px 24px}.page-hero{min-height:440px;padding:165px 24px 60px}.page-hero h1{font-size:52px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.legal{grid-template-columns:1fr;gap:12px}.legal p{text-align:left}}/* Full-width Florida Insurance Guys visual advertisement */.insurance-strip.insurance-ad{min-height:0;padding:0;display:grid;grid-template-columns:minmax(360px,42%) 1fr;gap:0;background:var(--deep);color:#fff;border:0;overflow:hidden;cursor:pointer;box-shadow:0 18px 44px rgba(7,29,39,.16);transition:transform .25s ease,box-shadow .25s ease}.insurance-ad:hover{transform:translateY(-2px);box-shadow:0 24px 56px rgba(7,29,39,.24)}.insurance-visual{display:block;min-height:235px;background:#fff;overflow:hidden}.insurance-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.insurance-ad .insurance-copy{display:flex;flex-direction:column;justify-content:center;max-width:none;padding:34px clamp(28px,4vw,66px)}.insurance-ad .insurance-kicker{color:var(--sand);font-size:11px}.insurance-ad .insurance-copy strong{color:#fff;font-size:clamp(28px,3vw,46px)}.insurance-message{display:block;margin-top:12px;max-width:730px;color:rgba(255,255,255,.76);font-size:16px}.insurance-ad .insurance-button{align-self:flex-start;margin-top:22px;background:var(--sand);color:var(--deep);box-shadow:none}.insurance-ad .insurance-button b{margin-left:18px;font-size:18px}.insurance-ad:hover .insurance-button{background:#fff;transform:none}@media(max-width:820px){.insurance-strip.insurance-ad{grid-template-columns:1fr}.insurance-visual{min-height:0;aspect-ratio:2.5/1}.insurance-ad .insurance-copy{padding:30px 24px 34px}.insurance-ad .insurance-button{width:100%}}