@charset "UTF-8";
 *, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} * {
margin: 0;
} @media (prefers-reduced-motion: no-preference) {
html {
interpolate-size: allow-keywords;
}
}
body { line-height: 1.5; -webkit-font-smoothing: antialiased;
} img, picture, video, canvas, svg {
display: block;
max-width: 100%;
} input, button, textarea, select {
font: inherit;
} p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
} p {
text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
text-wrap: balance;
} #root, #__next {
isolation: isolate;
}   .bg-beige {
background-color: #EBE6E3;
}
.bg-beige * {
color: #300F0A;
}
.bg-light-blue {
background-color: #B2CEDA;
}
.bg-light-blue * {
color: #00338F;
}
.bg-light-green {
background-color: #C2DBD6;
}
.bg-light-green * {
color: #00338F;
}
.bg-sea-foam {
background-color: #8ABDD3 !important;
}
.bg-sea-foam * {
color: #00338F;
}
.bg-sky-blue {
background-color: #69A5C8;
}
.bg-sky-blue * {
color: #00338F;
}
.beige {
color: #EBE6E3;
}   h1, h2, h3, h4, h5, h6 {
font-weight: 300;
font-family: "larken", sans-serif;
}
p, span, table, ol, ul, li {
font-family: "Inter Tight", sans-serif;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: rgba(254, 246, 242, 0.7);
-webkit-transition: linear 250ms;
transition: linear 250ms;
} h1,
h2,
h3,
h4 {
margin: .5em 0;
color: #300F0A;
line-height: 1.2em;
}
h1 {
font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}
@media (max-width: 320px) {
h1 {
font-size: 20px;
}
}
@media (min-width: 1920px) {
h1 {
font-size: 40px;
}
}
h2 {
font-size: calc(28px + (37 - 28) * ((100vw - 320px) / (1920 - 320)));
}
@media (max-width: 320px) {
h2 {
font-size: 28px;
}
}
@media (min-width: 1920px) {
h2 {
font-size: 37px;
}
}
h3 {
font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (1920 - 320)));
}
@media (max-width: 320px) {
h3 {
font-size: 24px;
}
}
@media (min-width: 1920px) {
h3 {
font-size: 32px;
}
}
h4 {
font-size: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
}
@media (max-width: 320px) {
h4 {
font-size: 16px;
}
}
@media (min-width: 1920px) {
h4 {
font-size: 25px;
}
}
p {
line-height: 1.2em;
margin: 1em 0;
}
.brown {
color: #300F0A !important;
}
.blue {
color: #00338F;
}
.white {
color: #FEF6F2;
}
ul li {
padding-bottom: .5rem;
}
.heading-font {
font-family: "larken", sans-serif;
}
body {
overflow-x: hidden;
}
.container {
position: relative;
width: 100%;
max-width: 100% !important;
margin: 0 auto;
padding: 1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.padding {
padding: 1rem;
}
@media (min-width: 768px) {
.padding {
padding: 3rem;
}
}
@media (min-width: 960px) {
.padding {
padding: 5rem;
}
}
.post-edit-link {
background: #00338F;
border-radius: 25px;
position: absolute;
bottom: 15px;
left: 15px;
color: #FEF6F2;
padding: .75rem 1.25rem;
position: fixed;
z-index: 10;
}
.font-0 {
font-size: 0px !important;
padding-left: 0.8rem !important;
padding-right: .8rem !important;
width: 50px;
}
@media (min-width: 768px) {
.font-0 {
width: auto;
font-size: 0.8rem !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
}
.br-white {
border-bottom: 1px solid rgba(255, 255, 255, 0.35);
margin: 0 auto;
height: 100%;
width: 90%;
}
@media (min-width: 768px) {
.br-white {
border-bottom: 0;
border-right: 1px solid rgba(255, 255, 255, 0.35);
}
}
.br-white:last-child {
border-bottom: 0;
border-right: 0;
}
.bt-brown {
border-top: 1px solid #300F0A;
}
.bb-brown {
border-bottom: 1px solid #300F0A;
}
.col-count-2 {
-webkit-column-count: 1;
column-count: 1;
-webkit-column-gap: 3rem;
column-gap: 3rem;
}
@media (min-width: 768px) {
.col-count-2 {
-webkit-column-count: 2;
column-count: 2;
}
}
.col-count-2 li {
line-height: 1.75;
padding: .4rem;
}
@media only screen and (max-width: 768px) {
br {
display: none;
}
}
.theme-blue h1, .theme-blue h2, .theme-blue h3, .theme-blue h4, .theme-blue h5, .theme-blue h6, .theme-blue p, .theme-blue a, .theme-blue i {
color: #00338F;
}
.btn {
border-radius: 8px;
border: 1px solid;
cursor: pointer;
font-family: "Inter Tight", sans-serif;
font-size: .8rem;
font-weight: 600;
letter-spacing: 2px;
padding: .75rem 1.125rem;
text-transform: uppercase;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}
.btn--beige {
background: #EBE6E3;
border: 1px solid #EBE6E3;
color: #00338F;
}
.btn--beige:hover {
background: #00338F;
border: 1px solid #00338F;
color: #EBE6E3;
}
.btn--brown {
background: #300F0A;
border: 1px solid #300F0A;
color: #EBE6E3;
}
.btn--brown:hover {
background: #EBE6E3;
border: 1px solid #300F0A;
color: #300F0A;
}
.btn--blue {
background: #00338F;
border: 1px solid #00338F;
color: #FEF6F2;
}
.btn--blue:hover {
background: #FEF6F2;
border: 1px solid #00338F;
color: #00338F;
}
.btn--sky-blue {
background: #69A5C8;
border: 1px solid #69A5C8;
color: #00338F;
}
.btn--sky-blue:hover {
background: transparent;
color: #00338F;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #300F0A;
background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0;
background-repeat: no-repeat;
border-radius: 50px;
border: 1px solid;
color: #FEF6F2 !important;
cursor: pointer;
font-family: "Inter Tight", sans-serif;
font-size: .8rem;
font-weight: 400;
letter-spacing: 1px;
padding: 0 4rem 0 1.5rem;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}
.facetwp-facet-category .facetwp-dropdown,
.facetwp-facet-sort_ select,
.facetwp-type-fselect .fs-label {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #300F0A;
background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0;
background-repeat: no-repeat;
border-radius: 50px;
border: 1px solid;
color: #FEF6F2 !important;
cursor: pointer;
font-family: "Inter Tight", sans-serif;
font-size: .8rem;
font-weight: 400;
letter-spacing: 1px;
padding: 0.75rem 4rem 0.75rem 1.5rem !important;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}
.icon-menu:after {
content: '';
background-image: url(//savasiisland.com/wp-content/themes/savasi/assets/img/ico-menu.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
margin-top: -2px;
height: 20px;
width: 20px;
vertical-align: middle;
}
@media (min-width: 768px) {
.icon-menu:after {
background-size: cover;
margin-left: 1rem;
height: 15px;
width: 15px;
}
}
.icon-menu:hover:after {
background-image: url(//savasiisland.com/wp-content/themes/savasi/assets/img/ico-menu-white.svg);
}
label,
input {
font-family: "larken", sans-serif;
}
label {
margin-bottom: .5rem;
}
input {
border: none;
border-radius: 6px;
font-size: 1rem;
padding: .75rem 1rem;
}
@media (min-width: 768px) {
input {
padding: .75rem 1rem;
}
}
input.cal {
position: relative;
background: url(//savasiisland.com/wp-content/themes/savasi/assets/img/ico-cal.svg) no-repeat scroll 7px 7px;
background-color: #FEF6F2;
background-position: 97%;
}
input[type="submit"] {
border-radius: 8px;
border: 1px solid;
cursor: pointer;
font-family: "Inter Tight", sans-serif;
font-size: .8rem;
font-weight: 600;
letter-spacing: 2px;
padding: .75rem 1.75rem;
text-transform: uppercase;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
background: #69A5C8;
border: 1px solid #69A5C8;
color: #FEF6F2;
}
input[type="submit"]:hover {
background: transparent;
color: #00338F;
}
.pagination .pagination-label {
font-family: "larken", sans-serif;
font-size: 1.125rem;
}
.pagination .facetwp-page {
font-family: "larken", sans-serif;
font-size: 1.125rem;
font-weight: 300;
}
.pagination .facetwp-page:hover {
color: #300F0A;
}
.pagination .facetwp-page.next, .pagination .facetwp-page.prev {
height: 14px;
width: 9px;
margin: 0 3px;
padding: 0;
}
.pagination .facetwp-page.prev {
margin-right: 10px;
}
.page-banner {
position: relative;
}
.page-banner-img {
background-repeat: no-repeat;
background-position: top;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 0;
}
.page-banner-img-qualifications {
width: 0%;
}
@media (min-width: 1200px) {
.page-banner-img-qualifications {
width: 40%;
}
}
.page-banner-heading {
text-transform: uppercase;
z-index: 1;
}
.page-banner .facetwp-selections ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1rem 0 0;
padding: 0;
}
.page-banner .facetwp-selections ul .facetwp-selection-value {
background: none;
color: #FEF6F2;
}
.page-banner .facetwp-selections ul .facetwp-selection-label {
display: none;
}
header {
position: fixed;
width: 100%;
z-index: 9999;
-webkit-transition: background 250ms linear;
transition: background 250ms linear;
}
header.active {
background: #69A5C8;
}
header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header-logo {
max-width: 252px;
}
.header-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media (min-width: 960px) {
.header-navigation {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 1rem;
column-gap: 1rem;
}
}
.header-navigation li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
text-transform: uppercase;
}
@media (min-width: 960px) {
.header-navigation li {
-webkit-box-flex: 1;
-ms-flex: 1 0 45%;
flex: 1 0 45%;
}
.header-navigation li:nth-child(even) {
padding-left: 1rem;
}
}
.menu-item-has-children:before {
display: none;
}
.menu-item-has-children a:after {
content: '';
display: inline-block;
background-image: url('data:image/svg+xml,<svg width="100px" height="100px" viewBox="0 0 24.00 24.00" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%2300338f" transform="matrix(1, 0, 0, 1, 0, 0)" stroke-width="1.128"><g stroke-width="0"/><g stroke-linecap="round" stroke-linejoin="round" stroke="%23CCCCCC" stroke-width="0.288"/><g><path fill-rule="evenodd" clip-rule="evenodd" d="M18.5861 8.0858C18.1956 7.69528 17.5624 7.69528 17.1719 8.0858L11.879 13.3787L6.58609 8.0858C6.19556 7.69528 5.5624 7.69528 5.17187 8.0858L4.46477 8.79291C4.07424 9.18343 4.07424 9.8166 4.46477 10.2071L10.8183 16.5607C11.4041 17.1465 12.3539 17.1465 12.9396 16.5607L19.2932 10.2071C19.6837 9.8166 19.6837 9.18343 19.2932 8.79291L18.5861 8.0858Z" fill="00338f"/></g></svg>');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 10px;
width: 20px;
top: 1rem;
position: absolute;
-webkit-transition: -webkit-transform .3s linear;
transition: -webkit-transform .3s linear;
transition: transform .3s linear;
transition: transform .3s linear, -webkit-transform .3s linear;
}
@media (min-width: 960px) {
.menu-item-has-children a:after {
height: 18px;
width: 30px;
top: 1.25rem;
}
}
@media (min-width: 1410px) {
.menu-item-has-children a:after {
top: 2rem;
}
}
.menu-item-has-children > .sub-menu {
opacity: 0;
-webkit-transition: all .4s linear;
transition: all .4s linear;
max-height: 0;
overflow: hidden;
padding: 0;
}
.menu-item-has-children > .sub-menu a:after {
display: none;
}
.menu-item-has-children > .sub-menu li:nth-child(even) {
padding-left: 5px;
}
.menu-item-has-children.sub-menu--open {
padding-bottom: 0 !important;
}
.menu-item-has-children.sub-menu--open a:after {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.menu-item-has-children.sub-menu--open > .sub-menu {
opacity: 1;
max-height: 500px;
margin-top: 1rem !important;
}
.sub-menu {
margin-top: 0 !important;
padding-left: 20px;
}
@media only screen and (min-width: 768px) {
.sub-menu li a {
font-size: 1.75rem;
}
}
.header_info:before {
display: none;
}
footer {
background: #300F0A;
}
footer * {
color: #FEF6F2;
}
footer .social {
list-style-type: none;
padding-left: 0;
margin-top: 1rem;
}
@media (min-width: 768px) {
footer .social {
margin-top: 0;
}
}
footer .social li {
margin-right: 1rem;
}
.footer-navigation {
-webkit-column-count: 1;
column-count: 1;
-webkit-column-width: 50px;
column-width: 50px;
-webkit-column-fill: balance;
column-fill: balance;
list-style-type: none;
padding-left: 0;
padding-top: .75rem;
}
.footer-navigation li {
padding-bottom: .5rem;
}
@media (min-width: 768px) {
.footer-navigation {
-webkit-column-count: 2;
column-count: 2;
}
}
.menu-container {
position: fixed;
height: 100vh;
width: 100vw;
background: #69A5C8;
padding-top: 6rem;
top: 0;
left: 0;
display: none;
z-index: 2;
}
@media (min-width: 768px) {
.menu-container {
height: 90vh;
padding-top: 0;
}
}
.menu-container.open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.menu-container.open {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.menu-container ul {
list-style: none;
font-size: 1.5rem;
text-align: left;
padding: 5px 5px 0;
}
.menu-container ul.font-3rem {
font-size: 1.75rem;
}
@media (min-width: 768px) {
.menu-container ul.font-3rem {
font-size: 2.5rem;
padding: 5px;
}
}
@media (min-width: 1200px) {
.menu-container ul.font-3rem {
font-size: 2.75rem;
}
}
@media (min-width: 1410px) {
.menu-container ul.font-3rem {
font-size: 3.5rem;
}
}
@media (min-width: 768px) {
.menu-container ul {
margin-top: 100px;
}
}
.menu-container ul.w-30 {
max-width: 320px;
}
@media (min-width: 768px) {
.menu-container ul.w-30 {
margin-left: 10%;
max-width: 400px;
}
}
.menu-container ul.w-30 li {
padding-bottom: 15px;
}
.menu-container ul.w-30 li:hover::before {
display: none;
}
.menu-container ul li {
color: #00338F;
font-family: "larken", sans-serif;
font-weight: 300;
line-height: 1;
padding-left: 5px;
padding-bottom: 1rem;
display: block;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (min-width: 960px) {
.menu-container ul li {
line-height: 1;
padding-bottom: 2rem;
}
}
.menu-container ul li span {
font-size: 1rem;
font-family: "larken", sans-serif;
}
@media (min-width: 960px) {
.menu-container ul li span {
font-size: 1.5rem;
}
}
.menu-container li:before {
content: '';
background: url(//savasiisland.com/wp-content/themes/savasi/assets/img/line.svg);
background-size: 100%;
background-repeat: no-repeat;
width: 100%;
position: absolute;
top: 30px;
left: 10px;
height: 12px;
max-width: 150px;
background-position: center;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
opacity: 0;
}
@media (min-width: 960px) {
.menu-container li:before {
left: 20px;
max-width: 150px;
top: 60px;
}
}
@media (min-width: 1200px) {
.menu-container li:before {
bottom: 20px;
top: unset;
}
}
.menu-container li a:hover {
color: #00338F;
}
.menu-container li:hover::before {
opacity: 1;
}
.single-post a {
text-decoration: underline;
}
.single-post a:hover {
color: #300F0A;
}
.fp__hero {
height: 100vh;
width: 100%;
}
.fp__hero-text {
font-size: 4rem;
font-weight: 300;
text-transform: uppercase;
}
@media (min-width: 768px) {
.fp__hero-text {
font-size: 5rem;
max-width: 700px;
}
}
.fp__hero-text i {
font-weight: 300;
}
.fp__hero-text span {
display: block;
font-family: "larken", sans-serif;
font-weight: 700;
position: relative;
}
@media (min-width: 768px) {
.fp__hero-text span {
display: inline-block;
}
}
.fp__hero-text span:before {
content: '';
background: url(//savasiisland.com/wp-content/themes/savasi/assets/img/underline.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 15%;
bottom: -20px;
height: 35px;
width: 250px;
z-index: 1;
}
@media (min-width: 768px) {
.fp__hero-text span:before {
background-size: cover;
left: -60px;
bottom: -15px;
}
}
.fp__cta {
color: #FEF6F2;
font-family: "Inter Tight", sans-serif;
font-weight: 600;
letter-spacing: .35rem;
}
.fp__cta .select {
background-color: #69A5C8;
cursor: pointer;
border-radius: 0.25em;
font-family: "Inter Tight", sans-serif;
font-size: 1rem;
display: inline-block;
line-height: 1.1;
min-width: 15ch;
margin-top: .5rem;
max-width: 30ch;
padding: .75rem 1rem;
}
@media (min-width: 768px) {
.fp__cta .select {
margin-top: 0;
}
}
.fp__cta select {
background-color: transparent;
border: none;
letter-spacing: .25rem;
padding: 0 1em 0 0;
margin: 0;
width: 100%;
color: #FEF6F2;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
}
.fp__testimonial {
min-height: 55vh;
}
.fp__testimonial-text {
font-family: "larken", sans-serif;
font-size: 2.5rem;
font-weight: 300;
line-height: 1;
}
@media (min-width: bp-s) {
.fp__testimonial-text {
font-size: 4rem;
}
}
.fp__testimonial-subtext {
font-family: "Inter Tight", sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1;
letter-spacing: .35rem;
padding-top: 1.5rem;
}
.bg-art {
background: url(//savasiisland.com/wp-content/uploads/2025/04/savasi_art-scaled.jpg);
background-size: cover;
-webkit-box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.1) inset;
}
.grid-villa .grid-villa-item {
border-top: 1px solid #300F0A;
}
.grid-villa .grid-villa-item__img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-left: 1px solid #300F0A;
position: relative;
}
.grid-villa .grid-villa-item__link {
position: absolute;
height: 100%;
width: 100%;
}
.column-2 {
-webkit-column-count: 1;
column-count: 1;
}
@media (min-width: 768px) {
.column-2 {
-webkit-column-count: 2;
column-count: 2;
}
}
.acf-accordion .accordion-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
} @media (min-width: 1200px) {
.acf-accordion .accordion-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.acf-accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.acf-accordion .accordion-body {
max-height: 0;
overflow: hidden;
opacity: 0;
padding: 0;
font-family: "Inter Tight", sans-serif;
background: #B2CEDA;
border-bottom: 1px solid #00338F;
border-top: none;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.acf-accordion .accordion-item.open .accordion-body {
max-height: 1000px; opacity: 1;
padding: 1rem;
}
.acf-accordion .accordion-header {
display: block;
padding: 1rem 0;
font-family: "Inter Tight", sans-serif;
font-size: 1.2rem;
background: #B2CEDA;
cursor: pointer;
border-bottom: 1px solid #00338F;
position: relative;
}
.acf-accordion .accordion-header:after {
content: '+';
display: block;
position: absolute;
font-weight: 200;
font-size: 1.5rem;
right: 0;
top: 15px;
width: 15px;
height: 20px;
-webkit-transition: -webkit-transform 150ms linear;
transition: -webkit-transform 150ms linear;
transition: transform 150ms linear;
transition: transform 150ms linear, -webkit-transform 150ms linear;
}
.acf-accordion .accordion-item.open .accordion-header {
border-bottom: none;
}
.acf-accordion .accordion-item.open .accordion-header:after {
content: '-';
}
.carousel {
padding-top: 2rem;
}
@media (min-width: 768px) {
.carousel {
padding-bottom: 4rem;
}
}
.carousel .carousel--item {
background: #EBE6E3;
position: relative;
}
@media (min-width: 768px) {
.carousel .carousel--item {
margin-right: 1rem;
}
}
.carousel .carousel--item--beige {
background: #EBE6E3;
}
.carousel .carousel--item .carousel--label {
display: block;
color: #FEF6F2;
font-size: 1.25rem;
font-weight: bold;
position: absolute;
bottom: 3.5%;
left: 5%;
}
@media (min-width: 768px) {
.carousel .carousel--item .carousel--label {
bottom: 3.5%;
}
}
.carousel .carousel--item .carousel--item-image {
background-size: cover;
background-position: center;
height: 0;
padding-bottom: 79.5vw;
position: relative;
}
@media (min-width: 768px) {
.carousel .carousel--item .carousel--item-image {
padding-bottom: 25.5vw;
}
}
.carousel .carousel--item .carousel--item-image_overlay {
position: absolute;
border-radius: 24px;
bottom: -1.75vw;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
.carousel .carousel--item .carousel--item-image_overlay {
bottom: -2.9vw;
left: -1px;
}
}
.carousel .carousel--item .carousel__copy {
padding: 1rem;
}
.carousel .carousel--item .carousel--heading {
color: #00338F;
font-size: 1.5rem;
font-style: italic;
margin-bottom: 1rem;
margin-top: 0;
}
.carousel .carousel--item .carousel--subheading {
color: #00338F;
margin-bottom: 0;
margin-top: 4rem;
min-height: 140px;
font-size: 1rem;
}
.carousel .carousel--item .carousel--terms {
font-size: .8rem;
}
.carousel .carousel--item .carousel--attribute {
display: inline-block;
}
@media (min-width: 768px) {
.carousel .carousel--item .carousel--attribute {
margin-top: .5rem;
}
}
.carousel .slick-prev, .carousel .slick-next {
top: -10vw;
}
@media (min-width: 768px) {
.carousel .slick-prev, .carousel .slick-next {
top: -170px;
}
}
@media (min-width: 768px) {
.carousel__img .slick-list {
padding: 0 20% 0 0;
}
}
.carousel__img .carousel__copy {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(100%, black), to(#e4f0e0));
background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, black 100%, #e4f0e0 100%);
position: absolute;
bottom: 0;
height: 50%;
width: 100%;
}
.carousel__img .carousel--item-image {
padding-bottom: 72.5vh !important;
}
@media (min-width: 768px) {
.carousel__img .carousel--item-image {
padding-bottom: 35.5vw !important;
}
}
.carousel__img .carousel--heading {
position: absolute;
bottom: 0rem;
color: #FEF6F2 !important;
font-style: italic;
z-index: 2;
}
.carousel__card-two .carousel__copy {
min-height: 312px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.carousel__card-two .carousel--heading {
font-size: 2rem !important;
text-transform: capitalize !important;
}
.carousel__card-two .carousel--subheading {
line-height: 1.75;
}
.post-53 .carousel .carousel--item {
background: #8ABDD3;
}
.carousel__img-slider--item {
height: 180px;
margin-right: .9rem;
}
@media (min-width: 768px) {
.carousel__img-slider--item {
height: 75vh;
margin-right: 1rem;
}
}
.carousel__img-slider--item img {
-o-object-fit: cover;
object-fit: cover;
height: 240px;
width: 100%;
}
@media (min-width: 768px) {
.carousel__img-slider--item img {
height: 75vh;
}
}
.contact_info span {
color: #00338F;
font-family: "larken", sans-serif;
font-size: 2rem;
}
.contact_info p {
color: #00338F;
font-size: .9rem;
margin-top: 0;
}
.faq__header {
font-size: 44px;
letter-spacing: -0.8px;
padding: 100px 0 122px;
font-weight: 100;
text-align: center;
}
@media (max-width: 991.98px) {
.faq__header {
font-size: 32px;
letter-spacing: -0.64px;
padding: 60px 0 50.5px;
}
}
.faq__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #300F0A;
}
.faq__main > span {
min-width: 33%;
}
.faq__main--nav {
padding: 3rem;
width: 100%;
position: -webkit-sticky;
position: sticky;
top: 50px;
left: 0;
}
@media (max-width: 1199.98px) {
.faq__main--nav,
.faq__main > span {
display: none !important;
}
}
.faq__main--nav ul {
list-style: none;
}
.faq__main--nav ul li {
cursor: pointer;
color: #300F0A;
font-family: "larken", sans-serif;
font-size: 1.25rem;
font-style: italic;
font-weight: 300;
line-height: 1;
}
.faq__main--nav ul li:not(:first-child) {
margin-top: 20px;
}
.faq__main--nav ul li.active {
position: relative;
text-decoration: underline;
}
.faq__main--nav ul li.active:before {
position: absolute;
left: -28px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
width: 16px;
height: 16px;
background-color: #1d322d;
}
.about__heading--text,
.blog .blog__row-carousel .arrow-btn {
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.faq__main--content {
padding: 32px 32px 115px;
}
.faq__main--content .accordion-group:not(:first-child) {
margin-top: 3rem;
}
.faq__main--content .accordion-group__header {
color: #300F0A;
font-family: "larken", sans-serif;
font-size: 1.5rem;
font-style: italic;
font-weight: 300;
line-height: 1;
margin-bottom: 1.5rem;
}
@media (max-width: 991.98px) {
.faq__main--content {
padding: 43px 15px 66px;
}
.faq__main--content .accordion-group__header {
margin-bottom: 1.5rem;
}
}
.faq__main--content .accordion-group__content .accordion-anchor {
overflow: hidden;
padding: 0 .5rem;
cursor: pointer;
}
.faq__main--content .accordion-group__content .accordion-anchor.open {
background: #FEF6F2;
border-radius: 8px;
padding: 1rem 1.5rem;
}
.faq__main--content .accordion-group__content .accordion-anchor__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
}
.faq__main--content .accordion-group__content .accordion-anchor__header h4 {
color: #300F0A;
font-size: 1.25rem;
margin-bottom: 1.125rem;
margin-top: 1.125rem;
}
.faq__main--content .accordion-group__content .accordion-anchor__header span {
font-size: 1.5rem;
font-weight: 200;
}
.faq__main--content .accordion-group__content .accordion-anchor p {
font-size: 1rem;
line-height: 1.5;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.faq__main--content .accordion-group__content .accordion-anchor a {
text-decoration: underline;
}
.faq__main--content .accordion-group__content .accordion-anchor a:hover {
color: #300F0A;
}
.accordion-anchor__body {
font-family: "Inter Tight", sans-serif;
line-height: 1.5;
}
.faq-link.faq-link--active {
font-weight: 500;
}
.accordion-group__header.accordion-group__header--active {
font-weight: 500;
}
.three_column {
background-size: cover;
-webkit-box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0px 0px 0px 4000px rgba(0, 0, 0, 0.2) inset;
}
.three_column * {
color: #FEF6F2;
}
.three_column .col-span-4 {
position: relative;
}
.three_column .col-span-4:after {
content: '';
border-width: 1px;
border-left: 1px solid #FEF6F2;
height: 92%;
opacity: .4;
position: absolute;
top: 22px;
right: 0;
}
.three_column .col-span-4:last-child:after {
display: none;
}
.testimonial-section {
max-width: 1000px;
margin: auto;
}
.testimonial-section h2 a {
text-decoration: underline;
color: #331111;
font-style: italic;
}
.testimonial-carousel {
margin-top: 20px;
}
.testimonial-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 40px;
}
.testimonial-img {
max-width: 300px;
width: 100%;
border-radius: 4px;
}
.testimonial-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.2em;
font-style: italic;
}
.testimonial-author {
margin-top: 20px;
font-style: normal;
font-size: 0.9em;
color: #331111;
}
.slick-dots li button:before {
color: #331111;
}
.facetwp-facet {
margin-bottom: 0 !important;
}
.fs-dropdown .fs-options {
font-family: "Inter Tight", sans-serif;
}
.fs-dropdown,
.fs-search {
border-radius: 6px;
}
.fs-wrap {
width: 100% !important;
}
.facetwp-dropdown {
background-color: transparent;
background-image: linear-gradient(45deg, transparent 50%, #300F0A 50%), linear-gradient(135deg, #300F0A 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff);
background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 0;
background-repeat: no-repeat;
border: 1px solid #300F0A !important;
border-radius: 6px;
color: #300F0A !important;
max-width: 180px;
}
@media (min-width: 768px) {
.facetwp-dropdown {
max-width: 250px;
}
}
.facetwp-reset {
background-color: transparent;
background-repeat: no-repeat;
border-radius: 50px;
border: 1px solid #300F0A !important;
color: #300F0A !important;
font-family: "Inter Tight", sans-serif;
font-size: .8rem;
font-weight: 400;
letter-spacing: 1px;
margin-left: 3px;
padding: 0.75rem 1.5rem !important;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
}
.fs-search {
display: none !important;
}
.fs-dropdown {
background: #300F0A !important;
border: none !important;
min-width: 240px;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
.fs-dropdown .fs-options {
background: transparent !important;
color: #B2CEDA !important;
border-radius: 24px !important;
min-height: -webkit-fit-content !important;
min-height: -moz-fit-content !important;
min-height: fit-content !important;
padding: 14px 16px !important;
}
.facetwp-type-fselect .fs-label-wrap {
background-color: transparent;
border: none;
max-width: 100%;
}
@media (min-width: 768px) {
.facetwp-type-fselect .fs-label-wrap {
max-width: 240px;
}
}
.facetwp-type-fselect .fs-label {
height: 46px !important;
line-height: 1.5;
}
.facetwp-type-fselect .fs-option-label {
color: #FEF6F2 !important;
}
.fs-wrap.single .fs-option.selected {
background: transparent !important;
}
.fs-wrap.single .fs-option.selected .fs-option-label {
color: #B2CEDA !important;
}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
background-color: transparent !important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3E%3Cpolyline%20points='4,8%207,11%2012,5'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
.facetwp-counter {
display: none;
}
.facetwp-checkbox {
margin-bottom: 8px !important;
}
.facetwp-checkbox span {
color: #300F0A;
}
.gform-theme *:not(h2) {
color: #00338F !important;
font-family: "Inter Tight", sans-serif !important;
}
.gform-theme input {
background: transparent !important;
border: none !important;
border-bottom: 1px solid #00338F !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.gform-theme input[type=submit] {
background: #00338F !important;
border: 1px solid #00338F !important;
color: #FEF6F2 !important;
border-radius: 8px !important;
border: 1px solid #00338F !important;
cursor: pointer;
font-family: "Inter Tight", sans-serif !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
padding: 1rem 1.75rem !important;
text-transform: uppercase !important;
-webkit-transition: all 250ms linear !important;
transition: all 250ms linear !important;
}
.gform-theme input[type=submit]:hover {
background: #FEF6F2 !important;
border: 1px solid #FEF6F2 !important;
color: #00338F !important;
}
.gform-theme select {
background-color: transparent !important;
border: 1px solid #00338F !important;
border-radius: 0 !important;
color: #00338F !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.gform-theme textarea {
background-color: transparent !important;
}
.gform-theme .gform-field-label {
font-size: 0.8rem !important;
}
@media (min-width: 768px) {
#gform_2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#gform_2 .gform_footer {
margin-top: 0;
}
#gform_2 #input_2_2,
#gform_2 #input_2_3_3,
#gform_2 #input_2_3_6 {
color: #300F0A !important;
background: #FEF6F2 !important;
border: none !important;
border-radius: 6px !important;
font-size: 1rem !important;
height: 46px !important;
padding: 0.75rem 1rem !important;
}
#gform_2 .gform-field-label {
display: none;
}
#gform_2 #gform_fields_2 {
row-gap: 1rem;
}
#gform_2 #gform_submit_button_2 {
border-radius: 8px;
border: 1px solid;
color: #FEF6F2 !important;
cursor: pointer;
font-family: "Inter Tight", sans-serif;
font-size: .8rem;
font-weight: 600;
height: 46px;
letter-spacing: 2px;
margin-top: 10px;
padding: .75rem 1.75rem;
text-transform: uppercase;
-webkit-transition: all 250ms linear;
transition: all 250ms linear;
background: #69A5C8 !important;
border: 1px solid #69A5C8 !important;
color: #FEF6F2;
}
@media (min-width: 768px) {
#gform_2 #gform_submit_button_2 {
margin-left: 10px !important;
margin-top: 0px;
}
}
#gform_2 #gform_confirmation_message_2 {
color: #FEF6F2 !important;
}
#input_1_6 {
padding: 0 1em !important;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after, .slick-track:before {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://savasiisland.com/wp-content/themes/savasi/assets/css/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://savasiisland.com/wp-content/themes/savasi/assets/css/fonts/slick.eot);
src: url(https://savasiisland.com/wp-content/themes/savasi/assets/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://savasiisland.com/wp-content/themes/savasi/assets/css/fonts/slick.woff) format("woff"), url(https://savasiisland.com/wp-content/themes/savasi/assets/css/fonts/slick.ttf) format("truetype"), url(https://savasiisland.com/wp-content/themes/savasi/assets/css/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 25px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: -5.45vw;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
@media (min-width: 768px) {
.slick-prev,
.slick-next {
height: 20px;
width: 20px;
top: -1.45vw;
}
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
border: none !important;
background: transparent !important;
color: transparent;
min-width: unset !important;
}
.slick-prev:hover:after, .slick-prev:focus:after,
.slick-next:hover:after,
.slick-next:focus:after {
display: none;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev {
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 768px) {
.slick-prev {
left: unset;
right: 65px;
top: -171px !important;
}
}
@media (min-width: 1410px) {
.slick-prev {
right: 80px;
}
}
[dir="rtl"] .slick-prev {
right: auto;
right: -25px;
}
.slick-next {
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 768px) {
.slick-next {
right: 1.5vw;
}
}
[dir="rtl"] .slick-next {
right: -25px;
right: auto;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: cursor linear 250ms;
transition: cursor linear 250ms;
}
.slick-list:focus, .slick-list:hover {
cursor: pointer;
outline: none;
-webkit-transition: scale(1);
transition: scale(1);
}
.slick-list.dragging {
cursor: -webkit-grab;
cursor: grab;
}
@media (min-width: 768px) {
.slick-list {
padding: 0 8% 0 0;
}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.arrow {
background-image: url(//savasiisland.com/wp-content/themes/savasi/assets/img/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 1.25rem;
width: 1.5rem;
}
@media (min-width: 768px) {
.arrow {
height: 20px;
width: 25px;
}
}
.arrow.arrow--rotate {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}