@charset "UTF-8"; 

/*******************/
/*******************/

/********* new styles with serif typeface light yellow background all in one stylesheet **********/

/*******************/
/*******************/

@import url("variables.css?v=3"); *,*::before,*::after { box-sizing:border-box; }
body { min-height:100vh; }
body { font-family:mundial, sans-serif; font-weight:200; font-style:normal; font-size:var(--sr-body-font-size); color:var(--sr-body-font-color); line-height:1.5; background-color:rgba(var(--sr-body-color-rgb), 0); }
body.home { display:block; justify-content:center; flex-direction:column; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "cormorant-sc", sans-serif; font-weight: 300; font-style: normal; line-height: 1.2; color: var(--sr-headline-color); color:var(--sr-headline-color); text-transform:none; letter-spacing: 1px; }

h6 { font-family:mundial, sans-serif; font-weight:400; font-size:.7rem; text-transform:uppercase; letter-spacing:.1rem; }
a { color:var(--sr-link-color); text-decoration:none; }
ul { padding-left:1rem; }
p { line-height:1.75; }

h2 { font-size:2rem; text-transform:none; letter-spacing:2px; line-height: 1; }
h3,h4 { text-align:center; }
h3 { font-size: 2rem; margin-bottom:30px; }
h4 { font-size:1.5rem; text-align:left; color: var(--eggplant); }
h5 { font-family:mundial, sans-serif; font-weight:400; text-align: center; color: var(--eggplant); text-transform: uppercase; }
h6 { font-family:mundial, sans-serif; font-weight:400; font-size:.7rem; text-transform:uppercase; letter-spacing:.1rem; }

