body { --brand-primary-color:#2695a0; --brand-highlight-color:#cbeaed; --brand-highlight-text-color:#03838c; } /*----------------------------- Common ----------------------------- */ body.sunniva-modal-is-open { overflow:hidden; } /* .sunniva-content {color:#0F0F0F;font-size: 20px;line-height: 1.5em;font-family: avenir-lt-pro, sans-serif;font-weight: 500;font-style: normal;} */ .sunniva-content {color:#0F0F0F;font-size: 20px;line-height: 1.5em;font-family: "Nunito Sans", sans-serif;font-weight: 500;font-style: normal;} .sunniva-content .container {margin-left:auto;margin-right:auto; } .sunniva-content .container-95 { width:95%; margin-left:auto; margin-right:auto; } .sunniva-content .bg-overlay { ;position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(95, 95, 95, 0) 50%, rgba(255, 255, 255, 0) 100%);width: 100%;} .sunniva-content form br { display: inline;} .sunniva-content .toggle i { transition:rotate 0.3s ease; } @keyframes sunnivaDropdownIn { from { opacity:0; transform: translateY(-6px); } to { opacity:1; transform: translateY(0); } } @keyframes sunnivaFadeIn { from { opacity:0; } to { opacity:1; } } #svm #wrapper .sunniva-content .stars[data-star-count] i[class*="sv-option"]{ display:none; } #svm #wrapper .sunniva-content .stars[data-star-count="5"] i.sv-option-5 { display:inline; } #svm #wrapper .sunniva-content .stars[data-star-count="4.5"] i.sv-option-4-half { display:inline; } #svm #wrapper .sunniva-content .stars[data-star-count="4"] i.sv-option-4 { display:inline; } #svm #wrapper .sunniva-content .stars[data-star-count="3.5"] i.sv-option-3-half { display:inline; } #svm #wrapper .sunniva-content h1, #svm #wrapper .sunniva-content h2, #svm #wrapper .sunniva-content h3 { font-family: "EB Garamond", serif; margin:0; padding:0; } #svm #wrapper .sunniva-content h1 {font-size: clamp(50px, calc(4vw), 66px);margin: 0 0 35px;color: #314C58;font-weight: 700;line-height: 1em;} #svm #wrapper .sunniva-content h2 {font-size: clamp(42px, calc(4vw), 55px);color: #314C58;font-weight: 700;margin: 0 0 25px;gap: 5px;} #svm #wrapper .sunniva-content h3 {font-size: clamp(26px, calc(2.25vw), 43px);color: #314C58;font-weight: 700;} #svm #wrapper .sunniva-content .sunniva-header-font { font-family: "EB Garamond", serif; } #svm #wrapper .sunniva-content .sunniva-bold { font-weight:700; } #svm #wrapper .sunniva-content ol, #svm #wrapper .sunniva-content ul {margin: 0 0 30px;padding: 0 0 0 30px;} #svm #wrapper .sunniva-content ol li, #svm #wrapper .sunniva-content ul li {padding: 4px 0;} #svm #wrapper .sunniva-content .checklist {list-style: none;padding: 0;margin: 0;} #svm #wrapper .sunniva-content .checklist li {position: relative;padding: 6px 0 6px 33px;line-height: 1.35em;} #svm #wrapper .sunniva-content .checklist li::before {content:'\f00c';color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0;transform-origin: center;line-height: 1em;font-size: 14px;height: 25px;width: 25px;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease;position: absolute;background: #ABEAC1;border-radius: 50%;left: 0;top: 9px;} #svm #wrapper .sunniva-content .sunniva-teal { color:#02838C; } #svm #wrapper .sunniva-content .sunniva-dark { color:#314C58; } #svm #wrapper .sunniva-content .sunniva-black { color:#000; } #svm #wrapper .sunniva-content .sunniva-bubble {background:#05838C;color: #fff;font-size: .85em;border-radius: 100px;font-weight: 700;letter-spacing: .3px;white-space: nowrap;padding: 6px 16px;} #svm #wrapper .sunniva-content .sunniva-capstext {text-transform: uppercase;font-weight: 700;font-size: 18px;letter-spacing: 0;} #svm #wrapper .sunniva-content .white-text, #svm #wrapper .sunniva-content .white-text * { color:#fff; } #svm #wrapper .sunniva-content .sunniva-highlight-box {color: #5A4F3F;border: 1px solid #A8D4E8;background: rgba(203,234,237,0.4);padding: 15px 20px;font-size: 15px;border-radius: 15px;} #svm #wrapper .sunniva-content .sunniva-highlight-box p {margin:0;line-height: 1.35em;} #svm #wrapper .sunniva-content .sunniva-highlight-box strong { color:#02838C; } #svm #wrapper .sunniva-quote-general {background: #FAF6F5;padding: 20px 20px;border-left-color: #000;border-left-style: solid;border-left-width: 3px;font-size: 18px;} #svm #wrapper .sunniva-quote-general .quote-text { } #svm #wrapper .sunniva-quote-general .quote-text::before { } #svm #wrapper .sunniva-quote-general .quote-text::after { } #svm #wrapper .sunniva-quote-general .author { font-weight: 700;} body#svm #wrapper .sunniva-loading {position: relative;min-height: 250px;max-width: 100vw;overflow: hidden;} body#svm #wrapper .sunniva-loading * { visibility:hidden;} body#svm #wrapper .sunniva-loading::before {content:"";z-index: 1;position: absolute;top: 0;left: 0;height: 100%;width: 100%;backdrop-filter: blur(5px);background-color: rgba(255, 255, 255, 1);} body#svm #wrapper .sunniva-loading::after {content: ''; z-index: 2;position: absolute; top: min(50%, 250px);left: 50%;margin-top: -40px;margin-left: -40px;width: 80px;height: 80px;border-radius: 50px;border: 10px solid #ebebeb; border-top-color: var(--brand-primary-color);animation: sunniva_loading 1s linear infinite;} @keyframes sunniva_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } *:has(> .sunniva-tooltip) {position: relative;cursor: help;text-decoration: underline dotted #A8A8A3;text-underline-offset: 3px;text-decoration-thickness: 1px;} .sunniva-tooltip {position: absolute;background: #000;color: #fff;display: block;z-index: 1;bottom: 100%;left: 0;font-size: 15px;padding: 10px;font-weight: 600;line-height: 1.25em;width: 280px;pointer-events: none;o;border-radius: 10px;opacity: 0;transition: all 0.3s ease;transform: translateY(10px);} *:has(> .sunniva-tooltip):hover .sunniva-tooltip {opacity:1;transform: translateY(0);} #svm #wrapper .sunniva-content hr {width: 100%;} .sunniva-content a {color: #C3AE3D;} .sunniva-content a.box-link::after { content:""; position:absolute; inset:0; height:100%; width:100%; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce'])[class*="btn-sunniva"] {border-radius: 35px;padding: 10px 25px;white-space: nowrap;font-size:15px;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-primary {background: #03838C;color: #fff; border:1px solid #03838C; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-primary:hover { background:#026870; border-color:#026870; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-white {background: #fff;color: #314C58; border:1.5px solid #DDD7CC;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-white:hover {border-color:#05838C; background: #f0f8f7; border-color:#05838C; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-always-white {background: #fff;color: #000; border:1.5px solid #fff;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-always-white:hover {border-color:#fff;background: #fff;border-color:#fff;transform: translateY(-2px);} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-white.active {border-color:#05838C; background: #f0f8f7; border-color:#05838C; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-white-to-primary {background: #fff;color: #314C58; border:1.5px solid #DDD7CC;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-white-to-primary:hover {border-color:#026870; background: #026870; color:#fff; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-clear-white {background: transparent;color: #fff;border:1.5px solid #DDD7CC;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-clear-white:hover {color:#000; background: #fff; border-color:#fff; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-blue {background: #004B72;color: #fff; border:1.5px solid #004B72;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-blue:hover {background:#002b42; border-color:#002b42; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-clear {background: none;color: #314C58; border:1.5px solid #314C58;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-clear:hover {background:#314C58; color:#fff; border-color:#314C58; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-primary-toggle {background: #fff;color: #314C58; border:1px solid #DDD7CC; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-primary-toggle:hover { background:#03838C; border-color:#026870; color: #fff; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-primary-toggle.active { background:#03838C; border-color:#026870; color: #fff;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-option-control {background: #fff;color: #314C58;border:1.5px solid #DDD7CC;font-size: 14px;padding: 5px 15px;border-radius: 25px;min-width: 80px;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-option-control:hover {border-color:#05838C; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-option-control.option-control-active {border-color:#05838C; background: #f0f8f7; border-color:#05838C; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-short {padding-top: 10px;padding-bottom: 10px;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-full { width:100%; } #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-large {padding: 18px 36px;font-weight: 800;font-size: 18px;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-small {padding: 8px 16px;font-weight: 800;font-size: 13px;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-disabled {background: #e5e5e5!important;color: #adadad!important;border-color:#e5e5e5!important;cursor: default;pointer-events: none;} #svm #wrapper .sunniva-content [class*='btn-'][class*="button-icon"] {display: inline-flex!important;align-items: center;justify-content: center;} #svm #wrapper .sunniva-content [class*='btn-'][class*="button-icon"]::before {color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0 10px 0 0;transform-origin: center;line-height: 1em;font-size: 18px;height: 18px;width: 18px;display: inline-flex;align-items: center;justify-content: center;background: none;transition: all 0.3s ease;} #svm #wrapper .sunniva-content [class*='btn-'][class*="button-icon"]::after {color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0 0 0 10px;transform-origin: center;line-height: 1em;font-size: 18px;height: 18px;width: 18px;display: inline-flex;align-items: center;justify-content: center;background: none;transition: all 0.3s ease;} #svm #wrapper .sunniva-content .button-icon-external::before, #svm #wrapper .sunniva-content .button-icon-external::after {content:'\f35d';} #svm #wrapper .sunniva-content .button-icon-phone::before, #svm #wrapper .sunniva-content .button-icon-phone::after {content: '\f879'; } #svm #wrapper .sunniva-content .button-icon-marker::before, #svm #wrapper .sunniva-content.button-icon-marker::after {content:'\f3c5'; } #svm #wrapper .sunniva-content .button-icon-group::before, #svm #wrapper .sunniva-content .button-icon-group::after {content:'\f500'; } #svm #wrapper .sunniva-content .button-icon-print::before, #svm #wrapper .sunniva-content .button-icon-print::after {content:'\f02f'; } #svm #wrapper .sunniva-content .button-icon-share::before, #svm #wrapper .sunniva-content .button-icon-share::after {content:'\f1e0'; } #svm #wrapper .sunniva-content .button-icon-email::before, #svm #wrapper .sunniva-content .button-icon-email::after {content:'\f0e0'; } #svm #wrapper .sunniva-content .button-icon-edit::before, #svm #wrapper .sunniva-content.button-icon-edit::after {content:'\f044'; } #svm #wrapper .sunniva-content .button-icon-link::before, #svm #wrapper .sunniva-content .button-icon-link::after {content:'\f0c1'; } #svm #wrapper .sunniva-content .button-icon-compare::before, #svm #wrapper .sunniva-content .button-icon-compare::after { content: '\e473'; } #svm #wrapper .sunniva-content .button-icon-calendar::before, #svm #wrapper .sunniva-content .button-icon-calendar::after { content:'\f073'; } #svm #wrapper .sunniva-content .button-icon-contact::before, #svm #wrapper .sunniva-content .button-icon-contact::after { content:'\f075'; } #svm #wrapper .sunniva-content .button-icon-download::before, #svm #wrapper .sunniva-content .button-icon-download::after { content:'\f019'; } #svm #wrapper .sunniva-content .button-icon-lock::before, #svm #wrapper .sunniva-content .button-icon-lock::after { content:'\f023'; } #svm #wrapper .sunniva-content .button-icon-tour::before, #svm #wrapper .sunniva-content .button-icon-tour::after { content:'\f073'; } #svm #wrapper .sunniva-content .button-icon-directions::before, #svm #wrapper .sunniva-content .button-icon-directions::after { content:'\f124'; } #svm #wrapper .sunniva-content .button-icon-map::before, #svm #wrapper .sunniva-content .button-icon-map::after { content:'\f5a0'; } #svm #wrapper .sunniva-content .button-icon-photo-gallery::before, #svm #wrapper .sunniva-content .button-icon-photo-gallery::after { content:'\f84c'; } #svm #wrapper .sunniva-content .button-icon-arrow::before, #svm #wrapper .sunniva-content .button-icon-arrow::after {content:'\f061';font-size: 14px!important;margin: 0 0 0 5px!important;opacity:1;} #svm #wrapper .sunniva-content .button-icon-arrow:hover::before, #svm #wrapper .sunniva-content .button-icon-arrow:hover::after {opacity:1;transform: translateX(2px);} #svm #wrapper .sunniva-content .button-icon-down::before, #svm #wrapper .sunniva-content .button-icon-down::after {content:'\f078';font-size: 14px!important;margin: 0 0 0 5px!important;opacity:1;} #svm #wrapper .sunniva-content .button-icon-down:hover::before, #svm #wrapper .sunniva-content .button-icon-down:hover::after {opacity:1;transform: translateY(2px);} #svm #wrapper .sunniva-content .button-icon-sliders::before, #svm #wrapper .sunniva-content .button-icon-sliders::after { content:'\f1de'; } #svm #wrapper .sunniva-content .button-icon-paper-plane::before, #svm #wrapper .sunniva-content .button-icon-paper-plane::after { content:'\f1d8'; } #svm #wrapper .sunniva-content .button-icon-user::before, #svm #wrapper .sunniva-content .button-icon-user::after { content:'\f007'; } #svm #wrapper .sunniva-content .button-icon-users::before, #svm #wrapper .sunniva-content .button-icon-users::after { content:'\f500'; } #svm #wrapper .sunniva-content .button-icon-close::before, #svm #wrapper .sunniva-content .button-icon-close::after { content:'\f00d'; } #svm #wrapper .sunniva-content .button-icon-community::before, #svm #wrapper .sunniva-content .button-icon-community::after { content:'\f015'; } /* #svm #wrapper .sunniva-content .button-icon-pdf::before, #svm #wrapper .sunniva-content .button-icon-pdf::after {content: url("data:image/svg+xml;utf8,"); } #svm #wrapper .sunniva-content .button-icon-search::before, #svm #wrapper .sunniva-content .button-icon-search::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.904' height='16.903' viewBox='0 0 16.904 16.903'%3E%3Cpath d='M18.2,18.2,14.608,14.6M16.6,9.8A6.8,6.8,0,1,1,9.8,3a6.8,6.8,0,0,1,6.8,6.8Z' transform='translate(-2 -2)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");} #svm #wrapper .sunniva-content .button-icon-floorplans::before, #svm #wrapper .sunniva-content .button-icon-floorplans::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cline x1='4' y1='9' x2='20' y2='9'/%3E%3Cline x1='9' y1='3' x2='9' y2='21'/%3E%3C/svg%3E");} */ #svm #wrapper .sunniva-content .button-icon-pdf::before, #svm #wrapper .sunniva-content .button-icon-pdf::after {content:'\f1c1'; } #svm #wrapper .sunniva-content .button-icon-search::before, #svm #wrapper .sunniva-content .button-icon-search::after { content:'\f002'; } #svm #wrapper .sunniva-content .button-icon-floorplans::before, #svm #wrapper .sunniva-content .button-icon-floorplans::after { content:'\f1ad'; } #svm #wrapper .sunniva-content .button-icon-location-none::before, #svm #wrapper .sunniva-content .button-icon-location-none::before { display:none!important; } #svm #wrapper .sunniva-content .button-icon-location-right::before { display:none!important; } #svm #wrapper .sunniva-content .button-icon-location-left::after { display:none!important; } #svm #wrapper .sunniva-content .button-icon-arrow.button-icon-location-left::before {content: '\f060';margin: 0 5px 0 0!important;} #svm #wrapper .sunniva-content [class*='btn-']:not([class*='mce']).btn-sunniva-small[class*="button-icon"]::before {font-size: 15px;height: 15px;width: 15px;} #svm #wrapper .sunniva-content .btn-sunniva-gform-submit {width: 100%!important;padding: 15px 25px!important;font-size: 20px!important;letter-spacing: 0!important;} #svm #wrapper .sunniva-content a.share-menu {padding: 0!important;line-height: 1em; display:flex; } #svm #wrapper .sunniva-content a.share-menu .share-text {padding-left: 20px!important;padding-right: 5px!important;padding-top:15px!important;padding-bottom:15px!important;display: block;} #svm #wrapper .sunniva-content a.share-menu .share-toggle {border-left: 1px solid transparent;display: flex;align-items: center;justify-content: center;padding: 0 15px 0 5px;} #svm #wrapper .sunniva-content a.share-menu .share-toggle::after { color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none; content:'\f078';font-size: 14px!important; } #svm #wrapper .sunniva-content .action-share {position: relative;} #svm #wrapper .sunniva-content .action-share .share-dropdown {opacity: 0;pointer-events: none;background: #fff;border-radius: 14px;box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);/* border: 1px solid #d4d4d4; */z-index: 1;width: auto;position: absolute;top: calc(100% + 6px );overflow: hidden;} #svm #wrapper .sunniva-content .action-share.active .share-dropdown {opacity: 1;pointer-events: all; z-index: 1000;} #svm #wrapper .sunniva-content .action-share .share-dropdown ul {margin: 0!important;padding: 0!important;list-style: none; } #svm #wrapper .sunniva-content .action-share .share-dropdown ul li {display: flex;padding: 15px 20px 15px 10px;font-size: 14px;gap: 15px;line-height: 1.25em;align-items: center;cursor: pointer;transition: all 0.3s ease;} #svm #wrapper .sunniva-content .action-share .share-dropdown ul li .icon {background: #fff;width: 40px;height: 40px;border: 1px solid #E4E1DC;display: flex;flex-shrink: 0;align-items: center;justify-content: center;border-radius: 10px;font-size: 16px;padding: 10px;} #svm #wrapper .sunniva-content .action-share .share-dropdown ul li .icon svg { width:100%; height:100%; } #svm #wrapper .sunniva-content .action-share .share-dropdown ul li .share-item-content {white-space: nowrap;transition: color 0.3s ease;} #svm #wrapper .sunniva-content .action-share .share-dropdown ul li .share-item-content strong {display: block;} #svm #wrapper .sunniva-content .action-share .share-dropdown ul li:hover {background:var(--brand-white-button-color); } #svm #wrapper .sunniva-content .action-share .share-dropdown ul li:hover .share-item-content { color:#fff; } #svm #wrapper .sunniva-content .action-share .share-dropdown ul li .copy-success-text { display:none!important; } #svm #wrapper .sunniva-content .action-share .share-dropdown ul li.copy-success .share-item-content * { display:none!important;} #svm #wrapper .sunniva-content .action-share .share-dropdown ul li.copy-success .share-item-content .copy-success-text { display:block!important; } @media (max-width:1200px){ #svm #wrapper .sunniva-content .action-share .share-dropdown { position: fixed;top: auto;bottom: 0;width: 100%;left: 0; } } #svm #wrapper .sunniva-content .sunniva-underline-link {border-bottom-style: solid;border-bottom-width: 1.5px;padding-bottom: 1px;text-decoration: none!important;font-weight: 700; } #svm #wrapper .sunniva-content .sunniva-arrow-link {border-bottom-style: solid;border-bottom-width: 1.5px;padding-bottom: 2px;text-decoration: none!important;display: inline-flex;align-items: center;font-weight: 700;position: relative;} #svm #wrapper .sunniva-content .sunniva-arrow-link::after {content:'\f061';color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0 0 0 5px;transform-origin: center;line-height: 1em;font-size: 18px;height: 18px;width: 18px;display: inline-flex;align-items: center;justify-content: center;background: none;transition: all 0.3s ease;} #svm #wrapper .sunniva-content .sunniva-arrow-link:hover::after { margin-left:10px; } #svm #wrapper .sunniva-content input[type=checkbox] { -webkit-appearance: none;-moz-appearance: none;appearance: none; margin: 0;font: inherit; width: 23px;height: 23px; border: 1px solid #5a5a5a; border-radius: 0.15em; transform: translateY(-0.075em);display: grid; place-content: center;} #svm #wrapper .sunniva-content input[type=checkbox]::before {content: ""; width: 15px; height: 15px; -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color);background-color: #03838c;} #svm #wrapper .sunniva-content input[type=checkbox]:checked::before {transform: scale(1);} .sunniva-select-element-wrapper {position: relative;} .sunniva-select-element-wrapper select {appearance: none;border: 1.5px solid #DDD7CC;border-radius: 100px;padding: 9px 36px 9px 16px;cursor: pointer;font-size: 16px;color: #004B72;} .sunniva-select-element-wrapper::after {content:'\f078';color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0;transform-origin: center;line-height: 1em;font-size: 14px;height: 25px;width: 25px;display: inline-flex;align-items: center;justify-content: center;transition: all 0.3s ease;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);} .sunniva-select-element-wrapper:has(select:open)::after {transform: translateY(-50%) rotate(180deg);} .sunniva-content .gform_wrapper { } .sunniva-content .gform_wrapper label, .sunniva-content .gform_wrapper legend {font-weight: 700!important; font-size: 14px!important;text-transform: uppercase;margin: 0 0 6px!important;padding: 0!important;} body#svm #wrapper .sunniva-content .gform_fields > .gfield { margin:0;} body#svm #wrapper .sunniva-content .gform_wrapper [data-js-spinner-id="gform-ajax-spinner"] { display:none!important; } body#svm #wrapper .sunniva-content .form-wrapper { position: relative;} body#svm #wrapper .sunniva-content .form-wrapper:has([data-js-spinner-id="gform-ajax-spinner"])::before {content:"";z-index: 1;position: absolute;top: 0;left: 0;height: 100%;width: 100%;backdrop-filter: blur(5px);background-color: rgba(255, 255, 255, 1);} body#svm #wrapper .sunniva-content .form-wrapper:has([data-js-spinner-id="gform-ajax-spinner"])::after {content: ''; z-index: 2;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;width: 80px;height: 80px;border-radius: 50px;border: 10px solid #ebebeb;border-top-color: #2695a0;animation: form_loading 1s linear infinite;} @keyframes form_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body#svm #wrapper .sunniva-content .gform_wrapper input[type=text], body#svm #wrapper .sunniva-content .gform_wrapper input[type=email], body#svm #wrapper .sunniva-content .gform_wrapper input[type=date], body#svm #wrapper .sunniva-content .gform_wrapper input[type=tel], body#svm #wrapper .sunniva-content .gform_wrapper input[type=number] { border-radius:10px!important; border:1px solid #C9C9C5!important; } body#svm #wrapper .sunniva-content .gform_wrapper input[type=text]:focus, body#svm #wrapper .sunniva-content .gform_wrapper input[type=email]:focus, body#svm #wrapper .sunniva-content .gform_wrapper input[type=date]:focus, body#svm #wrapper .sunniva-content .gform_wrapper input[type=tel]:focus, body#svm #wrapper .sunniva-content .gform_wrapper input[type=number]:focus { border:1px solid #03838C!important; } body#svm #wrapper .sunniva-content .gform_wrapper textarea { border-radius:10px!important; border:1px solid #C9C9C5!important; } body#svm #wrapper .sunniva-content .gform_wrapper textarea:focus { border:1px solid #03838C!important; } body#svm #wrapper .sunniva-content .gform_wrapper select { border-radius:10px!important; border:1px solid #C9C9C5!important; } body#svm #wrapper .sunniva-content .gform_wrapper select:focus { border:1px solid #03838C!important;} /* sunniva-comm-here-for-options-radio-buttons sunniva-comm-living-options-radio-buttons .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio { display:none;} .sunniva-content .gform_wrapper .sunniva-comm-living-options-radio-buttons .gfield_radio { display:none;} .sunniva-content .gform_wrapper .sunniva-comm-here-for-options-radio-buttons .gfield_radio { display:none;} .sunniva-content .gform_wrapper .radio-buttons-controls {display: flex;flex-wrap: wrap;gap: 10px;} */ .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio { display: flex;gap: 10px; flex-flow: wrap;} .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio .gchoice {} .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio .gchoice input {display: none;} .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio .gchoice label {padding: 5px 15px!important;border-radius: 25px;min-width: 80px;cursor: pointer!important;white-space: nowrap;display: block!important;margin: 0!important;max-width: none;border: 1.5px solid #DDD7CC;font-size: 14px!important;background: #fff;font-weight: 700!important;color: var(--brand-primary-color);transition: all 0.3s ease;border-color: var(--brand-primary-color);text-decoration: none !important;display: inline-block;text-align: center;text-transform: none;} .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio .gchoice label:hover { background: hsl(from var(--brand-primary-color) h calc(s * 0.5) 97%);border-color: var(--brand-primary-color); } .sunniva-content .gform_wrapper .sunniva-radio-buttons .gfield_radio .gchoice:has(input:checked) label { color: #fff;background: var(--brand-primary-color);border-color: var(--brand-primary-color);} body#svm #wrapper .gform_wrapper .gform_validation_errors {outline: none;} body#svm #wrapper .gform_wrapper h2.gform_submission_error {font-family: inherit;color: #721c24!important;font-size: 17px!important;padding: 20px!important;} body#svm #wrapper .gform_wrapper .gfield_validation_message { line-height:1.35em!important;} .sunniva-content .custom-error { color: #b94a48 !important;background: #f2dede;padding: 10px 15px;font-size: 16px;border: 1px solid #e3bec3;border-radius: 10px;margin: 10px 0;} .sunniva-form { } .sunniva-form .form-line {display: flex;gap: 15px;} .sunniva-form .form-input-item {flex: auto;gap: 15px;display: flex;} .sunniva-form .form-input-label {width: 100%;} .sunniva-form .form-input-label .label-text {color: #5A4F3F;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;font-weight: 600;display: block;} .sunniva-form select {color: #2A2319;padding: 13px 16px;border: 1.5px solid #E8DEDA;font-size: 15px;background: #fff;outline: none;cursor: pointer;border-radius: 12px;width: 100%;} .sunniva-form select:focus { border-color:#1D6C7A; } .sunniva-form select.error { color:#f00; border-color:#f00; } .sunniva-form input[type="text"] {color: #2A2319;padding: 13px 16px;border: 1.5px solid #E8DEDA;font-size: 15px;background: #fff;outline: none;cursor: pointer;border-radius: 12px;} .sunniva-form input[type="text"]:focus {border-color:#1D6C7A;} .sunniva-form .form-line-disclaimer {padding: 20px 0 0;} .sunniva-form .form-line-disclaimer .disclaimer-text {color: #A89080;font-size: 12px;line-height: 1.6em;font-style: italic;} .sunniva-here-to-help {background: #004B72;padding: 8vh 0;position: relative;transition: all 0.3s ease;} .sunniva-here-to-help .inner {display: flex;align-items: center;gap: 35px;justify-content: space-between;} .sunniva-here-to-help .text { } .sunniva-here-to-help .text h2 {color: #fff!important;margin: 0!important;font-size: 60px!important;} .sunniva-here-to-help .text .underline {position: relative;} .sunniva-here-to-help .text .underline::after {content:"";background: #3C7593;height: 5px;position: absolute;width: 100%;left: 0;top: 105%;} .sunniva-here-to-help .icon { transition:all 0.3s ease; } .sunniva-here-to-help .icon .icon-inner a {width: 110px;height: 110px;background: #CBEAED;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;} .sunniva-here-to-help .icon .icon-inner a svg {width: 50%;} .sunniva-here-to-help .icon .icon-inner a::after {content:"";inset: 0;height: 100%;position: absolute;width: 100%;} .sunniva-here-to-help:hover { background: #04557f; } @media (max-width:1200px){ .sunniva-here-to-help .text h2 { font-size: 40px!important;} .sunniva-here-to-help .icon .icon-inner a{width: 70px;height: 70px;} } @media (max-width:820px){ .sunniva-here-to-help .text .underline::after { display:none;} } .ai-content-load {} .ai-content-load .ai-content-load-loaded {opacity: 0;height: 0;overflow: hidden;transition: all 1s ease;transform: scale(1) translateY(15px);} .ai-content-load .ai-content-load-line {background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);border-radius: 5px;background-size: 200% 100%;height: 25px;margin: 10px 0;animation: 1s ai-content-load-line linear infinite;} .ai-content-load.is-loaded .ai-content-load-loaded {height: auto;opacity: 1;transform: scale(1) translateY(0);/* transform: translateY(0); */} .ai-content-load.is-loaded .ai-content-load-line { display:none; } @keyframes ai-content-load-line { to { background-position-x: -200%; } } .comm-tour-calendar .monthly-calendars { } .comm-tour-calendar .monthly-calendars .calendar-month { display:none; } .comm-tour-calendar .monthly-calendars .calendar-month.active { display:block; } .comm-tour-calendar .monthly-calendars .calendar-month .calendar-title {display: flex;align-items: center;justify-content: space-between;} .comm-tour-calendar .monthly-calendars .calendar-month .calendar-title .calendar-title-text {font-size: 20px;font-weight: 700;} .comm-tour-calendar .monthly-calendars .calendar-month .calendar-title .cal-control-btn {width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: border-color .15s, background .15s;background: #fff;border: 1px solid #C9C9C5;} .comm-tour-calendar .monthly-calendars .calendar-month .calendar-title .cal-control-btn svg {width: 12px;height: 12px;} .comm-tour-calendar .monthly-calendars .calendar-month .calendar-title .cal-control-btn:hover { } .comm-tour-calendar .monthly-calendars .calendar-month:first-child .cal-control-btn.month-prev {opacity: 0;pointer-events: none;} .comm-tour-calendar .monthly-calendars .calendar-month:last-child .cal-control-btn.month-next {opacity: 0;pointer-events: none;} .comm-tour-calendar .calendar-weekdays, .comm-tour-calendar .calendar-days {display: grid; grid-template-columns: repeat(7, 1fr);} .comm-tour-calendar .calendar-weekdays {text-align: center;padding: 8px 0;color: #838380;font-size: 15px;font-weight: 700;} .comm-tour-calendar .calendar-weekdays div {padding: 10px;} .comm-tour-calendar .calendar-days {text-align: center;} .comm-tour-calendar .calendar-days div {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-weight: 700;} .comm-tour-calendar .calendar-days div.past {color: #C9C9C5;font-size: 16px;} .comm-tour-calendar .calendar-days a {display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;position: relative;transition: background .15s, color .15s;border: none;background: transparent;font-size: 16px;text-decoration: none;width: 100%;height: 100%;color:var(--brand-primary-color)!important;} .comm-tour-calendar .calendar-days a:hover { background:#EEEEEC; } .comm-tour-calendar .calendar-days a.active { color: #fff!important; background: var(--brand-primary-color);} .comm-tour-times .time-selectors { } .comm-tour-times .time-selectors ul {list-style: none;margin: 0!important;padding: 0!important;display: flex;flex-flow: column;gap: 15px;} .comm-tour-times .time-selectors ul li {display: flex;border-radius: 12px;cursor: pointer;text-align: left;align-items: center;gap: 14px;width: 100%;padding: 14px 18px!important;border: 1px solid #C9C9C5;line-height: 1.35em;font-size: 16px;} .comm-tour-times .time-selectors ul li .icon {width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;background: hsl(from var(--brand-primary-color) h calc(s * 0.5) 97%);} .comm-tour-times .time-selectors ul li .icon svg {width: 18px;height: 18px;fill: var(--brand-primary-color); } .comm-tour-times .time-selectors ul li .icon svg g { stroke:var(--brand-primary-color); } .comm-tour-times .time-selectors ul li .text { } .comm-tour-times .time-selectors ul li .radio {flex-shrink: 0;position: relative;width: 18px;height: 18px;border-radius: 50%;margin-left: auto;border: 1px solid #C9C9C5;position: relative;display: flex;align-items: center;justify-content: center;} .comm-tour-times .time-selectors ul li:hover {border-color: var(--brand-primary-color); } .comm-tour-times .time-selectors ul li.active { border-color: var(--brand-primary-color);background: var(--brand-primary-color);color: #fff;} .comm-tour-times .time-selectors ul li.active .radio::after {content:"";width: 60%;height: 60%;display: block;background:#fff;border-radius: 50%;} .sunniva-tabs { } .sunniva-tabs .tabs {} .sunniva-tabs .tabs ul {margin: 0 auto!important;display: flex;align-items: stretch;background: #EEEEEC;border: 1px solid #DEDEDB;padding: 5px!important;border-radius: 100px;gap: 2px;list-style: none;width: fit-content;} .sunniva-tabs .tabs ul li {padding: 0!important;} .sunniva-tabs .tabs ul li a {font-size: 18px;font-weight: 700;transition: background .15s, color .15s, box-shadow .15s;border: none;border-radius: 100px;padding: 10px 50px;text-decoration: none;color: #6B7280!important;display: block;} .sunniva-tabs .tabs ul li a:hover { color: #000!important; } .sunniva-tabs .tabs ul li.active a {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);background: #00838F;color: #fff!important;} .sunniva-tabs .panels { } .sunniva-tabs .panels .panel {display: none;} .sunniva-tabs .panels .panel.active {display:block;padding: 4vh 0 0;} @media (max-width:1200px){ .sunniva-tabs .tabs ul li a {padding: 7px 30px;font-size: 15px;} } .sunniva-ask-us-section { } .sunniva-ask-us-section .inner {background: #004B72;border-radius: 35px;padding: 50px 25px;} .sunniva-ask-us-section .headline {text-align: center;} .sunniva-ask-us-section .headline h2 {color: #fff!important;display: flex;align-items: center;line-height: 1em;justify-content: center;} .sunniva-ask-us-section .headline h2 .icon { } .sunniva-ask-us-section .headline h2 .icon svg path {fill: #fff;} .sunniva-ask-us-section .headline h2 .text { } .sunniva-ask-us-section .headline .beta-tag {background: #DBC246;border-radius: 40px;font-family: avenir-lt-pro, sans-serif;text-transform: uppercase;font-size: 14px;color: #000;font-weight: 100;padding: 10px 20px;line-height: 1em;margin-left: 5px;letter-spacing: 1px;} .sunniva-find-community-widget {padding: 5vh 0;} .sunniva-find-community-widget .inner {background: #004B72;border-radius: 35px;padding: 50px 45px;color: #fff;} .sunniva-find-community-widget .headline { } .sunniva-find-community-widget .headline h2 {color: #fff!important;text-align: center;} .sunniva-award-winning-communities-advert {border: 10px solid #E4F4F5;display: flex;padding: 25px;gap: 35px;margin: 0 0 4vh;} .sunniva-award-winning-communities-advert .advert-text {flex: 1.75;margin-top: -50px; } .sunniva-award-winning-communities-advert .advert-text .advert-title {background: #fff;display: inline-block;padding: 0 25px;margin: 0 0 20px;} .sunniva-award-winning-communities-advert .advert-text .advert-content {font-size: 19px;} .sunniva-award-winning-communities-advert .advert-text .advert-content p { margin:0; } .sunniva-award-winning-communities-advert .advert-image {flex: 1;margin-top: -80px;} .sunniva-award-winning-communities-advert .advert-image img { } @media (max-width:1200px){ .sunniva-award-winning-communities-advert {flex-flow: column-reverse;margin-top: 4vh;} .sunniva-award-winning-communities-advert .advert-text {margin: 0;} .sunniva-award-winning-communities-advert .advert-text .advert-title {text-align: center;font-size: 23px;padding: 0;display: block;} .sunniva-award-winning-communities-advert .advert-text .advert-content {text-align: center;font-size: 20px;} .sunniva-award-winning-communities-advert .advert-text .advert-content p a {display: block;margin: 15px 0 0;} } .sunniva-content .slick-dots {background: #f0e9e4;display: flex;margin: 35px auto 0!important;padding: 10px 15px!important;border-radius: 35px;width: fit-content;} .sunniva-content .slick-dots li { } .sunniva-content .slick-dots li button {background: #dbcfc7;transition: all 0.3s ease;width: 16px;height: 16px;} .sunniva-content .slick-dots li.slick-active { } .sunniva-content .slick-dots li.slick-active button {background: #02838C;width: 40px;border-radius: 15px;} .sunniva-content .slick-arrow {background: #F0E9E4; outline: none;width: 50px;height: 50px;border-radius: 50%;color: #000;font-size: 16px;transition: all 0.3s ease;} .sunniva-content .slick-arrow i { color:#000;transition: all 0.3s ease;} .sunniva-content .slick-arrow:hover { background: #02838C;} .sunniva-content .slick-arrow:hover i { color:#fff;} @media (max-width:1200px){ .sunniva-content .slick-arrow {width: 40px;height: 40px;font-size: 18px;} .sunniva-content .slick-dots {padding: 7px 10px !important;} .sunniva-content .slick-dots li button {width: 12px;height: 12px;} .sunniva-content .slick-dots li.slick-active button {width: 25px;} } .sunniva-general-reviews-slider-controls { padding: 25px 0 0; } .sunniva-general-reviews-slider-controls .container { } .sunniva-general-reviews-slider-controls .inner {display: flex; position: relative;align-items: center;} .sunniva-general-reviews-slider-controls-dots { position: absolute;left: 50%;transform: translateX(-50%);} .sunniva-general-reviews-slider-controls-dots .slick-dots {margin: 0!important;} .sunniva-general-reviews-slider-controls-arrows {margin-left: auto; } .sunniva-general-reviews-slider-controls-arrows button {position: static;} .sunniva-general-reviews-slider-controls:has([class*="prev"].slick-hidden):has([class*="next"].slick-hidden) {display: none;} @media (max-width:1200px){ .sunniva-general-reviews-slider-controls .inner {justify-content: space-between;} .sunniva-general-reviews-slider-controls-dots {position: static;transform: none;} } #sunniva-video-modal {position: fixed;inset: 0;background: rgba(0, 20, 40, 0.55);backdrop-filter: blur(4px);z-index:500;display: flex;align-items: center;justify-content: center;padding: 24px;transition: opacity .25s ease;pointer-events: none;opacity: 0!important;container-type: inline-size;container-name: sunniva-tour-modal;} #sunniva-video-modal.open { opacity: 1 !important;;pointer-events: all;} #sunniva-video-modal .video-modal-el {background: #fff;border-radius: 16px;width: 100%;max-width: 1490px;max-height: 90vh;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);transition: transform .28s ease;position: relative;display: flex;flex-direction: column;aspect-ratio: 16 / 9;} #sunniva-video-modal .video-modal-inner {flex-direction: column;position: relative;height: 100%;padding: 0;z-index: 4;} #sunniva-video-modal .video-modal-el video {display:block;/margin: 0;padding: 0;height: 100%;width: 100%;object-fit: cover;} #sunniva-video-modal .video-modal-body {overflow:hidden;} #sunniva-video-modal .video-modal-wrapper {height: calc(100% + 2px);width: calc(100% + 2px);background: #000;} #sunniva-video-modal .closer {width: 36px;height: 36px;border-radius: 50%;background: #CBEAED;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #314C58;font-size: 20px;line-height: 1;transition: all 0.3s ease;margin-top: 2px;font-size: 15px;font-weight: 700;line-height: 1em;position: absolute;top: -15px;right: -15px;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);} #sunniva-video-modal .closer:hover {background: #314C58;color: #CBEAED;} #sunniva-video-modal .modal-body {padding: 0;overflow-y: auto;flex: 1;height: auto;font-size: 17px; } @container sunniva-tour-modal (max-width: 1200px) { #sunniva-video-modal { } } #sunniva-global-share-modal {position: fixed;inset: 0;background: rgba(0, 20, 40, 0.55);backdrop-filter: blur(4px);z-index: 5;display: flex;align-items: center;justify-content: center;padding: 24px;transition: opacity .25s ease;pointer-events: none;opacity: 0;} #sunniva-global-share-modal.open {opacity: 1;pointer-events: all; } #sunniva-global-share-modal .modal-el {background: #fff;border-radius: 16px;width: 100%;max-width: 720px;height: auto;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);transition: transform .28s ease;position: relative;display: flex;overflow: hidden;flex-direction: column;} #sunniva-global-share-modal .modal-inner {display: flex;flex-direction: column;position: relative; height: 100%;overflow: hidden;} #sunniva-global-share-modal .modal-header {padding: 28px 40px 22px;display: flex;align-items: center;justify-content: space-between;gap: 20px;z-index: 2;border-radius: 16px 16px 0 0;z-index: 2;background: #fff;} #sunniva-global-share-modal .modal-header .modal-title {font-size: 34px!important;line-height: 1.2em;color: var(--brand-headline-color) !important;} #sunniva-global-share-modal .modal-header p {margin: 0;font-size: 15px;color: #5F5F5D;} #sunniva-global-share-modal .modal-header .closer {width: 36px;height: 36px;border-radius: 50%;background: rgba(203, 234, 237, 0.4);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #314C58;font-size: 20px;line-height: 1;transition: background .15s, color .15s;margin-top: 2px;font-size: 15px;font-weight: 700;line-height: 1em;position: static;/* top: 15px; *//* right: 15px; */} #sunniva-global-share-modal .modal-header .closer:hover { background:#CBEAED; color: #314C58; } #sunniva-global-share-modal .modal-body {padding: 15px 30px 30px;overflow-y: auto;flex: 1;height: auto;font-size: 17px;line-height: 1.65em;} #sunniva-global-share-modal .share-dropdown ul {margin: 0!important;padding: 0!important;list-style: none; } #sunniva-global-share-modal .share-dropdown {padding: 0;} #sunniva-global-share-modal .share-dropdown ul li {display: flex;padding: 15px 20px 15px 10px!important;font-size: 14px;gap: 15px;line-height: 1.25em;align-items: center;cursor: pointer;transition: all 0.3s ease;border-radius: 20px;} #sunniva-global-share-modal .share-dropdown ul li .icon {background: #fff;width: 40px;height: 40px;border: 1px solid #E4E1DC;display: flex;flex-shrink: 0;align-items: center;justify-content: center;border-radius: 10px;font-size: 16px;padding: 10px;} #sunniva-global-share-modal .share-dropdown ul li .icon svg { width:100%; height:100%; } #sunniva-global-share-modal .share-dropdown ul li .share-item-content {white-space: nowrap;transition: color 0.3s ease;} #sunniva-global-share-modal .share-dropdown ul li .share-item-content strong {display: block;} #sunniva-global-share-modal .share-dropdown ul li:hover {background:var(--brand-white-button-color); } #sunniva-global-share-modal .share-dropdown ul li:hover .share-item-content { color:#fff; } #sunniva-global-share-modal .share-dropdown ul li .copy-success-text { display:none!important; } #sunniva-global-share-modal .share-dropdown ul li.copy-success .share-item-content * { display:none!important;} #sunniva-global-share-modal .share-dropdown ul li.copy-success .share-item-content .copy-success-text { display:block!important; } #sunniva-global-share-modal .closer {width: 36px;height: 36px;border-radius: 50%;background: #CBEAED;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #314C58;font-size: 20px;line-height: 1;transition: all 0.3s ease;margin-top: 2px;font-size: 15px;font-weight: 700;line-height: 1em;position: absolute;top: 15px;right: 15px;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);} #sunniva-global-share-modal .closer:hover {background: #314C58;color: #CBEAED;} body:has(#community-mobile-nav-sunniva.open) #sunniva-global-share-modal.open { z-index:150; } .sunniva-general-faq-accord {background: #fff;box-shadow: 0 4px 24px rgba(28, 60, 56, .08);border-left: 4px solid #00838F;border-radius: 20px;overflow: hidden;} .sunniva-general-faq-accord .sunniva-general-faq-accord-inner {padding: 30px 0;} .sunniva-general-faq-accord .faq-accord-header {padding: 0 30px 30px;} .sunniva-general-faq-accord .faq-accord-header .faq-accord-header-tag {background: rgba(203, 234, 237, .7);color: #314C58;padding: 10px 15px;font-size: 11px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;border-radius: 100px;margin: 0 0 10px;display: inline-block;line-height: 1em;} .sunniva-general-faq-accord .faq-accord-header .faq-header-headline {font-size: 25px!important;} .sunniva-general-faq-accord .faq-accord-items {padding: 0 30px 15px;} .sunniva-general-faq-accord .faq-accord-items .item {border: 1px solid #ECE6E0;border-radius: 10px;margin-bottom: 10px;overflow: hidden;transition: border-color .2s, box-shadow .2s;} .sunniva-general-faq-accord .faq-accord-items .item .item-question {display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;cursor: pointer;gap: 15px;transition: color .2s, background .2s;} .sunniva-general-faq-accord .faq-accord-items .item .item-question .question-text {font-size: 18px;font-weight: 700;} .sunniva-general-faq-accord .faq-accord-items .item .item-question .toggle {transform: rotate(0deg);font-size: 14px;height: 24px;line-height: 1em;transition: all 0.3s ease;background: rgba(203, 234, 237, .7);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: color .2s, background .2s, transform .25s;flex-shrink: 0;} .sunniva-general-faq-accord .faq-accord-items .item .item-answer { display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.5s ease-out; } .sunniva-general-faq-accord .faq-accord-items .item .item-answer .item-answer-wrapper { overflow: hidden; } .sunniva-general-faq-accord .faq-accord-items .item .item-answer .item-answer-inner {padding: 16px 20px;font-size: 18px;} .sunniva-general-faq-accord .faq-accord-items .item .item-question:hover { background: rgba(203, 234, 237, .55); } .sunniva-general-faq-accord .faq-accord-items .item .item-question:hover .toggle {background: #314C58;color: #fff;} .sunniva-general-faq-accord .faq-accord-items .item:last-child { } .sunniva-general-faq-accord .faq-accord-items .item.active {box-shadow: 0 2px 10px rgba(28, 60, 56, .08);} .sunniva-general-faq-accord .faq-accord-items .item.active .item-answer {grid-template-rows: 1fr; } .sunniva-general-faq-accord .faq-accord-items .item.active .item-question { background: rgba(203, 234, 237, .55);} .sunniva-general-faq-accord .faq-accord-items .item.active .item-question .toggle { transform: rotate(45deg); background: #314C58;color: #fff;} .sunniva-general-faq-accord .faq-accord-footer {padding: 15px 30px 0;border-top: 1px solid #ECE6E0;} .sunniva-general-faq-accord .faq-accord-footer-inner {display: flex;align-items: center;justify-content: space-between;font-size: 18px;color: #5F5F5D;gap: 15px;} @media (max-width:700px){ .sunniva-general-faq-accord .faq-accord-footer-inner {flex-flow: column;align-items: flex-start;} } .sunniva-content .sunniva-two-col {display: flex; } .sunniva-content .sunniva-content-box {background-color: #fff;border-radius: 25px;padding: 30px;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);} .sunniva-content figure.sunniva-border-radius {border-radius: 25px;overflow: hidden;} .sunniva-content figure.sunniva-image-full-height { height:100%; } .sunniva-content figure.sunniva-image-cover img { object-fit:cover; width:100%; height:100%; } .sunniva-content figure video {display: block;width: 100%;object-fit: cover;height: 100%;} @media (max-width:1200px){ .sunniva-content .sunniva-two-col { flex-flow:column; } .sunniva-content .sunniva-two-col .image-content {order: 1;} .sunniva-content .sunniva-two-col .text-content {order: 2;} .sunniva-img-object-position-top-mobile {object-position: top;} .sunniva-img-object-position-center-mobile {object-position: center;} } .sunniva-flip-cards {display: grid;grid-gap: 35px;grid-auto-columns: minmax(0, 1fr);grid-auto-flow: column;} .sunniva-flip-cards .item {position: relative; } .sunniva-flip-cards .item .item-inner { position: relative;height: 100%;width: 100%; } .sunniva-flip-cards .item .front {position: absolute;inset: 0;height: 100%;z-index: 2;backface-visibility: hidden;border-radius: 25px;overflow: hidden;} .sunniva-flip-cards .item .front .front-inner {height: 100%;position: relative;display: flex;align-items: flex-end;} .sunniva-flip-cards .item .front .image {height: 100%;overflow: hidden;position: absolute;inset: 0;width: 100%;background:#F0E9E4;} .sunniva-flip-cards .item .front .image img {object-fit: cover;height: 100%;width: 100%;transition: opacity 1s ease;} .sunniva-flip-cards .item .front .bg-overlay {position: absolute;top: 0;left: 0;height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0) 65%);width: 100%;transition: all 1s ease;} .sunniva-flip-cards .item .front .bg-overlay-hover {position: absolute;top: 0;left: 0;height: 100%;background: #f0e9e4;width: 100%;transition: opacity 0.5s ease;opacity: 0;} .sunniva-flip-cards .item .front .text {color: #fff;z-index: 2;width: 100%;padding: 40px 25px 25px;height: 100%;display: flex;flex-flow: column;transition: color 0.5s ease;} .sunniva-flip-cards .item .front .text p {margin: 0 0 15px!important;} .sunniva-flip-cards .item .front .text ul {margin: 0 0 30px!important;} .sunniva-flip-cards .item .front .text h3 {color: #fff!important;line-height: 1.1em;margin: 0 0 15px!important;transition: color 0.5s ease;} .sunniva-flip-cards .item .front .text .cta {padding:15px 0 0;margin-top: auto;} .sunniva-flip-cards .item .front .text .cta a {width: 100%; border: none !important;} .sunniva-flip-cards .item .front .text .cta a::after {content:"";position: absolute;inset: 0;height: 100%;width: 100%;} .sunniva-flip-cards .item .front .card-hover-content {opacity: 0; display: flex;align-items: center;transition: opacity 0.5s ease;color: #314C58;} .sunniva-flip-cards .item .front .card-hover-content .card-hover-content-wrapper { } .sunniva-flip-cards .item .front .card-hover-content .card-hover-content-inner {font-size: 18px;} .sunniva-flip-cards .item:hover .front .text { color:#314C58; } .sunniva-flip-cards .item:hover .front .text h3 {color:#314C58!important;} .sunniva-flip-cards .item:hover .front .image img {opacity:0; } .sunniva-flip-cards .item:hover .front .bg-overlay {opacity: 0;} .sunniva-flip-cards .item:hover .front .bg-overlay-hover { opacity:1; } .sunniva-flip-cards .item:hover .front .card-hover-content { opacity:1; } .sunniva-flip-cards .item .back {min-height: 50vh;background: #f0e9e4;color: #314C58;border-radius: 25px;overflow: hidden;padding: 40px 25px;height: 100%;display: flex;flex-flow: column; opacity: 0; } .sunniva-flip-cards .item .back .item-header { } .sunniva-flip-cards .item .back h3 {margin: 0 0 15px!important; line-height: 1.1em;} .sunniva-flip-cards .item .back p {margin: 0 0 15px!important;font-size: 18px;} .sunniva-flip-cards .item .back .cta {margin-top: auto;} .sunniva-flip-cards .item .back .cta a {width: 100%;} .sunniva-flip-cards .item:hover .item-inner { } .sunniva-flip-cards .item .back ul {font-size: 18px;margin: 0!important;margin: 0 0 30px !important; } @media (max-width:1200px){ .sunniva-flip-cards {grid-template-columns: 1fr;grid-auto-flow: unset;} } .sunniva-pain-point-cards { display: grid; grid-gap: 35px; grid-auto-columns: minmax(0, 1fr);grid-auto-flow: column; } .sunniva-pain-point-cards .item {position: relative;} .sunniva-pain-point-cards .item .item-inner {display: flex; height: 100%;flex-flow: column; background: #fff;border: 1px solid #9F9F9F;padding: 25px;border-radius: 30px;overflow: hidden;} .sunniva-pain-point-cards .item .bubble {color: #02838C;background: #CBEAED;border-radius: 20px;padding: 5px 20px;font-size: 17px; font-weight: 700;display: inline-block;margin: 0 0 15px;} .sunniva-pain-point-cards .item h3 {font-size: 34px!important;margin: 0 0 15px!important;} .sunniva-pain-point-cards .item p { } .sunniva-pain-point-cards .item .families-tell-us-label {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;color: #314C58; margin-top: 10px;} .sunniva-pain-point-cards .item .sunniva-pain-point-card-quotes { } .sunniva-pain-point-cards .item .sunniva-pain-point-card-quotes .sunniva-pain-point-card-quotes-items {background: #F0E9E4;padding: 15px;border-radius: 20px;overflow: hidden;font-size: 18px;} .sunniva-pain-point-cards .item .sunniva-pain-point-card-quotes .sunniva-pain-point-card-quotes-controls-dots ul {background: none;margin: 10px 0 0!important;} .sunniva-pain-point-cards .item .sunniva-pain-point-card-quotes .sunniva-pain-point-card-quotes-controls-dots ul li:not(.slick-active) button {background: #DADADA;} .sunniva-pain-point-cards .item .cta {margin-top: auto;padding: 15px 0 0;} .sunniva-pain-point-cards .item .cta a {width: 100%;} .sunniva-pain-point-cards .item .expand {padding: 20px 0 0;} .sunniva-pain-point-cards .item .expand a {color: #02838C;font-weight: 700;font-size: 20px;display: flex;position: relative;align-items: center;justify-content: space-between;} .sunniva-pain-point-cards .item .expand a::after {content: '\f078';font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0;transform-origin: center;line-height: 1em;font-size: 14px;transition: all 0.3s ease; color: #fff;background: #02838C;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .sunniva-pain-point-cards .item .expanded-content {background: #CBEAED;border-left:4px solid #02838C;font-size: 18px;padding: 25px;border-radius: 20px;line-height: 1.35em;display: none;} .sunniva-pain-point-cards .item .expanded-content h3 { font-size:26px!important ;} .sunniva-pain-point-cards .item .expanded-content.active {display:block;margin: 25px 0 0;} .sunniva-pain-point-cards .item:has(.expanded-content.active) .expand a::after {transform: rotate(180deg);} .sunniva-pain-point-cards-rainbow .item:nth-child(1) .bubble {background: #D6E8F2;color: #4A7FA0;} .sunniva-pain-point-cards-rainbow .item:nth-child(1) .expanded-content { background:#D6E8F266; border-color:#4A7FA0; } .sunniva-pain-point-cards-rainbow .item:nth-child(2) .bubble {background: #E3DCEF; color: #7A62A8;} .sunniva-pain-point-cards-rainbow .item:nth-child(2) .expanded-content { background:#E3DCEF80; border-color:#7A62A8; } .sunniva-pain-point-cards-rainbow .item:nth-child(3) .bubble {background: #E3F3EB; color: #4A8C70;} .sunniva-pain-point-cards-rainbow .item:nth-child(3) .expanded-content { background:#C8E6D84D; border-color:#4A8C70; } @media (max-width:1200px){ .sunniva-pain-point-cards { display:flex; flex-flow:column; } .sunniva-pain-point-cards .item .top-content { height:auto!important; } } .sunniva-accord {background-color: #fff; border-radius: 25px;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);overflow: hidden;} .sunniva-accord .item {border-top-left-radius: 25px;border-top-right-radius: 25px;position: relative; } .sunniva-accord .item::after {content:"";background: #fff;position: absolute;top: 100%; height: 100px;left: 0;width: 100%;} .sunniva-accord .item .item-header {padding: 25px;cursor: pointer;display: flex;align-items: center;justify-content: space-between;} .sunniva-accord .item .item-header .text {transition: all 0.3s ease;} .sunniva-accord .item .item-header .text .toggle { } .sunniva-accord .item .item-content {display: grid;grid-template-rows: 0fr;transition: all 0.5s ease-out;} .sunniva-accord .item .item-content .item-content-wrapper { overflow: hidden; } .sunniva-accord .item .item-content .item-content-inner {padding: 25px;} .sunniva-accord .item .item-content .item-content-inner h3 {font-size: 36px!important;margin: 0 0 25px!important;padding: 0 50px 0 0!important;} .sunniva-accord .item .item-content .item-content-inner .mobile-image {margin: 0 0 25px;display:none;} .sunniva-accord .item .item-content .item-content-inner p + .cta {padding-top: 15px;display: flex;gap: 10px;} .sunniva-accord .item:nth-child(2), .sunniva-accord .item:nth-child(2)::after {background: #FAF6F5; } .sunniva-accord .item:nth-child(3), .sunniva-accord .item:nth-child(3)::after {background: #F0E9E4;} .sunniva-accord .item:nth-child(4), .sunniva-accord .item:nth-child(4)::after {background: #EBDDD3;} .sunniva-accord .item:nth-child(5), .sunniva-accord .item:nth-child(5)::after {background: #E3D2C5;} .sunniva-accord .item:nth-child(6), .sunniva-accord .item:nth-child(6)::after {background: #dfc9b9;} .sunniva-accord .item.active .item-header .text {opacity: 0;} .sunniva-accord .item.active .item-content {grid-template-rows: 1fr;margin-top: -80px;} .sunniva-accord-images {flex:1;overflow: hidden;position: relative;} .sunniva-accord-images .image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity 0.3s ease;} .sunniva-accord-images .image img {object-fit: cover;height: 100%;width: 100%;border-radius: 25px;} .sunniva-accord-images .image.active {opacity: 1;} .sunniva-accord-with-images {display: flex;gap: 25px;} .sunniva-accord-with-images .sunniva-accord { flex:1; } .sunniva-accord-with-images .sunniva-accord-images { flex:1; } @media (max-width:1200px){ .sunniva-accord .item .item-content .item-content-inner .mobile-image { display:block; } .sunniva-accord .item .item-content .item-content-inner { height:auto!important; } .sunniva-accord .item .item-content .item-content-inner h3 {font-size: 28px !important;} .sunniva-accord .item .item-content .item-content-inner p + .cta {flex-flow: column;} .sunniva-accord-with-images {flex-flow: column;} } .sunniva-two-col:has(.sunniva-steps-accord) {gap: 35px;} .sunniva-two-col:has(.sunniva-steps-accord) .col-asset { flex:1; } .sunniva-two-col:has(.sunniva-steps-accord) .col-asset .cta {text-align: center;padding: 15px 0 0;} .sunniva-two-col:has(.sunniva-steps-accord) .col-steps { flex:1; } .sunniva-steps-accord { max-width: 650px; } .sunniva-steps-accord .item {position: relative;border-bottom: 1px solid #D8D5D5;padding: 0 0 30px;margin-left: 100px;margin-bottom: 25px;} .sunniva-steps-accord .item .item-header {display: flex;align-items: center;justify-content: space-between;gap: 15px;cursor: pointer;} .sunniva-steps-accord .item .item-header .text-label {font-size: 30px!important;} .sunniva-steps-accord .item .item-header .toggle {transition: all 0.3s ease;} .sunniva-steps-accord .item .item-content {display: grid;grid-template-rows: 0fr;transition: all 0.3s ease-out; opacity: 0;} .sunniva-steps-accord .item .item-content .item-content-wrapper { overflow: hidden; } .sunniva-steps-accord .item .item-content .item-content-inner {font-size: 18px;} .sunniva-steps-accord .item .item-content-preview { opacity: 1;} .sunniva-steps-accord .item .item-content-preview p {margin:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;font-size: 18px;} .sunniva-steps-accord .item .item-content-preview .cta { display:none!important; } .sunniva-steps-accord .item .item-num {position: absolute;width: 70px;height: 70px;background: #02838C;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;left: -100px;top: 0;z-index: 3;transition: background 0.3s ease;} .sunniva-steps-accord .item::after {content:"";width:1px;background: #05838C;position: absolute;left: -65px;height: calc(100% + 25px);top: 0;z-index: 1;} .sunniva-steps-accord .item:last-child { border-bottom:none;} .sunniva-steps-accord .item:last-child::after { opacity: 0;} .sunniva-steps-accord .item.active { padding-bottom:25px; } .sunniva-steps-accord .item.active .item-content {grid-template-rows: 1fr;opacity: 1;} .sunniva-steps-accord .item.active .item-num { background:#C4AE3D; } .sunniva-steps-accord .item.active .item-content-preview {opacity: 0;height: 0;font-size: 18px;} .sunniva-steps-accord .item.active .item-header .toggle {transform: rotate(180deg);} @media (max-width:1200px){ .sunniva-steps-accord { max-width:none;} .sunniva-steps-accord .item .item-num {width: 40px!important;height: 40px!important;font-size: 18px!important;left: -50px!important;top: 5px;} .sunniva-steps-accord .item {margin-left: 40px;} .sunniva-steps-accord .item::after { display:none; } .sunniva-steps-accord .item .item-header { } .sunniva-steps-accord .item .item-header .text-label {font-size: 26px;} .sunniva-steps-accord .item .item-content .item-content-inner {font-size: 18px;padding: 0;} .sunniva-steps-accord .item .item-content-preview {font-size:18px;padding: 10px 0 0;} } .sunniva-tools-grid-section {padding: 5vh 0;} .sunniva-tools-grid-section .headline {text-align: center;} .sunniva-tools-grid-section .headline h4 {font-size: 15px!important;} .sunniva-tools-grid-section .headline h2 {font-size: 40px!important;margin: 0 0 15px!important;} .sunniva-tools-grid-section .sunniva-tool-card-grid {display: flex;gap: 25px;padding: 25px 0;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item {flex: 1;border: 1px solid #ede9e1;overflow: hidden;border-radius: 22px;position: relative;transition: all 0.3s ease;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item::before {content:"";background: #05838c;width: 0;height: 5px;position: absolute;top: 0;left: 0;transition: width 0.3s ease;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-inner {padding: 28px;display: flex;flex-flow: column;height: 100%;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-header {padding: 0 0 15px;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-header .item-tag {font-weight: 600;color: #025e65;background: #e8f3f1;display: inline-flex;padding: 7px 10px;font-size: 14px;text-transform: uppercase;line-height: 1em;border-radius: 15px;letter-spacing: 0.5px;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-content {font-size: 16px;line-height: 1.45em;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-content .item-title {font-size: 26px!important;margin: 0 0 20px!important;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-content p { } .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-cta {margin-top: auto;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-cta a {font-weight: 600;color: #025e65;text-decoration: none;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-cta a::after {content:'\f054';color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0 0 0 5px;transform-origin: center;line-height: 1em;font-size: 16px;background: none;transition: all 0.3s ease;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-cta a:hover::after { margin-left:8px; } .sunniva-tools-grid-section .sunniva-tool-card-grid .item .item-cta a::before {content:"";position: absolute;top: 0;left: 0;height: 100%; z-index: 1;display: block;width: 100%;} .sunniva-tools-grid-section .sunniva-tool-card-grid .item:hover { border-color: rgba(5, 131, 140, .35);box-shadow: 0 6px 28px rgba(28, 60, 56, .11);} .sunniva-tools-grid-section .sunniva-tool-card-grid .item:hover::before { width:100%; } @media (max-width:1200px){ .sunniva-tools-grid-section .sunniva-tool-card-grid {flex-flow: column;} } .sunniva-general-reviews-slider { } .sunniva-general-reviews-slider .slick-track { display: flex !important;} .sunniva-general-reviews-slider .item {padding: 0 15px; height: inherit !important; display: flex !important; align-items: stretch; } .sunniva-general-reviews-slider .item .item-inner {background: #F0E9E4;border-radius: 25px;display: flex;flex-flow: column;align-items: center;padding: 50px 40px;text-align: center;height: 100%;} .sunniva-general-reviews-slider .item .stars {margin: 0 0 25px;color: #C3AE3D!important;font-size: 26px;} .sunniva-general-reviews-slider .item .title {margin: 0 0 25px;} .sunniva-general-reviews-slider .item .title h3 {font-size: 28px!important;font-weight: 700!important;} .sunniva-general-reviews-slider .item .review-content {font-size: 17px;font-weight: 500;color: #2C2C2C;line-height: 1.5em;} .sunniva-general-reviews-slider .item .read-more {font-weight: 600; padding: 10px 0 0;display: none;font-size: 17px; color: #138D96;} .sunniva-general-reviews-slider .item .review-author {padding: 25px 0 0;font-weight: 400;font-size: 18px;} .sunniva-general-reviews-slider .item .review-content.long-review {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} .sunniva-general-reviews-slider .item .review-content.long-review + .read-more { display:block; } .sunniva-general-reviews-slider .slick-arrow {} .sunniva-general-reviews-slider .slick-arrow.slick-next { } .sunniva-general-reviews-slider .slick-arrow.slick-prev { } #sunniva-review-modal {position: fixed;inset: 0;background: rgba(0, 20, 40, 0.55);backdrop-filter: blur(4px);z-index: 100;display: flex;align-items: center;justify-content: center;padding: 24px;transition: opacity .25s ease;pointer-events: none;opacity: 0;} #sunniva-review-modal.open {opacity: 1;pointer-events: all;} #sunniva-review-modal .review-modal-el {background: #fff;border-radius: 16px;width: 100%;max-width: 720px;max-height: 90vh;/* overflow-y: auto; */box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);transition: transform .28s ease;position: relative;display: flex;flex-direction: column;} #sunniva-review-modal .review-modal-inner {display: flex;flex-direction: column;position: relative;overflow-y: auto;} #sunniva-review-modal .modal-header {padding: 28px 40px 22px;display: flex;align-items: flex-start;justify-content: space-between;gap: 20px;position: sticky;top: 0;z-index: 2;border-radius: 16px 16px 0 0;flex-shrink: 0;z-index: 2;background: #fff;} #sunniva-review-modal .modal-header .modal-title {font-size: 34px!important;line-height: 1.2em;} #sunniva-review-modal .modal-header .modal-review-stars {margin: 0;color: #C3AE3D !important;font-size: 16px;display: flex;gap: 5px;padding: 1.5vh 0 0;} #sunniva-review-modal .modal-header .closer {width: 36px;height: 36px;border-radius: 50%;background: rgba(203, 234, 237, 0.4);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #314C58;font-size: 20px;line-height: 1;transition: background .15s, color .15s;margin-top: 2px;font-size: 15px;font-weight: 700;line-height: 1em;} #sunniva-review-modal .modal-header .closer:hover { background:#CBEAED; color: #314C58; } #sunniva-review-modal .modal-body {padding: 30px; } #sunniva-review-modal .modal-review-quote-mark {font-family: 'EB Garamond', Georgia, serif;color: #CBEAED;font-size: 64px;margin-bottom: 12px;line-height: 0.8;font-weight: 700;} #sunniva-review-modal .modal-review-body-content {font-size: 18px;line-height: 1.7;margin-bottom: 28px;font-weight: 500;} #sunniva-review-modal .modal-review-body-author {padding-top: 20px;font-size: 18px;/* font-weight: 600; *//* letter-spacing: 1px; *//* text-transform: uppercase; */color: #6B7280;border-top: 1px solid #E5E7EB;} @media (max-width: 800px) { #sunniva-review-modal { align-items: flex-end; justify-content: stretch; padding: 0; } #sunniva-review-modal .review-modal-el {transform: translateY(0);max-width: 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} #sunniva-review-modal .modal-header {padding: 3vh 40px;} #sunniva-review-modal .modal-header .modal-title {font-size: 26px!important; } } .sunniva-bar-header {text-align: right;padding: 4vh 0;display: flex;align-items: center;gap: 35px;} .sunniva-bar-header .text-label {font-size: 22px;color: #314C58;} .sunniva-bar-header .bar {background: #314C58;height: 1px;width: auto;flex: auto;} @media (max-width:1200px){ .sunniva-bar-header {display: block;text-align: center;padding: 8vh 0 4vh;} .sunniva-bar-header .bar {display: none;} } .sunniva-vert-slider {position: relative;} .sunniva-vert-slider .item {width: 25vw;padding: 0 7px;} .sunniva-vert-slider .item .item-inner {aspect-ratio: 9 / 16;width: 100%;padding: 0;transition: padding 0.3s ease;} .sunniva-vert-slider .item .item-frame {position: relative;height: 100%;border-radius: 25px;overflow: hidden;display: flex;align-items: flex-end;} .sunniva-vert-slider .item .bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;} .sunniva-vert-slider .item .bg img {object-fit: cover;height: 100%;width: 100%;} .sunniva-vert-slider .item .bg-overlay { ;position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(95, 95, 95, 0) 50%, rgba(255, 255, 255, 0) 100%);width: 100%;} .sunniva-vert-slider .item .video {position: absolute;top: 0;left: 0;height: 100%;width: 100%;padding: 0;display: none;} .sunniva-vert-slider .item .video video {width: 100%;height: 100%;display: block;object-fit: cover;} .sunniva-vert-slider .item .item-content {position: relative;z-index: 2;padding: 25px 25px 40px;width: 100%;} .sunniva-vert-slider .item .item-content h3 {color: #fff!important; font-size: 38px !important;} .sunniva-vert-slider .item .item-content .cta { padding:15px 0 0;} .sunniva-vert-slider .item .item-content .cta a {width: 100%;} .sunniva-vert-slider .slick-track { display: flex !important;} .sunniva-vert-slider .slick-slide {height:auto;display: flex!important;} .sunniva-vert-slider .slick-arrow {position: absolute;top: 50%;z-index: 1;left: 50%;transform: translate(-50%, -50%);outline: none;} .sunniva-vert-slider .sunniva-vert-slider-arrow-prev { transform: translate(calc(-50% + (-25vw / 2)), -50%); } .sunniva-vert-slider .sunniva-vert-slider-arrow-next {transform: translate(calc(-50% + (25vw / 2)), -50%);} .sunniva-vert-slider.active-extra-height .item .item-inner {padding:8vh 0;} .sunniva-vert-slider.active-extra-height .item.slick-active .item-inner {padding: 0;} .sunniva-vert-slider.sunniva-vert-slider-playable-videos .item .item-content { display:none; } .sunniva-vert-slider.sunniva-vert-slider-playable-videos .item.slick-active .video { display:block; } .sunniva-vert-slider.sunniva-vert-slider-playable-videos .item.slick-active .bg { display:none; } .sunniva-vert-slider.sunniva-vert-slider-playable-videos .item.slick-active .bg-overlay { display:none; } .sunniva-vert-slider.sunniva-vert-slider-playable-videos .slick-slide:not(.slick-active) {pointer-events: none;} .sunniva-vert-slider.sunniva-vert-slider-bg-videos .item .video { display:block; } .sunniva-vert-slider.sunniva-vert-slider-bg-videos .item .bg { display:none; } .sunniva-vert-slider.sunniva-vert-slider-bg-videos .item .bg-overlay { } @media (max-width:1200px){ .sunniva-vert-slider .item {width: 45vw;} .sunniva-vert-slider .item .item-content h3 {font-size: 40px!important;} .sunniva-vert-slider .sunniva-vert-slider-arrow-prev {left: 40%;} .sunniva-vert-slider .sunniva-vert-slider-arrow-next {left: 60%;} } @media (max-width:800px){ .sunniva-vert-slider .item {width: 60vw;} .sunniva-vert-slider .item .item-content {padding: 25px 10px 30px;} .sunniva-vert-slider .item .item-content h3 {font-size: 30px!important;} .sunniva-vert-slider .item .item-content .cta a {font-size: 13px!important;padding: 5px 0!important;} .sunniva-vert-slider .sunniva-vert-slider-arrow-prev {left: 32%;} .sunniva-vert-slider .sunniva-vert-slider-arrow-next {left: 68%;} } /*----------------------------- Window Tab Panels ----------------------------- */ .sunniva-window-tab-panels {display: grid;grid-template-columns: 340px 1fr;overflow: hidden;border-top: 1px solid #DEDEDB;border-bottom: 1px solid #DEDEDB;} .sunniva-window-tab-panels .tab-button {grid-column: 1;display: flex;justify-content: center;gap: 12px;width: 100%;text-align: left;padding: 24px 22px;border: 0;border-bottom: 1px solid rgba(255, 255, 255, .1);border-left: 3px solid transparent;cursor: pointer;transition: background .15s, border-color .15s;flex-flow: column;background: #4D3636;text-decoration: none;position: relative;} .sunniva-window-tab-panels .tab-button h4 {color: rgba(255, 255, 255, .55)!important;} .sunniva-window-tab-panels .tab-button h3 {font-size: 19px!important;font-weight: 700!important;color: #fff!important;} .sunniva-window-tab-panels .tab-button::after {content:'\f054';font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;transition: all 0.3s ease;color: rgba(255, 255, 255, .45);font-size: 14px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);} .sunniva-window-tab-panels .tab-panel {display: none;grid-column: 2;grid-row: 1 / span 3;grid-template-columns: 1.05fr 1fr;height: 100%;background: #FAF6F5;} .sunniva-window-tab-panels .tab-panel-content {padding: 35px;display: flex;flex-flow: column;justify-content: center;font-size: 18px;} .sunniva-window-tab-panels .tab-panel-content h4 { } .sunniva-window-tab-panels .tab-panel-content h2 {font-size: 40px!important;margin: 0 0 15px!important;} .sunniva-window-tab-panels .tab-panel-content .includes-list {background: #fff;padding: 20px;border-left: 4px solid #00838F;margin: 20px 0 0;} .sunniva-window-tab-panels .tab-panel-content .includes-list .checklist li::before {font-size: 11px!important;height: 20px!important;width: 20px!important;} .sunniva-window-tab-panels .tab-panel-content .includes-list .checklist:has(li:nth-child(4)) {column-count: 2;} .sunniva-window-tab-panels .tab-panel-image { } .sunniva-window-tab-panels .tab-panel-image .image {height: 100%;overflow: hidden;} .sunniva-window-tab-panels .tab-panel-image .image img {display: block;height: 100%;width: 100%;object-fit: cover;object-position: center;} .sunniva-window-tab-panels .tab-button:hover { background: #5C4343;} .sunniva-window-tab-panels .tab-button.active {background: #FAF6F5;border-left-color: #4D3636;} .sunniva-window-tab-panels .tab-button.active h3 { color: #4D3636!important; } .sunniva-window-tab-panels .tab-button.active h4 { color: #4D3636!important;} .sunniva-window-tab-panels .tab-button.active::after { color: rgba(77, 54, 54, .55); } .sunniva-window-tab-panels .tab-panel.active {display: grid;} @media (max-width:1200px){ .sunniva-window-tab-panels {display: flex;flex-direction: column;} .sunniva-window-tab-panels .tab-panel.active {display: flex;flex-flow: column-reverse;} .sunniva-window-tab-panels .tab-panel-content .includes-list .checklist {column-count: 1!important;} .sunniva-window-tab-panels .tab-panel-image .image {height: 400px;} } /*----------------------------- Here for bar ----------------------------- */ .sunniva-here-for-bar {position: relative; z-index: 1;} .sunniva-here-for-bar .sunniva-here-for-bar-container {background: #fff;border-radius: 50px;padding: 10px 30px;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);} .sunniva-here-for-bar .sunniva-here-for-inner {display: flex;gap: 25px;align-items: center;} .sunniva-here-for-bar .here-for-label {font-weight: 600;font-size: 18px;white-space: nowrap;user-select: none;} .sunniva-here-for-bar .sep {background: #ccc;width: 1px;height: 50px;} .sunniva-here-for-bar .here-for-item-dropdown {position: relative;} .sunniva-here-for-bar .here-for-item-dropdown .selected-value {cursor: pointer;display: flex;align-items: center;gap: 10px;user-select: none;} .sunniva-here-for-bar .here-for-item-dropdown .selected-value .icon { display: flex;align-items: center;justify-content: center;} .sunniva-here-for-bar .here-for-item-dropdown .selected-value .icon svg { } .sunniva-here-for-bar .here-for-item-dropdown .selected-value .icon svg path { transition:all 0.3s ease; } .sunniva-here-for-bar .here-for-item-dropdown .selected-value .text-label {line-height: 1em;font-size: 18px;transition:all 0.3s ease;white-space: nowrap;} .sunniva-here-for-bar .here-for-item-dropdown .selected-value .toggle {margin-left: 5px;font-size: 20px;line-height: 1em;height: 20px;} .sunniva-here-for-bar .here-for-item-dropdown .selected-value .toggle i { transition: all 0.3s ease;transform-origin: center;} .sunniva-here-for-bar .here-for-item-dropdown:hover .selected-value { color: #03838c; } .sunniva-here-for-bar .here-for-item-dropdown:hover .selected-value .icon svg path { fill: #03838c; } .sunniva-here-for-bar .dropdown {display: none;background: #fff;position: absolute;padding: 15px;z-index: 5;min-width: 300px;box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.25);left: 0;top: calc(100% + 10px);} .sunniva-here-for-bar .dropdown .dropdown-inner {display: flex;flex-flow: column;gap: 3px;} .sunniva-here-for-bar .dropdown .item { } .sunniva-here-for-bar .dropdown .item a {display: flex;width: 100%;align-items: center;gap: 15px;background: #fff;border-radius: 15px;text-decoration: none;padding: 7px 10px;font-size: 19px;color: #434343;} .sunniva-here-for-bar .dropdown .item a .icon {width: 30px;text-align: center;} .sunniva-here-for-bar .dropdown .item a:has(.icon:empty) { } .sunniva-here-for-bar .dropdown .item a:has(.icon:empty) .icon {width:0;display: none;} .sunniva-here-for-bar .dropdown .item a .text { } .sunniva-here-for-bar .dropdown .item a .text .text-label {display: block;color: #314C58;} .sunniva-here-for-bar .dropdown .item a .text .text-desc {display: block;white-space: nowrap;font-size: 16px;} .sunniva-here-for-bar .dropdown .item a .status {width: 20px;height: 20px;border-radius: 50%;border: 1.5px solid #e2e2de;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 8px;} .sunniva-here-for-bar .dropdown .item a .status i { display:none; } .sunniva-here-for-bar .dropdown .item a:hover {background: #CBEAED; } .sunniva-here-for-bar .dropdown .item.active a {background: #CBEAED; } .sunniva-here-for-bar .dropdown .item.active a .status { background:#03838C; border-color:#03838C; } .sunniva-here-for-bar .dropdown .item.active a .status i { display:block;} .sunniva-here-for-bar .dropdown .dropdown-header-label {border-bottom: 1px solid #C5C5C5;font-size: 16px;padding: 0 0 5px;margin: 0 0 5px 5px;} .sunniva-here-for-bar .dropdown .item + .dropdown-header-label {margin-top: 15px;} .sunniva-here-for-bar .here-for-dropdown-open .selected-value .toggle i {transform: rotate(180deg); margin-top:-1px;} .sunniva-here-for-bar .here-for-dropdown-open .dropdown {display: block;animation: sunnivaDropdownIn 0.3s ease;border-radius: 15px;} .sunniva-here-for-bar .here-for-item-input {flex: auto;} .sunniva-here-for-bar .here-for-item-input .here-for-item-input-wrapper {display: flex;align-items: center;position: relative;width: 100%;} .sunniva-here-for-bar .here-for-item-input .icon {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);} .sunniva-here-for-bar .here-for-item-input input[type="text"] {background: none;border: none;/* min-width: 350px; */border: 2px solid #ffff;border-radius: 10px;padding: 20px 20px 20px 30px;font-size: 18px;width: 100%;} .sunniva-here-for-bar .here-for-item-input input[type="text"]::placeholder { color: #314C58; opacity: 1; } .sunniva-here-for-bar .here-for-item-input input[type="text"]::-webkit-input-placeholder { color: #314C58; opacity: 1;} .sunniva-here-for-bar .here-for-item-input input[type="text"]::-moz-placeholder { color: #314C58; opacity: 1;} .sunniva-here-for-bar .here-for-item-input input[type="text"]:-ms-input-placeholder { color: #314C58; opacity: 1;} .sunniva-here-for-bar .here-for-item-input input[type="text"]:-moz-placeholder { color: #314C58; opacity: 1;} .sunniva-here-for-bar .here-for-item-input input[type="text"]:focus {border-color: #03838c;} .sunniva-here-for-bar .here-for-item-submit { margin-left:auto; } .sunniva-here-for-bar .here-for-item-submit a { white-space:nowrap; } /* .sunniva-here-for-bar.scroll-fixed {position: fixed;top: 0;left: 0;width: 100%;background: #fff;padding: 0!important;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);z-index: 10;} .sunniva-here-for-bar.scroll-fixed .sunniva-here-for-bar-container {box-shadow: none;padding: 10px 30px;} .sunniva-here-for-bar.scroll-fixed .here-for-item-submit-wrapper a {padding: 10px 30px!important;} */ .sunniva-here-for-bar-container-mobile { display:none;} .sunniva-here-for-bar-container-mobile .here-for-button-group {display: flex;gap: 5px;justify-content: space-between;} .sunniva-here-for-bar-container-mobile .here-for-button-group .item {flex: 1;} .sunniva-here-for-bar-container-mobile .here-for-button-group .item a {white-space: nowrap!important;width: 100%;} .sunniva-here-for-bar-container-mobile .here-for-cta-primary {padding: 15px 0 0;} .sunniva-here-for-bar-container-mobile .here-for-cta-primary a {width: 100%;} @media (max-width:1200px){ .sunniva-here-for-bar { position:static!important; } .sunniva-here-for-bar .sunniva-here-for-bar-container { display:none; } .sunniva-here-for-bar-container-mobile { display:block;} } /*----------------------------- Find comm near you promo ----------------------------- */ .sunniva-find-comm-near-you-promo { } .sunniva-find-comm-near-you-promo .inner { border-radius: 20px;background: #004B72;padding: 60px;border-radius:50px;} .sunniva-find-comm-near-you-promo .headline {text-align: center;color: #fff;padding: 0 0 25px;margin: 0 auto;max-width: 1000px;} .sunniva-find-comm-near-you-promo .headline h3 {color: #fff!important;margin: 0 0 15px!important;} .sunniva-find-comm-near-you-promo .headline p { } .sunniva-find-comm-near-you-promo .sunniva-here-for-bar-container {padding: 10px 20px;} @media (max-width:1200px){ .sunniva-find-comm-near-you-promo .inner {padding: 40px 20px;} .sunniva-find-comm-near-you-promo .find-comm-search-bar .search-wrap { padding:0; } } .sunniva-see-for-yourself-promo {padding: 5vh 0;} .sunniva-see-for-yourself-promo .inner {background: linear-gradient(135deg, #025e65 0%, #05838c 100%);border-radius: 25px;display: flex;align-items: center;padding: 70px 50px;justify-content: space-between;gap: 25px;} .sunniva-see-for-yourself-promo .headline { color: #fff; } .sunniva-see-for-yourself-promo .headline h2 {color: #fff!important;margin: 0 0 15px!important;font-size: 39px!important;} .sunniva-see-for-yourself-promo .headline p {margin: 0;max-width: 610px;font-size: 18px;} .sunniva-see-for-yourself-promo .ctas {padding: 0;display: flex;flex-flow: column;width: 270px;gap: 10px;} .sunniva-see-for-yourself-promo .ctas a {width: 100%;} @media (max-width:1200px){ .sunniva-see-for-yourself-promo .inner {flex-flow: column;align-items: flex-start;padding: 40px;} .sunniva-see-for-yourself-promo .ctas { width:100%; } } /*----------------------------- Living option cards ----------------------------- */ .living-option-cards .living-option-cards-items {display: flex;gap: 25px;} .living-option-cards .living-option-cards-items .item {position: relative;background: #fff;border-radius: 25px;padding: 30px;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);font-size: 18px;border: 1px solid #D1D1D1;transition: all 0.3s ease;flex: 1;} .living-option-cards .living-option-cards-items .item .item-inner {display: flex;flex-flow: column;height: 100%;} .living-option-cards .living-option-cards-items .item .highlight-tag {position: absolute;top: 0;left: 50%;background: #C8EFF5;border: 2px solid #84D3DE;border-radius: 25px;padding: 3px 15px;transform: translate(-50%, -50%);font-size: 16px;} .living-option-cards .living-option-cards-items .item .title {font-size: 32px!important;color: #000!important;margin: 0 0 10px!important;} .living-option-cards .living-option-cards-items .item .subtitle {color: #02838C;font-size: 20px;} .living-option-cards .living-option-cards-items .item .checklist {font-size: 18px;} .living-option-cards .living-option-cards-items .item .desc { } .living-option-cards .living-option-cards-items .item .best-for {background: #F5F1ED;font-size: 18px;padding: 15px;border-radius: 15px;line-height: 1.35em;} .living-option-cards .living-option-cards-items .item hr {border-top: 1px solid #bbb;width: 100%;margin: 20px 0;} .living-option-cards .living-option-cards-items .item .cta {padding: 15px 0 0;margin-top: auto;} .living-option-cards .living-option-cards-items .item .cta a {width: 100%;} .living-option-cards .living-option-cards-items .item.highlight {border-color: #05D5E6;} .living-option-cards .living-option-cards-items .item.highlight .highlight-tag { } .living-option-cards .living-option-cards-items .item:hover {box-shadow: 0 1px 11px rgba(0, 0, 0, 0.35);transform: translateY(-10px);} .living-option-cards .living-option-cards-footnotes {text-align: center;padding: 4vh 0 0;font-size: 17px;} @media (max-width:1200px){ .living-option-cards .living-option-cards-items {flex-flow: column;} } .sunniva-window-boxes { } .sunniva-window-boxes .inner {display: flex;gap: 15px;} .sunniva-window-boxes .item {border-radius: 25px;overflow: hidden;background: #D5EEF0;flex: 1;transition: all 0.3s ease;} .sunniva-window-boxes .item .item-inner {display: flex;height: 100%;} .sunniva-window-boxes .item .item-image {flex: 1;position: relative;} .sunniva-window-boxes .item .item-image .item-image-wrapper {height: 100%;overflow: hidden;position: absolute;inset: 0;width: 100%;z-index: 1;} .sunniva-window-boxes .item .item-image img {height: 100%;width: 100%;object-fit: cover;transition: all 1s 0.15s ease;} .sunniva-window-boxes .item .item-image h2 {margin: 0!important;color: #fff!important;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 50px!important;} .sunniva-window-boxes .item .item-content {flex: 0;overflow: hidden;transition: all 0.3s ease;} .sunniva-window-boxes .item .item-content-inner {height: 100%;padding: 100px 40px;display: flex;flex-flow: column;justify-content: center;transform: translateY(10px);transition: all 0.5s 0.15s ease;} .sunniva-window-boxes .item .item-content-inner h3 {font-size: 36px!important;} .sunniva-window-boxes .item .item-content-inner .cta { padding:25px 0 0;} .sunniva-window-boxes .item.active {flex: 2.5;} .sunniva-window-boxes .item.active .item-image h2 { opacity:0; } .sunniva-window-boxes .item.active .item-content {flex: 1;} .sunniva-window-boxes .item.active img {transform: scale(1.05);} .sunniva-window-boxes .item.active .item-content-inner { transform:translateY(0); } @media (max-width:1200px){ .sunniva-window-boxes .inner {flex-flow: column;} .sunniva-window-boxes .item .item-inner { display: block;} .sunniva-window-boxes .item .item-image {height: 50vh;} .sunniva-window-boxes .item .item-image h2 {left: 5%;transform: translate(0, -50%);} .sunniva-window-boxes .item .item-content {max-height: 0;} .sunniva-window-boxes .item .item-content-inner {transform: none;height: auto;width: 100%!important;padding: 40px;transition: all 2s 0s ease;} .sunniva-window-boxes .item.active .item-content {max-height: 100vh;} } /*----------------------------- State panels ----------------------------- */ .state-panels .controls {display: flex;align-items: flex-start;flex-flow: row-reverse;gap: 15px;padding: 0 0 25px;} .state-panels .controls .state-panels-layout-toggle { } .state-panels .controls .state-panels-layout-toggle {display: inline-flex;align-items: stretch;background: #EEEEEC;border: 1px solid #DEDEDB;padding: 4px;border-radius: 100px;gap: 2px;} .state-panels .controls .state-panels-layout-toggle a {font-size: 15px;font-weight: 700;transition: background .15s, color .15s, box-shadow .15s;border: none;border-radius: 100px;padding: 6px 25px;text-decoration: none;color: #333;white-space: nowrap;} .state-panels .controls .state-panels-layout-toggle a:hover {color: #00838F; } .state-panels .controls .state-panels-layout-toggle a.active {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);background: #00838F;color: #fff;} .state-panels .pills {display:flex;flex-wrap:wrap;gap:10px;justify-content: flex-start;/* margin-bottom:34px; */padding: 0;} .state-panels .pills a {padding: 5px 10px 5px 15px !important;display: flex!important;gap: 20px;align-items: center;justify-content: space-between;font-size: 16px!important;} .state-panels .pills a .state-count { color: #888;flex-shrink: 0;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;line-height: 1em;background: #cbeaed;border-radius: 50%;color: #314c58;font-size: 14px;} .state-panels .panel {display: none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--line-300);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow-card)} .state-panels .panel.active { display:grid;} .state-panels .panel-photo{ min-height:380px;display:flex;align-items:center;justify-content:center} .state-panels .panel-photo .image {height: 100%;} .state-panels .panel-photo .image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} .state-panels .panel-body{padding:40px 44px;display:flex;flex-direction:column} .state-panels .panel-body h3{font-size: 36px!important;font-weight: 700!important;margin-bottom: 16px!important;} .state-panels .panel-body p{font-size:17px;line-height:1.6} .state-panels .panel-copy{flex:1} .state-panels .panel-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px} .state-panels[data-view="list"] .panels { display:block; } .state-panels[data-view="list"] .state-panels-map { display:none; } .state-panels[data-view="list"] .controls .pills { display:flex; } .state-panels[data-view="map"] .panels { display:none; } .state-panels[data-view="map"] .state-panels-map { display:block; } .state-panels[data-view="map"] .controls .pills { display:none; } @media (max-width:900px) { .state-panels .pills{justify-content:flex-start;gap:8px} .state-panels .panel{grid-template-columns:1fr} .state-panels .panel-photo{min-height:200px} .state-panels .panel-body{padding:28px 24px} .state-panels .panel-body h3{font-size:28px} .state-panels.panel-body p{font-size:16px} .state-panels .controls .state-panels-layout-toggle { display:none; } } /*----------------------------- Careers portal selector ----------------------------- */ .careers-portal-selector { } .careers-portal-selector .content-actions-header h4 {font-size: 15px!important;} .careers-portal-selector .actions {display: flex;gap: 15px;padding: 15px 0 0;} .careers-portal-selector .actions .action {position: relative;} .careers-portal-selector .actions .action-dropdown { display:none; position: absolute;top: calc(100% + 8px);left: 0;min-width: 250px;background: #fff;border: 1px solid #E2D9CD;border-radius: 14px;box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .18);padding: 8px;flex-direction: column;gap: 2px;z-index: 10;} .careers-portal-selector .actions .action-dropdown.active { display:flex; } .careers-portal-selector .actions .action-dropdown .item { } .careers-portal-selector .actions .action-dropdown .item a {color: inherit;font-size: 17px;display: flex;padding: 7px;text-decoration: none;background: #fff;border-radius: 9px;border: none;align-items: center;justify-content: space-between;color: #314C58!important;} .careers-portal-selector .actions .action-dropdown .item a:hover { background: #FAF7F2; } .careers-portal-selector .actions .action-dropdown .item.active a { background: #FAF7F2; } .careers-portal-selector .actions .action-dropdown .item.active a::after {content:'\f00c';font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0;transform-origin: center;line-height: 1em;font-size: 14px;display: inline-flex;color: #9f9a9a;} /*----------------------------- Brand grid ----------------------------- */ .brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px} .brand-tile{background:#fff;border:1px solid #d1d5dc;border-radius:16px;box-shadow:0 8px 32px rgba(0, 0, 0, .05);; display:flex;align-items:center;justify-content: center;padding: 0;font-size:15px;font-weight:800;color:#314C58;text-align:center;line-height: 1em;transition:border-color .15s ease,box-shadow .15s ease} .brand-tile:hover{border-color:#00838f;box-shadow:0 8px 32px #00838f24} .brand-tile .brand-image {padding: 25px !important;height: 110px;width: 100%;} .brand-tile .brand-image img {object-fit: contain;width: 100%;height: 100% !important;object-position: center;transition: all 0.3s ease !important;} @media (max-width:900px) { .brand-grid{grid-template-columns:repeat(2,1fr);gap:12px} } /*----------------------------- Header ----------------------------- */ .sunniva-primary-nav {display: flex;margin: 0!important;padding: 0!important;list-style: none;gap: 30px;} .sunniva-primary-nav > li { overflow: hidden;padding: 5px 0!important;position: relative;border-bottom: 3px solid #fff;transition: all 0.3s ease;} .sunniva-primary-nav > li .nav-item-header {display: flex;gap: 15px;cursor: pointer;align-items: center;} .sunniva-primary-nav > li .nav-item-header .item-label {font-weight: 700;color: #000;font-size: 20px;} .sunniva-primary-nav > li .nav-item-header .toggle {transform: rotate(180deg);font-size: 16px;height: 16px;line-height: 1em;transition: all 0.3s ease;} .sunniva-primary-nav .dropdown {position: absolute;top: calc(100% + 3px);left: 0;background: #fff;width: fit-content;min-width: 600px;z-index: 5;padding: 0;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.25);/* display: none; */opacity: 0;pointer-events: none;} .sunniva-primary-nav .dropdown .dropdown-cols {display: flex;gap: 15px;} .sunniva-primary-nav .dropdown .dropdown-cols .col-header {font-weight: 600;text-transform: uppercase;font-size: 14px;border-bottom: 1px solid #DEDED9;padding: 0 0 15px;margin: 0 0 15px;color: #0A0A0A;line-height: 1em; } .sunniva-primary-nav .dropdown .dropdown-cols .col-subnav {width: 340px;padding: 30px;flex: auto;} .sunniva-primary-nav .dropdown .dropdown-cols .col-submenus {width: 800px;border-left: 1px solid #DEDED9;padding: 30px;flex: auto;} .sunniva-primary-nav .dropdown .dropdown-cols .col-submenus .submenu { display:none; } .sunniva-primary-nav .dropdown .dropdown-cols .col-submenus .submenu.active { display:block; } .sunniva-primary-nav .dropdown .items {margin: 0!important;padding: 0!important;display: flex;flex-flow: column;gap: 2px;list-style: none;} .sunniva-primary-nav .dropdown .items li { } .sunniva-primary-nav .dropdown .items li a {font-size: 17px;text-decoration: none;background: #fff;display: block;padding: 15px 30px 15px 15px;border-radius: 10px;color: #1a1a1a;position: relative;} .sunniva-primary-nav .dropdown .items li a:hover { background:#E0F2F4; } .sunniva-primary-nav .dropdown .items li.active a { background:#E0F2F4; } .sunniva-primary-nav .dropdown .items li .item-name {display: block;font-weight: 700; line-height: 1.35em;} .sunniva-primary-nav .dropdown .items li .item-desc {display: block;line-height: 1.25em;} .sunniva-primary-nav .dropdown .items li.new .item-name::after {content:"New";border-radius: 4px;padding: 4px 5px;vertical-align: middle;letter-spacing: 0.04em;text-transform: uppercase;display: inline-block;margin-left: 7px;font-size: 9px;font-weight: 700;color: #03838C;background: rgba(203, 234, 237, 0.7);line-height: 1.55em;} .sunniva-primary-nav .dropdown .dropdown-footer {border-top: 1px solid #DEDED9;padding: 20px 30px;margin: 0;display: flex;align-items: center;justify-content: flex-end;} .sunniva-primary-nav > li:hover {border-color: var(--brand-primary-color)!important;} .sunniva-primary-nav > li:hover .item-label { color:var(--brand-primary-color)!important; } .sunniva-primary-nav > li:hover > a { color:var(--brand-primary-color)!important; } .sunniva-primary-nav > li:hover .toggle{color:var(--brand-primary-color)!important; } .sunniva-primary-nav .nav-dropdown-open {border-color: var(--brand-primary-color)!important; overflow: visible !important;} .sunniva-primary-nav .nav-dropdown-open .nav-item-header .item-label { color:var(--brand-primary-color)!important; } .sunniva-primary-nav .nav-dropdown-open .nav-item-header .toggle{color:var(--brand-primary-color)!important;transform: rotate(0deg)!important;} .sunniva-primary-nav .nav-dropdown-open .dropdown { animation: sunnivaDropdownIn 0.3s ease;pointer-events: all;opacity: 1;} .sunniva-primary-nav .dropdown .col-subnav .items li a::after {content: '\f054'; font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;margin: 0;transform-origin: center;line-height: 1em;font-size: 14px; transition: all 0.3s ease;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);color: #bcbcbc;} .sunniva-primary-nav.dropdown .items li a:hover::after { color:#03838C; } #wrapper > #covid-alert { display: none!important } #header-primary-sunniva { z-index: 2;position: relative;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1); } #header-primary-sunniva .container {max-width: 95%;} #header-primary-sunniva .header-call-banner {display:none;padding: 1vh 0;border-bottom: 1px solid #E3E3E3;background: #fff;} #header-primary-sunniva .header-call-banner .container {max-width: 100%;width: 100%;padding: 0 5px;} #header-primary-sunniva .header-call-banner .inner { } #header-primary-sunniva .header-call-banner .cta-call { } #header-primary-sunniva .header-call-banner .cta-call {display: flex;align-items: center;gap: 10px;font-size: 16px;justify-content: center;} #header-primary-sunniva .header-call-banner .cta-call .icon {background: #CBEAED;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 13px;transform: rotate(95deg);} #header-primary-sunniva .header-call-banner .cta-call .call-label { } #header-primary-sunniva .header-call-banner .cta-call .call-link {display: block;font-weight: 900;color: inherit;} #header-primary-sunniva .header-main {font-size: 18px;border-bottom: 1px solid #E3E3E3;padding: 3vh 0;background: #fff;} #header-primary-sunniva .header-main .inner {display: flex;align-items: center;gap: 35px;justify-content: space-between;} #header-primary-sunniva .header-main #header-primary-sunniva .header-main .col-logo { } #header-primary-sunniva .header-main .col-logo .header-logo {max-width: 300px;} #header-primary-sunniva .header-main .col-logo .header-logo img { } #header-primary-sunniva .header-main .col-secondary-nav { } #header-primary-sunniva .header-main .col-secondary-nav ul {display: flex;align-items: center;gap: 15px;margin: 0!important;padding: 0!important;} #header-primary-sunniva .header-main .col-secondary-nav ul li {list-style: none;} #header-primary-sunniva .header-main .col-secondary-nav ul li a {color: #314C58;font-weight: 600;text-decoration: none;position: relative;border-bottom: 2px solid #fff;transition: border 0.3s ease;/* font-size: 14px; */} #header-primary-sunniva .header-main .col-secondary-nav ul li a:hover {color: #026870;border-color: #026870;} #header-primary-sunniva .header-main .col-cta { } #header-primary-sunniva .header-main .col-cta .cta-call {display: flex;align-items: center;gap: 10px;font-size: 18px;} #header-primary-sunniva .header-main .col-cta .cta-call .icon {background: #CBEAED;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 13px;transform: rotate(95deg);} #header-primary-sunniva .header-main .col-cta .cta-call .call-label { } #header-primary-sunniva .header-main .col-cta .cta-call .call-link {display: block;font-weight: 900;color: inherit;} #header-primary-sunniva .header-main .col-mobile-opener {display:none;background: #CBEAED;padding: 7px 15px;transition: all 0.3s ease;} #header-primary-sunniva .header-main .col-mobile-opener a {display: flex;align-items: center;gap: 10px;text-decoration: none;color: #314C58;transition: all 0.3s ease;} #header-primary-sunniva .header-main .col-mobile-opener:hover {background: #026870; } #header-primary-sunniva .header-main .col-mobile-opener:hover a { color:#fff;} #header-primary-sunniva .header-main .col-mobile-opener .icon-m { display:none; } #header-primary-sunniva .header-nav { } #header-primary-sunniva .header-nav .inner {display: flex; gap: 15px;align-items: center;justify-content: space-between;padding: 2vh 0px;} #header-primary-sunniva .header-nav .col-primary-nav { } #header-primary-sunniva .header-nav .m-secondary-nav {display:none;width: 100%;} #header-primary-sunniva .header-nav .m-secondary-nav ul {list-style: none;margin: 0!important;padding: 0!important;} #header-primary-sunniva .header-nav .m-secondary-nav ul li {padding: 0 20px !important;} #header-primary-sunniva .header-nav .m-secondary-nav ul li a {border-bottom: 1px solid #e2e2de !important;display: block;text-decoration: none;color: #707070;font-weight: 600;font-size: 16px;line-height: 1em;padding: 18px 0;} #header-primary-sunniva .header-nav .m-secondary-nav ul li a:hover {color:#03838C; } #header-primary-sunniva .header-nav .col-action { } #header-primary-sunniva .header-nav .col-action .action-default { } #header-primary-sunniva .header-nav .col-action .action-default a {padding: 10px 30px!important;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed {position: relative;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm {display: flex;align-items: center;gap: 15px;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-image {flex-shrink: 0;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;border: 2px solid var(--brand-primary-color);} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview {line-height: 1.25em; max-width: 400px;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview .previous-label-text {display: block;font-size: 15px;line-height: 1em;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview .previous-comm-name {ext-wrap: balance;display: block;line-height: 1em;/* white-space: nowrap; */font-weight: 700;text-decoration: none;transition: color 0.3s ease;font-size: 18px;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview .previous-comm-name::after {content: '\f105';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0 0 0 5px;text-decoration: none;font-size: 1em;line-height: 1em;transition: all 0.2s ease;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview .previous-comm-name:hover { color:var(--brand-primary-color)!important; } #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown {position: absolute;top: calc(100% + 10px);right: 0;background: #fff;width: fit-content;min-width: 600px;z-index: 5;padding: 0;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.25);opacity: 0;pointer-events: none;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .dropdown-inner { padding: 20px; } #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-header {font-weight: 600;text-transform: uppercase;font-size: 14px;border-bottom: 1px solid #DEDED9;padding: 0 0 15px;margin: 0 0 15px;color: #0A0A0A;line-height: 1em;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-primary-image {border-radius: 15px;overflow: hidden;margin: 0 0 15px;height: 30vh;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-primary-image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-name h3 {color: #000!important;font-size: 26px!important;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-info {display: flex;gap: 10px;padding: 15px 0;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-info .address {font-size: 17px;flex: 1;line-height: 1.35em;position: relative;padding: 0 0 0 20px;margin: 0;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-info .address .icon {position: absolute;top: 0;left: 0;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-info .address .map-link { } #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-info .call {font-size: 17px;flex: 1;white-space: nowrap;margin: 0;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-actions {margin: 0!important;list-style: none;padding: 15px 0 0!important;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 7px;border-top: 1px solid #dfdfdf; } #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-actions li {padding: 0!important;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-actions li a {width: 100%;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-actions li.change { grid-column: span 2;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .dropdown .comm-actions li.change a {color: #333;font-size: 14px;text-align: center;display: block;padding: 5px 0 0;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed.dropdown-open .dropdown { animation: sunnivaDropdownIn 0.3s ease;pointer-events: all;opacity: 1;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed.dropdown-open .previously-viewed-comm .comm-preview .previous-comm-name::after {transform: rotate(90deg);} #header-primary-sunniva .header-nav .col-action .action-previously-viewed.dropdown-open .previous-comm-name { color:var(--brand-primary-color)!important; } #header-primary-sunniva .header-nav.dropdown-extends-right { position: relative;} #header-primary-sunniva .header-nav.dropdown-extends-right .nav-dropdown-open { position:static!important; } #header-primary-sunniva .header-nav.dropdown-extends-right .nav-dropdown-open .dropdown {left:auto;right:15px;top: calc(100% - 3px );} @media (max-width:1600px){ #header-primary-sunniva .sunniva-primary-nav {gap: 15px;} #header-primary-sunniva .sunniva-primary-nav .nav-item-header {gap: 5px;} #header-primary-sunniva .sunniva-primary-nav > li .nav-item-header .item-label { font-size:18px; } } @media (max-width:1480px){ #header-primary-sunniva .sunniva-primary-nav > li .nav-item-header .item-label {font-size: 16px;} #header-primary-sunniva .header-main .col-cta .cta-call {font-size: 16px;gap: 5px;} #header-primary-sunniva .header-main .col-secondary-nav ul li a { font-size: 14px; } #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview {max-width: 280px;} #header-primary-sunniva .header-nav .col-action .action-previously-viewed .previously-viewed-comm .comm-preview .previous-comm-name {font-size: 16px;} } @media (max-width:1380px){ #header-primary-sunniva .header-main .inner {gap: 15px;} #header-primary-sunniva .header-main .col-secondary-nav ul li a { } #header-primary-sunniva .header-nav .col-primary-nav .primary-nav > li .nav-item-header .item-label {font-size: 17px;} } @media (max-width:1210px){ #header-primary-sunniva .header-main .col-secondary-nav { display:none; } #header-primary-sunniva .header-main .col-mobile-opener { display:block; } #header-primary-sunniva:has(.header-nav.open) .header-main .col-mobile-opener .icon-d { display:none; } #header-primary-sunniva:has(.header-nav.open) .header-main .col-mobile-opener .icon-m { display:inline; } body:has(#header-primary-sunniva .header-nav.open) #wrapper > *:not(#header-primary-sunniva) { display:none;} #header-primary-sunniva .header-nav {position: absolute;top: 99%;left: 0;background: #fbfbfb;min-height: 100vh;width: 100%;padding: 15px 0;/* transform: translateY(-100vh); */opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: -1;} #header-primary-sunniva .header-nav.open {/* transform: translateY(0); */pointer-events: all;opacity: 1;} #header-primary-sunniva .header-nav .container {max-width: 98%;width: 98%;} #header-primary-sunniva .header-nav .inner {flex-flow: column;align-items: flex-start;background: #fff;box-shadow: 0 14px 44px rgba(0, 0, 0, .18);border-radius: 15px;overflow: hidden;gap: 0;} #header-primary-sunniva .header-nav .inner .sunniva-primary-nav {flex-flow: column;} #header-primary-sunniva .header-nav .col-primary-nav {width: 100%;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav {gap: 0;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav > li {padding: 0!important;border-bottom: 1px solid #e2e2de!important;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav > li > .nav-item-header {padding: 20px;justify-content: space-between;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav > li > .nav-item-header .item-label {font-size: 20px;color: #314C58;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav > li > .nav-item-header .toggle { color: #03838C; } #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown {position: static;height: 0;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-footer {justify-content: flex-start;border-top: none;padding: 5px 30px 30px;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-footer a { width:100%; } #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-cols {flex-flow: column;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-cols .col-header { padding: 15px 0 15px 0; margin: 0 30px;font-weight: 700;font-size: 16px;text-transform: none;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-cols .col-subnav {padding: 0 0 15px;width: 100%;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-cols .col-subnav:has(.has-subnav) {display: none;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-cols .col-submenus {width: 100%!important;padding: 0;border: none;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .dropdown-cols .col-submenus .submenu {display: block;padding: 0 0 10px;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .items li a {padding: 10px 40px 10px 40px;font-size: 16px;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .dropdown .items li a::after {right: 20px;} #header-primary-sunniva .header-nav .col-primary-nav .sunniva-primary-nav .nav-dropdown-open .dropdown {height: auto;border-radius: 0;box-shadow: none;min-width: 100%;width: 100%;} #header-primary-sunniva .header-nav .m-secondary-nav { display:block; } #header-primary-sunniva .header-nav .col-action {width:100%;padding: 15px;} #header-primary-sunniva .header-nav .col-action .action-default a { width:100%; } #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .previously-viewed-comm { display:none;} #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .dropdown {position: static;opacity: 1;border-radius: 0;box-shadow: none;width: 100%;max-width: 100%;min-width: 100%;pointer-events: all;} #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .dropdown .dropdown-inner {padding: 0;} #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .dropdown .comm-header {border: none;text-transform: none;font-size: 20px;color: #03838C;font-weight: 700;} #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .dropdown .comm-name { padding:5px 15px; } #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .dropdown .comm-info {flex-flow: column;padding: 15px;} #header-primary-sunniva .header-nav.open .col-action .action-previously-viewed .dropdown .comm-actions {/* grid-template-columns: 1fr; */display: flex;flex-flow: column;} } @media (max-width:880px){ #header-primary-sunniva .header-main .col-cta { display:none; } #header-primary-sunniva .header-call-banner { display:block; } #header-primary-sunniva .header-main .col-logo {max-width: 55%;} } /*----------------------------- Footer ----------------------------- */ #footer-primary-sunniva { } #footer-primary-sunniva .footer-main {padding: 6vh 0;} #footer-primary-sunniva .footer-main .inner {display: flex;gap: 35px;} #footer-primary-sunniva .footer-main .inner .info-col {flex: 2;padding: 0 45px 0 0;} #footer-primary-sunniva .footer-main .inner .info-col .footer-logo {margin: 0 0 25px;max-width: 400px;} #footer-primary-sunniva .footer-main .inner .info-col .footer-logo .logo {display: block;} #footer-primary-sunniva .footer-main .inner .info-col .footer-logo .logo img { } #footer-primary-sunniva .footer-main .inner .info-col .cta { padding:25px 0 0} #footer-primary-sunniva .footer-main .inner .nav-col {flex: 1;} #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-header {color: #314C58;font-size: 22px;font-weight: 400;display: flex;align-items: center;justify-content: space-between;} #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-header .toggle { display:none; } #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-header .nav-col-header-text {font-weight: 700;} #footer-primary-sunniva .footer-main .inner .nav-col ul {list-style: none;margin: 0!important;padding: 0!important;} #footer-primary-sunniva .footer-main .inner .nav-col ul li { } #footer-primary-sunniva .footer-main .inner .nav-col ul li a {color: #314C58;} #footer-primary-sunniva .footer-sub {background: #F8F8F8;color: #000;padding: 3vh 0; z-index: 1;} #footer-primary-sunniva .footer-sub .inner {display: flex;align-items: center;justify-content: space-between;gap: 20px;} #footer-primary-sunniva .footer-sub .meta {display: flex;gap: 25px;line-height: 1em;font-size: 20px;} #footer-primary-sunniva .footer-sub .meta .sep {width: 1px;background: #000;} #footer-primary-sunniva .footer-sub .meta .copyright {font-weight: 600;} #footer-primary-sunniva .footer-sub .meta a {font-weight: 500; color: #000;} #footer-primary-sunniva .footer-sub .icons { } #footer-primary-sunniva .footer-sub .icons ul {padding: 0!important;list-style: none;margin: 0!important;display: flex;align-items: center;justify-content: center;gap: 15px;} #footer-primary-sunniva .footer-sub .icons ul li {padding: 0!important;display: flex;align-items: center;font-size: 24px;} #footer-primary-sunniva .footer-sub .icons ul li a {color: #000;} #footer-primary-sunniva .footer-sub .icons ul li a:hover { color:#03838c; } @media (max-width:1200px){ #footer-primary-sunniva .footer-main .inner {flex-flow: column;gap: 25px;padding: 0 15px;} #footer-primary-sunniva .footer-main .inner .info-col {padding: 0;text-align: center;} #footer-primary-sunniva .footer-main .inner .info-col .footer-logo {margin: 0 auto 25px; max-width: 75%;} #footer-primary-sunniva .footer-main .inner .info-col .cta { display:none; } #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-header {cursor:pointer;font-size: 26px;} #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-header .toggle {display: block; } #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-header .toggle i { transition: all 0.3s ease;} #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-menu-wrapper {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.5s ease-out; } #footer-primary-sunniva .footer-main .inner .nav-col .nav-col-menu-inner { overflow: hidden; } #footer-primary-sunniva .footer-main .inner .nav-col.active .nav-col-menu-wrapper { grid-template-rows: 1fr; } #footer-primary-sunniva .footer-main .inner .nav-col.active .nav-col-header .toggle i {transform: rotate(180deg);} #footer-primary-sunniva .footer-sub .inner { display:block; } #footer-primary-sunniva .footer-sub .meta {display: block;text-align: center;line-height: 1.5em;padding: 0 0 15px;font-size: 18px;} #footer-primary-sunniva .footer-sub .meta .copyright {display: block;} #footer-primary-sunniva .footer-sub .meta .sep { display:none; } } /*----------------------------- Global pages ----------------------------- */ #page-sunniva-default { padding:10vh 0; } #page-sunniva-default a { color:#000; } #page-global-sitemap #global-sitemap { padding:10vh 0; } #page-global-sitemap #global-sitemap h2 { font-size: 30px !important; } #page-global-sitemap #global-sitemap a { color:#000; } #svm #wrapper #page-sunniva-404 .headline {text-align: center;padding: 10vh 0 5vh;margin: 0 auto;max-width: 840px;/* text-wrap: balance; */} #svm #wrapper #page-sunniva-404 .headline h1 {color:#314C58;font-weight: 700;margin: 0 0 10px;} #svm #wrapper #page-sunniva-404 .headline h4 {color: #03838C!important; } #svm #wrapper #page-sunniva-404 .cards-404 a {color: #03838C!important;} #svm #wrapper #page-sunniva-404 .cards-404 .path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1120px;margin:0 auto;padding: 0 0 6vh;} #svm #wrapper #page-sunniva-404 .cards-404 .path-card{position:relative;background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:40px 36px 32px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 18px rgba(0,75,114,0.09);transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease} #svm #wrapper #page-sunniva-404 .cards-404 .path-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#03838C;transform:scaleX(0);transform-origin:left;transition:transform .28s ease} #svm #wrapper #page-sunniva-404 .cards-404 .path-card:hover{transform:translateY(-2px);border-color:#03838c47;box-shadow:0 8px 42px rgba(0,75,114,0.14)} #svm #wrapper #page-sunniva-404 .cards-404 .path-card:hover::before{transform:scaleX(1)} #svm #wrapper #page-sunniva-404 .cards-404 .path-icon{width:56px;height:56px;border-radius:100px;background:#CBEAED;display:flex;align-items:center;justify-content:center;margin-bottom:26px;flex-shrink:0} #svm #wrapper #page-sunniva-404 .cards-404 .path-icon i{font-size:24px;line-height:1;color:#03838C; } #svm #wrapper #page-sunniva-404 .cards-404 .path-title{ font-weight:700;font-size:28px;line-height:1.15;color:#314C58;margin-bottom:12px} #svm #wrapper #page-sunniva-404 .cards-404 .path-body{ font-weight:500;font-size:18px;line-height:1.6;color:#2C2C2C;margin-bottom:28px} #svm #wrapper #page-sunniva-404 .cards-404 .path-footer{margin-top:auto;padding-top:22px;border-top:1px solid #E5E7EB} #svm #wrapper #page-sunniva-404 .cards-404 .path-link{display:inline-flex;align-items:center;gap:10px; font-weight:700;font-size:15px;color:#03838C;transition:gap .18s ease,color .18s ease} #svm #wrapper #page-sunniva-404 .cards-404 .path-link:hover{color:#004B72;;gap:16px} #svm #wrapper #page-sunniva-404 .cards-404 .path-link i{font-size:14px;line-height:1;flex-shrink:0} #svm #wrapper #page-sunniva-404 .cards-404 .path-link::after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media (max-width:1200px){ #svm #wrapper #page-sunniva-404 .cards-404 .path-grid {grid-template-columns: 1fr;} } .headline.headline-with-cta {display: flex;align-items: center;justify-content: space-between;gap: 35px;} .headline.headline-with-cta .text { } .headline.headline-with-cta .cta { } @media (max-width:1200px){ .headline.headline-with-cta {flex-flow: column;justify-content: flex-start;gap: 15px;align-items: flex-start;} } #sunniva-page-hero {height: 75vh;position: relative;display: flex;flex-flow: column;justify-content: flex-end;min-height: 600px;} #sunniva-page-hero .section-background {overflow: hidden;max-height: 100%;position: absolute;inset: 0;height: 100%;overflow: hidden;} #sunniva-page-hero .section-background img {object-fit: cover;height: 105%;width: 100%; top: -2.5%;transform: translateY(2.5%) scale(1.05);transition:transform 3s ease-out;} body.nhg-window-loaded #sunniva-page-hero .section-background img {transform: translateY(0) scale(1);} #sunniva-page-hero .section-background video {object-fit: cover;height: 105%;width: 100%; top: -2.5%;transform: translateY(2.5%) scale(1.05);transition:transform 3s ease-out;} body.nhg-window-loaded #sunniva-page-hero .section-background video {transform: translateY(0) scale(1);} #sunniva-page-hero .bg-overlay {position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);width: 100%;} #sunniva-page-hero .headline {position: relative;z-index: 1;text-align: center;padding: 0 0 3vh;} #sunniva-page-hero .headline h4 {color: #fff!important; font-size: 26px;text-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);} #sunniva-page-hero .headline h1 { color: #fff !important;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);margin-left: auto!important;margin-right: auto!important; text-wrap: balance; margin-bottom: 0 !important;line-height: 1em;} #sunniva-page-hero .headline .awards {list-style: none;padding: 2vh 0 0 !important;margin: 0!important;color: #fff;display: flex;align-items: center;justify-content: center;gap: 20px;font-weight: 600;font-size: 23px;} #sunniva-page-hero .headline .awards li { } #sunniva-page-hero .find-comm-search-bar {padding: 0 0 5vh;} @media (max-width:800px){ #sunniva-page-hero {height: auto;background: #f0e9e4;background#f0e9e4: ;} #sunniva-page-hero .bg-overlay {background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);display: none;} #sunniva-page-hero .section-background {background: #f0e9e4;height: 70%;} #sunniva-page-hero .section-background::after {content:"";background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.75) 20%, rgba(0, 0, 0, 0) 100%);position: absolute;inset: 0;height: 100%;width: 100%;} #sunniva-page-hero .section-background img {object-position:top;object-fit: cover;} #sunniva-page-hero .headline {padding: 25vh 0 3vh;} #sunniva-page-hero .headline h4 {font-size: 20px!important;} #sunniva-page-hero .headline h1 { font-size: 40px!important;} #sunniva-page-hero .headline .awards {flex-flow: column;gap: 0;} #sunniva-page-hero.sunniva-page-hero-home .section-background {height: 75%;} } #sunniva-page-hero .sunniva-here-for-bar {padding: 0 0 5vh;} #sunniva-page-hero-two-col {background: #FAF7F2;padding: 7vh 0;} #sunniva-page-hero-two-col .page-hero-two-col {gap: 35px;align-items: center;} #sunniva-page-hero-two-col .page-hero-two-col .text-content {flex: 1;} #sunniva-page-hero-two-col .page-hero-two-col .image-content {flex: 1;} #sunniva-page-hero-sub-here-for-bar { background: #FAF7F2;padding: 7vh 0;} #sunniva-page-hero-two-col + #sunniva-page-hero-sub-here-for-bar {padding-top: 0;} #sunniva-page-hero-one-col {background: #FAF7F2;padding: 10vh 0;text-align: center;} #sunniva-living-option-overview {background-color: #F0E9E4;padding: 7vh 0;} #sunniva-living-option-overview .sunniva-two-col {gap: 25px;align-items: center; align-items: stretch;} #sunniva-living-option-overview .text-content {flex: 1.25;} #sunniva-living-option-overview .text-content .mobile-image {display:none;margin: 0 0 25px;} #sunniva-living-option-overview .image-content {flex: 1;} @media (max-width:1200px){ #sunniva-living-option-overview .image-content { display:none;} #sunniva-living-option-overview .text-content .mobile-image { display:block;} #sunniva-living-option-overview .cta a {width: 100%;white-space: normal!important;line-height: 1.5em;} } #sunniva-living-option-calculator-section {padding: 7vh 0;text-align: center;} #sunniva-living-option-benefits {padding: 7vh 0;} #sunniva-living-option-benefits .headline {text-align: center;} #sunniva-living-option-services {padding: 7vh 0;} #sunniva-living-option-services .headline {padding: 0 0 4vh;} #sunniva-living-option-pain-points-section {background: #FAF6F5; padding: 8vh 0 7vh;} #sunniva-living-option-pain-points-section .headline {padding: 0 0 4vh;text-align: center;} @media (max-width:1200px){ #sunniva-living-option-services .sunniva-accord-images { display:none;} } #sunniva-living-option-explore-options {background: #FAF6F5;padding: 7vh 0;} #sunniva-living-option-explore-options .headline {text-align: center;padding: 0 0 4vh;} #sunniva-living-option-explore-options .living-option-explore-options-cols {gap: 35px;} #sunniva-living-option-explore-options .living-option-explore-options-cols .col-asset {flex: 1;} #sunniva-living-option-explore-options .living-option-explore-options-cols .col-asset .cta {text-align: center;padding: 15px 0 0;} #sunniva-living-option-explore-options .living-option-explore-options-cols .col-steps {flex: 1;} #sunniva-living-option-explore-options .living-option-explore-options-cols .sunniva-steps-accord .item-header .text-label {font-size: 34px!important;} @media (max-width:1200px){ #sunniva-living-option-explore-options .living-option-explore-options-cols {flex-flow: column;} #sunniva-living-option-explore-options .living-option-explore-options-cols .sunniva-steps-accord .item-header .text-label {font-size: 26px!important;} } #sunniva-general-reviews-slider-section { padding: 7vh 0;} #sunniva-general-reviews-slider-section .headline {text-align: center;padding: 0 0 4vh;margin: 0 auto; } #sunniva-general-reviews-slider-section .headline .container {max-width: 850px;} #sunniva-general-faq-section { padding: 7vh 0 4vh; } #sunniva-general-faq-section .headline {text-align: left;padding: 0 0 4vh; max-width: 750px;} #sunniva-general-faq-section:not(:has(.sunniva-general-faq-accord .faq-accord-items .item)) {display: none;} /*----------------------------- Home ----------------------------- */ @media (max-width:1200px){ } #sunniva-home-start {padding: 7vh 0;} #sunniva-home-start .headline h2 { } #sunniva-home-start .sunniva-two-col {gap: 25px;} #sunniva-home-start .sunniva-two-col .sunniva-accord {flex: 1;} @media (max-width:1200px){ #sunniva-home-start .headline h2 {text-align: center;font-size: 50px!important;} #sunniva-home-start .sunniva-accord-with-images .sunniva-accord-images {display: none;} } #sunniva-home-living-options {background: #FAF6F5;padding: 7vh 0;} #sunniva-home-living-options .headline {text-align: center;padding: 0 0 2vh;} #sunniva-home-living-options .headline h2 {margin: 0 auto 25px!important;max-width: 700px;} #sunniva-home-living-options .headline p {margin:0 auto;max-width: 900px;} #sunniva-home-living-options .sunniva-bar-header .text-label { font-size: 20px !important; } #sunniva-home-life-at {background: #0A1D27;padding: 7vh 0;} #sunniva-home-life-at .headline {text-align: center;color: #fff;padding: 0 0 5vh;} #sunniva-home-life-at .headline h2 {color: #fff!important;} #sunniva-home-life-at .headline p {margin: 0 auto;max-width: 820px;} @media (max-width:1200px){ #sunniva-home-life-at .headline h2 {font-size: 50px!important;} } #sunniva-home-resources {padding: 7vh 0;} #sunniva-home-resources .headline {text-align: center;} #sunniva-home-image-strip {padding: 7vh 0;} #sunniva-home-image-strip .inner { } #sunniva-home-image-strip .full-image { } #sunniva-home-image-strip .mobile-image {display: none;} #sunniva-home-image-strip .mobile-image {display: none;} @media (max-width:1200px){ #sunniva-home-image-strip .full-image { display: none;} #sunniva-home-image-strip .mobile-image {display: block;} } #sunniva-home-big-dreams {padding: 5vh 0 7vh;} #sunniva-home-big-dreams .headline { } #sunniva-home-big-dreams .headline .inner {display: flex;align-items: center;justify-content: space-between;padding: 0 0 4vh;gap: 25px;} #sunniva-home-big-dreams .headline h2 {margin: 0!important;} #sunniva-home-big-dreams .sunniva-window-boxes .container {max-width: 1400px;} @media (max-width:1200px){ #sunniva-home-big-dreams .headline .inner {text-align: center;display: block;} #sunniva-home-big-dreams .headline .inner .cta {display: none;} } #sunniva-home-reviews-slider-section {background: #FAF8F6;padding: 7vh 0;} #sunniva-home-reviews-slider-section .headline {margin: 0 auto;max-width: 680px;text-align: center;padding: 0 0 25px;} /*----------------------------- Resource Center feed ----------------------------- */ .sunniva-resource-center-article-feed { padding: 25px 0;} .sunniva-resource-center-article-feed .item {box-shadow: 0 1px 11px rgba(0,0,0,0.25);border-radius: 25px;overflow: hidden;position: relative;transition: all 0.3s ease;} .sunniva-resource-center-article-feed .item .item-inner { height: 100%;border-top: 15px solid #ccc;padding: 25px;display: flex;flex-flow: column;} .sunniva-resource-center-article-feed .item .item-header {display: flex;align-items: center;justify-content: space-between;padding: 0 0 25px;} .sunniva-resource-center-article-feed .item .item-header .cat-tag {background: #ccc;padding: 10px 15px;font-size: 16px;border-radius: 45px;line-height: 1em;} .sunniva-resource-center-article-feed .item .item-header .read-time {font-size: 16px;color: #7E7E7E;} .sunniva-resource-center-article-feed .item .item-content { } .sunniva-resource-center-article-feed .item .item-content .article-title {font-size: 30px!important;margin: 0 0 15px!important;} .sunniva-resource-center-article-feed .item .item-content .article-content {font-size: 18px;line-height: 1.35em; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} .sunniva-resource-center-article-feed .item .item-read-more-cta { margin-top:auto; padding: 30px 0 10px;} .sunniva-resource-center-article-feed .item .item-read-more-cta a {color: #138D96;font-weight: 800;text-decoration: none;font-size: 18px;} .sunniva-resource-center-article-feed .item .item-read-more-cta a .icon {transition: all 0.3s ease;display: inline-block;} .sunniva-resource-center-article-feed .item:hover .item-read-more-cta a .icon {transform: translateX(5px); } .sunniva-resource-center-article-feed .item:hover {box-shadow: 0 1px 11px rgba(0,0,0,0.45);transform: translateY(-10px);} .resource-center-article-feed-view-all-cta {text-align: center;padding: 15px 0 0;} .headline:has(.cta a) + .sunniva-resource-center-article-feed + .resource-center-article-feed-view-all-cta {display: none;} .sunniva-resource-center-article-feed .item:nth-child(1) .item-inner {border-color: #CCEAED;} .sunniva-resource-center-article-feed .item:nth-child(1) .cat-tag {background: #CCEAED;color: #005F65;} .sunniva-resource-center-article-feed .item:nth-child(2) .item-inner {border-color: #CCEAED;} .sunniva-resource-center-article-feed .item:nth-child(2) .cat-tag {background: #CCEAED;color: #005F65;} .sunniva-resource-center-article-feed .item:nth-child(3) .item-inner {border-color: #CCEAED;} .sunniva-resource-center-article-feed .item:nth-child(3) .cat-tag {background: #CCEAED;color: #005F65;} @media (max-width:1000px){ .sunniva-resource-center-article-feed {grid-template-columns: 1fr;gap: 15px;} } /*----------------------------- Living Option compare ----------------------------- */ #living-option-compare { } #living-option-compare[data-active-state="independence"] [data-state="support"] { display:none; } #living-option-compare[data-active-state="support"] [data-state="independence"] { display:none; } #living-option-compare .status-icon {background: #D1D1D1;width: 32px;height: 32px;display: inline-flex;align-items: center;border-radius: 50%;justify-content: center;font-size: 16px;} #living-option-compare .status-yes {background: #ABEAC1;color: #006243;} #living-option-compare .status-no {color: #808080;} #living-option-compare .status-label {padding: 5px 10px;font-size: 17px;border-radius: 5px;} #living-option-compare .status-select {background: #CBEAED;} #living-option-compare .status-included {background: #CBEAED;} #living-option-compare .status-label-general {background: #CBEAED;} #living-option-compare #hero .headline {background: #FAF6F5; padding: 7vh 0 4vh; } #living-option-compare #hero .headline .headline-copy {text-align: center;max-width: 930px; padding: 0 15px;margin: 0 auto;} #living-option-compare #hero .headline .headline-copy h1 {color: #314C58;line-height: 1em; font-size: 60px !important;margin: 0 auto 30px!important;} #living-option-compare #hero .headline .living-option-compare-headline-toggle { padding:0 0 3vh; } #living-option-compare .living-option-compare-headline-toggle {text-align: center; } #living-option-compare .living-option-compare-headline-toggle .living-option-compare-headline-toggle-inner {background: #fff;display: inline-flex;padding: 5px;border-radius: 30px;border: 1px solid #A3A3A3;} #living-option-compare .living-option-compare-headline-toggle a {background: #fff;color: #314C58;border-radius: 40px;padding: 10px 30px;text-decoration: none;white-space: nowrap;} #living-option-compare .living-option-compare-headline-toggle a:hover {color: #02838C; } #living-option-compare .living-option-compare-headline-toggle a.active {background: #02838C;color: #fff;} #living-option-compare .living-option-card-section {background: #FAF6F5;padding: 0 0 7vh;} @media (max-width:1200px){ #living-option-compare #hero .headline {padding: 5vh 0;} #living-option-compare #hero .headline .headline-copy h1 { font-size:40px!important; } } .living-option-compare-table-section {padding: 7vh 0;} .living-option-compare-table-section .container { max-width: 1400px;} .living-option-compare-table-section .headline .inner {display: flex;gap: 45px;padding: 0 0 3vh;align-items: flex-end;} .living-option-compare-table-section .headline .headline-content-col { } .living-option-compare-table-section .headline .headline-content-col h2 { } .living-option-compare-table-section .headline .headline-content-col p { } .living-option-compare-table-section .headline .headline-toggle-col { } .living-option-compare-table-section .headline .headline-toggle-col { } .living-option-compare-table-section .headline .toggle-el { text-align: right; } .living-option-compare-table-section .headline .toggle-el label { font-size: 16px; } .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown {border: 1px solid #A3A3A3;/* padding: 10px 25px; */border-radius: 25px;cursor: pointer;position: relative;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .selected-value {white-space: nowrap;padding: 10px 25px;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .selected-value .text-label {line-height: 1em;font-size: 18px;transition:all 0.3s ease;white-space: nowrap;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .selected-value .toggle {margin-left: 5px;font-size: 20px;line-height: 1em;height: 20px;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .selected-value .toggle i { transition: all 0.3s ease;transform-origin: center;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown {display: none;background: #fff;position: absolute;padding: 15px;z-index: 5;min-width: 300px;box-shadow: 0 8px 20px 2px rgba(0, 0, 0, 0.25);left: 0;top: calc(100% + 10px);} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown .dropdown-inner {display: flex;flex-flow: column;gap: 3px;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown.dropdown-open .selected-value .toggle i {transform: rotate(180deg); margin-top:-1px;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown.dropdown-open .dropdown {display: block;animation: sunnivaDropdownIn 0.3s ease;border-radius: 15px;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown ul {list-style: none;margin: 0!important;padding: 0!important;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown ul li { } .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown ul li label { cursor: pointer;margin: 0;display: flex;gap: 10px;user-select: none; align-items: center;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown .checkbox-group { } .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown .options-group a { width:100%; } .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown hr { } .living-option-compare-table { } .living-option-compare-table .table-wrapper {border-radius: 25px;overflow: hidden;border: 1px solid #B2B2B2;} .living-option-compare-table table {width: 100%;table-layout: fixed;/* border: 1px solid #fff; */} .living-option-compare-table table td {padding: 15px 10px;cursor: pointer; } .living-option-compare-table table td:first-child {text-align:left; position: relative;} .living-option-compare-table table td .toggle {margin: 0;position: absolute;left: 30px;} .living-option-compare-table table td .toggle i {transition: all 0.3s ease;} .living-option-compare-table table tr.active .toggle i {transform: rotate(90deg);} .living-option-compare-table table .col-hidden { display:none!important; } .living-option-compare-table table td:has(.status) { text-align:center; } .living-option-compare-table .main-header-row {position: relative;} .living-option-compare-table .main-header-row::after {content:"";background: #004B72;position: absolute;left: -10px;width: 130%;height: 100%;z-index: 1;top: 0;} .living-option-compare-table .main-header-row th {background: #004B72;color: #fff;padding: 10px;font-weight: 400;text-align: center;font-size: 16px;line-height: 1.2em;width: 25%;width: 100%;position: relative;z-index: 2;} .living-option-compare-table .main-header-row th:first-child {text-align:left;width: 200%;padding-left: 20px;} .living-option-compare-table .cluster-row { } .living-option-compare-table .cluster-row td {background: #CBEAED;} .living-option-compare-table .cluster-row td:first-child {padding-left: 40px;} .living-option-compare-table .cluster-row td:last-child {padding-right: 20px;} .living-option-compare-table .cluster-row .toggle {left: 15px;} .living-option-compare-table .item-row {display: none;position: relative;} .living-option-compare-table .item-row td {} .living-option-compare-table .item-row td:first-child {padding-left: 50px;} .living-option-compare-table .item-row td:last-child {padding-right: 40px;} .living-option-compare-table .item-row.shown {display: table-row;} .living-option-compare-table .desc-row {overflow: hidden;font-size: 18px; position: relative;max-height: 0;height: 0;} .living-option-compare-table .desc-row td {padding: 0;} .living-option-compare-table .desc-row td > div {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.5s ease-out;overflow: hidden; max-width: 500px;font-size: 16px;line-height: 1.45em;} .living-option-compare-table .desc-row td > div > div {overflow: hidden;padding: 0;transition: padding 0.3s ease;} .living-option-compare-table .desc-row td:first-child {padding-left: 40px;} .living-option-compare-table .desc-row td:last-child {padding-right: 40px;} .living-option-compare-table .item-row.shown + .desc-row::after {content:"";height: 1px;position: absolute;top: 100%;left: 40px;background: #bbb;width: calc(100% - 80px);} .living-option-compare-table .item-row + .desc-row:has(+ .cluster-row)::after {display: none;} .living-option-compare-table .item-row.active::after { opacity:0; } .living-option-compare-table .item-row.active + .desc-row { } .living-option-compare-table .item-row.active + .desc-row td { } .living-option-compare-table .item-row.active + .desc-row td > div {grid-template-rows: 1fr;} .living-option-compare-table .item-row.active + .desc-row td > div > div {padding: 0 0 15px;} .living-option-compare-table-footnotes {text-align: center;padding: 3vh 0;font-size: 18px;margin: 0 auto;max-width: 95%;} .living-option-compare-table-footnotes .key {margin: 0 auto!important;padding: 0 0 15px!important;list-style: none;display: inline-flex;gap: 20px;} .living-option-compare-table-footnotes .key li { } .living-option-compare-activities {background: #ebebeb;} .living-option-compare-activities > .headline {text-align: center;padding: 6vh 0 5vh;} .living-option-compare-activities > .headline [data-state="independence"] h2 {/* max-width: 630px; */margin: 0 auto 25px !important;} .living-option-compare-activities > .headline [data-state="independence"] p {max-width: 990px;margin: 0 auto;} .living-option-compare-activities > .headline [data-state="support"] h2 {/* max-width: 490px; */margin: 0 auto 25px!important;} .living-option-compare-activities > .headline [data-state="support"] p {max-width: 900px;margin: 0 auto;} .living-option-compare-activities > .headline .living-option-compare-headline-toggle { padding:3vh 0 0; } .living-option-compare-activities > .headline .living-option-compare-headline-toggle {padding: 0 0 5vh;} .living-option-compare-activities-banner-wrapper { } .living-option-compare-activities-banner {position: relative;width: 100%;height: auto;aspect-ratio: 16 / 9;max-height: 80vh;} .living-option-compare-activities-banner .item {position: absolute;top: 0;left: 0;aspect-ratio: 16 / 9;height: auto;width: 100%;opacity: 0;transition: all 0.3s ease;max-height: 80vh;overflow: hidden;} .living-option-compare-activities-banner .item .item-inner {position: relative;height: 100%;} .living-option-compare-activities-banner .item .image {height: 100%;} .living-option-compare-activities-banner .item .image img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .living-option-compare-activities-banner .item .copy {position: absolute;bottom: 3%;left: 0;width: 100%;color: #fff;transition: all 0.5s 0.2s ease;opacity: 0;} .living-option-compare-activities-banner .item .copy h3 {color: #fff!important;margin: 0 0 10px!important;} .living-option-compare-activities-banner .item .copy p {margin: 0;max-width: 900px;} .living-option-compare-activities-banner .item.active {opacity: 1;} .living-option-compare-activities-banner .item.active .copy {bottom:5%;opacity: 1;} .living-option-compare-activities-controls { } .living-option-compare-activities-controls .inner {display: flex;gap: 15px;padding: 5vh 0;} .living-option-compare-activities-controls .item {flex: 1;background: #fff;border-radius: 25px;padding: 30px 15px;box-shadow: 0 1px 11px rgba(0, 0, 0, 0.15);border: 1px solid #C7C7C7;text-align: center;cursor: pointer;transition: all 0.3s ease;} .living-option-compare-activities-controls .item .item-inner { } .living-option-compare-activities-controls .item .icon {background: #CBEAED;width: 55px;height: 55px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 0 15px;} .living-option-compare-activities-controls .item .text { } .living-option-compare-activities-controls .item .text h3 {font-size: 26px!important;margin: 0 0 5px!important;} .living-option-compare-activities-controls .item .text p {margin: 0;font-size: 16px;color: #314C58;transition: all 0.3s ease;} .living-option-compare-activities-controls .item:hover {box-shadow: 0 1px 11px rgba(0, 0, 0, 0.35);transform: translateY(-5px);} .living-option-compare-activities-controls .item.active {background: #02838C;color: #fff;} .living-option-compare-activities-controls .item.active .text h3 {color: #fff!important;transition: all 0.3s ease;} .living-option-compare-activities-controls .item.active .text p { color:#fff; } #living-option-compare .sunniva-find-comm-near-you-promo {padding: 6vh 0 0;} #living-option-compare #resources {padding: 8vh 0;} @media (max-width: 1200px){ #living-option-compare .living-option-compare-headline-toggle a {font-size: 14px;padding: 10px;flex: 1;} #living-option-compare .living-option-cards .living-option-cards-wrapper {flex-flow: column;} .living-option-compare-table-section .headline {flex-flow: column;align-items: center;gap: 15px; } .living-option-compare-table-section .headline .inner {flex-flow: column;gap: 15px;padding: 0 0 5vh;} .living-option-compare-table-section .headline .headline-toggle-col {width: 100%;text-align: center;} .living-option-compare-table-section .headline .toggle-el {text-align: left;} .living-option-compare-table-section .headline .toggle-el label {display: block;} .living-option-compare-table-section .headline .living-option-selector {width: 100%;} #living-option-compare .living-option-compare-headline-toggle .living-option-compare-headline-toggle-inner{padding: 3px;width: fit-content;max-width: 500px;width: 95%;/* justify-content: stretch; */} .living-option-compare-table-section .living-option-compare-table .container {width: 100%;padding: 0;margin: 0;} .living-option-compare-table .table-wrapper {border-radius: 0;border: none;border-bottom: 1px solid #B2B2B2;} .living-option-compare-table .item-row td:first-child {padding-left: 40px;font-size: 16px;line-height: 1.35em;padding-right: 0;} .living-option-compare-table .item-row td:first-child .toggle {left: 20px;} .living-option-compare-table .cluster-row td {font-size: 18px;} .living-option-compare-table .main-header-row th {font-size: 16px;} .living-option-compare-table-footnotes .key {flex-flow: column;gap: 5px;} .living-option-compare-activities-banner {aspect-ratio: 1/ 1;} .living-option-compare-activities-banner .item {aspect-ratio: 1 / 1;} .living-option-compare-activities-banner .item .copy p {font-size: 18px;line-height: 1.25em;} .living-option-compare-activities-banner .item .image .bg-overlay {background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(95, 95, 95, 0) 60%, rgba(255, 255, 255, 0) 100%);} .living-option-compare-activities-controls .container {overflow: auto;} .living-option-compare-activities-controls .inner { width: fit-content;} .living-option-compare-activities-controls .item {width: 40vw;} .living-option-compare-activities-controls .item .text {line-height: 1.25em;} .living-option-compare-activities-controls .item .text h3 {font-size: 20px !important;} .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown .dropdown { position: fixed; z-index: 10;top: auto;height: auto;width: 96%;left: 2%; } .living-option-compare-table-section .headline .toggle-el .living-option-table-toggle-dropdown.dropdown-open .dropdown { bottom:0;} #sunniva-living-option-compare-resources .headline {flex-flow: column;align-items: flex-start;} } @media (max-width:550px){ .living-option-compare-table .item-row > td {width: 50% } } /*----------------------------- Living Option cost calculator ----------------------------- */ .living-option-cost-calculator-common { } .living-option-cost-calculator-common .totals {display: flex;justify-content: space-between;gap: 25px;align-items: center; border-top: 1px solid #E5E5E5;padding: 15px 0 0;margin: 15px 0 0;} .living-option-cost-calculator-common .totals label {color: #314C58;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;font-weight: 600;line-height: 1.2em;} .living-option-cost-calculator-common .totals .value {font-size: 32px;font-family: "EB Garamond", serif;font-weight: 600;} .living-option-cost-calculator-common .totals .sub-label {color: #A89080; font-size: 14px; } .living-option-cost-calculator-common .totals .your-monthly { } .living-option-cost-calculator-common .totals .your-monthly .value {color: #2A2319;} .living-option-cost-calculator-common .totals .vs {background: #2A5464;color: #fff;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;letter-spacing: 1px;flex: 0 0 40px;font-weight: 600;} .living-option-cost-calculator-common .totals .avg-monthly { } .living-option-cost-calculator-common .totals .avg-monthly .value {color: #1D6C7A;} .living-option-cost-calculator-common .totals .avg-monthly .sub-label { display:none; } .living-option-cost-calculator-common .totals .avg-monthly .sub-label.active{ display:block; } .living-option-cost-calculator-widget {} .living-option-cost-calculator-widget .living-option-cost-inner { border: 1px solid #E6DFDB;border-radius: 25px;padding: 35px; text-align: left; } .living-option-cost-calculator-widget .cols {display: flex;gap: 35px;} .living-option-cost-calculator-widget .col-a {flex: 1;} .living-option-cost-calculator-widget .col-b {flex: 1;} .living-option-cost-calculator-widget .title {display: flex;gap: 25px;align-items: center;padding: 0 0 15px;} .living-option-cost-calculator-widget .title h3 {font-size: 32px!important; font-weight: 700 !important;} .living-option-cost-calculator-widget .title .reset {white-space: nowrap;color: #447DA4;font-size: 16px;font-weight: 600;} .living-option-cost-calculator-widget .desc p { font-size: 16px;line-height: 1.55em;padding: 0 0 15px;margin: 0;} .living-option-cost-calculator-widget .calc-sliders { } .living-option-cost-calculator-widget .calc-sliders .item {display: flex;align-items: center;padding: 2px 0;} .living-option-cost-calculator-widget .calc-sliders .item label {margin: 0;line-height: 1em;width: 30%;font-size: 14px; font-weight: 600;} .living-option-cost-calculator-widget .calc-sliders .item .input-wrapper {width: auto;flex: auto;} .living-option-cost-calculator-widget .calc-sliders .item .input-wrapper input {width: 100%;-webkit-appearance: none;height: 4px;border-radius: 2px;background: #E8DEDA;outline: none!important;cursor: pointer;padding: 0;border: none;} .living-option-cost-calculator-widget .calc-sliders .item .input-wrapper input::-webkit-slider-thumb { -webkit-appearance: none; border-radius: 50%; height: 20px; width: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.18);border: 2px solid #fff;cursor: pointer; background:#1d6c7a; } .living-option-cost-calculator-widget .calc-sliders .item .value {width: 30%;text-align: right;font-size: 14px;color: #5A4F3F;font-weight: 600;} .living-option-cost-calculator-widget .totals {border: none;padding: 20px;margin: 0 0 15px;border-radius: 15px;border: 1px solid #E5E5E5;} .living-option-cost-calculator-widget .totals-message { } .living-option-cost-calculator-widget .totals-message .message { display: none;} .living-option-cost-calculator-widget .totals-message .message.active { display:block; } .living-option-cost-calculator-widget .cta {padding: 15px 0 0;} .living-option-cost-calculator-widget .cta a {width: 100%;} .living-option-cost-calculator-widget .notice {font-size: 14px;line-height: 1.5em;padding: 15px 0 0;max-width: 1000px;margin: 0 auto;} @media (max-width:1200px){ .living-option-cost-calculator-widget .cols {flex-flow: column;} .living-option-cost-calculator-widget .calc-sliders .item .input-wrapper input::-webkit-slider-thumb { } } @media (max-width:600px){ .living-option-cost-calculator-widget .calc-sliders .item {padding: 10px 0;} .living-option-cost-calculator-widget .calc-sliders .item label {line-height: 1.5em;} .living-option-cost-calculator-widget .title {flex-flow: column;align-items: flex-start;gap: 10px;} .living-option-cost-calculator-widget .totals {flex-flow: column;text-align: center;gap: 15px;} } #living-option-cost-calculator-window { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 1000;opacity: 0;pointer-events: none;overflow-y: scroll;transition: opacity 0.3s ease;} #living-option-cost-calculator-window.open {opacity: 1;pointer-events: auto;} #living-option-cost-calculator-window .window-inner {display: flex;height: auto;align-items: stretch;} #living-option-cost-calculator-window .closer {position: absolute;width: 36px;height: 36px;border-radius: 50%;border: 1.5px solid #E8DEDA;color: #A89080;background: #fff;cursor: pointer;top: 15px;right: 15px;display: flex;align-items: center;justify-content: center;font-family: Arial;font-size: 15px;font-weight: 400;transition: color .2s, border-color .2s;} #living-option-cost-calculator-window .closer:hover { border-color: #A89080; color:#2A2319; } #living-option-cost-calculator-window .section-wrapper {display: flex;flex:1; } #living-option-cost-calculator-window .section-form {flex: 3;text-align: left;background: #fff;} #living-option-cost-calculator-window .section-form .container {height: 100%;max-width: 100%;} #living-option-cost-calculator-window .section-form .inner {display: flex;flex-flow: column;height: 100%;} #living-option-cost-calculator-window .section-form .inner form {height: 100%;} #living-option-cost-calculator-window .section-form .living-option-cost-calculator-window-panel-wrapper {height: 100%;display: flex;flex-flow: column;} #living-option-cost-calculator-window .section-form .form-panel {display: none;height: 100%; flex-flow: column;} #living-option-cost-calculator-window .section-form .form-panel.active {display: flex;} #living-option-cost-calculator-window .section-form .steps {display: flex;padding: 30px 0;align-items: center;gap: 25px;} #living-option-cost-calculator-window .section-form .steps .step { display: flex;align-items: center;gap: 10px;} #living-option-cost-calculator-window .section-form .steps .step .num {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border: 1px solid #E8DEDA;border-radius: 50%;font-size: 12px;color: #A89080;} #living-option-cost-calculator-window .section-form .steps .step .step-text {font-size: 14px;color: #A89080;line-height: 1em;} #living-option-cost-calculator-window .section-form .steps .step.active { } #living-option-cost-calculator-window .section-form .steps .step.active .num { background: #1D6C7A; color:#fff; } #living-option-cost-calculator-window .section-form .steps .step.active .step-text { color: #1D6C7A; } #living-option-cost-calculator-window .section-form .steps .bar {flex: 1;height: 1.5px;background: #E8DEDA;} #living-option-cost-calculator-window .section-form .steps .closer { display:none;} #living-option-cost-calculator-window .section-form .headline { padding:20px 0} #living-option-cost-calculator-window .section-form .headline p {color: #5A4F3F;font-size: 16px;line-height: 1.25em;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form {flex: auto;display: flex;flex-flow: column;padding: 0 0 30px;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form form {height: 100%;display: flex;flex-flow: column;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form .item {padding-top: 25px;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form .item label {display: block;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form .item .label-text { } #living-option-cost-calculator-window .living-option-cost-calculator-window-form .item select {width: 100%;display: block;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form .living-option-select-helper {padding: 15px 0;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form .living-option-select-helper .item { display:none; } #living-option-cost-calculator-window .living-option-cost-calculator-window-form .living-option-select-helper .item.active { display:block; } #living-option-cost-calculator-window .living-option-cost-calculator-window-form .item-submit {margin-top: auto;display: flex;gap: 15px;} #living-option-cost-calculator-window .living-option-cost-calculator-window-form .gform-footer {display: none!important;} #living-option-cost-calculator-window[data-current-step="1"] { } #living-option-cost-calculator-window[data-current-step="2"] { } #living-option-cost-calculator-window .section-sidebar {flex: 1;background: #FAF6F5;border-left: 1px solid #E8DEDA;padding: 60px 0 48px; display: flex;flex-flow: column;text-align: left;position: relative;min-width: 420px;min-height: 1px; height: auto;} #living-option-cost-calculator-window .section-sidebar .container { } #living-option-cost-calculator-window .section-sidebar .inner { } #living-option-cost-calculator-window .headline { margin: 0;padding: 0 0 15px;} #living-option-cost-calculator-window .headline .spg-group-label {font-size: 13px;font-weight: 700; text-transform: uppercase;color: #314C58;letter-spacing:0;} #living-option-cost-calculator-window .headline h3 {font-size: 32px!important;margin: 0 0 10px!important;} #living-option-cost-calculator-window .headline .toggle { display:none; } #living-option-cost-calculator-window .headline .message-select-your-state {margin-top: 20px; display:none;} #living-option-cost-calculator-window .headline .message-select-your-state.active { display:block;} #living-option-cost-calculator-window .what-included .headline {border-bottom: 1px solid #E8DEDA;margin: 0 0 25px;padding: 0 0 15px;} #living-option-cost-calculator-window .what-included .headline .spg-group-label {font-size: 13px;font-weight: 700; text-transform: uppercase;color: #314C58;letter-spacing:0;} #living-option-cost-calculator-window .what-included .headline h3 {font-size: 24px!important; } #living-option-cost-calculator-window .what-included .headline .toggle {display:none;cursor: pointer;background: #fff;border: 1px solid #E8DEDA;font-size: 12px;width: 30px;height: 30px; align-items: center;justify-content: center;border-radius: 50%;} #living-option-cost-calculator-window .features {margin: 0 0 25px!important;padding: 0!important;list-style: none;} #living-option-cost-calculator-window .features li {display: flex;align-items: flex-start;gap: 16px;padding: 10px 0!important;} #living-option-cost-calculator-window .features .icon {width: 34px;height: 34px;border-radius: 9px;background: #E8DEDA;display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 16px;} #living-option-cost-calculator-window .features .icon i { color:#467792; } #living-option-cost-calculator-window .features .text { font-size: 15px;line-height: 1.5em;font-weight: 400;} #living-option-cost-calculator-window .features .text strong {color: #2A2319;} #living-option-cost-calculator-window .features .text br { display:block; } #living-option-cost-calculator-window .summary {border: 1px solid #E8DEDA;padding: 25px;border-radius: 15px;margin: 0 0 15px;background: #fff;} #living-option-cost-calculator-window .summary .summary-header {font-size: 14px;font-weight: 700;text-transform: uppercase;color: #A89080;letter-spacing: 0;line-height: 1.2em;margin: 0 0 20px;} #living-option-cost-calculator-window .summary .summary-items {display: grid;justify-content: space-between;gap: 25px;align-items: center;grid-template-columns: 1fr 1fr;} #living-option-cost-calculator-window .summary .summary-items .item { } #living-option-cost-calculator-window .summary .summary-items .item .summary-item-header {font-size: 12px;font-weight: 700;text-transform: uppercase;color: #A89080;letter-spacing:0;line-height: 1.2em;margin: 0;} #living-option-cost-calculator-window .summary .summary-items .item .summary-item-value {margin: 0; line-height: 1.2em;font-size: 16px; color: #2A2319;} #living-option-cost-calculator-window .totals-message { } #living-option-cost-calculator-window .totals-message .message { display:none; } #living-option-cost-calculator-window .totals-message .message.active { display:block; } #living-option-cost-calculator-window .steps {padding: 20px 0 0;} #living-option-cost-calculator-window .steps .steps-bars {display: flex;align-items: center;gap: 5px;} #living-option-cost-calculator-window .steps .steps-bars .step {height: 3px;background: #E8DEDA;flex: 1;border-radius: 2px;} #living-option-cost-calculator-window .steps .steps-bars .step.active {background: #1D6C7A; } #living-option-cost-calculator-window .steps .steps-text {color: #A89080;font-size: 13px;} @media (max-width:1200px){ #living-option-cost-calculator-window {background: rgba(0, 20, 40, 0.55);backdrop-filter: blur(4px);z-index: 100;display: flex;align-items: flex-end;justify-content: stretch;opacity: 0;pointer-events: none; } #living-option-cost-calculator-window.open {opacity:1;pointer-events: all;} #living-option-cost-calculator-window .window-inner { height:auto; } #living-option-cost-calculator-window .section-wrapper {max-height: 90vh;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);overflow: hidden;border-radius: 16px 16px 0 0;} #living-option-cost-calculator-window .section-wrapper .container {width: 100%;padding: 0;} #living-option-cost-calculator-window .section-sidebar { display:none; } #living-option-cost-calculator-window .section-form { } #living-option-cost-calculator-window .section-form .form-panel {overflow-y: scroll;width: 100%;margin: 0 auto;padding: 0 20px 0 20px;} #living-option-cost-calculator-window .section-form .steps {position: sticky;top: 0;background: #fff;padding: 0 20px 20px;} #living-option-cost-calculator-window .section-form .steps .closer {display: flex;position: static; } #living-option-cost-calculator-window .section-form .what-included {background: #FAF6F5;padding: 20px;border: 1px solid #E8DEDA;border-radius: 15px;margin: 0 0 15px;} #living-option-cost-calculator-window .section-form .what-included .headline {display: flex;align-items: center;justify-content: space-between;margin: 0;padding: 0;border-bottom: none;} #living-option-cost-calculator-window .section-form .what-included .headline .toggle {display: flex;} #living-option-cost-calculator-window .section-form .what-included .features {margin: 0!important;max-height: 0;overflow: hidden; } #living-option-cost-calculator-window .section-form .what-included.open .features {max-height: 1000px;overflow: visible;padding: 15px 0 0!important;} #living-option-cost-calculator-window .section-form .what-included.open .toggle i {transform: rotate(180deg);} #living-option-cost-calculator-window .section-form .totals-message { margin:0 0 20px; } #living-option-cost-calculator-window .sunniva-form living-option-cost-calculator-window-form .item-submit { } } /*----------------------------- Daily Life slider ----------------------------- */ .sunniva-daily-life-slider {} .sunniva-daily-life-slider .sunniva-daily-life-slider-wrapper { } .sunniva-daily-life-slider .slider-stage {aspect-ratio: 16 / 9;border-radius: 30px;overflow: hidden;} .sunniva-daily-life-slider .slider-stage .slider-stage-inner {height: 100%;position: relative;} .sunniva-daily-life-slider .slider-stage .slide {position: absolute;inset: 0;height: 100%;width: 100%;opacity: 0;transition: opacity 0.5s ease;} .sunniva-daily-life-slider .slider-stage .slide .slide-inner {position: relative;height: 100%;padding: 30px;display: flex;flex-flow: column;justify-content: space-between;} .sunniva-daily-life-slider .slider-stage .slide .slide-image {position: absolute;inset: 0;} .sunniva-daily-life-slider .slider-stage .slide .slide-image img {object-fit: cover;height: 100%;width: 100%;} .sunniva-daily-life-slider .slider-stage .slide .slide-image-cover {position: absolute;inset: 0;display: none;} .sunniva-daily-life-slider .slider-stage .slide .slide-scrim {position: absolute;inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);} .sunniva-daily-life-slider .slider-stage .slide .time-bubble {position: relative;z-index: 10;padding: 10px 15px;border-radius: 999px;background: rgba(255, 255, 255, .16);backdrop-filter: blur(10px);color: #fff;font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px; align-items: center;display: inline-flex;width: fit-content;gap: 5px;line-height: 1em;} .sunniva-daily-life-slider .slider-stage .slide .time-bubble .pulse { width: 6px;height: 6px;margin-right: 5px;border-radius: 50%;background: #F5C58F;animation: sunniva_daily_life_slider_timeline_bubble_pulse 2s ease-out infinite; } .sunniva-daily-life-slider .slider-stage .slide .slide-content {position: relative;z-index: 10;max-width: 72%;height: 100%;display: flex;align-items: flex-end;} .sunniva-daily-life-slider .slider-stage .slide .slide-content .subtitle {text-transform: uppercase;color: #fff;margin: 0 0 10px;font-size: 16px;font-weight: 700; } .sunniva-daily-life-slider .slider-stage .slide .slide-content .slide-headline {font-size: 50px!important;line-height: 1.12;margin: 0 0 12px!important;color: #fff!important;letter-spacing: -0.01em;font-weight: 500!important;} .sunniva-daily-life-slider .slider-stage .slide .slide-content .desc {color: #fff;font-weight: 300;line-height: 1.35em;margin: 0;} .sunniva-daily-life-slider .slider-stage .slide.active {opacity: 1;} .sunniva-daily-life-slider .slider-stage .slider-controls {position: absolute;bottom: 20px;right: 20px;z-index: 10;} .sunniva-daily-life-slider .slider-stage .slider-controls .slider-controls-inner {display: flex;align-items: center;gap: 15px;} .sunniva-daily-life-slider .slider-stage .slider-controls button {width: 38px;height: 38px;outline: none;border-radius: 50%;background: rgba(49, 76, 88, 0.7);backdrop-filter: blur(8px);border: 1px solid rgba(49, 76, 88, 0.7);color: #fff;cursor: pointer;transition: all .2s ease;display: flex;align-items: center;justify-content: center;} .sunniva-daily-life-slider .slider-stage .slider-controls button:hover { background: rgba(49, 76, 88, 1) } .sunniva-daily-life-slider .slider-stage .slider-controls .slide-counter {font-size: 16px;color: #fff;} .sunniva-daily-life-slider .slider-stage .slider-controls .slide-counter .current { } .sunniva-daily-life-slider[data-status="play"] .slider-stage .slider-controls .slide-playpause .play-icon { display:none; } .sunniva-daily-life-slider[data-status="pause"] .slider-stage .slider-controls .slide-playpause .pause-icon { display:none; } .sunniva-daily-life-slider .slider-step-controls {padding: 20px 0 50px;} .sunniva-daily-life-slider .slider-step-controls .slider-step-controls-inner {display: flex;gap: 10px;} .sunniva-daily-life-slider .slider-step-controls .step-control-button {flex: 1;cursor: pointer;display: flex;flex-flow: column;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .timeline {height: 6px;background: #E4DDD0;position: relative;margin: 0 0 15px;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .timeline .timeline-inner {width: 0;position: absolute;left: 0;height: 100%;background: #02838C;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label {display: flex;align-items: center;gap: 10px;padding: 20px 15px;flex: 1;background: #fff;border: 1px solid #C7C7C7;border-radius:15px;transition: all 0.3s ease;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label .icon {width: 35px;height: 35px;border-radius: 50%;background: #CBEAED;display: flex;align-items: center;justify-content: center;padding: 5px;border: none;border: 1px solid #E4DDD0;transition: all 0.3s ease;flex: 0 0 35px;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label .icon i {font-size: 16px;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label .label-text {color: #314C58;font-size: 23px; font-weight: 700;transition: all 0.3s ease;line-height: 1.15em;font-family: "EB Garamond", serif;margin:0;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label .label-subtext {color: #314C58;font-size: 16px;line-height: 1.2em; padding:7px 0 0;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label { } .sunniva-daily-life-slider .slider-step-controls .step-control-button:hover .label .icon { } .sunniva-daily-life-slider .slider-step-controls .step-control-button:hover .label-text { } .sunniva-daily-life-slider .slider-step-controls .step-control-button.active .label { background:#02838C; } .sunniva-daily-life-slider .slider-step-controls .step-control-button.active .label .icon { border-color:#02838C; } .sunniva-daily-life-slider .slider-step-controls .step-control-button.active .label-text { color:#fff; } .sunniva-daily-life-slider .slider-step-controls .step-control-button.active .label .label-subtext {color: #fff; } .sunniva-daily-life-slider .slider-step-controls .step-control-button.complete .timeline .timeline-inner {width:100%; background:#02838C;} .sunniva-daily-life-slider .slider-step-controls .step-control-button.active .timeline .timeline-inner { animation: sunniva_daily_life_slider_timeline 6s linear forwards; } .sunniva-daily-life-slider[data-status="pause"] .slider-step-controls .step-control-button .timeline .timeline-inner { animation-play-state: paused; } @keyframes sunniva_daily_life_slider_timeline { from { width: 0; } to { width: 100%; } } @keyframes sunniva_daily_life_slider_timeline_bubble_pulse { 0% { box-shadow: 0 0 0 0 rgba(245,197,143,.7); } 100% { box-shadow: 0 0 0 8px rgba(245,197,143,0); } } @media (max-width:1200px){ .sunniva-daily-life-slider .slider-stage {min-height: 500px;aspect-ratio: auto;} .sunniva-daily-life-slider .slider-stage .slider-stage-inner { min-height:500px;} .sunniva-daily-life-slider .slider-step-controls {padding: 20px 0;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label {justify-content: center;} .sunniva-daily-life-slider .slider-step-controls .step-control-button .label .label-text { display:none; } .sunniva-daily-life-slider .slider-step-controls .step-control-button .label .icon {width: 34px;height: 34px;flex: 0 0 34px;} .sunniva-daily-life-slider .slider-stage .slide .slide-content {max-width: 100%;padding: 0 0 60px;} .sunniva-daily-life-slider .slider-stage .slide .slide-content .headline {font-size: 34px !important;} .sunniva-daily-life-slider .slider-stage .slide .slide-content .desc {font-size: 16px;} .sunniva-daily-life-slider .slider-stage .slide .slide-scrim {background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);} } /*----------------------------- Pet Friendly ----------------------------- */ #page-pet-friendly {padding: 0 0 6vh;} #page-pet-friendly #sunniva-page-hero-two-col .cta { padding:15px 0 0; } #page-pet-friendly #benefits {padding: 7vh 0;} #page-pet-friendly #benefits .headline {text-align: center;padding: 0 0 4vh;margin: 0 auto;max-width: 1000px;} #page-pet-friendly #benefits .bps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;} #page-pet-friendly #benefits .bps-card{background: #F0E9E4;border:1px solid #E2D9CD;border-radius:18px;padding:36px 36px 34px;display:flex;flex-direction:column;gap:14px;transition:transform .22s,box-shadow .22s,border-color .22s;} #page-pet-friendly #benefits .bps-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:#CBEAED;} #page-pet-friendly #benefits .bps-card h3{font-family:'EB Garamond',Georgia,serif;font-size:24px;font-weight:600;color:#1A2B33;line-height:1.22;margin:0;} #page-pet-friendly #benefits .bps-card p{font-size: 18px;line-height:1.72;color: #0F0F0F;margin:0;} @media (max-width: 1024px) { #page-pet-friendly #benefits .bps-grid{grid-template-columns:1fr !important;gap:16px !important;} } #page-pet-friendly #sunniva-pet-reels {background: #004B72;padding: 7vh 0;} #page-pet-friendly #sunniva-pet-reels .headline {color: #fff;padding: 0 0 3vh;} #page-pet-friendly #sunniva-pet-reels .headline * { color:#fff; } #page-pet-friendly #sunniva-pet-reels .headline h2 {color: #fff!important;} #page-pet-friendly #sunniva-pet-reels .sunniva-vert-slider .item .item-content .cta a {width: auto;} #page-pet-friendly #process {background: #FAF6F5;padding: 7vh 0; margin-top: 7vh;} #page-pet-friendly #process .headline {text-align: center;margin: 0 auto;max-width: 900px;padding: 0 0 50px;} #page-pet-friendly #sunniva-pet-life {padding: 8vh 0;} #page-pet-friendly #sunniva-pet-life .headline {text-align: center;padding: 0 0 4vh;margin: 0 auto;max-width: 1000px;} #sunniva-pet-resources { padding: 7vh 0 0;} #sunniva-pet-resources .headline {padding: 0 0 3vh;} /*----------------------------- Here For Myself ----------------------------- */ #page-here-for { } #page-here-for #sunniva-page-hero-two-col .cta { padding:15px 0 0; } #page-here-for #recognizing {padding: 6vh 0;} #page-here-for #recognizing .headline {text-align: center;margin: 0 auto;max-width: 1040px;padding: 0 0 4vh;} #page-here-for .sunniva-find-comm-near-you-promo { padding: 0 0 4vh; } #page-here-for #living-options {background: #F9F5F4;padding: 8vh 0; } #page-here-for #living-options .headline {margin: 0 auto;max-width: 1050px;text-align: center;} #page-here-for #living-options .living-option-cards-section {padding: 7vh 0 0;} #page-here-for #other-living-options {background: #004B72;padding: 7vh 0;} #page-here-for #other-living-options .inner {display: flex;align-items: center;gap: 45px;} #page-here-for #other-living-options .inner .headline-col {flex: 1;} #page-here-for #other-living-options .inner .headline-col h2 {line-height: 1.2em;font-size: 42px;} #page-here-for #other-living-options .inner .cards-col {flex: 2;} @media (max-width:1200px){ #page-here-for #other-living-options .inner{flex-flow:column;gap: 20px;} } #page-here-for #your-days {padding:10vh 0;} #page-here-for #your-days .headline {text-align: center;margin: 0 auto;max-width: 1040px;padding: 0 0 4vh;} #page-here-for #process {background: #FAF6F5;padding: 7vh 0;} #page-here-for #process .headline {text-align: center;margin: 0 auto; padding: 0 0 50px;} #page-here-for #resources { padding: 7vh 0;} #page-here-for #sunniva-general-faq-section { padding: 7vh 0;} #page-here-for #sunniva-general-faq-section .headline {text-align: left;max-width: none;margin: 0;} /*----------------------------- Things to do ----------------------------- */ #page-things-to-do { } #sunniva-find-your-crew-promo { background: #004B72; } #sunniva-find-your-crew-promo .find-fit-promo-two-col {gap: 30px;padding: 7vh 0;align-items: center;} #sunniva-find-your-crew-promo .find-fit-promo-two-col .image-content { } #sunniva-find-your-crew-promo .find-fit-promo-two-col .image-content {flex: 1.3;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 5px;padding: 0;background: #fff;border-radius: 20px;overflow: hidden;} #sunniva-find-your-crew-promo .find-fit-promo-two-col .image-content .image { overflow: hidden;} #sunniva-find-your-crew-promo .find-fit-promo-two-col .image-content .image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} #sunniva-find-your-crew-promo .find-fit-promo-two-col .text-content { flex:2; } #sunniva-find-your-crew-promo .find-fit-promo-two-col .text-content h3 {margin: 0 0 10px!important;font-size: 35px!important;} #page-things-to-do #what-matters {padding: 8vh 0;} #page-things-to-do #what-matters .headline {text-align: center;max-width: 900px;margin: 0 auto;padding: 0 0 5vh;} #page-things-to-do #day-in-the-life {background: rgba(203, 234, 237, 0.40);padding: 8vh 0;} #page-things-to-do #day-in-the-life .headline {text-align: center;max-width: 900px;margin: 0 auto;padding: 0 0 3vh;} #page-things-to-do #events {padding: 8vh 0;} #page-things-to-do #events .headline {text-align: center;max-width: 960px;margin: 0 auto;padding: 0 0 3vh;} #page-things-to-do #process {background: #FAF6F5;padding: 7vh 0;} #page-things-to-do #process .headline {text-align: center;margin: 0 auto;max-width: 900px;padding: 0 0 50px;} #page-things-to-do #resources { padding: 8vh 0 0; } /*----------------------------- Dining ----------------------------- */ #page-dining { } #page-dining #sunniva-page-hero-two-col {padding: 10vh 0;} #page-dining #sunniva-page-hero-two-col .headline {text-align: center;max-width: 980px;margin: 0 auto;padding: 0 0 3vh;} #page-dining #sunniva-page-hero-two-col .headline h1 {font-size: 56px;} #page-dining #sunniva-page-hero-two-col .sunniva-two-col {gap: 45px;align-items: center;} #page-dining #dining-main-content { background: #FAF7F2; } #page-dining #dining-main-content .sunniva-two-col {align-items: center;gap: 45px;padding: 4vh 0;} #page-dining #dining-main-content .video-promo {border-radius: 20px;background: #004B72;padding: 30px;} #page-dining #dining-main-content .video-promo .video-promo-inner {color: #fff;display: flex;gap: 45px;align-items: center;} #page-dining #dining-main-content .video-promo .video {border-radius: 20px;overflow: hidden;flex: 1;} #page-dining #dining-main-content .video-promo .video-stage { } #page-dining #dining-main-content .video-promo .video a {position: relative;display: block;} #page-dining #dining-main-content .video-promo .video a::after { content: '\f04b';pointer-events: none;display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;margin: 0;text-decoration: none;font-size: 26px;line-height: 1em;transition: all 0.3s ease;color: #fff;border-radius: 50%;border: 2px solid #fff;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer; } #page-dining #dining-main-content .video-promo .video video {display: block;} #page-dining #dining-main-content .video-promo .text {flex: 1.25;} #page-dining #dining-main-content .video-promo .text h3 {margin: 0 0 15px;} @media (max-width:1200px){ #page-dining #dining-main-content .video-promo .video-promo-inner {flex-flow:column;gap: 20px;} } #page-dining #pain-points {padding: 8vh 0;} #page-dining #pain-points .headline {text-align: center;max-width: 900px;margin: 0 auto;padding: 0 0 5vh;} #page-dining #dining-features {padding: 8vh 0;} #page-dining #dining-features .headline {text-align: center;max-width: 1100px;margin: 0 auto;padding: 0 0 5vh;} #page-dining #dining-features .headline h2 {margin: 20px 0;} #page-dining #dining-features .headline p {max-width: 980px;margin: 0 auto;} #page-dining #taste {padding: 7vh 0;} #page-dining #taste .headline {text-align: center;padding: 0 0 5vh;} #page-dining #taste .headline h2 {margin: 20px 0;} #page-dining #taste .headline p {max-width: 1000px;margin: 0 auto; } #page-dining #taste .sunniva-dining-menu-panel-content {display: flex;align-items: flex-start;gap: 30px;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list {flex: 1; width: 100%;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul {margin: 0!important;padding: 0!important;list-style: none;display: flex;flex-flow: column;gap: 15px;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul li {border-radius: 14px;padding: 22px 24px!important;border: 1px solid #E5E7EB;background: #F7F7F6;font-size: 17px;position: relative;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul li h3 {font-size: 28px!important;margin: 0 0 10px!important;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul li h3 .icon {font-size: 16px;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul li p { margin:0; } #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul li.highlight {background: #EAF7F8;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-list ul li .highlight-tag {position: absolute;top: 0;background: #314C58;right: 10px;color: #fff;line-height: 1em;font-size: 16px;font-weight: 700;padding: 10px 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-media {flex: 1;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto auto;gap: 15px;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item {border-radius: 15px;overflow: hidden;position: relative;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item:nth-child(1) {grid-row: 1 / -1; } #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item .image { height:100%; } #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item .image img {display: block;object-fit: cover;height: 100%;width: 100%;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item .image img.mobile { display:none; } @media (max-width:1200px){ #page-dining #taste .sunniva-dining-menu-panel-content {flex-flow:column;gap: 20px;} #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item .image img.mobile { display:block; } #page-dining #taste .sunniva-dining-menu-panel-content .menu-media .item .image img.desktop { display:none; } } @media (max-width:800px){ #page-dining #taste .sunniva-dining-menu-panel-content .menu-media { grid-template-columns: 1fr;} } #page-dining #award-winning {background:rgba(203, 234, 237, 0.40);padding: 7vh 0;} #page-dining #award-winning .sunniva-two-col { gap: 45px;align-items: center;} #page-dining .sunniva-find-comm-near-you-promo {padding: 7vh 0;} #page-dining #process {background: #FAF6F5;padding: 7vh 0;} #page-dining #process .headline {text-align: center;margin: 0 auto;max-width: 880px;padding: 0 0 50px;} #page-dining #process .headline h2 { margin: 0 auto 25px; max-width: 880px; } #page-dining #our-experts {padding: 7vh 0;background: #FAF6F5;} #page-dining #our-experts .headline {text-align: center;} #page-dining #our-experts .sunniva-two-col { gap: 45px;align-items: center;} #page-dining #our-experts .image {margin: 0 0 25px;} #page-dining #our-experts .item-content h4 {margin-bottom: 15px;} #page-dining #our-experts .item-content .cta { padding-top:15px; } #page-dining #resources {padding: 7vh 0 0;} /*----------------------------- Global FAQ ----------------------------- */ #page-global-faq {padding: 0 0 5vh;} #page-global-faq #hero {background: linear-gradient(145deg, #CBEAED 0%, #FAF6F5 100%); background: #004B72;padding: 80px 48px 56px;text-align: center;position: relative;} #page-global-faq #hero::before {content: '';position: absolute; inset: 0;background:radial-gradient(ellipse 700px 400px at 20% 80%, rgba(5,131,140,.05) 0%, transparent 70%),radial-gradient(ellipse 500px 300px at 80% 20%, rgba(5,131,140,.04) 0%, transparent 70%);pointer-events: none;} #page-global-faq #hero .hero-eyebrow {display: inline-flex;align-items: center;gap: 7px;background: rgba(5,131,140,.12);color: #025e65;padding: 5px 14px;border-radius: 100px;font-size: 14px;font-weight: 600;letter-spacing:0;text-transform: uppercase;margin-bottom: 20px;} #page-global-faq #hero .hero-eyebrow svg { width: 13px; height: 13px; } #page-global-faq #hero .hero h1 {font-size: clamp(2.2rem, 4vw, 3.6rem);font-weight: 600; color: #1A3030;max-width: 720px; margin: 0 auto 16px;} #page-global-faq #hero p {font-size: 18px;max-width: 560px;margin: 0 auto 36px;} #page-global-faq #faqs {padding: 5vh 0;} #page-global-faq #faqs .inner {display: flex;gap: 40px;position: relative;align-items: flex-start;} #page-global-faq #faqs .faq-sidebar {flex: 1;position: sticky;top: 40px;} #page-global-faq #faqs .faq-sidebar .sidebar-header {font-weight: 700;letter-spacing:0;text-transform: uppercase;margin-bottom: 15px;color: #05838c;font-size: 14px;} #page-global-faq #faqs .faq-sidebar .category-list {list-style: none;margin: 0!important;display: flex;padding: 0!important;flex-flow: column;gap: 5px;} #page-global-faq #faqs .faq-sidebar .category-list li {padding: 0!important;} #page-global-faq #faqs .faq-sidebar .category-list li a {display: block;color: #2c2c2c;display: flex;gap: 10px;padding: 10px 15px;text-decoration: none;font-size: 17px;line-height: 1.25em;border-radius: 10px;} #page-global-faq #faqs .faq-sidebar .category-list li a .icon {text-align: center;width: 20px;font-size: 16px; } #page-global-faq #faqs .faq-sidebar .category-list li a .text { } #page-global-faq #faqs .faq-sidebar .category-list li a .count {margin-left: auto;color: #025e65;background: #CBEAED;font-size: 13px;line-height: 1em;padding: 2px 9px;border-radius: 10px;display: flex;font-weight: 700;align-items: center;max-height: 22px;} #page-global-faq #faqs .faq-sidebar .category-list li:hover a, #faqs .faq-sidebar .category-list li.active a {color: #025e65;background: #e8f3f1;} #page-global-faq #faqs .faq-sidebar .category-list li.active a {font-weight:700; } #page-global-faq #faqs .faq-sidebar .sidebar-cta {background: #D6EEF5;border: 1px solid rgba(0, 119, 168, .2);padding: 20px;border-radius: 15px;margin: 30px 0 0;} #page-global-faq #faqs .faq-sidebar .sidebar-cta h4 {font-size: 1.15rem;font-weight: 600;color: #00527A;margin-bottom: 7px;font-size: 22px;} #page-global-faq #faqs .faq-sidebar .sidebar-cta p {color: #2A5F72;font-size: 16px;line-height: 1.45em;} #page-global-faq #faqs .faq-content {flex: 3;display: flex;flex-flow: column;gap: 40px;} #page-global-faq #faqs .faq-content .faq-section { display:none; } #page-global-faq #faqs .faq-content .faq-section.section-shown { display:block; } #page-global-faq #faqs .faq-content .faq-section .section-header {border-bottom: 2px solid #ede9e1;margin: 0 0 15px;padding: 0 0 15px;} #page-global-faq #faqs .faq-content .faq-section .section-header h3 {font-size: 32px!important;} #page-global-faq #faqs .faq-content .faq-section .section-header .question-count {margin: 0;color: #8a9e9c;font-size: 17px;} #page-global-faq #faqs .faq-content .sunniva-general-faq-accord {box-shadow: none;border: none;border-radius: 0;} #page-global-faq #faqs .faq-content .sunniva-general-faq-accord .sunniva-general-faq-accord-inner {padding: 0;} #page-global-faq #faqs .faq-content .sunniva-general-faq-accord .faq-accord-items {padding: 0;} #page-global-faq #faqs .faq-content .sunniva-general-faq-accord .item .item-question .question-text {font-weight: 600;} #page-global-faq .sunniva-tools-grid-section {padding-bottom: 0;} @media (max-width:1200px){ #page-global-faq #faqs .inner {flex-flow: column;} #page-global-faq #faqs .faq-sidebar {position: static;width: 100%;} #page-global-faq #faqs .faq-sidebar .category-list {display: grid;grid-template-columns: 1fr 1fr;} #page-global-faq #faqs .faq-sidebar .category-list li a {font-size: 14px;} #page-global-faq #faqs .faq-sidebar .sidebar-cta {display: none;} } /*----------------------------- Family Portal ----------------------------- */ #page-family-portal { } #page-family-portal #sunniva-family-portal-section {padding: 6vh 0;} #page-family-portal #sunniva-family-portal-section .container {max-width: 1440px;} #page-family-portal #sunniva-page-hero-one-col .headline {margin: 0 auto;max-width: 1000px;} .sunniva-family-portal .family-portal-header {font-size: 18px;} .sunniva-family-portal .family-portal-header h3 {font-size: 38px!important;} .sunniva-family-portal .family-portal-state-select {padding: 20px 0;} .sunniva-family-portal .family-portal-state-select ul {padding: 0!important;margin: 0!important;list-style: none;display: flex;align-items: center; flex-wrap: wrap;gap: 10px;} .sunniva-family-portal .family-portal-state-select ul li { } .sunniva-family-portal .family-portal-state-select ul li a {padding: 10px 15px 10px 20px!important;font-size: 17px!important;font-weight: 700!important;width: 100%;display: flex!important;justify-content: space-between;align-items: center;gap: 15px;} .sunniva-family-portal .family-portal-state-select ul li a .state-count {color: #0F0F0F;font-size: 13px;font-weight: 800;line-height: 1;transition: background .15s ease, color .15s ease;display: inline-flex;align-items: center;justify-content: center;flex: none;min-width: 28px;height: 28px;padding: 0 7px;border-radius: 100px;background: #cbeaed;/* margin-left: 10px; */} .sunniva-family-portal .family-portal-comms {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;} .sunniva-family-portal .family-portal-comms .comm {border: 1px solid #e3e3e3;border-radius: 18px; background: #fff;display: none;flex-direction: column;transition: box-shadow .18s ease, transform .18s ease;} .sunniva-family-portal .family-portal-comms .comm.comm-visible { display:flex; } .sunniva-family-portal .family-portal-comms .comm .image { overflow: hidden;border-radius: 18px 18px 0 0;} .sunniva-family-portal .family-portal-comms .comm .image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} .sunniva-family-portal .family-portal-comms .comm .info {padding: 25px;} .sunniva-family-portal .family-portal-comms .comm .info .comm-name {font-size: 30px!important; font-weight: 700 !important;} .sunniva-family-portal .family-portal-comms .comm .info .state-name {color: #666;font-size: 18px;font-weight: 700;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas {padding: 0 25px 25px; margin-top: auto;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-link-single {width:100%;text-align: left!important;justify-content: space-between!important;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-services-dropdown-wrapper {position: relative;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-link-open-dropdown {width: 100%;justify-content: space-between!important;transition: border-radius 0s, background 0.3s ease!important;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-services-dropdown {display:none; position: absolute;top: 100%;z-index: 2;background: #fff;border: 1px solid #03838c;width: 100%;left: 0;border-bottom-left-radius: 15px;border-bottom-right-radius: 25px;overflow: hidden;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-services-dropdown a {border: none!important;border-radius: 0!important;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-services-dropdown-wrapper.open .portal-link-open-dropdown{border-radius: 20px!important;border-bottom-left-radius: 0!important;border-bottom-right-radius: 0 !important;} .sunniva-family-portal .family-portal-comms .comm .portal-ctas .portal-services-dropdown-wrapper.open .portal-services-dropdown { display:block; } @media (max-width:1200px){ .sunniva-family-portal .family-portal-comms {grid-template-columns: 1fr 1fr; } } @media (max-width:800px){ .sunniva-family-portal .family-portal-comms {grid-template-columns: 1fr; } } @media (max-width:600px){ .sunniva-family-portal .family-portal-state-select ul {display: grid;grid-template-columns: 1fr 1fr;} } /*----------------------------- Compare Modal ----------------------------- */ #sunniva-compare-select-bar {background: #004B72;color: #fff;position: fixed;width: 100%;bottom: 0;box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);z-index: 20;opacity: 0;pointer-events: none;transform: translateY(101%);transition: transform 0.3s ease, opacity 0.3s ease;} #sunniva-compare-select-bar.open {opacity: 1;pointer-events: all;transform: translateY(0); z-index: 1000;} #sunniva-compare-select-bar .container {max-width: 90%;} #sunniva-compare-select-bar .inner {padding: 20px 0;} #sunniva-compare-select-bar .compare-comms {display: flex;align-items: center;gap: 20px;} #sunniva-compare-select-bar .compare-comms .compare-comms-photos { } #sunniva-compare-select-bar .compare-comms .compare-comms-photos ul {margin: 0!important;padding: 0!important;list-style: none;display: flex;gap: 15px;} #sunniva-compare-select-bar .compare-comms .compare-comms-photos li {width: 55px;border: 1px dashed rgba(255, 255, 255, 0.3);height: 55px;background: rgba(255, 255, 255, 0.1);border-radius: 8px;padding: 0!important;overflow: hidden;} #sunniva-compare-select-bar .compare-comms .compare-comms-photos li .comm-image {height: 100%;} #sunniva-compare-select-bar .compare-comms .compare-comms-photos li .comm-image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} #sunniva-compare-select-bar .compare-comms .compare-comms-photos li .comm-empty {height: 100%;width: 100%;color: #fff;font-size: 12px;display: none;font-weight: 700;align-items: center;justify-content: center;text-transform: uppercase;color: rgba(255, 255, 255, 0.5);} #sunniva-compare-select-bar .compare-comms .compare-comms-photos li .comm-image:has(img[src=""]) {display: none;} #sunniva-compare-select-bar .compare-comms .compare-comms-photos li .comm-image:has(img[src=""]) + .comm-empty { display:flex;} #sunniva-compare-select-bar .compare-comms .compare-comms-content {color: #fff;display: flex;flex-flow: column;gap: 5px;} #sunniva-compare-select-bar .compare-comms .compare-comms-content-header {color: #fff!important;font-weight: 800;font-size: 19px;margin: 0;line-height: 1em;} #sunniva-compare-select-bar .compare-comms .compare-comms-names ul {list-style: none;margin: 0!important;padding: 0!important;display: flex;gap: 5px;font-size: 16px;} #sunniva-compare-select-bar .compare-comms .compare-comms-names li {padding: 0!important;line-height: 1em;} #sunniva-compare-select-bar .compare-comms .compare-comms-names li::after {content: "\00B7";margin-left: 5px;} #sunniva-compare-select-bar .compare-comms .compare-comms-names li:last-child::after { display:none;} #sunniva-compare-select-bar .compare-comms .compare-comms-names li:has(+ li:empty)::after { display:none;} #sunniva-compare-select-bar .actions {display: flex;gap: 15px;padding: 20px 0 0;} #sunniva-compare-select-bar .actions .action {width: 100%;} #sunniva-compare-select-bar .actions .action a {width: 100%;} body:has(#sunniva-compare-modal.open) #sunniva-compare-select-bar.open { z-index:1; } @media (max-width:1200px){ #sunniva-compare-select-bar .compare-comms {flex-flow: column;align-items: flex-start;} #sunniva-compare-select-bar .compare-comms .compare-comms-names ul {display: block;line-height: 1.25em;} #sunniva-compare-select-bar .compare-comms .compare-comms-names li {display: inline;} } #sunniva-compare-modal {position: fixed;height: 100%;inset: 0;background: rgba(0, 20, 40, 0.55);backdrop-filter: blur(4px);z-index: 100;display: flex;align-items: center;justify-content: center;padding: 0;transition: opacity .25s ease;pointer-events: none;opacity: 0;} #sunniva-compare-modal.open {opacity: 1;pointer-events: all; z-index: 200} #sunniva-compare-modal .compare-modal-el {background: #fff;width: 100%;height: 100%;transition: transform .28s ease;position: relative;display: flex;overflow: hidden;flex-direction: column;} #sunniva-compare-modal .compare-modal-inner {display: flex;flex-direction: column;position: relative;height: 100%;overflow: hidden;} #sunniva-compare-modal .modal-header {padding: 28px 40px 22px;display: flex;align-items: flex-start;justify-content: space-between;gap: 20px;z-index: 2;border-radius: 16px 16px 0 0;background: #fff;border-bottom: 1px solid DEDEDB;} #sunniva-compare-modal .modal-header h4 {font-size: 13px!important;} #sunniva-compare-modal .modal-header .modal-title {font-size: 28px!important;line-height: 1.2em;} #sunniva-compare-modal .modal-header .closer {width: 36px;height: 36px;border-radius: 50%;background: rgba(203, 234, 237, 0.4);border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: #314C58;font-size: 20px;line-height: 1;transition: background .15s, color .15s;margin-top: 2px;font-size: 15px;font-weight: 700;line-height: 1em;position: absolute;top: 15px;right: 15px;} #sunniva-compare-modal .modal-header .closer:hover { background:#CBEAED; color: #314C58; } #sunniva-compare-modal .modal-body {padding: 0; flex: 1; font-size: 17px;line-height: 1.65em;min-height: 0;overflow: hidden;} #sunniva-compare-modal .modal-body .modal-body-inner {display: flex;flex-flow: column; min-height: 0;height: 100%;} #sunniva-compare-modal .compare-cols-header {flex-shrink: 0;flex: 0 0 auto;padding-right: 12px;} #sunniva-compare-modal .compare-cols-main { flex: 1; flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: auto; overflow-x: hidden; &::-webkit-scrollbar {width: 12px; height: 12px; } &::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 6px; } &::-webkit-scrollbar-thumb {background: #888;border-radius: 6px;border: 2px solid #f1f1f1; } &::-webkit-scrollbar-thumb:hover {background: #555; } } #sunniva-compare-modal .compare-col-key {padding: 15px;line-height: 1em;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 700;letter-spacing: 0;color: #5F5F5D;text-transform: uppercase;} #sunniva-compare-modal .compare-col-key .icon {margin-right: 8px;} #sunniva-compare-modal .compare-col-key .icon svg {width: 12px;height: 12px;flex-shrink: 0;color: #000;} #sunniva-compare-modal .compare-col-key .icon i { } #sunniva-compare-modal .compare-col-comm {padding: 22px 15px;border-left: 1px solid #EEEEEC;} #sunniva-compare-modal .compare-row {display: grid;grid-auto-flow: column;grid-template-columns: minmax(0, 0.5fr);grid-auto-columns: minmax(0, 1fr);border-bottom: 1px solid #EEEEEC;} #sunniva-compare-modal .compare-cols-seconday {display: grid;grid-auto-flow: column;grid-template-columns: minmax(0, 0.5fr);grid-auto-columns: minmax(0, 1fr);flex-shrink: 0;flex: 0 0 auto;border-top: 1px solid #DEDEDB;padding-right: 12px;} #sunniva-compare-modal .compare-cols-seconday .actions {display: flex;gap: 10px;flex-flow: column; } #sunniva-compare-modal .compare-cols-seconday .actions .action-primary { } #sunniva-compare-modal .compare-cols-seconday .actions .action-primary a { width:100%; } #sunniva-compare-modal .compare-cols-seconday .actions .action-secondary {display: flex;gap: 10px;} #sunniva-compare-modal .compare-cols-seconday .actions .action-secondary a { width:100%; } #sunniva-compare-modal .comm-tag {background: #000;color: #fff;border-radius: 100px;display: inline-flex;font-size: 10px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 4px;padding: 5px 10px;line-height: 1em;} #sunniva-compare-modal .comm-tag:empty { display:none; } #sunniva-compare-modal .comm-name {font-size: 24px!important;} #sunniva-compare-modal .ratings {display: flex;align-items: center;line-height: 1.2em;gap: 5px;font-size: 15px;padding: 5px 0;} #sunniva-compare-modal .ratings .rating-total {font-weight:700; } #sunniva-compare-modal .ratings:has(.rating-total:empty) { display:none; } #sunniva-compare-modal .comm-location {color: #5F5F5D;font-size: 15px;font-weight: 500;} #sunniva-compare-modal .ai-overview-text-header {font-size: 12px!important;} #sunniva-compare-modal .ai-overview-text {font-size: 16px;line-height: 1.35em;} #sunniva-compare-modal .compare-row-starting-price .starting-price-multi-value:has(.starting-low:empty) { display:none; } #sunniva-compare-modal .compare-row-starting-price .starting-price-multi-value:has(.starting-high:empty) .dash { display:none; } #sunniva-compare-modal .compare-row-starting-price .starting-price-multi-value:has(.starting-high:empty) .starting-high { display:none; } #sunniva-compare-modal .compare-row-starting-price .starting-price-single-value:empty { display:none; } #sunniva-compare-modal .compare-row-starting-price .price-outputs {font-size: 25px!important;} #sunniva-compare-modal .compare-row-living-options .checklist li {padding: 4px 0!important;color: #838380;font-size: 16px;} #sunniva-compare-modal .compare-row-living-options .checklist li::before {background: none!important;position: static!important;content: '\f00d'!important;display: inline-block!important;margin: 0 10px 0 0!important;font-size: 12px!important;height: auto!important;width: 14px!important;} #sunniva-compare-modal .compare-row-living-options .checklist li.true {color: #000!important;} #sunniva-compare-modal .compare-row-living-options .checklist li.true::before { content: '\f00c'!important;} #sunniva-compare-modal .compare-row-pet-friendly .pet-friendly-content {font-size: 16px;} #sunniva-compare-modal .compare-row-pet-friendly .pet-friendly-content i { display:none;} #sunniva-compare-modal .compare-row-pet-friendly .pet-friendly-content::before { color: inherit !important;font-family: "Font Awesome 5 Free"; content: '\f00c';font-weight: 700;font-style: normal;text-decoration: none; font-size: 12px !important; } #sunniva-compare-modal .compare-col-key { background:#fff; } #sunniva-compare-modal .compare-col-comm-a { background: #f6fbfc;} #sunniva-compare-modal .compare-col-comm-b { background:#fff; } #sunniva-compare-modal .compare-col-comm-c { background:#fbfbfa;} #sunniva-compare-modal .compare-row-top .compare-col-key {background: #f7f7f6;text-transform: uppercase;font-size: 13px;font-weight: 700; color: #5F5F5D;} #sunniva-compare-modal.no-comm-c .compare-col-comm-c { display:none; } #sunniva-compare-modal.no-comm-c .compare-row {grid-template-columns: minmax(0, 0.35fr); } #sunniva-compare-modal.no-comm-c .compare-cols-seconday {grid-template-columns: minmax(0, 0.35fr); } #sunniva-compare-modal.no-competitor .comm-tag { display:none; } #sunniva-compare-modal[data-compare-type="on-landing"] .compare-cols-seconday .compare-col-comm-b * { display:none; } #sunniva-compare-modal[data-compare-type="on-landing"] .compare-cols-seconday .compare-col-comm-c * { display:none; } #sunniva-compare-modal[data-compare-type="spg-comms-only"] .comm-tag {display: none;} #sunniva-compare-modal .compare-cols-seconday .compare-col-comm:has(.view-community[href="#"]) * { display: none; } @media (max-width:1200px){ #sunniva-compare-modal .modal-body {overflow: scroll;display: flex;} #sunniva-compare-modal .modal-body .modal-body-inner {width: auto;display: block;height: auto; } #sunniva-compare-modal .compare-cols-main {overflow: visible;width: 100%;} #sunniva-compare-modal .compare-row { display: flex;} #sunniva-compare-modal .compare-row > div { width:250px; overflow:hidden; } #sunniva-compare-modal .compare-cols-seconday {display: flex;} #sunniva-compare-modal .compare-cols-seconday > div { width:250px; overflow:hidden;} } /*----------------------------- Thank You Pages ----------------------------- */ #page-thank-you { } #page-thank-you .thank-you-page-main {padding: 12vh 0 20vh;} #page-thank-you .thank-you-page-main .inner { } #page-thank-you .thank-you-page-main .headline {text-align: center;padding: 0 0 30px;} #page-thank-you .thank-you-page-main .headline h1 {font-size: 44px!important;} #page-thank-you .thank-you-page-main .headline .desc {margin: 0 auto;max-width: 900px;color: #3F3F3E;font-size: 18px;} #page-thank-you .thank-you-page-main .thank-you-info-box {background: #F7F7F6;padding: 25px 35px;display: flex;gap: 35px;text-align: left;margin: 0 auto 25px;border-radius: 14px;width: fit-content;} #page-thank-you .thank-you-page-main .thank-you-info-box .box-col { width: fit-content;max-width: 300px;} #page-thank-you .thank-you-page-main .thank-you-info-box .box-col h4 {font-size: 11px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #1A1A1A;margin-bottom: 4px;} #page-thank-you .thank-you-page-main .thank-you-info-box .box-col p {font-weight: 700; line-height: 1.2em;font-size: 16px;margin: 0;} #page-thank-you .thank-you-page-main .thank-you-actions {display: flex;align-items: center;gap: 15px;justify-content: center;padding: 20px 0;} #page-thank-you .thank-you-page-main .thank-you-sub {text-align: center;font-size: 18px;} @media (max-width:800px){ #page-thank-you .thank-you-page-main .thank-you-info-box { flex-flow:column;} #page-thank-you .thank-you-page-main .headline h1 {font-size: 36px!important;line-height: 1.25em!important;} #page-thank-you .thank-you-page-main .thank-you-info-box {grid-template-columns: 1fr;} #page-thank-you .thank-you-page-main .thank-you-actions {flex-flow: column;} #page-thank-you .thank-you-page-main .thank-you-actions a { width:100%; } } /*----------------------------- 1440 Connections Index ----------------------------- */ #connection-index-hero {padding: 6vh 0;text-align: center;background: #faf6f5;padding: 8vh 0;} #connection-index-hero .container {max-width: 1440px;} #connection-index-hero h1 {margin: 0 auto 15px!important;max-width: 720px;} #connection-index-hero p {margin: 0 auto;max-width: 770px;font-weight: 700;} #connection-index-loop-section {padding: 6vh 0;} #connection-index-loop-section .container {max-width: 1440px;} .connection-index-loop-state-select{padding: 20px 0;} .connection-index-loop-state-select ul {padding: 0!important;margin: 0!important;list-style: none;display: flex;align-items: center; flex-wrap: wrap;gap: 10px;} .connection-index-loop-state-select ul li { } .connection-index-loop-state-select ul li a {font-size: 14px!important; padding: 5px 10px 5px 15px !important;display: flex!important;gap: 20px;align-items: center;justify-content: space-between;font-size: 16px!important;font-weight: 700;} .connection-index-loop-state-select ul li a .state-count { color: #888;flex-shrink: 0;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;line-height: 1em;background: #cbeaed;border-radius: 50%;color: #314c58;font-size: 14px;} .connection-index-loop { } .connection-index-loop {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;} .connection-index-loop .item {border: 1px solid #e3e3e3;border-radius: 18px;background: #fff;display: none;flex-direction: column;transition: box-shadow .18s ease, transform .18s ease;overflow: hidden;} .connection-index-loop .item.item-visible { display:flex; } .connection-index-loop .item .image { } .connection-index-loop .item .image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} .connection-index-loop .item .info {padding: 25px;height: 100%;} .connection-index-loop .item .info .info-inner {height: 100%;display: flex;flex-flow: column;} .connection-index-loop .item .info .title{font-size: 30px!important;} .connection-index-loop .item .info .states {display: flex;flex-wrap: wrap;gap: 6px;margin: 12px 0 14px!important;list-style: none;padding: 0!important;} .connection-index-loop .item .info .states li {font-size: 11px;font-weight: 800;letter-spacing: .5px;color: #006a74;background: #eaf6f7;border: 1px solid #cbeaed;border-radius: 100px;padding: 4px 10px!important;line-height: 1em;text-transform: capitalize;} .connection-index-loop .item .info .locations {padding: 0 0 15px;} .connection-index-loop .item .info .locations ul {margin: 0!important;padding: 0!important;list-style: none;font-size: 16px;font-weight: 700;} .connection-index-loop .item .info .locations ul li {display: inline;line-height: 1em;padding: 0!important;} .connection-index-loop .item .info .locations ul li::after { content: "\00B7"; padding:0 3px;} .connection-index-loop .item .info .locations ul li:last-of-type::after { display:none; } .connection-index-loop .item .info .locations .more { color:#00838f; } .connection-index-loop .item .info .cta {margin-top: auto;} .connection-index-loop .item .info .cta a {width:100%;display: inline-flex !important;align-items: center; justify-content: space-between!important;} /*----------------------------- 1440 Connections Single ----------------------------- */ #svm #wrapper #connections-single { /* headings / text */ --ink-900:#314c58; /* Belonging Blue */ --ink-700:#0f0f0f; /* Body Copy */ --ink-500:#4b4b4b; /* Dark Grey */ --ink-400:#8b8e93; /* Button Outline */ /* lines / surfaces */ --line-300:#d1d5dc; --line-200:#e2e6ea; --bg-100:#faf6f5; /* Beige Background */ --bg-200:#eaf6f7; /* Pale Teal */ --bg-300:#cbeaed; /* Bingo Chip Blue */ --bg-ink:#004b72; /* Great Lakes Blue */ /* image placeholders only */ --photo-ph:#FFB4B4; /* brand */ --brand:#00838f; --brand-dark:#006a74; --brand-eyebrow:#02838C; --shadow-card:0 8px 32px rgba(0,0,0,.05); --font-ui:'Nunito Sans','Avenir','Helvetica Neue',sans-serif; } body:has(#connections-single) #header-primary-sunniva { display:none; } #svm #wrapper #connections-single a:not([class*="btn-sunniva"]) { color:inherit; text-decoration:none; } #svm #wrapper #connections-single button { font-family:inherit; } #svm #wrapper #connections-single h1, #connections-single h2, #connections-single h3, #connections-single h4 { color:#314C58; } #svm #wrapper #connections-single p { color:#0F0F0F; } #svm #wrapper #connections-single .eyebrow {font-size:18px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase;color:#02838C; margin-bottom:14px;} #svm #wrapper #connections-single .anchor-bar{position:sticky;top:0;z-index:50;background:#fff;padding:22px 63px;border-bottom:1px solid var(--line-200)} #svm #wrapper #connections-single .anchor-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px} #svm #wrapper #connections-single .anchor-logo{display:inline-flex;align-items:center} #svm #wrapper #connections-single .anchor-logo .lock{border:2px solid var(--ink-900);padding:4px 9px 5px;font-family:var(--font-ui);font-size:21px;font-weight:800;letter-spacing:.5px;color:var(--ink-900);line-height:1} #svm #wrapper #connections-single .anchor-logo .grp{font-family:var(--font-ui);font-size:21px;font-weight:400;letter-spacing:1.5px;color:var(--ink-500);line-height:1;margin-left:4px} #svm #wrapper #connections-single .anchor-right{display:flex;align-items:center;gap:32px;flex-wrap:wrap} #svm #wrapper #connections-single .anchor-links{display:flex;align-items:center;flex-wrap:wrap;gap:32px} #svm #wrapper #connections-single .anchor-links a{font-size:15px;font-weight:700;color:var(--ink-900);transition:color .15s ease} #svm #wrapper #connections-single .anchor-links a:hover{color:var(--brand)} #svm #wrapper #connections-single .anchor-phone{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 22px;border-radius:100px;background:var(--brand);border:1px solid var(--brand);font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.3px;color:#fff;white-space:nowrap;transition:background .15s ease,border-color .15s ease} #svm #wrapper #connections-single .anchor-phone:hover{background:var(--brand-dark);border-color:var(--brand-dark)} #svm #wrapper #connections-single .anchor-phone i{font-size:15px} #svm #wrapper #connections-single .sec{padding:88px 63px} #svm #wrapper #connections-single .sec-beige{background:var(--bg-100)} #svm #wrapper #connections-single .inner{max-width:1200px;margin:0 auto} #svm #wrapper #connections-single .inner-narrow{max-width:900px;margin:0 auto} #svm #wrapper #connections-single .h2{font-family:'EB Garamond',serif;font-size:50px;line-height:1.1;font-weight:700} #svm #wrapper #connections-single .h3{font-family:'EB Garamond',serif;font-size:36px;line-height:1.15;font-weight:700} #svm #wrapper #connections-single .body{font-size:18px;line-height:1.6} #svm #wrapper #connections-single .body + .body{margin-top:16px} #svm #wrapper #connections-single .two-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center} #svm #wrapper #connections-single .two-up.reverse .tu-media{order:2} #svm #wrapper #connections-single .tu-media{ overflow: hidden;border-radius:20px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center} #svm #wrapper #connections-single .ph-label{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#0F0F0F;text-align:center;padding:0 20px} #svm #wrapper #connections-single .hero{background:var(--bg-100);padding:80px 63px} #svm #wrapper #connections-single .hero-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center} #svm #wrapper #connections-single .hero-inner .eyebrow{margin-bottom:16px;letter-spacing:normal} #svm #wrapper #connections-single .hero h1{font-size: 46px!important;font-weight: 700!important;line-height: 1.12!important;margin: 0 0 18px!important;max-width:26ch;text-wrap:balance} #svm #wrapper #connections-single .hero-accent{display:block;width:56px;height:4px;border-radius:2px;background:var(--brand);margin-bottom:18px} #svm #wrapper #connections-single .hero-sub{font-size:18px;line-height:1.6;text-wrap:pretty} #svm #wrapper #connections-single .hero-photo {overflow: hidden;border-radius:20px;aspect-ratio:4 / 3;border:1px solid var(--line-300);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center} #svm #wrapper #connections-single .excellence{text-align:center;margin-top:64px;padding-top:56px;border-top:1px solid var(--line-300)} #svm #wrapper #connections-single .excellence .eyebrow{margin-bottom:14px} #svm #wrapper #connections-single .excellence .h2{margin-bottom:18px} #svm #wrapper #connections-single .excellence .body{max-width:820px;margin-left:auto;margin-right:auto} #svm #wrapper #connections-single .contact-row{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:40px} #svm #wrapper #connections-single .contact-block{background:#fff;border:1px solid var(--line-300);border-radius:20px;box-shadow:var(--shadow-card);padding:30px 34px;width:320px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} #svm #wrapper #connections-single .contact-block:hover{border-color:var(--brand);box-shadow:0 16px 40px #00838f24;transform:translateY(-3px)} #svm #wrapper #connections-single .contact-icon{width:52px;height:52px;border-radius:100px;flex:none;background:var(--bg-200);color:var(--ink-900);display:flex;align-items:center;justify-content:center} #svm #wrapper #connections-single .contact-icon i{font-size:20px} #svm #wrapper #connections-single .contact-label{font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#02838C} #svm #wrapper #connections-single .contact-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 20px;border-radius:100px;background:var(--brand);border:1px solid var(--brand);font-family:var(--font-ui);font-size:16px;font-weight:700;letter-spacing:.3px;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease} #svm #wrapper #connections-single .contact-btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)} #svm #wrapper #connections-single .faq-head{margin-bottom:26px} #svm #wrapper #connections-single .faq-head .h2{margin-bottom:14px} #svm #wrapper #connections-single .faq-head p{font-size:18px;line-height:1.6;max-width:900px} #svm #wrapper #connections-single .lead-head{text-align:center;margin-bottom:38px} #svm #wrapper #connections-single .lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} #svm #wrapper #connections-single .lead-card{background:#fff;border:1px solid var(--line-300);border-radius:20px;box-shadow:var(--shadow-card);overflow:hidden;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease} #svm #wrapper #connections-single .lead-card:hover{border-color:var(--brand);box-shadow:0 16px 40px #00838f24;transform:translateY(-3px)} #svm #wrapper #connections-single .lead-photo{ aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center} #svm #wrapper #connections-single .lead-body{padding:24px 22px 26px} #svm #wrapper #connections-single .lead-name{font-family:'EB Garamond',serif;font-size:26px;font-weight:700;line-height:1.15} #svm #wrapper #connections-single .lead-title{font-size:16px;line-height:1.5;margin-top:8px} #svm #wrapper #connections-single .brands-head{text-align:center;margin-bottom:34px} #svm #wrapper #connections-single .comm-head{text-align:center;margin-bottom:32px} #svm #wrapper #connections-single .comm-head .h2{margin-bottom:14px} #svm #wrapper #connections-single .comm-head p{font-size:18px;line-height:1.6;max-width:820px;margin:0 auto} @media (max-width:900px) { #svm #wrapper #connections-single .sec{padding:48px 22px} #svm #wrapper #connections-single .anchor-bar{padding:20px 22px} #svm #wrapper #connections-single .anchor-inner{flex-direction:column;align-items:center;text-align:center;gap:16px} #svm #wrapper #connections-single .anchor-right{justify-content:center;gap:18px} #svm #wrapper #connections-single .anchor-links{justify-content:center;gap:18px} #svm #wrapper #connections-single .anchor-links a{font-size:13px} #svm #wrapper #connections-single .anchor-phone{min-height:40px;padding:0 16px;font-size:13px} #svm #wrapper #connections-single .hero{padding:44px 22px} #svm #wrapper #connections-single .hero-inner{grid-template-columns:1fr;gap:32px} #svm #wrapper #connections-single .hero h1{font-size:36px;max-width:none} #svm #wrapper #connections-single .hero-sub{font-size:16px} #svm #wrapper #connections-single .excellence{margin-top:44px;padding-top:40px} #svm #wrapper #connections-single .contact-row{gap:20px;flex-direction:column;align-items:center} #svm #wrapper #connections-single .contact-block{width:100%;padding:26px 24px} #svm #wrapper #connections-single .contact-btn{width:100%} #svm #wrapper #connections-single .eyebrow{font-size:16px} #svm #wrapper #connections-single .h2{font-size:32px} #svm #wrapper #connections-single .h3{font-size:26px} #svm #wrapper #connections-single .body{font-size:16px} #svm #wrapper #connections-single .two-up{grid-template-columns:1fr;gap:28px} #svm #wrapper #connections-single .two-up.reverse .tu-media{order:0} #svm #wrapper #connections-single .lead-grid{grid-template-columns:1fr;gap:14px} } /*----------------------------- State Page ----------------------------- */ #state-page-single { } #state-page-hero {position: relative;overflow: hidden;} #state-page-hero .container {max-width: 100%;width: 100%;padding: 0 15px;} #state-page-hero .bg-image {position: absolute;top: 0;left: 0;height: 100%;z-index: 1;width: 100%;} #state-page-hero .bg-image img {display: block;height: 100%;width: 100%;object-fit: cover;object-position: center;transition: transform 3s ease-out;transform: translateY(2.5%) scale(1.05);} #state-page-hero .headline {position: relative;z-index: 5;text-align: center;padding: 25vh 0;} #state-page-hero .headline h1 {color: #fff!important;margin: 0 auto!important;max-width: 900px;font-size: 80px!important;} #state-page-hero .metros {border-top: 1px solid rgba(255, 255, 255, 0.2);margin: 30px auto 0;padding: 30px 0 0;max-width: 900px;} #state-page-hero .metros .metro-headline {text-transform: uppercase;color: #fff;text-align: center;font-weight: 700;font-size: 17px;} #state-page-hero .metros ul {margin: 0!important;padding: 15px 0 0!important;list-style: none;display: flex;gap: 15px;justify-content: center;align-items: center;} #state-page-hero .metros a {font-size: 18px!important;font-weight: 700!important;} #state-page-hero::after {content:"";position: absolute;background: #00000045;height: 100%;width: 100%;top: 0;left: 0;z-index: 2;} body.nhg-window-loaded #state-page-hero .bg-image img { transform: translateY(0) scale(1); } #state-page-nav {border-bottom: 1px solid #E5E5E5;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);} #state-page-nav .inner {display: flex;align-items: center; justify-content: center;gap: 25px;} #state-page-nav .nav-header {font-size: 14px;font-weight: 700;letter-spacing: 0.5px;text-transform: uppercase;margin-right: 20px;white-space: nowrap;flex-shrink: 0;color: #7A8C94;} #state-page-nav .nav {margin: 0!important;padding: 0!important;display: flex;align-items: center;gap: 25px;} #state-page-nav .nav li {padding: 15px 0!important;list-style: none;} #state-page-nav .nav li a {font-size: 16px;font-weight: 700;color: #5A6A72;text-decoration: none;} #state-page-nav .nav li a:hover { color:#004B72; } #state-page-intro {background: #FAF6F5;padding: 8vh 0;text-align: center;} #state-page-intro .inner {margin: 0 auto;text-wrap: balance;font-weight: 600;} #state-page-intro .state-page-content-headline {margin: 0 0 25px;} #state-page-intro .state-page-content-headline h1 {font-size: 50px!important;margin: 0!important;} #state-page-find-comm { } #state-page-find-comm .container {max-width: 95%;} #state-page-living-options {background: #FAF6F5;padding: 10vh 0; } #state-page-living-options .inner { } #state-page-living-options .headline {text-align: center;} #state-page-living-options .headline h2 { } #state-page-living-options .headline p { } .state-page-award-winning {padding: 10vh 0 6vh;} #state-page-difference {background: #FAF6F5;padding: 10vh 0 0;} #state-page-difference .headline {text-align: center;margin: 0 auto;max-width: 1000px;} #state-page-difference .headline h4 {color: #03838C;font-size: 15px!important;} #state-page-difference .headline h2 {margin: 0 auto 25px!important; line-height: 1.15em;} #state-page-difference .difference-cards {display: flex;padding: 40px 0;gap: 40px;} #state-page-difference .difference-cards .dp-pillar {border-radius: 18px;overflow: hidden;display: flex;flex-direction: column;box-shadow: 0 2px 16px rgba(0,0,0,0.06);background: #fff;flex: 1;} #state-page-difference .difference-cards .dp-pillar .dp-pillar-img { } #state-page-difference .difference-cards .dp-pillar .dp-pillar-img .image { } #state-page-difference .difference-cards .dp-pillar .dp-pillar-img .image img { } #state-page-difference .difference-cards .dp-pillar .dp-pillar-body {padding: 32px 36px 36px;flex: 1;display: flex;flex-direction: column;} #state-page-difference .difference-cards .dp-pillar .dp-pillar-body .dp-pillar-eyebrow {font-size: 13px;text-transform: uppercase;font-weight: 700;color: #03838C;margin-bottom: 10px;} #state-page-difference .difference-cards .dp-pillar .dp-pillar-body .dp-pillar-title {font-weight: 700!important;color: #004B72!important;font-size: 34px!important;margin: 0 0 15px!important;} #state-page-difference .difference-cards .dp-pillar .dp-pillar-body .dp-pillar-desc {font-size: 18px;line-height: 1.65;margin: 0 0 22px;color: #000;font-weight: 600;} #state-page-reviews-slider-section {background: #FAF6F5;padding: 8vh 0;} #state-page-reviews-slider-section .headline {padding: 3vh 0;} #state-page-reviews-slider-section .headline h2 {text-align: center;max-width: 770px;margin: 0 auto!important;} #state-page-resources {padding: 7vh 0;} #state-page-resources .headline { text-align:center; } #state-page-single #sunniva-general-faq-section {padding: 7vh 0 14vh;} #state-page-single #sunniva-general-faq-section .headline { margin: 0;max-width: none;text-align: left;} @media (max-width:800px) { #state-page-hero .headline h1 {font-size: 50px!important;} #state-page-hero .metros ul {flex-flow: column;} /* #state-page-nav .inner {flex-flow: column;gap: 10px;padding: 15px 0;} #state-page-nav .nav {gap: 10px;display: grid;grid-template-columns: 1fr 1fr;} #state-page-nav .nav li {padding: 0!important;text-align: center;} */ #state-page-nav .inner {overflow-x: scroll; justify-content: flex-start;} #state-page-nav .nav {width: fit-content;flex-wrap: nowrap;white-space: nowrap;} #state-page-difference .difference-cards {flex-flow: column;} } /*----------------------------- Careers Page ----------------------------- */ #page-careers { } #page-careers #sunniva-page-hero-two-col {padding: 10vh 0 5vh;overflow: hidden;} #page-careers #sunniva-page-hero-two-col .page-hero-two-col {gap: 60px;} /* #page-careers .careers-hero-image-stack {position: relative;width: 100%;aspect-ratio: 4 / 3;} #page-careers .careers-hero-image-stack .image {position: absolute;top: 5%;left: 5%;transition: box-shadow .7s ease;border-radius: 20px;overflow: hidden;width: 90%;aspect-ratio: 4 / 3;height: auto;transform: rotate(var(--rot)) scale(1);z-index: 1;} #page-careers .careers-hero-image-stack .image img {display: block;object-fit: cover;height: 100%;width: 100%;object-position: center;} #page-careers .careers-hero-image-stack .image.is-front{box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); transform: rotate(var(--rot)); } #page-careers .careers-hero-image-stack .image.is-front-animating-away {animation: careersHeroStackDrop 1s ease; z-index:20; } #page-careers .careers-hero-image-stack .image.is-next { z-index:2; } @keyframes careersHeroStackDrop{ 0% { transform: translate(0, 0) rotate(var(--rot)); z-index:20; } 50% { transform: translate(106%, 0) rotate(var(--rot)); z-index:20; } 51% { transform: translate(106%, 0) rotate(var(--rot)); z-index:1; } 100% { transform: translate(0, 0) rotate(var(--rot)); z-index:1; } } */ #page-careers .careers-hero-image-stack {display: grid; margin: 0 auto;max-width: 35vw;width: 100%;} #page-careers .careers-hero-image-stack .image { --s:1; grid-area: 1/1; width: 100%; background:#fff; aspect-ratio: 1; object-fit: cover; box-shadow: 0 0 20px rgba(0,0,0,0.3); border-radius: 30px;overflow: hidden; transform: translateX(0) rotate(var(--r)) scale(var(--s)); transition: transform 1s ease;} #page-careers .careers-hero-image-stack .image:nth-child(1) {--r: 3deg; --s:1.075;} #page-careers .careers-hero-image-stack .image:nth-child(2) {--r: -3deg;} #page-careers .careers-hero-image-stack .image:nth-child(3) {--r: 4deg;} #page-careers .careers-hero-image-stack .image:nth-child(4) {--r: -4deg;} #page-careers .careers-hero-image-stack .image:nth-child(5) {--r: 2deg;} #page-careers .careers-hero-image-stack .image:nth-child(6) {--r: -2deg;} #page-careers .careers-hero-image-stack .image.is-sliding-out {transform: translateX(110%) rotate(var(--r));} #page-careers .careers-hero-image-stack .image.no-transition {transition: none;} #career-path {background: #FAF7F2;padding: 7vh 0;} #career-path .inner {display: flex;gap: 40px;align-items: stretch;} #career-path .career-path-buttons {flex: 1;} #career-path .career-path-buttons .cc-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;height: 100%;} #career-path .career-path-buttons .cc-card {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;text-align: center;background: #fff;border: 1.5px solid #E2D9CD;border-radius: 16px;padding: 28px 16px;cursor: pointer;transition: all .22s;/* aspect-ratio: 1 / 1; */} #career-path .career-path-buttons .cc-card .card-title, #career-path .career-path-buttons .cc-card .card-desc { display:none; } #career-path .career-path-buttons .cc-card:hover{border-color:#CBEAED;transform:translateY(-2px);box-shadow:0 8px 24px rgba(2,131,140,.1);} #career-path .career-path-buttons .cc-card .cc-icon {width: 52px;height: 52px;border-radius: 50%;background: #F5F2EC;display: grid;place-items: center;transition: background .22s;} #career-path .career-path-buttons .cc-card .cc-icon i {font-size: 20px;transition: color .22s; color: #314C58;} #career-path .career-path-buttons .cc-label {font-size: 16px;font-weight: 700;color: #1A2B33;letter-spacing: .01em;line-height: 1.15em;} #career-path .career-path-buttons .cc-card.active {background: #02838C;border-color: #02838C;box-shadow: 0 10px 28px rgba(2, 131, 140, .28); } #career-path .career-path-buttons .cc-card.active .cc-label { color:#fff; } #career-path .career-path-buttons .cc-card.active .cc-icon { background: rgba(255, 255, 255, .18); } #career-path .career-path-buttons .cc-card.active .cc-icon i { color:#fff; } #career-path .career-path-content {flex: 1.2;background: #fff;border: 1px solid #E2D9CD;border-radius: 20px;padding: 40px 36px;box-shadow: 0 8px 32px rgba(0, 0, 0, .05);height: 100%;} #career-path .career-path-content .content-inner {min-height: 435px;display: flex;height: 100%;flex-direction: column;align-items: flex-start;} #career-path .career-path-content .content-tag {color: #02838C;border-radius: 100px;background: #EAF6F7;display: inline-flex;padding: 10px 15px;font-size: 14px;text-transform: uppercase;font-weight: 700;line-height: 1em;margin: 0 0 15px;letter-spacing: 1px;} #career-path .career-path-content .content-title { } #career-path .career-path-content .content-title h3 {font-size: 36px!important;line-height: 1.2em;margin: 0 0 15px!important;} #career-path .career-path-content .content-desc {font-size: 17px;} #career-path .career-path-content .careers-portal-selector {padding:30px 0 0;margin-top: auto;color: #314C58;} #page-careers #career-page-content-general {padding: 6vh 0;} #page-careers #career-page-content-general .sunniva-two-col {align-items: center;gap: 45px;padding: 4vh 0;} #page-careers #career-page-content-general .sunniva-two-col > div { flex:1; } #page-careers #career-page-content-general .sunniva-two-col > div h3 {margin: 0 0 30px!important;} #page-careers #career-page-content-promo-section {background: #004B72;color: #fff;padding: 8vh 0;} #page-careers #career-page-content-promo-section .sunniva-two-col {gap: 40px;} #page-careers #career-page-content-promo-section .sunniva-two-col > .image-content { flex:1; } #page-careers #career-page-content-promo-section .sunniva-two-col > .image-content figure { height:100%; } #page-careers #career-page-content-promo-section .sunniva-two-col > .text-content {flex:1.5;font-size: 18px;} #page-careers #career-page-content-promo-section .sunniva-two-col > .text-content h3 { margin:0 0 15px; } #page-careers #career-page-content-promo-section .sunniva-two-col > .text-content .careers-portal-selector {padding: 20px 0 0;} #career-page-you-belong {padding: 10vh 0 5vh;} #career-page-you-belong .container { max-width:1440px; } #career-page-you-belong .headline {text-align: center;padding: 0 0 4vh; } #career-page-you-belong .headline .container {max-width: 1040px;} #career-page-you-belong .careers-windows { } #career-page-you-belong .careers-windows .container {max-width: 90%;} #career-page-you-belong .careers-windows .careers-window-inner {display: flex;gap: 15px;} #career-page-you-belong .careers-windows .item {width:25%; height: 60vh;border-radius: 30px;overflow: hidden;position: relative;display: flex;flex-flow: column;justify-content: flex-end;padding: 25px; transition: all 0.5s ease;cursor: pointer;} #career-page-you-belong .careers-windows .item .bg {position: absolute;inset: 0;height: 100%;} #career-page-you-belong .careers-windows .item .bg img {object-fit: cover;height: 100%;width: 100%;transition: all 0.3s ease;object-position: center;transform-origin: center;} #career-page-you-belong .careers-windows .item .bg::after {content:"";position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0) 65%);width: 100%;} #career-page-you-belong .careers-windows .item .caption {position: relative;z-index: 1;color: #fff;} #career-page-you-belong .careers-windows .item .caption .quote-default {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 18px; line-height: 1.45em; margin: 0;width: 100%;overflow-wrap: anywhere;word-break: break-all;} #career-page-you-belong .careers-windows .item .caption .quote-full {opacity: 0;line-height: 1.45em;font-size: 18px;} #career-page-you-belong .careers-windows .item .caption .author { text-transform: uppercase;letter-spacing: 1px;font-size: 17px;opacity: 0;} #career-page-you-belong .careers-windows .item.active { width:50%; } #career-page-you-belong .careers-windows .item.active .caption .quote-default { display:none; } #career-page-you-belong .careers-windows .item.active .caption .quote-full { display:block;opacity:1;transition: all 0.3s ease; } #career-page-you-belong .careers-windows .item.active .caption .author { display:block; opacity:1;transition: all 0.3s } @media (max-width:1200px){ #page-careers #sunniva-page-hero-two-col .page-hero-two-col {flex-flow: column-reverse;} #page-careers .careers-hero-image-stack {max-width: 60vw;} #career-path .inner {flex-flow: column;} #career-page-you-belong .careers-windows .careers-window-inner {flex-flow: column;} #career-page-you-belong .careers-windows .item {height: auto;min-height: 60vh;width: 100%!important;} #career-page-you-belong .careers-windows .item .caption .quote-default { display:none; } #career-page-you-belong .careers-windows .item .caption .quote-full {display: block;opacity: 1;width: 100%!important;} #career-page-you-belong .careers-windows .item .caption .author {display:block;opacity: 1;} #career-page-you-belong .careers-windows .item .bg::after {background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0) 65%);} } @media (max-width:800px){ #career-path .career-path-buttons .cc-grid { grid-template-columns: repeat(2, 1fr); } } /*----------------------------- Contact Page ----------------------------- */ #page-contact { background: #FAF6F5; } #contact-us-page-header {padding: 9vh 0 5vh;} #contact-us-page-header .headline {text-align: center;margin: 0 auto;max-width: 900px;} #contact-us-page-header .headline h1 {margin: 0 0 20px!important;} #contact-us-page-header .headline p { margin:0; } #contact-us-forms {padding: 0 0 15vh;} #contact-us-forms-interface {box-shadow: 0 18px 50px -34px rgba(0, 0, 0, .4);border-radius: 22px;background: #fff;border: 1px solid #d4d4d4;/* overflow: hidden; */} #contact-us-forms-interface .interface-wrapper { } #contact-us-forms-interface h4 {color: #666;font-size: 15px!important;margin-bottom: 10px;} #contact-us-forms-interface .form-selection-specific { display:none; } #contact-us-forms-interface[data-selected-form="general"] .form-selection-specific[data-form="general"] { display:block; } #contact-us-forms-interface[data-selected-form="volunteer"] .form-selection-specific[data-form="volunteer"] { display:block; } #contact-us-forms-interface[data-selected-form="media-pr"] .form-selection-specific[data-form="media-pr"] { display:block; } #contact-us-forms-interface[data-selected-form="partner"] .form-selection-specific[data-form="partner"] { display:block; } #contact-us-forms-interface[data-selected-form="feedback"] .form-selection-specific[data-form="feedback"] { display:block; } #contact-us-forms-interface [data-form-specific-content] { display:none; } #contact-us-forms-interface[data-selected-form="general"] [data-form-specific-content="general"] { display:block; } #contact-us-forms-interface[data-selected-form="volunteer"] [data-form-specific-content="volunteer"] { display:block; } #contact-us-forms-interface[data-selected-form="media-pr"] [data-form-specific-content="media-pr"] { display:block; } #contact-us-forms-interface[data-selected-form="partner"] [data-form-specific-content="partner"] { display:block; } #contact-us-forms-interface[data-selected-form="feedback"] [data-form-specific-content="feedback"] { display:block; } #contact-us-forms-interface .interface-tabs {background: #f6f6f6;overflow: hidden;border-top-left-radius: 22px;border-top-right-radius: 22px;} #contact-us-forms-interface .interface-tabs ul {list-style: none;display: flex;margin: 0!important;padding: 0 25px!important;} #contact-us-forms-interface .interface-tabs li {display: flex;gap: 15px;flex: 1;padding: 25px 0!important;border-bottom: 3px solid #e3e3e3;cursor: default;line-height: 1em;} #contact-us-forms-interface .interface-tabs li .num {background: #ececec;border-radius: 50%;width: 25px;height: 25px;font-size: 14px;font-weight: 700;display: flex;align-items: center;justify-content: center;line-height: 1em;color: #888;} #contact-us-forms-interface .interface-tabs li .tab-title {font-weight: 700;font-size: 18px;color: #888;line-height: 25px;} #contact-us-forms-interface .interface-tabs li.highlight ,#contact-us-forms-interface .interface-tabs li.active {border-color: #03838c;} #contact-us-forms-interface .interface-tabs li.highlight .tab-title, #contact-us-forms-interface .interface-tabs li.active .tab-title { color:#1f1f1f; } #contact-us-forms-interface .interface-tabs li.highlight .num, #contact-us-forms-interface .interface-tabs li.active .num {background: #03838c; color:#fff; } #contact-us-forms-interface .interface-panels {padding: 30px;} #contact-us-forms-interface .interface-panel {display: none; } #contact-us-forms-interface .interface-panel.active { display:block; } #contact-us-forms-interface .interface-panel .panel-header {padding: 0 0 0;} #contact-us-forms-interface .interface-panel .panel-header .form-tag {background: #f0f8f7;display: inline-block;text-transform: uppercase;padding:7px 15px;border-radius: 100px;font-size: 14px;color: #314C58;font-weight: 700; margin: 0 0 10px;line-height: 1em;} #contact-us-forms-interface .interface-panel .panel-header h3 {font-size: 36px!important;margin: 0 0 10px!important;} #contact-us-forms-interface .interface-panel .panel-header p {margin: 0;font-size: 18px;} #contact-us-forms-interface .interface-panel .panel-actions {display: flex;gap: 15px;align-items: center;justify-content: space-between;padding: 40px 0 10px;} #contact-us-forms-interface .interface-panel .panel-actions:not(:has(a:nth-child(2))) {justify-content: flex-end;} #contact-us-forms-interface .here-for {padding: 30px 0 0;} #contact-us-forms-interface .here-for a {font-size: 16px!important;padding: 7px 17px!important;} #contact-us-forms-interface .form-selector {padding: 30px 0 0;} #contact-us-forms-interface .form-selector-buttons {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;padding: 0 0 15px;} #contact-us-forms-interface .form-selector-buttons .item { } #contact-us-forms-interface .form-selector-buttons .item a {color: #000;text-decoration: none;padding: 15px 20px 15px 15px;border: 1px solid #d4d4d4;display: block;height: 100%;border-radius: 15px;background: #fff;position: relative;display: flex;align-items: flex-start;gap: 15px;transition: all 0.3s ease;} #contact-us-forms-interface .form-selector-buttons .item a .icon {background: rgba(203, 234, 237, .7);color: #314C58;width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;} #contact-us-forms-interface .form-selector-buttons .item a .button-content {font-size: 18px;line-height: 1.25em;} #contact-us-forms-interface .form-selector-buttons .item a .button-content strong {display: block;margin: 0 0 5px;} #contact-us-forms-interface .form-selector-buttons .item a .toggle {position: absolute;top: 15px;right: 15px;width: 20px;height: 20px;border: 1px solid #d4d4d4;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 10px;transition: all 0.3s ease;} #contact-us-forms-interface .form-selector-buttons .item a .toggle i {opacity: 0;} #contact-us-forms-interface .form-selector-buttons .item a:hover { border-color:#03838C; } #contact-us-forms-interface .form-selector-buttons .item.active a {background: #f0f8f7;border-color:#03838C; } #contact-us-forms-interface .form-selector-buttons .item.active a .toggle { background: #fff; color:#03838c; } #contact-us-forms-interface .form-selector-buttons .item.active a .toggle i { opacity:1;} #contact-us-forms-interface .form-selector-buttons .item.active a .icon {background: #03838c; color:#fff;} #contact-us-forms-interface .community-selector {padding: 30px 0 0;} #contact-us-forms-interface .community-selector-field-wrap {position: relative;} #contact-us-forms-interface .community-selector-field-wrap .community-selector-field {position: relative;} #contact-us-forms-interface .community-selector-field-wrap .community-selector-field input {display: block;width: 100%;border-radius: 15px;background: #fff;border: 1px solid #d4d4d4;padding: 15px 15px 15px 40px;color: #000;font-weight: 700;} #contact-us-forms-interface .community-selector-field-wrap .community-selector-field input:focus { border-color:#03838C; } #contact-us-forms-interface .community-selector-field-wrap .community-selector-field .search-icon {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-size: 15px;color: #888;} #contact-us-forms-interface .community-selector-field-wrap .community-selector-field .closer {position: absolute;cursor: pointer;right: 15px;top: 50%;transform: translateY(-50%);font-size: 12px;width: 25px;height: 25px;background: #ebebeb;border-radius: 50%;display: flex;align-items: center;justify-content: center;} /*#contact-us-forms-interface .community-selector:has(.community-selector-dropdown.active) { min-height: 400px;}*/ #contact-us-forms-interface .contact-comm-list a { } #contact-us-forms-interface .contact-comm-list a {display: flex;text-decoration: none;color: #000;border-bottom: 1px solid #e3e3e3;padding: 12px 15px;gap: 10px;font-size: 17px;align-items: center;} #contact-us-forms-interface .contact-comm-list a .icon { } #contact-us-forms-interface .contact-comm-list a .comm-content {line-height: 1em;} #contact-us-forms-interface .contact-comm-list a .comm-content .comm-name {display: block;padding: 0 0 3px;} #contact-us-forms-interface .contact-comm-list a .comm-content .comm-location {color: #666;font-size: 0.85em;} #contact-us-forms-interface .contact-comm-list a .distance {margin-left: auto;color: #314C58;background: rgba(203, 234, 237, .7);border-radius: 999px;padding: 4px 10px;white-space: nowrap;font-size: 12px;font-weight: 600;line-height: 1em;} #contact-us-forms-interface .contact-comm-list a .distance[data-distance=""] {display: none;} #contact-us-forms-interface .contact-comm-list a:hover { background:#f6f6f6; } #contact-us-forms-interface .contact-comm-list a.user-hidden { display:none; } #contact-us-forms-interface .community-selector-field-wrap .community-selector-dropdown {position: absolute;top: calc(100% + 6px);left: 0;width: 100%;background: #fff;border: 1px solid #d4d4d4;max-height: 270px;overflow-y: auto;border-radius: 13px;box-shadow: 0 18px 44px -24px rgba(0, 0, 0, .5);z-index: 1;display: none;} #contact-us-forms-interface .community-selector-field-wrap .community-selector-dropdown.active { display:block; } #contact-us-forms-interface .community-selector-field-wrap .community-selector-dropdown .dropdown-inner { } #contact-us-forms-interface .community-selector .search-fields { padding: 20px 0; } #contact-us-forms-interface .community-selector .search-fields .search-fields-cols {display: flex;gap: 15px;align-items: center;} #contact-us-forms-interface .community-selector .search-fields .search-fields-cols .search-field-zip-wrapper {flex:1;position: relative;} #contact-us-forms-interface .community-selector .search-fields .search-fields-cols .search-field-state-button-wrapper { flex:1;} #contact-us-forms-interface .community-selector .search-fields .search-by-zip-input {display: block;width: 100%;border-radius: 15px;background: #fff;border: 1px solid #d4d4d4; padding: 15px 40px 15px 15px;color: #000;font-weight: 700;} #contact-us-forms-interface .community-selector .search-fields .search-icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 15px;color: #314C58;background: rgba(203, 234, 237, .7);width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;} #contact-us-forms-interface .community-selector .search-fields .search-error { display:none; padding:5px 0 0; } #contact-us-forms-interface .community-selector .search-fields:has(input[class*="invalid-zip"]) .search-error { display:block; } #contact-us-forms-interface .community-selector .search-fields .choose-state {width: 100%;border-radius: 15px!important;} #contact-us-forms-interface .community-selector .search-fields .choose-state .active-text { display:none; } #contact-us-forms-interface .community-selector .search-fields .choose-state.active .active-text { display:inline; } #contact-us-forms-interface .community-selector .search-fields .choose-state.active .default-text { display:none; } #contact-us-forms-interface .community-selector .state-selector {display: none;} #contact-us-forms-interface .community-selector .state-selector .state-selector-inner {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px;} #contact-us-forms-interface .community-selector .state-selector a {display: flex!important;align-items: center;gap: 10px;font-size: 16px!important;padding: 10px 10px!important;border-radius: 10px!important;} #contact-us-forms-interface .community-selector .state-selector a .count { margin-left:auto; } #contact-us-forms-interface .community-selector .state-selector a.user-hidden { display:none; } #contact-us-forms-interface .community-selector .search-fields:has(.choose-state.active) + .state-selector { display: block;} #contact-us-forms-interface .community-selector .search-fields:has(.choose-state.active) + .state-selector:has(.option-control-active) + .full-community-list { display: block;} #contact-us-forms-interface .community-selector .search-fields:has(.search-by-zip-input.valid-zip) + .state-selector + .full-community-list { display: block;} #contact-us-forms-interface .full-community-list {display:none;max-height: 270px;overflow-y: auto;background: #fff;border: 1px solid #d4d4d4;border-radius: 13px;margin: 15px 0;} #contact-us-forms-interface .full-community-list .full-community-list-inner { } #contact-us-forms-interface .forms-wrapper {padding: 30px 0 0;} #contact-us-forms-interface .form-element .gform-footer { display:none!important; } @media (max-width:800px){ #contact-us-forms-interface .interface-tabs ul {flex-flow: column;} #contact-us-forms-interface .interface-tabs li {border-bottom:none;padding: 13px 0!important;gap: 8px;} #contact-us-forms-interface .interface-tabs li .tab-title {font-size: 16px;} #contact-us-forms-interface .interface-tabs li .num {font-size: 12px;width: 20px;height: 20px;} #contact-us-forms-interface .form-selector-buttons {grid-template-columns: 1fr;} #contact-us-forms-interface .form-selector-buttons .item a .button-content {font-size: 16px;} #contact-us-forms-interface .community-selector .search-fields {padding: 30px 0 10px;} #contact-us-forms-interface .community-selector .search-fields .search-fields-cols {flex-flow: column;} #contact-us-forms-interface .community-selector .search-fields .search-fields-cols > div {flex: auto!important;width: 100%;} #contact-us-forms-interface .community-selector .state-selector { padding-top:15px;} #contact-us-forms-interface .community-selector .state-selector .state-selector-inner {grid-template-columns: 1fr 1fr;} } @media (max-width:600px){ #contact-us-forms-interface .community-selector .state-selector .state-selector-inner {grid-template-columns: 1fr;} } /*----------------------------- Our Story ----------------------------- */ #page-our-story { } #page-our-story #sunniva-page-hero-two-col {padding: 10vh 0 5vh;overflow: hidden;} #page-our-story #sunniva-page-hero-two-col .page-hero-two-col {gap: 60px;} #page-our-story #our-communities {padding: 7vh 0;background:#faf6f5;} #page-our-story #our-communities .headline {text-align: center;} #page-our-story #brands {padding: 8vh 0;} #page-our-story #brands .headline {text-align: center;padding: 0 0 2vh;} #our-story-page-content-promo-section {background: #004B72;color: #fff;padding: 8vh 0;} #our-story-page-content-promo-section .sunniva-two-col {gap: 40px;} #our-story-page-content-promo-section .sunniva-two-col > .image-content { flex:1; } #our-story-page-content-promo-section .sunniva-two-col > .image-content figure { height:100%; } #our-story-page-content-promo-section .sunniva-two-col > .text-content {flex:1.5;font-size: 18px;} #our-story-page-content-promo-section .sunniva-two-col > .text-content h3 { margin:0 0 15px; } #our-story-page-content-promo-section .sunniva-two-col > .text-content .careers-portal-selector {padding: 20px 0 0;} #sunniva-our-story-reviews-slider-section {padding: 10vh 0;} #sunniva-our-story-reviews-slider-section .headline {text-align: center;padding: 0 0 3vh;} @media (max-width:1200px){ #page-our-story #sunniva-page-hero-two-col .page-hero-two-col {flex-flow: column-reverse;gap: 15px;} } /*----------------------------- Unlocked Pricing Page ----------------------------- */ #page-community-pricing-results {padding: 5vh 0;} #page-community-pricing-results .notice {background: #CBEAED;padding: 15px 20px;border-radius: 20px;display: flex;font-size: 18px;align-items: center;} #page-community-pricing-results .notice .icon {width: 25px;display: inline-flex;height: 25px;align-items: center;justify-content: center;background: #004B72;color: #fff;border-radius: 50%;font-size: 12px;margin: 0 10px 0 0;} #page-community-pricing-results .notice .text { } #page-community-pricing-results .community-pricing-grid {padding: 3vh 0;} #page-community-pricing-results .community-pricing-grid .pricing-grid-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;} #page-community-pricing-results .community-pricing-grid .item {border-radius: 20px;border: 2px solid #DCDDDF;background: #FFF;} #page-community-pricing-results .community-pricing-grid .item .item-inner {padding: 20px;height: 100%;display: flex;flex-flow: column;} #page-community-pricing-results .community-pricing-grid .item .item-top {border-bottom: 1px solid #8B8E93;padding: 0 0 25px;margin: 0 0 25px;} #page-community-pricing-results .community-pricing-grid .item .item-top .living-option {font-size: 30px!important;} #page-community-pricing-results .community-pricing-grid .item .item-top .starting-at {padding: 15px 0 0;} #page-community-pricing-results .community-pricing-grid .item .item-top .starting-at h4 {color: #00838F;font-size: 15px!important;} #page-community-pricing-results .community-pricing-grid .item .item-top .starting-at .price {font-size: 32px!important;} #page-community-pricing-results .community-pricing-grid .item .item-content {padding: 0 0 30px;} #page-community-pricing-results .community-pricing-grid .item .item-content .features-list ul {list-style: disc;margin: 0!important;font-size: 18px;} #page-community-pricing-results .community-pricing-grid .item .item-content .features-list ul li {padding: 2px 0!important;} #page-community-pricing-results .community-pricing-grid .item .item-content .features-list ul li:nth-child(n+9) { display:none; } #page-community-pricing-results .community-pricing-grid .item .item-content .features-list ul li.and-more { display:none;} #page-community-pricing-results .community-pricing-grid .item .item-content .features-list ul:has(li:nth-child(n+9)) li.and-more {display: list-item;} #page-community-pricing-results .community-pricing-grid .item .item-content .features-disclaimers {font-size: 0.8em;font-style: italic;line-height: 1.35em;padding: 15px 0 0;} #page-community-pricing-results .community-pricing-grid .item .item-cta { margin-top:auto; } #page-community-pricing-results .community-pricing-grid .item .item-cta a { width:100%; } #page-community-pricing-results .community-pricing-grid-features-disclaimers {font-style: italic;font-size: 0.8em; } @media (max-width:1000px){ #page-community-pricing-results .community-pricing-grid .pricing-grid-inner { grid-template-columns: repeat(2, 1fr); } } @media (max-width:700px){ #page-community-pricing-results .community-pricing-grid .pricing-grid-inner { grid-template-columns: repeat(1, 1fr); } } /*----------------------------- Right Fit Quiz ----------------------------- */ #right-fit-quiz-modal {position: fixed;inset: 0;background: rgba(0, 20, 40, 0.55);backdrop-filter: blur(4px);z-index:100;display: flex;align-items: center;justify-content: center;padding: 0;transition: opacity .25s ease;pointer-events: none;opacity: 0; } #right-fit-quiz-modal.open {opacity: 1;pointer-events: all;} #right-fit-quiz-modal .right-fit-modal-el { background: #fff;height: 100%; width: 100%; } #right-fit-quiz-modal .right-fit-modal-inner {display: flex;flex-flow: column;height: 100%;padding: 50px;overflow-y: scroll;} #right-fit-quiz [data-who-show] { display:none; } #right-fit-quiz[data-who-show="myself"] [data-who-show="myself"] { display:unset; } #right-fit-quiz[data-who-show="loved-one"] [data-who-show="loved-one"] { display:unset; } #right-fit-quiz[data-who-show="together"] [data-who-show="together"] { display:unset; } #right-fit-quiz .right-fit-header-nav {padding: 0 30px;} #right-fit-quiz .right-fit-header-nav .right-fit-header-nav-text {padding: 0 0 15px;display: flex;justify-content: space-between;width: 100%;} #right-fit-quiz .right-fit-header-nav .right-fit-header-nav-text h4 {font-size: 15px!important;letter-spacing: 0!important;} #right-fit-quiz .right-fit-header-nav .right-fit-header-nav-text h3 {font-size: 26px!important;font-weight: 700!important;} #right-fit-quiz .right-fit-header-nav .right-fit-progress-bar {background: #ececec;height: 4px;border-radius: 2px;overflow: hidden;} #right-fit-quiz .right-fit-header-nav .right-fit-progress-bar .right-fit-progress-bar-complete {height: 100%;background: #00838F;border-radius: 2px;transition: width .35s cubic-bezier(0.32, 0.72, 0, 1);width: 0;} #right-fit-quiz .right-fit-header-nav .progrss-bar-labels {font-size: 16px;color: #666;line-height: 1em;padding: 10px 0 0;} #right-fit-quiz .right-fit-header-nav .closer { width: 40px; height: 40px; border-radius: 50%; background: rgba(203, 234, 237, 1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgb(3, 131, 140); transition: background 0.15s, color 0.15s; margin-top: 2px; font-size: 17px; font-weight: 700; line-height: 1em; } #right-fit-quiz .right-fit-header-nav .closer:hover { background: rgb(203, 234, 237); color: rgb(49, 76, 88); } #right-fit-quiz .right-fit-panel {padding: 50px 30px;display: none;} #right-fit-quiz .right-fit-panel.active { display:block; } #right-fit-quiz .right-fit-panel .question-header {font-size: 20px;padding: 0 0 15px;} #right-fit-quiz .right-fit-panel .question-header h3 {font-size: 38px!important;} /* Intro Panel */ #right-fit-quiz .intro-content {text-align: center;padding: 0 0 25px;} #right-fit-quiz .intro-content p { margin: 0 auto 25px;} #right-fit-quiz .zip-lookup {margin: 0 auto;max-width: 500px;} #right-fit-quiz .zip-lookup label {width: 100%;display: block;text-transform: uppercase;font-weight: 700;margin: 0 0 10px;} #right-fit-quiz .zip-lookup .zip-label {display: block;margin: 0 0 5px;} #right-fit-quiz .zip-lookup .zip {width: 100%;display: block;border-radius: 10px;border-color: #C9C9C5;} #right-fit-quiz .zip-lookup .zip:focus { border-color:#03838C; } #right-fit-quiz .zip-lookup .zip-submit a {display: block!important;width: 100%;font-size: 18px!important;padding: 15px 15px!important;} #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav { } #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav .right-fit-header-nav-text {text-align: center;justify-content: center;align-items: center;} #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav .right-fit-header-nav-text::before {content:"";flex: 1;} #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav .right-fit-header-nav-text .right-fit-header-nav-text-content { } #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav .right-fit-header-nav-text .right-fit-header-nav-text-closer { flex: auto; justify-content: flex-end;display: flex;} #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav .right-fit-header-progress { display:none;} #right-fit-quiz .answers {display: flex;flex-flow: column;gap: 15px;} #right-fit-quiz .answers a {display: flex;align-items: center;gap: 14px;padding: 18px 22px;background: #fff;border: 1px solid #d4d4d4;border-radius: 12px;color: #111;font-size: 17px;font-weight: 500;text-decoration: none;transition: all 0.2s ease;} #right-fit-quiz .answers a .toggle {width: 22px;height: 22px;border-radius: 50%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;border: 1px solid #d4d4d4;} #right-fit-quiz .answers a .question-content { } #right-fit-quiz .answers a .question-content .question-text {font-weight: 700;font-size: 20px;} #right-fit-quiz .answers a .question-content .question-sub { line-height: 1.35em;} #right-fit-quiz .answers a:hover { border-color: #00838F;} #right-fit-quiz .answers a.selected {border-color: #00838F;background: #F0F7F8;box-shadow: 0 0 0 3px rgba(0, 131, 143, 0.15);} #right-fit-quiz .answers a.selected .toggle {background: #00838F;border-color: #00838F;} #right-fit-quiz .answers a.selected .toggle::after {content:"";width: 8px;height: 8px;border-radius: 50%;background: #fff;} #right-fit-quiz .right-fit-footer {padding: 0 30px;} #right-fit-quiz .right-fit-footer .back { } #right-fit-quiz .right-fit-footer .back a {color: #333;font-size: 18px;font-weight: 700;} #right-fit-quiz .right-fit-footer .back a::before {content:'\f104';color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 600;font-style: normal;text-decoration:none;margin: 0 5px 0 0;transform-origin: center;line-height: 1em;font-size: 18px;height: 18px;width: 18px;display: inline-flex;align-items: center;justify-content: center;background: none;transition: all 0.3s ease;} /* Results Panel */ #right-fit-quiz .result-frames { } #right-fit-quiz .result-frames .result-frame {display: none;} #right-fit-quiz .result-frames .result-frame.active { display:block; } #right-fit-quiz .result-frames .result-frame .result-frame-inner { } #right-fit-quiz .result-frames .result-frame .result-content-card {background: #FAF6F5;border-radius: 20px;overflow: hidden;display: flex;align-items: center;gap: 30px;padding: 50px;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-image {flex: 1;max-width: 500px;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-image .image {overflow: hidden;border-radius: 15px;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-image .image img {object-fit: cover;height: 100%;width: 100%;object-position: center;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-content {flex: 1.5;font-size: 20px;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-content .result-content-wrapper {max-width: 900px;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-content h4 {letter-spacing: 0;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-content h3 {margin: 0 0 15px!important;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-content .retake {padding: 15px 0 0;font-size: 16px;} #right-fit-quiz .results-comm-form {background: #FAF6F5;border-radius: 0 0 20px 20px;padding: 30px;} #right-fit-quiz .results-comm-form .results-comm-form-inner {border-radius: 16px;padding: 28px 32px;border: 1px solid #d4d4d4;background: #fff;} #right-fit-quiz .results-comm-form .headline {padding: 0 0 15px;} #right-fit-quiz .results-comm-form .headline h3 {font-size: 34px!important;} #right-fit-quiz:has(.results-comm-form) .result-frames .result-frame .result-content-card {border-radius: 20px 20px 0 0;} #right-fit-quiz .results-nearby-communities {padding: 3vh 0 0;} #right-fit-quiz .results-nearby-communities .headline {padding: 0 0 20px;font-size: 18px;} #right-fit-quiz .results-nearby-communities .headline h3 {font-size: 34px!important;} #right-fit-quiz .results-nearby-communities .nearby-comms-cols {display: flex;gap: 30px;align-items: flex-start;} #right-fit-quiz .results-nearby-communities .nearby-comms-cols .comm-listing {flex: 1.5;} #right-fit-quiz .results-nearby-communities .nearby-comms-cols .comm-listing .comm .comm-controls .compare { } #right-fit-quiz .results-nearby-communities .nearby-comms-cols .comm-listing .comm.map-active {box-shadow: 0 0 20px 10px #0000001c;border-color: #817f7f;outline: #000000 2px solid;} #right-fit-quiz .results-nearby-communities .nearby-comms-cols .listing-map {flex: 1;position: sticky;top: 20px;} #right-fit-quiz .results-nearby-communities .nearby-comms-cols .listing-map #right-fit-nearby-comms-map { height: 70vh; } @media (max-width:1200px){ #right-fit-quiz-modal .right-fit-header-nav-text-closer { right: 20px;top: 20px;position: absolute; z-index: 15;} #right-fit-quiz:has(.right-fit-panel-intro.active) .right-fit-header-nav .right-fit-header-nav-text::before { display:none; } #right-fit-quiz-modal .right-fit-modal-inner {padding: 30px 20px;} #right-fit-quiz .right-fit-header-nav .right-fit-header-nav-text h3 {font-size: 22px !important;} #right-fit-quiz .right-fit-header-nav .right-fit-header-nav-text h4 {font-size: 13px !important;} #right-fit-quiz .right-fit-panel .question-header h3 {font-size: 28px !important;} #right-fit-quiz .answers a {font-size: 15px;} #right-fit-quiz .answers a .question-content .question-text {font-size: 17px;} #right-fit-quiz .right-fit-panel.right-fit-panel-results {padding: 30px 0;} #right-fit-quiz .result-frames .result-frame .result-content-card {flex-flow: column;padding: 25px;} #right-fit-quiz .result-frames .result-frame .result-content-card .col-image {max-width: 100%;} #right-fit-quiz .results-comm-form {padding-top: 0;} #right-fit-quiz .results-nearby-communities .nearby-comms-cols .comm-listing .comm .comm-main .image-wrapper .image { height:40vh; } #right-fit-quiz .results-nearby-communities .nearby-comms-cols .listing-map { display:none; } } /*----------------------------- Resource Center ----------------------------- */ /* --- Common ---- */ .sunniva-blog-loop {display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 15px;} .sunniva-blog-loop article {position: relative;transition: transform .16s, box-shadow .16s;display: flex;flex-direction: column;background: #fff;border: 1px solid #E4E1DC;overflow: hidden;border-radius: 18px;} .sunniva-blog-loop article .article-image {position: relative;overflow: hidden;flex-shrink: 0;height: 200px;} .sunniva-blog-loop article .article-image img {display: block;height: 100%;width: 100%;object-fit: cover;object-position: center;transition: all 1s ease;} .sunniva-blog-loop article .article-image .color-bar {position: absolute;opacity: 0;inset: 0;height: 5px;transition: all 0.3s ease;} .sunniva-blog-loop article .article-content-wrapper {padding: 20px;height: 100%;display: flex;flex-flow: column;} .sunniva-blog-loop article .article-meta {display: flex;gap: 10px;font-size: 16px;align-items: center;justify-content: space-between;padding: 0 0 10px;} .sunniva-blog-loop article .article-meta .primary-category-badge {line-height: 1em;padding: 5px 13px;border-radius: 15px;font-size: 11px;} .sunniva-blog-loop article .article-meta .read-time {color: #707070;line-height: 1em;font-size: 15px;} .sunniva-blog-loop article .article-content {font-size: 17px;line-height: 1.35em;display: flex;flex-direction: column;flex: 1;} .sunniva-blog-loop article .article-content .article-title {color: #000!important;font-size: 24px!important;margin: 0 0 15px!important;} .sunniva-blog-loop article .article-content .article-excerpt {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size: 16px;line-height: 1.58;} .sunniva-blog-loop article .article-cta { } .sunniva-blog-loop article .article-cta a {color: #03838C;font-size: 16px;text-decoration: none;} .sunniva-blog-loop article .article-cta a i {margin-left: 0;transition: all 0.3s ease;} .sunniva-blog-loop article:hover { transform: translateY(-6px); box-shadow:0 12px 34px rgba(0,0,0,.09); } .sunniva-blog-loop article:hover .article-image .color-bar {opacity: 1;} .sunniva-blog-loop article:hover .article-image img { transform:scale(1.03); } .sunniva-blog-loop article:hover .article-cta a i { margin-left:5px; } @media (max-width:1200px){ .sunniva-blog-loop{grid-template-columns: repeat(2, 1fr);} .sunniva-blog-loop article .article-meta {flex-flow: column;align-items: flex-start;} } @media (max-width:800px){ .sunniva-blog-loop{grid-template-columns:1fr;} } /* --- Index ---- */ #sunniva-res-center-index-hero {padding: 74px 0 58px;background: #014C72;} #sunniva-res-center-index-hero .inner {padding: 7vh 0;text-align: center;} #sunniva-res-center-index-hero h4 {color: #9FD6D2!important;} #sunniva-res-center-index-top-actions {} #sunniva-res-center-index-top-actions .container { max-width:1400px; } #sunniva-res-center-index-top-actions .inner {display: flex;gap: 15px;padding: 6vh 0 8vh;} #sunniva-res-center-index-top-actions .item {position: relative;background: #fff;border-radius: 18px;padding: 28px 26px 24px;transition: transform .16s, box-shadow .16s, border-color .16s;overflow: hidden;border: 1px solid #E4E1DC;font-size: 17px;line-height: 1.35em;} #sunniva-res-center-index-top-actions .item .item-inner {display: flex;flex-flow: column;height: 100%;} #sunniva-res-center-index-top-actions .item h3 {font-size: 26px!important;margin: 0 0 10px!important;color: #000!important;} #sunniva-res-center-index-top-actions .item .color-bar { position: absolute;opacity: 0;inset: 0;height: 5px;transition: all 0.3s ease;} #sunniva-res-center-index-top-actions .item .cta {margin-top: auto;} #sunniva-res-center-index-top-actions .item .cta a { text-decoration:none; } #sunniva-res-center-index-top-actions .item:hover { border-color:#C2E2DD; box-shadow:0 12px 34px rgba(0,0,0,.09); transform: translateY(-3px);} #sunniva-res-center-index-top-actions .item:hover .color-bar { opacity: 1;} @media (max-width:1200px){ #sunniva-res-center-index-top-actions .inner { flex-flow:column; } } #sunniva-res-center-index-blog-roll {padding: 0 0 7vh;} #sunniva-res-center-index-blog-roll .container { max-width:1400px; } #sunniva-res-center-index-blog-roll .inner {display: flex;gap: 50px;align-items: flex-start;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar {position: sticky;top: 20px;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-header {border-bottom: 1px solid #E4E1DC;padding: 0 0 10px;margin: 0 0 10px;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-header h4 {font-weight: 700!important;text-transform: uppercase;color: #707070;font-size: 17px!important; } #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list { } #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul {padding: 0!important;margin: 0!important;list-style: none;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul li {display: block;padding: 5px 0!important;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul li a {display: block;white-space: nowrap;color: #0F0F0F;font-size: 16px;text-decoration: none;transition: color 0.3s ease;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul li a:hover { color: #03838C; } #sunniva-res-center-index-blog-roll .sunniva-blog-roll-primary { } #sunniva-res-center-index-blog-roll .category-section {border-bottom: 1px solid #EFEDE9;padding: 3vh 0;} #sunniva-res-center-index-blog-roll .category-section .category-section-header {display: flex;align-items: center;justify-content: space-between;padding: 0 0 25px;} #sunniva-res-center-index-blog-roll .category-section .category-section-header .name {display: flex;align-items: flex-end;gap: 15px;line-height: 1em;} #sunniva-res-center-index-blog-roll .category-section .category-section-header .name h3 {color: #000!important;line-height: 1em;font-size: 36px!important;} #sunniva-res-center-index-blog-roll .category-section .category-section-header .name .counter {font-weight: 500 !important;text-transform: uppercase;color: #707070;font-size: 14px !important;} #sunniva-res-center-index-blog-roll .category-section .category-section-header .cta { } @media (max-width:1200px){ #sunniva-res-center-index-blog-roll .inner { flex-flow:column; } #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar {position: static;width: 100%;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 5px;align-items: center;} #sunniva-res-center-index-blog-roll .category-section .category-section-header {flex-flow: column;align-items: flex-start;gap: 15px;} #sunniva-res-center-index-blog-roll .category-section .category-section-header .name {flex-flow: column;align-items: flex-start;gap: 5px;} } @media (max-width:800px){ #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul { grid-template-columns: 1fr; } } /* Holiday */ #sunniva-res-center-index-blog-roll .category-section#holiday {background: linear-gradient(150deg, #E6EEF8 0%, #FAF6F5 62%);border: 1px solid #CBDDF2;border-radius: 25px;overflow: hidden;padding: 24px 28px 30px;box-shadow: 0 2px 8px rgba(0,0,0,.05);margin: 0 0 20px;} #sunniva-res-center-index-blog-roll .category-section#holiday .color-bar {background: #2F6DB5; } #sunniva-res-center-index-blog-roll .category-section#holiday .primary-category-badge {background: #E6EEF8;color: #2F6DB5;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul li.holiday a {background: #E6EEF8;color: #2F6DB5;border-radius: 20px;padding: 5px 10px;transition: all 0.3s ease;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul li.holiday a i {font-size: 13px;margin-right: 5px;} #sunniva-res-center-index-blog-roll .sunniva-blog-roll-sidebar .sidebar-category-list ul li.holiday a:hover { background: #2F6DB5;color: #fff; } /* --- Category page ---- */ #sunniva-category-hero {padding: 6vh 0 0; } #sunniva-category-hero .inner {border-bottom: 1px solid #E4E1DC;padding: 0 0 4vh;margin: 0 0 4vh;} #sunniva-category-hero .back {display: flex;align-items: center;gap: 10px;padding: 0 0 20px;} #sunniva-category-hero .back a {text-decoration: none;text-transform: uppercase;color:#025E65;font-weight: 700;font-size: 17px;line-height: 1em;transition: all 0.3s ease;} #sunniva-category-hero .back a:hover { color:#03838C; } #sunniva-category-hero .back a i {transition: all 0.3s ease;} #sunniva-category-hero .back a:hover i {transform: translateX(-5px);} #sunniva-category-hero .back .primary-category-badge { line-height: 1em;padding: 5px 13px;border-radius: 15px;font-size: 14px; } #sunniva-category-hero h1 {color: #000!important;margin: 0 0 15px!important;} #sunniva-res-center-category-blog-roll {padding: 0 0 7vh;} #sunniva-res-center-category-blog-roll .category-page-blog-loop-header {display: flex;align-items: flex-end;gap: 10px;padding: 0 0 25px;} #sunniva-res-center-category-blog-roll .category-page-blog-loop-header .count {font-size: 40px;line-height: 1em;} #sunniva-res-center-category-blog-roll .category-page-blog-loop-header .count-label {line-height: 1em;color: #707070;font-size: 18px;} /* --- Author ---- */ body.author #blog-author-hero { } body.author #blog-author-hero .inner {align-items: stretch;} body.author #blog-author-hero .inner .col-info {display: flex;flex-flow: column;justify-content: center;} body.author #blog-author-hero .col-image { } body.author #blog-author-hero .col-image img {position: static;min-height: auto;transform: none;object-fit: cover;height: 100%;width: 100%;} /* --- Single ---- */ #sunniva-blog-single { } #sunniva-blog-single .sunniva-article-breadcrumbs {padding: 40px 0 20px;} #sunniva-blog-single .sunniva-article-breadcrumbs .container { max-width: 95%; } #sunniva-blog-single .sunniva-article-breadcrumbs ul {margin: 0!important;padding: 0!important;list-style: none;display: flex;font-size: 16px; flex-wrap: wrap;} #sunniva-blog-single .sunniva-article-breadcrumbs ul li {padding: 0!important;} #sunniva-blog-single .sunniva-article-breadcrumbs ul li a {color: #707070;text-decoration: none;} #sunniva-blog-single .sunniva-article-breadcrumbs ul li::after {color: inherit!important;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration:none;transform-origin: center;line-height: 1em;height: 18px;width: 18px;display: inline-flex;align-items: center;justify-content: center;background: none;transition: all 0.3s ease;content: '\f105';font-size: 14px!important;margin: 0 0 0 5px!important;opacity: 0.5;} #sunniva-blog-single .sunniva-article-breadcrumbs ul li.article-current::after { display:none;} #sunniva-blog-single .sunniva-article-breadcrumbs ul li a:hover { color:#03838C; } #sunniva-blog-single .sunniva-article-hero {text-align: center;padding: 2vh 0 5vh;} #sunniva-blog-single .sunniva-article-hero .inner { } #sunniva-blog-single .sunniva-article-hero .primary-category-badge {line-height: 1em;font-size: 16px;padding: 5px 13px;border-radius: 15px;display: inline-block;margin: 0 0 15px;} #sunniva-blog-single .sunniva-article-hero .article-title {color: #000!important;font-size: 52px!important;margin: 0 auto 30px!important;max-width: 1000px;text-wrap: balance;} #sunniva-blog-single .sunniva-article-hero .article-excerpt {font-size: 19px;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta {display: flex;align-items: center;justify-content: center;gap: 15px;padding: 30px 0;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta {display: flex;align-items: center;position: relative;gap: 10px;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-image { } #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-image a {display: block;width:50px;height:50px;border-radius: 50%;overflow: hidden;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-image a img {width: 100%;height: 100%;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-info {text-align: left;line-height: 1em;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-info a {text-decoration: none;color: #000;font-size: 16px;font-weight: 700;transition: color 0.3s ease;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-info a::after {content:"";inset: 0;height: 100%;display: block; width: 100%;position: absolute;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-info .author-title {font-size: 15px;color: #707070;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .author-meta .author-info a:hover { color: #03838C!important;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .read-time {color: #707070;font-size: 14px;display: flex;align-items: center;gap: 5px;} #sunniva-blog-single .sunniva-article-hero .arrticle-hero-meta .read-time::before {content: "\00B7";margin: 0 5px 0 0;color: #707070;} #sunniva-blog-single .sunniva-article-hero .article-featured-image {border-radius: 30px;overflow: hidden;width: fit-content;margin: 0 auto;} #sunniva-blog-single .sunniva-article-hero .article-featured-image img { display:block; } #sunniva-blog-single .article-primary {padding: 0 0 10vh;} #sunniva-blog-single .article-primary .container {max-width: 1400px;} #sunniva-blog-single .article-primary .inner {display: flex;gap: 25px;align-items: flex-start;} #sunniva-blog-single .article-primary .toc-col {flex: 1;position: sticky;top: 20px;padding: 0 15px 0 0;} #sunniva-blog-single .article-primary .toc-col .article-toc { } #sunniva-blog-single .article-primary .toc-col .article-toc .toc-inner { } #sunniva-blog-single .article-primary .toc-col .article-toc .toc-header {border: none;padding: 0 0 10px;font-size: 18px!important;color: #707070;text-transform: uppercase;font-size: 14px!important; } #sunniva-blog-single .article-primary .toc-col .article-toc .toc-items { } #sunniva-blog-single .article-primary .toc-col .article-toc .toc-items ul { } #sunniva-blog-single .article-primary .toc-col .article-toc .toc-items ul li {padding: 0!important;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-items ul li a {font-size: 14px;line-height: 1.25em;padding: 10px 0 10px 15px;color: #707070!important;font-weight: 600;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-items ul li a:hover {color: #1B1B1A!important;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-items ul li a.active {background: none;border-color: #03838C!important;color: #03838C!important;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-back {padding: 20px 0 0;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-back a {color: #707070 !important;font-size: 14px;font-weight: 600;text-decoration: none;text-transform: uppercase;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-back a::before {content: '\f062';background: none;height: auto;color: inherit;font-size: 12px;width: auto;border-radius: 0;display: inline;} #sunniva-blog-single .article-primary .toc-col .article-toc .toc-back a:hover { color: #03838C!important; } #sunniva-blog-single .article-primary .blank-col {flex: 1;} #sunniva-blog-single .article-primary .article-col {flex: 4;} #sunniva-blog-single .article-primary article {font-size: 18px;} #sunniva-blog-single .article-primary article h2 {color: #000!important;font-size: 40px!important;} #sunniva-blog-single .article-primary article h3 {color: #000!important;font-size: 28px!important;margin: 0 0 15px!important;} #sunniva-blog-single .article-primary article p {margin: 0 0 30px;} #sunniva-blog-single .article-primary article a {color: #025E65;text-decoration: underline;font-weight: 700;text-underline-offset: 3px;} #sunniva-blog-single .article-primary article a:hover { color:#03838C; } #sunniva-blog-single .article-primary article hr { } #sunniva-blog-single .article-primary article img { border-radius:25px; } #sunniva-blog-single .article-primary #author-banner {background: #fff;color: #000;border-radius: 18px;box-shadow: 0 2px 8px rgba(0,0,0,.05);border: 1px solid #E4E1DC;padding: 30px;} #sunniva-blog-single .article-primary #author-banner .inner { } #sunniva-blog-single .article-primary #author-banner .author-image { } #sunniva-blog-single .article-primary #author-banner .author-image a {width: 70px;height: 70px;} #sunniva-blog-single .article-primary #author-banner .author-image a img { } #sunniva-blog-single .article-primary #author-banner .author-info {font-size: 16px;line-height: 1.35em;} #sunniva-blog-single .article-primary #author-banner .author-info .author-name {font-size: 22px;color: #000!important;} #sunniva-blog-single .article-primary #author-banner .author-info .author-position {color: #03838C;text-transform: uppercase;font-size: 14px;margin: 0 0 5px;} #sunniva-blog-single .article-primary #author-banner .author-info .cta a {padding: 0!important; color:#03838C;} #sunniva-blog-single .article-primary #author-banner::before { display:none; } #sunniva-blog-single .article-related {padding: 0 0 4vh;} #sunniva-blog-single .article-related .headline {padding: 0 0 15px;} #sunniva-blog-single .article-related .headline h3 {color: #000!important;font-size: 36px!important;} @media (max-width:1200px){ #sunniva-blog-single .article-primary .inner {flex-flow: column;} #sunniva-blog-single .article-primary .toc-col {position: static;} #sunniva-blog-single .article-primary .toc-col .toc-back { display:none;} } /* --- SPG22 Blog shortcode overwrites ---- */ #sunniva-blog-single article .blog-widget-featured-info-block {border: 1px solid #C9C9C5;background: #fff;border-radius: 20px;overflow: hidden;padding: 0;} #sunniva-blog-single article .blog-widget-featured-info-block .block-inner { } #sunniva-blog-single article .blog-widget-featured-info-block h2 {background: linear-gradient(100deg, #004B72,#00314B);color: #fff!important;padding: 25px 35px!important;font-size: 30px!important;} #sunniva-blog-single article .blog-widget-featured-info-block h2::before {content:"Quick Answer / TL;DR";font-family: "Nunito Sans", sans-serif;display: block;font-size: 13px;text-transform: uppercase;font-weight: 500;} #sunniva-blog-single article .blog-widget-featured-info-block ol {list-style: none;counter-reset: ol-counter;margin: 0 0 15px!important;padding: 0 0 0 15px!important;font-size: 18px;} #sunniva-blog-single article .blog-widget-featured-info-block ol li {position: relative;counter-increment: ol-counter;padding: 0 0 0 40px!important;} #sunniva-blog-single article .blog-widget-featured-info-block ol li::before {content: counter(ol-counter);position: absolute;flex-shrink: 0;width: 25px;height: 25px;border-radius: 50%;background: #03838C;display: flex;top: 4px;left: 0;color: #fff;align-items: center;justify-content: center;font-size: 14px;line-height: 1em;} #sunniva-blog-single article .blog-widget-promo-banner {background: linear-gradient(120deg, #014C72, #013A57);color: #fff;border-radius: 20px;overflow: hidden;padding: 40px;} #sunniva-blog-single article .blog-widget-promo-banner .block-inner {flex-flow: column;text-align: center;border: none;padding: 0;} #sunniva-blog-single article .blog-widget-promo-banner .content .text {font-size: 17px;} #sunniva-blog-single article .blog-widget-promo-banner .content h3 {color: #fff!important;font-size: 30px!important;} #sunniva-blog-single article .blog-widget-promo-banner .cta { } /* --- Single Holiday ---- */ .holiday-post #sunniva-blog-single { } .holiday-post #sunniva-blog-single .holiday-header {padding: 5vh 0 0;} .holiday-post #sunniva-blog-single .holiday-header h4 {font-size: 15px!important;letter-spacing: 1px!important;} .holiday-post #sunniva-blog-single .holiday-header .holiday-name {font-size: clamp(54px, 11vw, 124px)!important;background-clip: text!important;color: transparent!important;} .holiday-post #sunniva-blog-single .holiday-header .article-title {text-wrap: balance;} .holiday-post #sunniva-blog-single .holiday-header p {text-wrap: balance;max-width: 900px;margin: 0 auto;} .holiday-post #sunniva-blog-single .article-primary article hr {border: 0;height: 1px;position: relative;overflow: visible;padding: 20px 0 50px;} .holiday-post #sunniva-blog-single .article-primary article hr::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;border-radius: 50%;align-items: center;justify-content: center;display: inline-flex;font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;text-decoration: none;line-height: 1em;transition: all 0.2s ease;font-size: 14px;} /*----------------------------- Gazette ----------------------------- */ #gazette-page-hero {background: #304c58;} #gazette-page-hero .inner {display: flex;gap: 50px;align-items: center;padding: 7vh 0;} #gazette-page-hero .text-col {flex: 2;} #gazette-page-hero .text-col h1 {font-size: 56px!important;margin: 0 0 15px!important;} #gazette-page-hero .image-col {flex: 1.5;} #gazette-issues-index {background: #F4F4F2;} #gazette-issues-index .inner {padding: 6vh 0 4vh;} #gazette-issues-index h4 {font-size: 16px!important;} #gazette-issues-index h2 {font-size: 46px!important;margin: 0 0 15px!important;} #gazette-issues-index p {max-width: 800px;font-size: 18px;} #gazette-issues-index .gazette-issues-nav {display: flex;align-items: center;gap: 10px;list-style: none;margin: 0!important;padding: 0!important;flex-wrap: wrap;} #gazette-issues-index .gazette-issues-nav li { } #gazette-issues-index .gazette-issues-nav li a { } #gazeete-issues-sections {background: #F4F4F2;padding: 0 0 8vh;} #gazeete-issues-sections .gazette-section {margin: 0 0 50px;} #gazeete-issues-sections .gazette-section .gazette-issue-banner {background: #fff;display: flex;align-items: stretch;padding: 0;margin: 0 0 15px;border-radius: 20px;overflow: hidden;} #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-image {flex: 1;overflow: hidden; } #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-image .image { height: 100%; } #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-image .image img {display: block;height: 100%;object-fit: cover;width: 100%;object-position: center;} #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-text {display: flex;flex-flow: column;padding: 30px;justify-content: center;flex: 2;font-size: 18px;} #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-text h2 {font-size: 40px!important;} #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-text .cta { padding:15px 0 0; } #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-text .cta a { width:100%; } #gazeete-issues-sections .gazette-section .gazette-posts-loop {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 15px;padding: 20px 0;} #gazeete-issues-sections .gazette-section .article-card {border-radius: 16px;overflow: hidden;display: flex;flex-direction: column;transition: transform .2s ease, box-shadow .25s ease;cursor: pointer;background: #fff;border: 1px solid #E5E7EB;} #gazeete-issues-sections .gazette-section .article-card:hover { transform: translateY(-3px); box-shadow: var(--sh-lg); } #gazeete-issues-sections .gazette-section .article-card-img {height: 20vh;position: relative;overflow: hidden;flex-shrink: 0;} #gazeete-issues-sections .gazette-section .article-card-img .image {height: 100%;} #gazeete-issues-sections .gazette-section .article-card-img .image img {display: block;object-fit: cover;height: 100%;width: 100%;} #gazeete-issues-sections .gazette-section .article-card-body {padding: 18px 20px 20px;flex: 1;display: flex;flex-direction: column;gap: 12px;} #gazeete-issues-sections .gazette-section .article-card-body h4 {font-size: 17px;font-weight: 700;line-height: 1.3;} #gazeete-issues-sections .gazette-section .article-tag {align-self: flex-start;display: inline-block;padding: 5px 14px;border-radius: 100px;font-size: 11px;font-weight: 700;line-height: 1;background: #03838c;color: #fff;} #gazeete-issues-sections .gazette-section .article-excerpt {font-size: 13px;font-weight: 400;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;} #gazeete-issues-sections .gazette-section .article-read-link {display: inline-flex;align-items: center;gap: 5px;font-size: 14px;font-weight: 700;transition: gap .15s;border-bottom: 1.5px solid transparent;align-self: flex-start;margin-top: auto;cursor: pointer;color: #000;text-decoration: none;transition: all 0.3s ease;} #gazeete-issues-sections .gazette-section .article-card:hover .article-read-link { color: #03838c!important; } #gazeete-issues-sections .gazette-section .article-card:hover{ box-shadow:0 8px 42px rgba(0,0,0,0.05); } @media (max-width: 1000px) { #gazette-page-hero .inner {flex-flow: column-reverse;} #gazette-issues-index .gazette-issues-nav { gap:5px; } #gazette-issues-index .gazette-issues-nav li a { font-size: 14px !important; } #gazeete-issues-sections .gazette-section .gazette-issue-banner {flex-flow: column;} #gazeete-issues-sections .gazette-section .gazette-issue-banner .col-image .image {height: auto;aspect-ratio: 3 / 4;width: 100%;} #gazeete-issues-sections .gazette-section .gazette-posts-loop { grid-template-columns: repeat(3, 1fr) } } @media (max-width: 800px) { #gazeete-issues-sections .gazette-section .gazette-posts-loop { grid-template-columns: repeat(2, 1fr) } } @media (max-width: 600px) { #gazeete-issues-sections .gazette-section .gazette-posts-loop { grid-template-columns: repeat(1, 1fr) } #gazeete-issues-sections .gazette-section .article-card-img { height:40vh; } } #svm .sunniva-content #gazette-viral-section {background: #224450;color: #fff;padding: calc(4vh + 100px) 0 5vh;position: relative;} #svm .sunniva-content #gazette-viral-section::before {content:"";background-image: url(https://storypoint.com/wp-content/uploads/2023/11/svm-gazette-post-ribbon-bg-1.png);height: 67px;display: block;position: absolute;top: 20px;left: 0;width: 100%;background-repeat-x: repeat;background-repeat-y: no-repeat;} #svm .sunniva-content #gazette-viral-section .headline {text-align: center;margin: 0 0 10px;} #svm .sunniva-content #gazette-viral-section .headline h3 {font-size: 40px;color: #fff;} #svm .sunniva-content #gazette-viral-section .headline .stats {display: flex;align-items: center;gap: 50px;padding: 40px 0 15px;justify-content: center;} #svm .sunniva-content #gazette-viral-section .headline .stats .stat { } #svm .sunniva-content #gazette-viral-section .headline .stats .stat h4 {color: #C3AD3B;font-size: 66px;font-weight: 700;} #svm .sunniva-content #gazette-viral-section .headline .stats .stat h5 {text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 1px;} #svm .sunniva-content #gazette-viral-section .headline .stats .sep {height: 100px;width: 1px;background: #ffffff6e;} @media (max-width: 800px) { #svm .sunniva-content #gazette-viral-section .headline .stats {flex-flow: column;gap: 10px;} #svm .sunniva-content #gazette-viral-section .headline .stats .stat h4 {font-size: 40px;} #svm .sunniva-content #gazette-viral-section .headline .stats .sep { display: none; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-phone { display: none; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top .awards {padding: 0 0 30px;justify-content: center;} } @media (max-width: 600px) { #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info {padding-top: 20px;} #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top { border: none; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top::after { display: none; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top .text .text-title h4 { padding:0; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top .text p { padding:0; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top .awards { padding:0; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-bottom {display: block;transform: none;padding-top: 50px;} #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-bottom .follow-label { padding:0; text-align: center; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-bottom .follow-logos { display: block; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-bottom .follow-logos .item { padding:15px 0; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-bottom .follow-logos .item img { display: block; margin: 0 auto; } #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top .text .text-title { max-width:none;} #svm .sunniva-content #gazette-viral-section .viral-promo-row .col-info .info-top .text {padding: 0 20px 20px;margin: 0;text-align: center;} } /*----------------------------- Single Event ----------------------------- */ #single-event { } #single-event a:not([class*="btn"]) {color:var(--brand-primary-color); text-decoration: none;} #single-event a:not([class*="btn"]):hover { text-decoration: underline; } #sv-single-event-hero-section { } #sv-single-event-hero-section .container {width: 100%;max-width: 100%;padding: 0;} #sv-single-event-hero-section .inner {display: flex;align-items: stretch;} #sv-single-event-hero-section .content-col {min-width: 50vw;padding: 8vh 30px 8vh calc((100% - 1250px) / 2);display: flex;flex-flow: column;justify-content: center;} #sv-single-event-hero-section .content-col .back-to-comm {font-weight: 700;font-size: 16px;margin: 0 0 20px;} #sv-single-event-hero-section .content-col h4 { } #sv-single-event-hero-section .content-col .event-name {margin: 0 0 10px!important;font-size: 42px!important;} #sv-single-event-hero-section .content-col .at-comm {font-size: 24px!important;margin: 0 0 5px!important;} #sv-single-event-hero-section .content-col .comm-address {margin: 0 0 20px;font-size: 18px;} #sv-single-event-hero-section .content-col .event-datatime { } #sv-single-event-hero-section .content-col .event-desc { } #sv-single-event-hero-section .image-col { } #sv-single-event-hero-section .image-col .image {height: 100%;} #sv-single-event-hero-section .image-col .image img {display: block;object-fit: cover;height: 100%;width: 100%;} #sv-single-event-register-section {padding: 10vh 0;background: #F7F7F7;} #sv-single-event-register-section .inner {border: 2px solid var(--brand-primary-color);padding: 50px 30px;position: relative;} #sv-single-event-register-section .headline {text-align: center;} #sv-single-event-register-section .headline .rsvp-today {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);background: #F7F7F7;padding: 5px 15px!important;} #sv-single-event-register-section .headline .event-rsvp-text {margin: 0 auto;max-width: 1000px;text-wrap: pretty;} #sv-single-event-register-section .form-wrapper {margin: 0 auto;max-width: 1100px;padding: 30px 0 0;} @media (max-width: 1300px) { #sv-single-event-hero-section .content-col { padding-left:30px; min-width: 100%; } } @media (max-width: 1200px) { #sv-single-event-hero-section .inner {flex-flow: column-reverse;align-items: flex-start;} #sv-single-event-hero-section .image-col {height:50vh;width: 100%; } #sv-single-event-hero-section .image-col .image {} }