.lead { text-align:center; }
.btn { --sr-btn-padding-x:1.5rem; --sr-btn-padding-y:0.75rem; --sr-btn-font-family:mundial, sans-serif; --sr-btn-font-size:.7rem; --sr-btn-font-weight:700; --sr-btn-line-height:1.5; --sr-btn-bg:transparent; --sr-btn-border-width:var(--sr-border-width); --sr-btn-border-radius:0; --sr-btn-hover-border-color:var(--sr-accent-1); --sr-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --sr-btn-disabled-opacity:0.65; --sr-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--sr-btn-focus-shadow-rgb), .5); display:inline-block; padding:var(--sr-btn-padding-y) var(--sr-btn-padding-x); font-family:var(--sr-btn-font-family); font-size:var(--sr-btn-font-size); font-weight:var(--sr-btn-font-weight); line-height:var(--sr-btn-line-height); color:var(--sr-btn-color); text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; border:var(--sr-btn-border-width) solid var(--sr-btn-border-color); border-radius:var(--sr-btn-border-radius); background-color:var(--sr-btn-bg); transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-transform:uppercase; letter-spacing:2px; }
@media (prefers-reduced-motion: reduce) { .btn { transition:none; }
}
.btn:hover { color:var(--sr-btn-hover-color); background-color:var(--sr-btn-hover-bg); border-color:var(--sr-btn-hover-border-color); }
.logo-swish { fill:#76AACC; }
.logo-color { fill:#00547A; }
.row { justify-content:center; }
.nav-link { color:var(--sr-dark-blue); }
.dropdown-toggle::after { display:inline-block; margin-left:0; vertical-align:0; content:""; border-top:0; border-right:0; border-bottom:0; border-left:0; }
.form-control { display:block; width:100%; padding:.375rem .75rem; font-size:1rem; font-weight:400; line-height:1.5; color:#212529; background-color:#fff; background-clip:padding-box; border:1px solid #ced4da; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-weight:300; font-style:normal; }
form .row { justify-content:flex-start; }
.required-asterisk { font-size:.7em; margin:5px 0 0 0; margin-bottom:0; /*position: absolute; right: 0; bottom: 50%; transform: rotate(90deg);*/ }
.required-asterisk::before, .contact-page .required-asterisk::before { content:'*'; color: #9B1012;}
footer { position:relative; bottom:0; width:100%; background-image:url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent.png"); background-color:var(--sr-dark-blue); z-index:100; }
footer p,footer a,footer span { font-size:10px; line-height:1; margin:0; padding:0; text-transform:uppercase; letter-spacing:1px; text-decoration:none; }
footer span { padding-left:10px; padding-right:10px; }
.padding-top-bottom { padding-top:40px; padding-bottom:40px; }
img { width:100%; max-width:100%; }
:not(.btn-check) + .btn:active,.btn:first-child:active { color:var(--sr-btn-active-color); background-color:var(--sr-btn-active-bg); border-color:var(--sr-btn-active-border-color); }



/****************** swiper ********************/
.swiper-slide video { width: 100% !important; height: 100% !important; object-fit: cover; }


.map-row { position: relative; min-height: 400px; }
.map-holder { height: 600px; overflow: hidden; }
.map_canvas { height: 100%; width: 100%; }
.mapPopup, .mapPopup h5 { color: var(--sb-red); text-align: center; }
.mapPopup h5 { font-size: 18px; margin: 0 0 5px 0; padding: 0; text-align: center; }
.mapPopup h6 { font-size: 12px; color: #354b46; font-weight: 300; text-align: center; }
.mapPopup img { max-height: 100px; padding: 10px; filter: grayscale(1); object-fit: contain !important; }
.gm-style .gm-style-iw-c { position: absolute; box-sizing: border-box; overflow: hidden; top: 0; left: 0; transform: translate3d(-50%,-100%,0); background-color: white; border-radius: 0; padding: 12px; box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%); }
.gm-style iframe + div { border:none!important; }
.lowerlevel .child-thumbs + .map-section { background-color:var(--sb-dark-green); }
.map-key { position: relative; left: auto; }
.map-key.white-box { background-color:var(--sb-dark-green); padding:25px; width:100%; }
.map-key h4 { color:var(--sb-accent1); }
.map-key .list-group-item::before { display: none; }
.map-key .list-group-item { width: 100%; padding-right: 0px; color: #ffffff; }
.map-key .list-group-item i { font-size:28px; }
.map-key .list-group-item { padding: 6px 12px; height: auto; font-size: 13px; }
.map-key .list-group-item i { width: 40px; margin-right: 10px; }
:root { --sr-light-beige: #f2ede7; --sr-light-beige-rgb: 242, 237, 231; --indigo-dye: #00547a; --indigo-dye-rgb: 0,84,122; --carolina-blue: #76aacc; --peach-yellow: #ecce8e; --eggplant: #6b4d57; --eggplant-rgb: 107,77,87; --vanilla: #dbcf96; --vanilla-rgb: 219, 207, 150; --sr-container-padding: 20px; --sr-container-padding-x2: 40px; --sr-very-light-rgb: 255,255,255; --sr-partners-height: 0; --sr-gutter-x: 3rem; --error: #8f392d; --sr-card-inner-border-radius: 0; --sr-background-image-size: 150px; --main-nav-font: "cormorant-sc", sans-serif; --main-nav-font-weight: 300; }
.light-beige-text { color: var(--sr-light-beige); }
.light-indigo { color: var(--indigo-dye); }
.carolina-blue { color: var(--carolina-blue); }
.eggplant { color: var(--eggplant); }
.vanilla { color: var(--vanilla); }
body { background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); background-color:rgba(var(--sr-body-color-rgb), .8); }
main { background-color: #ffffff; background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); min-height: 400px; }
.bg-texture { background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); }

header { padding: 0; display: flex; justify-content: center; background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); background-color:rgba(var(--sr-very-light-rgb), 1); border-bottom: transparent solid 1px; position: sticky; top: 0; transition: all 1s; z-index: 1000; }
header .logo { width: auto; height: auto; max-width: 200px; fill: var(--indigo-dye); transition: all 1s; padding-top: 20px; padding-bottom: 20px; }
header .logo svg { width: 100%; height: auto; outline: none; fill: var(--indigo-dye); }
header .doodad { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 50px; transition: all 1s; }
header .doodad svg { width: 100%; }
.scrolling header .doodad { width: 30px; }
.scrolling header { position: sticky; top: 0; height: auto; background-color:rgba(var(--sr-very-light-rgb), 1); border-bottom: rgba(var(--eggplant-rgb),.1) solid 1px; }
.scrolling header .logo { height: auto; fill: var(--indigo-dye); padding-top: 10px; padding-bottom: 10px; max-width: 150px; }
.nav-open-close { position: fixed; top: -10px; right: 10px; cursor: pointer; padding-top: 20px; padding-bottom: 10px; z-index: 100000; width: 40px; height: auto; -webkit-box-shadow: 3px 3px 12px -5px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 12px -5px rgba(0,0,0,0.5); box-shadow: 3px 3px 12px -5px rgba(0,0,0,0.5); }
.nav-open-close small { display: block; font-size: 9px; font-weight: 700; text-transform: uppercase; color: rgba(var(--sr-light-beige-rgb), .6); text-align: center; pointer-events: none; cursor: pointer; transition:all .3s; }
.navbutton { width: 40px; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.nav-open-close.active .navbuttonRotate { transform: rotate(45deg) translateX(7px); }
.nav-open-close.active .navbuttonRotate180 { transform: rotate(180deg); }
.line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: rgba(var(--sr-light-beige-rgb), .8); stroke-width: 5.5; stroke-linecap: round; }
.navbutton1 .top { stroke-dasharray: 40 139; }
.navbutton1 .bottom { stroke-dasharray: 40 180; }
.nav-open-close.active .navbutton1 .top { stroke-dashoffset: -98px; }
.nav-open-close.active .navbutton1 .bottom { stroke-dashoffset: -138px; }
.nav-open-close.active small { opacity:0; visibility: hidden; height:0px; }
.nav-open-close.active .navbutton { width: 50px; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: var(--sr-gutter-x); --bs-gutter-y: 0; }
.purple-paper-bg { background-image: url('/themes/owners_seaside/images/textures/eggplant.jpg'); background-size: var(--sr-background-image-size); background-repeat: repeat; }
.padding-top-bottom { padding-top: 80px; padding-bottom: 80px; }
.padding-top { padding-top: 80px; }
.dark-blue-bg { background-color: var(--indigo-dye); }
.dark-blue-bg p { color: var(--sr-light-beige); }
.yellow-bg { background-color: rgba(var(--peach-yellow-rgb),.2); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); }
.yellow-bg p { color: var(--sr-default-text-color); }
.padding-top-bottom + .container-padding { padding-top: 0; }
.beige-bg { background-color: rgba(var(--sr-light-beige-rgb), .45); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); }
.eggplant-bg { background-color: var(--eggplant); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-repeat:repeat; background-size:var(--sr-background-image-size); }
.hero { display: flex; justify-content: center; position: relative; height: calc(100vh - 40px); padding: var(--sr-container-padding); }
.hero .logo { width: 50%; max-width: 600px; position: relative; z-index: 10; }

.hero .main-graphic { display: block; position: relative; width: auto; max-width: 350px; background-color: rgba(var(--indigo-dye-rgb),0); padding: 0; }
.hero .main-graphic h1 { color: #fff; font-size: 35px; line-height: 1; text-align: center; opacity: 1; text-transform: none; letter-spacing: 0; margin-top: 15px; margin-bottom: 15px; }

.hero .main-graphic small { display: block; }
.hero .main-graphic::before { content: ''; z-index: -1; display: none; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: rgba(var(--peach-yellow-rgb),.4) dashed 1px; }
.hero .main-graphic svg { width: 100%; }

.dolphin-graphic { width: 40px; margin-left: auto; margin-right: auto; }
.hero .logo-swish { fill: #FFFFFF; }
.hero .logo-color { fill: #FFFFFF; }
.hero .container { display: flex; justify-content: center; flex-direction: column; align-content: center; align-items: center; position: absolute; height: calc(100% - var(--sr-container-padding-x2)); z-index: 15; padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px;  }

.hero .container h2 { font-family:mundial, sans-serif; font-weight:700; font-style:normal; color: rgba(255,255,255,1); text-align: center; font-size: 14px; text-transform: uppercase; padding-left: 30px; padding-right: 30px; letter-spacing: 4px; }

.hero .hero-image { z-index: 1; display: block; position: relative; width: 100%; height: 100%; }
.hero-overlay { display: none; background-color: #000; bottom: 0; left: 0; opacity: .2; padding: 4rem 2rem; pointer-events: none; position: fixed; right: 0; top: 0; transform: translateX(0); transition: opacity .6s, visibility 0s .6s, transform 0s .6s; visibility: visible; z-index: 2; position: absolute; margin: var(--sr-container-padding); width: calc(100% - var(--sr-container-padding-x2)); height: calc(100% - var(--sr-container-padding-x2)); }
.right-90-degree { position: absolute; right: auto; top: 30px; left: 50%; transform: rotate(0deg) translateX(-50%)}
.lead { font-size: 18px; line-height: 2; text-align: left; color: var(--sr-body-font-color); }
small { font-size: .6em; line-height: inherit; }
h3 { display: flex; justify-content: center; align-items: center; }
h3 small { margin-left: 8px; margin-right: 8px; opacity: .7; }
.welcome { padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; }
.welcome span { display: block; color: #fff; line-height: 1; margin-bottom: 4px; }
.columns { column-count: 1; column-gap: 30px; }
.lead + .columns { margin-top: 50px; }
.page-title { height: 500px; position: relative; }
.page-title .img-wrap { width: calc(100% - 60px); height: calc(100%); position: absolute; top: 10px; left: 30px; z-index: 1; }
.page-title .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.page-title-container { width: 100%; position: absolute; bottom: 50px; left: auto; right: 0; z-index: 100; padding: 20px; background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); background-color:rgba(var(--sr-very-light-rgb), 1); -webkit-box-shadow: 6px -7px 12px -5px rgba(0,0,0,0.4); -moz-box-shadow: 6px -7px 12px -5px rgba(0,0,0,0.4); box-shadow: 6px -7px 12px -5px rgba(0,0,0,0.4); }
.page-title .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; margin-top: var(--bs-gutter-y); }
.page-title h1 { font-size: 25px; font-weight: 300; text-transform: uppercase; text-align: center; }
.breadcrumb { margin-bottom: 0; justify-content: center; }
.breadcrumb-item { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.breadcrumb-item a:hover { color: var(--carolina-blue); }
.page-title.generic { height: 200px; background-color: var(--peach-yellow); background-image: url(/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png); background-size: var(--sr-background-image-size); margin-top: 0; margin-bottom: 30px; margin-left: 30px; margin-right: 30px; }
.page-title.generic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.page-title.generic .page-title-container { display: flex; flex-direction: column; justify-content: center; min-width: 230px; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 100; padding: 20px 30px; background-image: url(/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png); background-size: var(--sr-background-image-size); background-color: rgba(var(--sr-very-light-rgb), 1); -webkit-box-shadow: 0 0 12px -5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 12px -5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 12px -5px rgba(0, 0, 0, 0.4); }
.page-title.generic .page-title-container h1 { text-align: center; }
.page-title.generic .page-title-container .breadcrumb { display: flex; flex-direction: row; justify-content: center; }

.card-row [class*=col-] { margin-bottom: 30px; height: 100%; }
.card { border-color: transparent; border-radius: 0; background-color: rgba(255,255,255,.3); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); padding: 30px; border: rgba(var(--eggplant-rgb),.3) dotted 2px; }
.card-img, .card-img-top { border-top-left-radius: var(--sr-card-inner-border-radius); border-top-right-radius: var(--sr-card-inner-border-radius); mix-blend-mode: multiply; }
.card-title { font-size: 14px; text-align: center; padding-top: 10px; padding-bottom: 30px; }
.card-title h5 { font-family: "cormorant-sc", sans-serif; font-weight: 300; font-style: normal; text-align: center; font-size: 1.5rem; color: var(--eggplant); text-transform: none; }
.card-title h6 { text-align: center; }
.text-section .logo { max-width: 150px; display: flex; justify-content: center; align-self: center; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.text-section .logo svg { width: 100%; height: auto; }
.testimonials .swiper-slide { display: flex; padding-left: 20px; padding-right: 20px; }
.testimonial { display: flex; flex-grow: 1; }
.testimonial::before { content: '\e14c'; display: block; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); font-family: 'Font Awesome 6 Pro', FontAwesome !important; color: var(--eggplant); font-size: 56px; font-weight: 700; }
.testimonial .card-title { padding-bottom: 0; }
.testimonial .card-body { align-items: center; justify-content: center; display: flex; flex: 1 1 auto; flex-direction: column; align-content: center; flex-wrap: wrap; }
.testimonial .card-body h6 { margin-bottom: 0; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0px; right: auto; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0; left: auto; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: calc(0px -(44px / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--eggplant); }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: '\f060'; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '\f061'; }
.swiper-button-next:after, .swiper-button-prev:after { font-family: 'Font Awesome 6 Pro', FontAwesome !important; font-size: 24px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; }
.contact-form.purple-paper-bg { position: relative; width: 100%; height: 100%; padding: 40px calc(var(--sr-gutter-x)* .5); color: #ffffff; }
.contact-form.purple-paper-bg h4 { color: #ffffff; text-transform: none; letter-spacing: 2px; }
.contact-form.purple-paper-bg .btn-primary { background-color: transparent; border-color: var(--sr-light-beige); color: var(--sr-light-beige); }
.contact-form.purple-paper-bg .credit { font-size: 11px; color: rgba(var(--vanilla-rgb), .6); text-transform: uppercase; letter-spacing: 2px; position: relative; bottom: -30px; left: 50%; transform: translateX(-50%); }
.contact-form.purple-paper-bg .lead { font-size: 15px; line-height: 1.5; text-align: left; color: rgba(var(--vanilla-rgb), .6);}


.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: transparent; background-clip: padding-box; border: none; border-bottom: rgba(var(--sr-light-beige-rgb), .4) solid 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-weight: 300; font-style: normal; }

.yellow-bg .form-control { border-bottom: rgba(var(--eggplant-rgb), .4) dotted 2px; }

.contact-form.purple-paper-bg .form-control { color: var(--sr-light-beige); }
.form-control:focus { color: var(--bs-body-color); background-color: transparent; border: none; border-bottom: 2px dotted #ffffff; outline: 0; box-shadow: none; }
.form-floating>.form-control, .form-floating>.form-control-plaintext { padding: 1rem 0; }
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: rgba(255,255,255, .65); transform: scale(.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: transparent; border-radius: 0; }
.form-check-input { --bs-form-check-bg: transparent; width: 1.25em; height: 1.25em; margin-top: 0.25em; vertical-align: top; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid var(--sr-light-beige); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; }
.formResults { background-color: rgba(107, 77, 87, 1); padding: 30px; color: var(--sr-light-beige); }
.formResults p { font-size: 14px; }
.yellow-bg .formResults { background-color: transparent; padding: 30px; color: var(--eggplant); }
.yellow-bg .formResults p { color: inherit; }
.floor-plan-form textarea { min-height: 100px !important; }
.contact-form.purple-paper-bg input:-webkit-autofill, .contact-form.purple-paper-bg input:-webkit-autofill:hover, .contact-form.purple-paper-bg input:-webkit-autofill:focus, .contact-form.purple-paper-bg input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #5d464e inset !important; -webkit-text-fill-color: var(--sr-light-beige) !important; }
.form-floating>label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; }
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { color: rgba(255, 255, 255, .65); transform: scale(.65) translateY(-0.5rem) translateX(0.15rem); }
label.error { position: absolute; width: auto; display: block; font-size: 12px; color: #ffffff !important; background-color: var(--error); padding: 4px 8px; max-width: 700px; margin: 10px auto; border-radius:6px; text-align: center; z-index: 1000; }
label.error:before { display: block; top: -15px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(153, 0, 0, 0); border-bottom-color: var(--error); border-width: 10px; margin-left: -10px; }
.error-right label.error { width: auto; display: inline-block; color: #ffffff !important; background-color: var(--error); padding: 8px; max-width: 700px; margin: 10px auto; border-radius:6px; text-align: center; z-index: 1000; }
.error-right label.error:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(153, 0, 0, 0); border-bottom-color: var(--error); border-width: 10px; margin-left: -10px; }
p.error { width: auto; display: block; color: #fff; background-color: var(--error); padding: 8px; max-width: 700px; margin: 10px auto; border-radius:6px; position:relative; text-align: center; }
.required { color: var(--error); font-size: 140%; font-family: Helvetica, Arial, sans-serif; line-height:normal; }
.submitting { opacity: .3; pointer-events: none; background-color: var(--sr-light-beige) !important; }
.btn-save { text-align: center; margin-top: 0; display: flex; align-items: center; justify-content: center; }
.saving:after { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); font-family: 'Font Awesome 6 Pro', FontAwesome !important; content: "\f021"; display: inline-block !important; margin: 0; color: var(--sr-light-beige); -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; }
@keyframes fa-spin { 0% { transform: translate(-50%, -50%) rotate(0deg) }
to { transform: translate(-50%, -50%) rotate(1turn); }
}
.saved:after { position: relative; font-family: 'Font Awesome 6 Pro', FontAwesome !important; content: "\f00c"; position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); display: inline-block !important; margin-left: 0; color: var(--sr-light-beige); }
.form-check-input:checked { background-color: var(--eggplant); border-color: var(--eggplant); }
.form-check-input:focus { border-color: var(--vanilla); outline: 0; box-shadow: 0 0 0 .10rem rgba(100, 100, 100, .25); }
.fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); background-color:rgba(var(--sr-body-color-rgb), 1); }
.fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: none; padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.2)); }
.carousel__button { width: var(--carousel-button-width, 48px); height: var(--carousel-button-height, 48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--eggplant); background: var(--carousel-button-bg, transparent); border-radius: var(--carousel-button-border-radius, 50%); box-shadow: var(--carousel-button-shadow, none); transition: opacity .15s ease; }
.carousel__button svg { width: var(--carousel-button-svg-width, 50%); height: var(--carousel-button-svg-height, 50%); fill: none; stroke: currentColor; stroke-width: var(--carousel-button-svg-stroke-width, 1.5); stroke-linejoin: bevel; stroke-linecap: round; filter: none; pointer-events: none; }
.fancybox__thumbs .carousel__slide .fancybox__thumb::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 5px; border-style: solid; border-color: var(--fancybox-accent-color, rgba(var(--sr-medium-blue-rgb), 0.96)); opacity: 0; transition: opacity .15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px); }
.modal-content { background-color: rgba(var(--sr-light-beige-rgb), 1); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); border-radius: 0; padding: 20px; }
.modal-header { border: none; }
.modal-content .btn-close { position: absolute; top: 20px; right: 20px; }
.modal-content .modal-header { flex-direction: column; padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
.modal-content .modal-header::after { content: ''; height: 1px; width: 50px; background-color: var(--eggplant); display: block; margin-left: auto; margin-right: auto; position: relative; margin-top: 20px; margin-bottom: 20px; }
.modal-content .modal-body h3 { margin-bottom: 0; line-height: 1.5; }
.modal-content .modal-body .card { padding: 15px; margin-bottom: 20px; }
.modal-content p { line-height: 1.6; }
.modal-content .floor-plans { padding-top: 20px; }
.modal-content .floor-plans .card-img-top { min-height: 175px; }
.modal-content .floor-plans .card-title { padding-bottom: 10px; }
.floorplan-modal h1 { text-align: center; font-size: 30px; text-transform: none; margin-bottom: 15px; }

.mapPopup { background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); }
.mapPopup h5 { color: var(--indigo-dye); }
.mapPopup p { margin-bottom: 0; }
.btn { --sr-btn-padding-x: 1.5rem; --sr-btn-padding-y: 0.75rem; --sr-btn-font-family: mundial, sans-serif; --sr-btn-font-size: .7rem; --sr-btn-font-weight: 700; --sr-btn-line-height: 1.5; --sr-btn-bg: transparent; --sr-btn-border-width: var(--sr-border-width); --sr-btn-border-radius: 0; --sr-btn-hover-border-color: var(--sr-accent-1); --sr-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --sr-btn-disabled-opacity: 0.65; --sr-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--sr-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--sr-btn-padding-y) var(--sr-btn-padding-x); font-family: var(--sr-btn-font-family); font-size: var(--sr-btn-font-size); font-weight: var(--sr-btn-font-weight); line-height: var(--sr-btn-line-height); color: var(--sr-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--sr-btn-border-width) solid var(--sr-btn-border-color); border-radius: var(--sr-btn-border-radius); background-color: var(--sr-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; text-transform: uppercase; letter-spacing: 2px; }
.btn-primary { color: var(--sr-btn-color); }

.welcome h2, 
.welcome h3 { display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; }

.lead { font-size: 18px; line-height: 2; text-align: center; color: var(--eggplant); }
.ssr-gph-1 { width: 60px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.ssr-gph-1 svg { height: 100%; }
.container-padding { padding: var(--sr-container-padding); }
.container-margin { margin: var(--sr-container-padding); }
.no-padding-bottom { padding-bottom: 0; }
.img-wrap-streetview { position: relative; bottom: -60px; max-width: 1300px; margin-left: auto; margin-right: auto; }
section { position: relative; }

h5 { font-size: 12px; }
h3.sea-shell, h5.sea-shell, .sea-shell { position: relative; display: flex; flex-direction: column; }
h3.sea-shell:before, h5.sea-shell:before, .sea-shell:before { content: ''; background-image: url("../images/SSR-gph-1.svg"); width: 60px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.the-neighborhood h5 { text-align: left; }
.the-neighborhood h2 { text-align: left; }
.the-neighborhood .left { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }

.the-neighborhood .disclaimer { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; width: 100%; text-align: center;  }

.center-vertical { display: flex; align-items: center; }
.dolphins-st0 { fill: #ccc; }
.dolphins::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40; ' xml:space='preserve'%3E%3Cg%3E%3Cpath class='dolphins-st0' d='M24,15.8c-0.2,0.1-0.3,0.3-0.3,0.6c0,0.2,0,0.4,0.2,0.6c0.1,0.2,0.3,0.3,0.6,0.3c0,0,0.1,0,0.1,0 c0.2,0,0.4-0.1,0.5-0.2c0.2-0.1,0.3-0.3,0.3-0.6c0-0.5-0.3-0.9-0.7-0.9C24.4,15.6,24.1,15.7,24,15.8z'/%3E%3Cpath class='dolphins-st0' d='M15,24.4c0.2,0,0.4-0.1,0.5-0.2c0.2-0.1,0.3-0.3,0.3-0.6c0-0.2,0-0.4-0.2-0.6c-0.1-0.2-0.3-0.3-0.6-0.3 c-0.5,0-0.9,0.3-0.9,0.7c0,0.2,0,0.4,0.2,0.6C14.5,24.2,14.7,24.3,15,24.4C14.9,24.4,15,24.4,15,24.4z'/%3E%3Cpath class='dolphins-st0' d='M15.3,26.3L15.3,26.3c1.4,0.3,3,0.4,4.7,0.5l0.2,0l0.2,0c0.4-0.1,0.5-0.4,0.5-0.8c0.5-3-3-5.8-4.1-6.6 c-0.9-0.6-1.7-1.3-2.5-1.8c0.3-0.4,0.5-0.7,0.8-1c0.1-0.1,0.2-0.2,0.3-0.3c0.6-0.6,1.4-1.3,1.3-2.3c-0.1-1.2-1.3-2-2.4-2h0 c-0.8,0-1.6,0.3-2.2,0.7c-0.3,0.2-0.4,0.5-0.3,0.8c0.1,0.1,0.2,0.3,0.4,0.3c0.2,0.1,0.3,0,0.5,0c0.5-0.3,1.1-0.5,1.7-0.5 c0.5,0,1.2,0.4,1.2,0.9c0,0.5-0.4,0.9-0.9,1.4c-0.1,0.1-0.2,0.2-0.3,0.3c-0.3,0.3-0.6,0.7-0.9,1c-2.4-2.1-3.4-3.9-3.4-5.6 c0-0.2-0.1-0.4-0.3-0.5c-0.2-0.1-0.4,0-0.6,0.2c-0.2,0.4-0.3,0.8-0.2,1.2c0.3,2.1,1.9,4,3.9,5.7c-0.5,0.9-0.8,1.9-0.7,2.8 c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.1,0.4,0.1c0,0,0.1,0,0.1,0c0.3,0,0.5-0.3,0.5-0.6c0-0.7,0.2-1.3,0.5-2 c0.8,0.6,1.6,1.2,2.4,1.8c3.4,2.4,3.7,4.5,3.6,5.2c-1.6,0-3-0.2-4.3-0.4l0,0l0,0c-2.9-0.5-5.1-1.6-6.5-3.1 c-1.7-1.9-2.3-4.5-1.9-8.4c0.3-3.4,2.8-7.1,6.2-9.3c2.2-1.4,5.8-2.7,10.3-1c1.1,0.4,2.6,1.1,3.1,2.4c0.1,0.3,0.2,0.6,0.1,0.7 c-0.1,0.1-0.2,0.1-0.5,0.1c-0.2,0-0.4-0.1-0.6-0.2c-0.1-0.1-0.3-0.1-0.4-0.2c-1.2-0.4-2.6-0.1-3.5,0.7c-0.2,0.2-0.4,0.4-0.7,0.6 C20.8,8,20.4,8.4,20,8.4c-0.5,0.1-1-0.4-1.3-0.9c-0.2-0.4-0.3-0.7-0.5-1c-0.1-0.3-0.2-0.5-0.4-0.8c-0.2-0.3-0.4-0.6-0.6-0.9 c-0.3-0.3-0.8-0.4-1.2-0.2c-0.1,0.1-0.2,0.2-0.2,0.3c0,0.2,0.1,0.3,0.2,0.4c0.3,0.2,0.6,0.5,0.8,0.9c0.1,0.3,0.2,0.5,0.4,0.8 c0.2,0.4,0.3,0.7,0.5,1.1c0.4,0.8,1.4,1.7,2.5,1.6c0.9-0.1,1.4-0.7,1.9-1.2c0.2-0.2,0.4-0.4,0.5-0.5c0.7-0.5,1.6-0.7,2.4-0.5 c0.1,0,0.2,0.1,0.4,0.1c0.2,0.1,0.5,0.2,0.8,0.2c0.6,0.1,1.2-0.1,1.6-0.5c0.4-0.5,0.5-1.2,0.1-2c-0.8-1.7-2.5-2.6-3.8-3 c-5-1.9-8.9-0.4-11.4,1.1C9,5.6,6.3,9.7,5.9,13.5c-0.3,2.9-0.3,6.6,2.2,9.3c0.1,0.1,0.2,0.2,0.3,0.3c-2.2-0.9-4.6-2.3-6.5-4.1 c0,0,0,0,0-0.1l0,0c0,0,0,0,0.1,0c0.9,0.3,1.7,0.5,2.4,0.5c0.2,0,0.4,0,0.5-0.2c0.1-0.1,0.2-0.3,0.1-0.5c-0.1-0.3-0.3-0.5-0.5-0.5 c-0.6-0.1-1.3-0.2-2.1-0.5c-0.6-0.2-1.2,0-1.5,0.5c-0.3,0.5-0.2,1.1,0.2,1.6c5.4,5.2,13.8,6.4,14.2,6.5L15.3,26.3z'/%3E%3Cpath class='dolphins-st0' d='M38.5,20.2c-5.4-5.2-13.8-6.4-14.2-6.5l-0.1,0c-1.4-0.3-3-0.4-4.8-0.5l-0.4,0c-0.4,0.1-0.5,0.4-0.5,0.8 c-0.5,3,3,5.8,4.1,6.6c0.9,0.6,1.7,1.3,2.5,1.8c-0.3,0.4-0.5,0.7-0.8,1c-0.1,0.1-0.2,0.2-0.3,0.3c-0.6,0.6-1.4,1.3-1.3,2.3 c0.1,1.2,1.3,2,2.4,2h0c0.5,0,1.1-0.1,1.6-0.4c0.2-0.1,0.4-0.2,0.6-0.3c0.1-0.1,0.2-0.2,0.3-0.4c0-0.2,0-0.3-0.1-0.5 c-0.2-0.3-0.5-0.4-0.8-0.2c-0.5,0.3-1.1,0.5-1.7,0.5c-0.5,0-1.2-0.4-1.2-0.9c0-0.5,0.4-0.9,0.9-1.4c0.1-0.1,0.2-0.2,0.3-0.3 c0.3-0.3,0.6-0.7,0.9-1c2.4,2.1,3.4,3.8,3.4,5.5c0,0.2,0.2,0.5,0.4,0.5c0.2,0.1,0.5,0,0.6-0.3c0.2-0.3,0.2-0.6,0.2-0.9 c-0.2-2.2-1.9-4.1-3.9-5.9c0.5-0.9,0.8-1.9,0.7-2.8c0-0.2-0.1-0.3-0.2-0.4c-0.1-0.1-0.3-0.2-0.5-0.1c-0.3,0-0.5,0.3-0.5,0.6 c0,0.7-0.2,1.3-0.5,2c-0.8-0.6-1.6-1.2-2.4-1.8c-3.4-2.4-3.7-4.5-3.6-5.2c1.6,0,3,0.2,4.3,0.4l0,0l0.1,0c2.9,0.5,5,1.6,6.4,3.1 c1.7,1.9,2.3,4.5,1.9,8.4c-0.3,3.4-2.8,7.1-6.2,9.2c-2.2,1.4-5.8,2.7-10.3,1c-1.1-0.4-2.6-1.1-3.1-2.4c-0.1-0.3-0.2-0.6-0.1-0.7 c0.1-0.1,0.2-0.1,0.5-0.1c0.2,0,0.4,0.1,0.6,0.2c0.1,0.1,0.3,0.1,0.4,0.2c1.2,0.4,2.6,0.1,3.5-0.7c0.2-0.2,0.4-0.4,0.7-0.6 c0.4-0.4,0.8-0.8,1.2-0.9c0.5-0.1,1,0.4,1.3,0.9c0.2,0.4,0.3,0.7,0.5,1.1c0.1,0.3,0.2,0.5,0.4,0.8c0.2,0.4,0.4,0.7,0.7,1 c0.3,0.3,0.7,0.4,1.1,0.2c0.1-0.1,0.2-0.2,0.3-0.4c0-0.2-0.1-0.3-0.2-0.4c-0.3-0.2-0.5-0.5-0.7-0.9c-0.1-0.3-0.2-0.5-0.4-0.8 c-0.2-0.4-0.3-0.7-0.5-1.1c-0.4-0.8-1.4-1.7-2.5-1.6c-0.9,0.1-1.4,0.7-1.9,1.2c-0.2,0.2-0.4,0.4-0.5,0.5c-0.7,0.5-1.6,0.7-2.4,0.5 c-0.1,0-0.2-0.1-0.4-0.1c-0.2-0.1-0.5-0.2-0.8-0.2c-0.6-0.1-1.2,0.1-1.6,0.5c-0.4,0.5-0.5,1.2-0.1,2c0.8,1.7,2.5,2.6,3.8,3 c1.6,0.6,3.1,0.9,4.7,0.9c2.3,0,4.6-0.7,6.7-2c3.7-2.3,6.4-6.4,6.8-10.2c0.3-2.9,0.3-6.6-2.2-9.3h0c-0.1-0.1-0.2-0.2-0.3-0.3 c2.2,0.9,4.6,2.3,6.5,4.1c0,0,0,0,0,0.1l0,0c0,0,0,0-0.1,0c-0.9-0.3-1.7-0.5-2.4-0.5c-0.2,0-0.4,0-0.5,0.2 c-0.1,0.1-0.2,0.3-0.1,0.5c0.1,0.3,0.3,0.5,0.5,0.5c0.6,0.1,1.3,0.2,2.1,0.5c0.1,0,0.3,0.1,0.4,0.1c0.4,0,0.9-0.2,1.1-0.6 C39,21.2,38.9,20.6,38.5,20.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); position: absolute; left: 0; height: 30px; width: 30px; line-height: 30px; display: inline-block; background-size: contain; }
h5.dolphins { text-align: left; line-height: 30px; margin: 0; padding: 0; padding-left: 35px; }
footer { padding: 0; background-color: var(--eggplant); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); --footer-accent-color: rgba(var(--vanilla-rgb), .6); --footer-text-color: rgba(var(--sr-light-beige-rgb), .6); display: flex; flex-direction: column; min-height: 450px; padding-top: 50px; padding-bottom: 50px; border-top: 12px solid rgba(100,100,100,.75); margin-bottom: 0; }
footer .footer-content { display: block; flex-direction: row; flex-grow: 1; }
footer .footer-content [class^="col-"] { margin-bottom: 30px; }
footer .logo svg path { fill: rgba(var(--sr-light-beige-rgb), .6); }
footer a { color: var(--vanilla); }
footer .credit-row { padding: 10px 20px; color: var(--vanilla); border-top: none; }
footer .credit-row p, footer .credit-row p a { color: var(--footer-accent-color); text-align: center; }
footer .credit-row p { margin-top: 10px; }
footer .credit-row p span:last-child { padding-right: 0; }
footer .logo { max-width: 200px; margin-left: auto; margin-right: auto; }
footer .logo-swish { fill: #FFFFFF; }
footer .logo-color { fill: #FFFFFF; }
footer h6 { font-size: 12px; line-height: 2; color: var(--footer-accent-color); font-weight: 700; margin-bottom: 20px; }
footer .nav-link { color: var(--footer-text-color); text-transform: uppercase; font-size: 12px; padding: 0 0 15px 0; }
footer .social-links .nav-link { padding: 3px 6px; }
footer .social-links .nav-item:first-child .nav-link { padding-left: 0; }
footer .social-links i { font-size: 18px; }
footer .btn { border: var(--sr-btn-border-width) solid var(--footer-accent-color); color: var(--footer-accent-color); }
footer .form-control { display: block; width: 100%; height: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--sr-light-beige); background-color: rgba(var(--vanilla-rgb), .1); background-clip: padding-box; border: none; border-bottom: 1px solid rgba(var(--vanilla-rgb), .25); border-top: 1px solid rgba(var(--vanilla-rgb), .25); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-weight: 300; font-style: normal; }
footer .form-control::placeholder { color: rgba(var(--vanilla-rgb), .6); }
footer .form-control:focus { color: var(--sr-light-beige); background-color: rgba(var(--sr-light-beige-rgb), .2); border: none; border-bottom: none; outline: 0; box-shadow: none; }
footer .form-control:focus::placeholder { color: rgba(var(--vanilla-rgb), .1) }
.partners { position: relative; padding: 60px 0; bottom: 0; width: 100%; z-index: -1; height: var(--sr-partners-height); }
.partners h2 { text-align: center; margin-bottom: 30px; }
.partners p { color: rgba(100,100,100,1); text-align: center; margin-bottom: 30px; }
.partners [class^="col-"] { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 50px; }
.partners .logo img { opacity: .7; }
.partners .logo svg path { fill: var(--sr-headline-color); stoke: none; }
.partners .logo-row { margin-bottom: 30px; }
.partners .logo-row h5 { color: rgba(100,100,100,1); text-align: center; font-size: 10px; letter-spacing: 2px; margin-bottom: 10px; }
.partners .logo-row h5::after { content: ''; display: block; position: relative; left: 50%; width: 1px; height: 30px; margin-top: 5px; background-color: rgba(150,150,150,.3); }
.partners .logo { max-width: 80%; display: block; align-items: center; justify-content: center; }
blockquote { border-top: var(--vanilla) solid 1px; border-bottom: var(--vanilla) solid 1px; padding-top: 25px; padding-bottom: 25px; font-size: 1.15rem; color: var(--eggplant); }
p + blockquote { margin-top: 25px; }
.newsletter-signup { padding: 30px 20px 20px 20px; color: var(--vanilla); border-top: 1px solid var(--footer-accent-color); margin-top: 30px; }
.newsletter-signup p { position: relative; text-transform: none; text-align: center; margin-bottom: 20px; letter-spacing: 0; font-size: 12px; }
.newsletter-signup .input-group { display: block; }
.newsletter-signup .input-group > div { position: relative; margin-bottom: 10px; }
.newsletter-signup .rule-before-after { display: flex; align-items: center; justify-content: center; width: 100%; }
.newsletter-signup .rule-before-after p { display: flex; flex-wrap: wrap; width: 100%; text-align: center; padding: 0 0; flex-shrink: 0; line-height: 0; }
.newsletter-signup .rule-before-after p::before, .newsletter-signup .rule-before-after p::after { display: none; content: ''; flex-grow: 1; background-color: var(--footer-accent-color); height: 1px; top: 50%; line-height: 20px; }
.newsletter-signup .rule-before-after p::before { margin-right: 10px; }
.newsletter-signup .rule-before-after p::after { margin-left: 10px; }
.newsletter-signup input:-webkit-autofill, .newsletter-signup input:-webkit-autofill:hover, .newsletter-signup input:-webkit-autofill:focus, .newsletter-signup input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #8b676b inset !important; -webkit-text-fill-color: var(--sr-light-beige) !important; }
.fab,.far { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; }
.fa-arrow-alt-circle-left:before { content:"\f359"; }
.fa-facebook-square:before { content:"\f082"; }
.fa-instagram:before { content:"\f16d"; }
.fa-youtube-square:before { content:"\f431"; }
.fab { font-family:"Font Awesome 5 Brands"; }
.far { font-family:"Font Awesome 5 Pro"; }
.far { font-weight:400; }
a:hover { text-decoration:none; color:#e5e3c9; }
.navbar-nav { flex-direction:row; }
.overlay-navigation { position:fixed; z-index:1050; top:0; left:0; width:100%; height:100%; transform:translateY(-100%); overflow-y: auto; }
.overlay-navigation .navbar-brand { width:175px; margin-bottom:15px; }
.overlay-navigation .navbar-brand svg path { fill: rgba(var(--sr-light-beige-rgb), .6); }
.overlay-slide-down { transition:all .4s ease-in-out; transform:translateY(0); }
.overlay-navigation nav { width:100%; height:100%; display:flex; align-items:center; transition:all .4s ease-in-out; }
.overlay-navigation nav ul.nav { flex-direction:column; width:100%; }
.overlay-navigation { padding: 30px; display: flex; }
.overlay-navigation .container-fluid { display: flex; flex-direction: column; }
.overlay-navigation .nav-column { display: flex; align-items: center; }
.overlay-navigation .navbar-nav li { line-height: 1; position: relative; list-style: decimal-leading-zero; }
.overlay-navigation .navbar-nav li::marker { color: rgba(var(--sr-light-beige-rgb),.3); }
.overlay-navigation .navbar-nav li .nav-link { display: flex; font-family: var(--main-nav-font); font-size: 18px; overflow: unset; color: rgba(var(--sr-light-beige-rgb), .6); text-transform: uppercase; letter-spacing: 2px; padding-top: 20px; padding-bottom: 20px; }
.overlay-navigation .nav-link { position: relative; display: flex; align-items: center; font-weight: 400; color: rgba(var(--sr-light-beige-rgb), 1); }
.overlay-navigation .nav-link:hover { color: rgba(var(--sr-light-beige-rgb), 1) !important; }
.overlay-navigation .nav-link.dropdown-toggle { position: relative; display: flex; align-items: center; }
.overlay-navigation .nav-item .nav-link.dropdown-toggle::after { content: ''; flex: 1; padding-bottom: 0; background-color: rgba(var(--sr-light-beige-rgb), .6); height: 1px; width: auto; margin-left: 20px; transform: scaleX(0%); transform-origin: 0% 50%; transition: transform 500ms ease-in-out; }
.overlay-navigation .nav-link.dropdown-toggle:hover::after, .overlay-navigation .nav-link.dropdown-toggle.hover-state::after { transform: scaleX(1); }
.overlay-navigation .nav-link .arrow::before { content: ''; margin-left: 5px; margin-right: -5px; display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgba(var(--sr-light-beige-rgb), .6); vertical-align: middle; }
.triangle, .caret { display: inline-block; width: 0; height: 0; margin-left: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgba(var(--sr-light-beige-rgb), .6); vertical-align: middle; }
.overlay-navigation .sub-menu { display: none; border-left: rgba(var(--sr-light-beige-rgb), .6) solid 1px; padding-left: 20px; }
.overlay-navigation .sub-menu li { list-style: none; }
.overlay-navigation .sub-menu li a.nav-link { display: block; font-size: 16px; overflow: unset; color: rgba(var(--sr-light-beige-rgb), .6); text-transform: uppercase; letter-spacing: 2px; padding-top: 6px; padding-bottom: 6px; line-height: 1; }
.overlay-navigation .sub-menu li a.nav-link:after { display: none; }
.overlay-navigation .sub-menu.show { transform: unset; }
.nav-column { position: relative; }
.nav-column-one { flex-direction: column; justify-content: center; }
.nav-column + .nav-column { padding-bottom:30px; }
.animate-nav-in { animation: overlay-nav-in 1s; transform:translateY(0%); }
.animate-nav-out { animation: overlay-nav-out 1s; transform:translateY(-100%); }
@keyframes overlay-nav-in { from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
@keyframes overlay-nav-out { from { transform: translateY(0%); }
to { transform: translateY(-100%); }
}
.social-icons { display: block; display: flex; gap: 10px; margin-top: 30px; padding-left:0px; }
.social-icons li { list-style: none; }
.social-icons li a:after { display: none; }
.home-stats-icon:before { content:"\f61c"; font-family: "Font Awesome 6 Pro"; font-size:24px; color:var(--sb-light-green); display: block; margin: 0 auto; font-weight: 300; margin-bottom: 7px; color: var(--eggplant); }
.home-stats-icon.bed:before { content:"\f236"; }
.home-stats-icon.bath:before { content:"\f2cd"; }
.home-stats-icon.sqft:before { content:"\f61c"; }
.home-stats-icon.half-bath:before { content:"\f7d8"; }
.home-stats { list-style: none; display: flex; justify-content: space-between; padding: 0; }
.home-stats li { text-align: center; font-size: 10px; text-transform: uppercase; font-weight: 600; }

.floor-plans .price { font-size: 16px !important; margin-bottom: 20px; }
.floor-plans .price span { font-size: 70%; }

.nav-open-close { transition:all .3s; }
.animate-nav-in + .nav-open-close { background: transparent; box-shadow: none; right: 20px; top:-10px; }
.nav-open-close.active { box-shadow: none; }
.padding-bottom-sm { padding-bottom:35px; }
.padding-bottom { padding-bottom:80px; }
.home-stats-icon.stories:before { content:'\e289'; }
.floorplan-details .page-title { height:auto; }
.floorplan-details .gallery-top { position:relative; overflow:hidden}
.floorplan-details .gallery-top .swiper-slide { height: 325px; background-color: rgba(var(--sr-light-beige-rgb),.5); mix-blend-mode: multiply; }
.floorplan-details .gallery-thumbs .swiper-slide { height: 100px; margin-top:10px; }
.floorplan-details .gallery-container .swiper-slide a { display: block; height:100%; width:100%; }
.floorplan-details .gallery-container .swiper-slide img { height:100%; object-fit: contain; }
.floorplan-details .gallery-thumbs .swiper-slide img { object-fit: cover}
.swiper-button-white:after { color: var(--vanilla)}
.floorplan-details h1 { text-align: center; font-size: 2.2rem; text-transform: none; margin-bottom:25px; }
.floorplan-details .info-container { padding-top: 30px; padding-bottom: 20px; }
.floorplan-details .info-container h5 { margin-bottom: 0; }
.floorplan-details .home-stats { margin-bottom: 0px; justify-content: center; flex-wrap:wrap}
.floorplan-details .home-stats li { width: 33.333%; margin-bottom: 20px; }
.back-btn { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color:var(--sr-link-color); margin-bottom:30px; position:relative; }
.floorplan-details .left-side { margin-bottom:40px; }
.floorplan-details .left-side h5 { margin-bottom:20px; }
.floorplan-details .left-side .card .d-flex { flex-wrap: wrap; justify-content: center; }
.floorplan-details .right-side .position-sticky { top:100px; }
.floorplan-details .right-side .yellow-bg { padding:30px; }
.floorplan-details .right-side .form-floating>.form-control:not(:placeholder-shown) { padding-top:25px; }
.floorplan-list .card-row [class*=col-], .plan-list.card-row [class*=col-] { margin-bottom:30px; height:100%; }
.plan-list.card-row [class*=col-]:last-child { margin-bottom:0px; }
.floorplan-list .card { height:100%; }
.floorplan-list .card .card-img-top { /*height:200px;*/ object-fit: contain; }
.page-title .title-container, .mainSwiper { width:calc(100% - 60px); margin:0px auto; padding-top:0; height:500px; position:relative; overflow:hidden; }
.page-title .title-container .swiper-slide img, .mainSwiper .swiper-slide img, .swiper-slide img { height:100%; object-fit: cover; }
.page-title .title-container .swiper-button-prev, .page-title .title-container .swiper-button-next, .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { left:15px; z-index: 100; color:var(--vanilla)}
.swiper-container .swiper-button-next { left:auto!important; right:15px; }
.swiper-container-fade .swiper-slide { opacity:0 !important; transition:opacity .4s; }
.swiper-container-fade .swiper-slide-active { opacity:1 !important; }
.carousel-holder + .welcome { margin-top:-20px; }
.carousel-holder .hero .swiper-button-prev, .carousel-holder .hero .swiper-button-next { left:35px !important; color:var(--vanilla)}
.carousel-holder .hero .swiper-button-next { left:auto !important; right:35px}
.carousel-holder .overlay { display: none; position: absolute; background-color: rgba(0, 0, 0, .2); top: 0; bottom: 20px; right: 20px; left: 20px; z-index: 1; }
.home .carousel-holder .hero { padding-top:0px; height:calc(100vh - 180px)}

.child-page-list [class*=col-] .row [class*=col-]{margin-bottom:30px;}
.child-page-list .card{height:100%;}
/*.child-page-list [class*=col-]:last-child .card{margin-bottom:0px;}*/

.error-page .d-flex{justify-content: center;}
.error-page .d-flex .btn{margin-right:15px;}
.error-page .d-flex .btn:last-child{margin-left:15px; margin-right:0px;}
.error-page h3.sea-shell{margin-bottom:12px;}
.error-page h3.sea-shell:before{margin-bottom:30px;}
.error-page p.lead{margin-bottom:40px;}


/******* progress update *******/

.progress-update .swiper-slide {
    border-color: transparent;
    border-radius: 0;
    background-color: rgba(255, 255, 255, .3);
    background-image: url(/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png);
    background-size: var(--sr-background-image-size);
    padding: 30px;
    border: rgba(var(--eggplant-rgb), .3) dotted 2px;
}


@media (min-width: 576px) { 
	.overlay-navigation { overflow-y: visible; }
	.overlay-navigation .container-fluid { justify-content: center; }
	.overlay-navigation .nav-column { align-items:flex-start; }
	.overlay-navigation .navbar-brand { width:225px; }
	.overlay-navigation .sub-menu { display: none; position: absolute; max-width: 350px; right: 0; left: auto; top: 50%; transform: translateY(-50%); border-left: rgba(var(--sr-light-beige-rgb), .6) solid 1px; padding-left: 20px; }
	.nav-column + .nav-column { padding-bottom:0px; }
}

@media (min-width: 768px) { 
	.padding-bottom-sm { padding-bottom:50px; }
	.animate-nav-in + .nav-open-close { right: 30px; }
	.floorplan-details .info-container { padding-bottom: 30px; }
	.floorplan-details .home-stats { justify-content: space-between; }
	.floorplan-details .home-stats li { width: 20%; margin-bottom: 0px; }
	.floorplan-details .gallery-top .swiper-slide { height: 500px; }
	.floorplan-details .gallery-thumbs .swiper-slide { height: 150px; }
	.floorplan-details .width-50 { width:50%; }
	.floorplan-details .left-side .card a { width:50%; padding-left:12px; padding-right:12px; }
	.page-title .title-container, .mainSwiper { width:calc(100% - 120px); height:700px; }
	.home .carousel-holder .hero { height:calc(100vh - 100px)}
	.page-title { height: 700px; position: relative; }
	.page-title .img-wrap { width: calc(100% - 120px); height: calc(100%); position: absolute; top: 30px; left: 60px; z-index: 1; }
	.page-title-container { width: auto; position: absolute; bottom: 90px; left: 60px; right: auto; z-index: 100; padding: 30px 50px; background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); background-color:rgba(var(--sr-very-light-rgb), 1); -webkit-box-shadow: 6px -7px 12px -5px rgba(0,0,0,0.4); -moz-box-shadow: 6px -7px 12px -5px rgba(0,0,0,0.4); box-shadow: 6px -7px 12px -5px rgba(0,0,0,0.4); }
	.page-title .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); margin-top: var(--bs-gutter-y); }
	.page-title h1 { font-size: 30px; font-weight: 300; text-transform: uppercase; text-align: left; }
	.breadcrumb { margin-bottom: 0; justify-content:flex-start; }
	.page-title.generic { height: 200px; background-color: var(--peach-yellow); background-image: url(/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png); background-size: var(--sr-background-image-size); margin-top: 0; margin-bottom: 20px; margin-left: 60px; margin-right: 60px; }
	.page-title.generic .page-title-container { display: flex; flex-direction: column; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); padding: 30px 50px; }
	.welcome { padding-top: 50px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; }
	.nav-open-close { position: fixed; top: 0; right: 40px; width: 50px; }
	.navbutton { width: 50px; }
	.nav-open-close.active .navbutton { width: 70px; }
	header .logo { width: auto; height: auto; max-width: 300px; fill: var(--indigo-dye); transition: all 1s; padding-top: 20px; padding-bottom: 20px; }
	header .doodad { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); width: 50px; transition: all 1s; }
	.scrolling header .logo { height: auto; fill: var(--indigo-dye); padding-top: 10px; padding-bottom: 10px; max-width: 250px; }
	.modal-content { padding: 30px; }
	.modal-content .floor-plans .card-title { padding-bottom: 30px; }
	.modal-content .modal-body .card { padding: 30px; }
	.hero .main-graphic { max-width: 700px; }
	.hero .main-graphic h1 { color: #fff; font-size: 55px; margin-top: 15px; margin-bottom: 15px; }
	.overlay-navigation .navbar-brand { width:100%; }
	.overlay-navigation .nav-column { align-items:center; }
	.overlay-navigation .navbar-nav li .nav-link { font-size: 24px; padding-top: 30px; padding-bottom: 30px; }
	.welcome { padding-top: 80px; padding-bottom: 80px; padding-left: unset; padding-right: unset; }
	footer .credit-row p, footer .credit-row p a { text-align: right; }
	.newsletter-signup { padding: 10px 0 20px 0; border-top: none; }
	.newsletter-signup .input-group { display: flex; }
	.newsletter-signup .input-group > div { position: relative; margin-bottom: 0; }
	.newsletter-signup .rule-before-after p::before, .newsletter-signup .rule-before-after p::after { content: ''; display: block; flex-grow: 1; background-color: var(--footer-accent-color); height: 1px; top: 50%; line-height: 20px; }
}



@media (min-width: 991px) { 
	.floorplan-details .left-side { margin-bottom:0px; }
	.floorplan-details .home-stats { max-width:75%; margin:0 auto 1rem auto; }
	.floorplan-details .gallery-top .swiper-slide { height: 600px; }
	.carousel-holder + .welcome { margin-top:-50px; }
	.carousel-holder .hero .swiper-button-prev, .carousel-holder .hero .swiper-button-next { left:65px !important; color:var(--vanilla)}
	.carousel-holder .hero .swiper-button-next { left:auto !important; right:65px}
	.carousel-holder .overlay { bottom: 50px; right: 50px; left: 50px; }
	.home .carousel-holder .hero .container { height: calc(100% - 100px); }
	.floorplan-modal .home-stats { max-width: 75%; margin: 0 auto 1rem auto;
}
	


@media (min-width: 992px) { 
	:root { --sr-container-padding: 50px; --sr-container-padding-x2: 100px; --sr-partners-height: 0; }
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; }
	.overlay-navigation { padding: 60px; }
	h2 { font-size: 2.25rem; line-height: 1; }
	h5 { font-size: 12px; }
	.right-90-degree { transform: rotate(-90deg); position: absolute; right: 30px; top: 30px; left: auto; }
	.hero { display: flex; justify-content: center; position: relative; height: 100vh; padding: var(--sr-container-padding); }
	.hero .logo { width: 50%; max-width: 200px; position: relative; z-index: 10; }
	.hero .logo-swish { fill: #FFFFFF; }
	.hero .logo-color { fill: #FFFFFF; }
	
	.hero .container { display: flex; justify-content: center; flex-direction: column; align-content: center; align-items: center; position: absolute; height: calc(100% - var(--sr-container-padding-x2)); z-index: 15; padding-top: 40px; padding-bottom: 40px; padding-left: 60px; padding-right: 60px; }
	.hero .container h2 { font-size: 14px; padding-left: 30px; padding-right: 30px; }
	
	.hero .hero-image { z-index: 1; display: block; position: relative; width: 100%; height: 100%; }
	.hero-overlay { background-color: #000; bottom: 0; left: 0; opacity: .2; padding: 4rem 2rem; pointer-events: none; position: fixed; right: 0; top: 0; transform: translateX(0); transition: opacity .6s, visibility 0s .6s, transform 0s .6s; visibility: visible; z-index: 2; position: absolute; margin: var(--sr-container-padding); width: calc(100% - var(--sr-container-padding-x2)); height: calc(100% - var(--sr-container-padding-x2)); }
	p.lead { font-size: 18px; line-height: 2; text-align: center; color: var(--eggplant); }
	.contact-form.purple-paper-bg { width: 100%; height: 100%; padding: 60px; color: #ffffff; }
	.the-neighborhood h5 { text-align: left; margin-right: 30px; }
	.the-neighborhood h2 { text-align: left; }
	.the-neighborhood .left { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
	footer { min-height: 450px; padding-top: 50px; padding-bottom: 50px; margin-bottom: var(--sr-partners-height); }
	footer .footer-content [class^="col-"] { margin-bottom: 0; }
	footer .logo { max-width: 200px; margin-left: 0; margin-right: auto; }
	.partners { position: fixed; padding: 80px 40px; bottom: 0; width: 100%; z-index: -1; height: var(--sr-partners-height); }
	.partners [class^="col-"] { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
	.partners .logo-row h5::after { height: 20px; margin-top: 5px; }
	.columns { column-count: 2; column-gap: 30px; }
	.modal-content .modal-body .card { padding: 15px; margin-bottom: 0; }
}


@media (min-width: 1200px) { 
	:root { --sr-container-padding: 60px; --sr-container-padding-x2: 120px; --sr-partners-height: 0; }
	.the-neighborhood .left > div { display: flex; align-items: center; }
	.the-neighborhood h5 { text-align: right; margin-right: 30px; }
	.the-neighborhood h2 { text-align: left; }
	.the-neighborhood .left { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
	.carousel-holder + .welcome { margin-top:-60px; }
	.carousel-holder .hero .swiper-button-prev, .carousel-holder .hero .swiper-button-next { left:75px !important; color:var(--vanilla)}
	.carousel-holder .hero .swiper-button-next { left:auto !important; right:75px}
	.carousel-holder .overlay { bottom: 60px; right: 60px; left: 60px; }
	.home .carousel-holder .hero .container { height: calc(100% - 120px); }
}
	
@media (min-width: 1400px) { .overlay-navigation .navbar-brand { width: 250px; }
}
@media (min-width: 1500px) { .overlay-navigation .navbar-brand { width: 300px; }
}


@media print { body { margin:0; }
}