@charset "UTF-8";
:root {
--iti-hover-color: rgba(0, 0, 0, 0.05);
--iti-border-color: #ccc;
--iti-dialcode-color: #999;
--iti-dropdown-bg: white;
--iti-spacer-horizontal: 8px;
--iti-flag-height: 12px;
--iti-flag-width: 16px;
--iti-border-width: 1px;
--iti-arrow-height: 4px;
--iti-arrow-width: 6px;
--iti-triangle-border: calc(var(--iti-arrow-width) / 2);
--iti-arrow-padding: 6px;
--iti-arrow-color: #555;
--iti-path-flags-1x: url(//mlv.villas/wp-content/plugins/smart-phone-field-for-gravity-forms/assets/img/flags.webp);
--iti-path-flags-2x: url(//mlv.villas/wp-content/plugins/smart-phone-field-for-gravity-forms/assets/img/flags@2x.webp);
--iti-path-globe-1x: url(//mlv.villas/wp-content/plugins/smart-phone-field-for-gravity-forms/assets/img/globe.webp);
--iti-path-globe-2x: url(//mlv.villas/wp-content/plugins/smart-phone-field-for-gravity-forms/assets/img/globe@2x.webp);
--iti-flag-sprite-width: 3904px;
--iti-flag-sprite-height: 12px;
--iti-mobile-popup-margin: 30px
}
body .gform_wrapper .gfield .iti {
position: relative;
display: inherit;
}
body .gform_wrapper .gfield .iti * {
box-sizing: border-box;
}
body .gform_wrapper .gfield .iti__hide {
display: none;
}
body .gform_wrapper .gfield .iti__v-hide {
visibility: hidden;
}
body .gform_wrapper .gfield .iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
body .gform_wrapper .gfield .iti input.iti__tel-input,
body .gform_wrapper .gfield .iti input.iti__tel-input[type=tel],
body .gform_wrapper .gfield .iti input.iti__tel-input[type=text] {
position: relative;
z-index: 0;
margin: 0 !important;
}
body .gform_wrapper .gfield .iti__country-container {
position: absolute;
top: 0;
bottom: 0;
padding: var(--iti-border-width);
}
body .gform_wrapper .gfield button.iti__selected-country {
z-index: 1;
position: relative;
display: flex !important;
align-items: center !important;
height: 100%;
background: 0 0 !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-family: inherit;
font-size: inherit;
color: inherit !important;
border-radius: 0 !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
gap: 2px !important;
opacity: 1;
}
body .gform_wrapper.gform-theme--orbital .gfield button.iti__selected-country {
margin: -1px 0 0 0 !important;
}
body .gform_wrapper .gfield button.iti__selected-country:hover {
background-color: var(--iti-hover-color) !important;
}
body .gform_wrapper .gfield button.iti__selected-country:focus {
box-shadow: none !important;
}
body .gform_wrapper .gfield .iti__selected-country-primary {
display: flex;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
body .gform_wrapper .gfield .iti__arrow {
margin-left: var(--iti-arrow-padding);
width: 0;
height: 0;
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
body .gform_wrapper .gfield [dir=rtl] .iti__arrow {
margin-right: var(--iti-arrow-padding);
margin-left: 0;
}
body .gform_wrapper .gfield .iti__arrow--up {
border-top: none;
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
body .gform_wrapper .gfield .iti__dropdown-content {
border-radius: 3px;
background-color: var(--iti-dropdown-bg);
}
body .gform_wrapper .gfield .iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 999;
margin-top: 3px;
margin-left: calc(var(--iti-border-width) * -1);
border: var(--iti-border-width) solid var(--iti-border-color);
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
}
body .gform_wrapper .gfield .iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
}
body .gform_wrapper .gfield .iti__search-input+.iti__country-list {
border-top: 1px solid var(--iti-border-color);
}
body .gform_wrapper .gfield .iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
body .gform_wrapper .gfield .iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
body .gform_wrapper .gfield .iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
body .gform_wrapper .gfield .iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
body .gform_wrapper .gfield .iti__country {
display: flex;
align-items: center;
padding: 10px var(--iti-spacer-horizontal);
outline: 0;
}
body .gform_wrapper.gform-theme--framework .gfield .iti__country {
padding: 12px var(--iti-spacer-horizontal);
}
body .gform_wrapper .gfield .iti__dial-code {
color: var(--iti-dialcode-color);
}
body .gform_wrapper .gfield .iti__country.iti__highlight {
background-color: var(--iti-hover-color);
}
body .gform_wrapper .gfield .iti__country-list .iti__flag,
body .gform_wrapper .gfield .iti__country-name {
margin-right: var(--iti-spacer-horizontal);
}
body .gform_wrapper .gfield [dir=rtl] .iti__country-list .iti__flag,
body .gform_wrapper .gfield [dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
body .gform_wrapper .gfield .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,
body .gform_wrapper .gfield .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
cursor: pointer;
}
body .gform_wrapper .gfield .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
body .gform_wrapper .gfield .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
background-color: transparent;
}
body .gform_wrapper .gfield .iti .iti__selected-dial-code {
margin-left: 1px;
line-height: inherit;
font-size: 15px;
}
body .gform_wrapper .gfield [dir=rtl] .iti .iti__selected-dial-code {
margin-left: 0;
margin-right: 4px;
}
body .gform_wrapper .gfield .iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: var(--iti-border-width);
}
body .gform_wrapper .gfield .iti--container:hover {
cursor: pointer;
}
body .gform_wrapper .gfield .iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, .5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: var(--iti-mobile-popup-margin);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
body .gform_wrapper .gfield .iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
body .gform_wrapper .gfield .iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
body .gform_wrapper .gfield .iti__flag {
--iti-flag-offset: 100px;
height: var(--iti-flag-height);
width: var(--iti-flag-width);
border-radius: 1px;
box-shadow: 0 0 1px 0 #888;
background-image: var(--iti-path-flags-1x);
background-repeat: no-repeat;
background-position: var(--iti-flag-offset) 0;
background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
body .gform_wrapper .gfield .iti__ac {
--iti-flag-offset: 0px
}
body .gform_wrapper .gfield .iti__ad {
--iti-flag-offset: -16px
}
body .gform_wrapper .gfield .iti__ae {
--iti-flag-offset: -32px
}
body .gform_wrapper .gfield .iti__af {
--iti-flag-offset: -48px
}
body .gform_wrapper .gfield .iti__ag {
--iti-flag-offset: -64px
}
body .gform_wrapper .gfield .iti__ai {
--iti-flag-offset: -80px
}
body .gform_wrapper .gfield .iti__al {
--iti-flag-offset: -96px
}
body .gform_wrapper .gfield .iti__am {
--iti-flag-offset: -112px
}
body .gform_wrapper .gfield .iti__ao {
--iti-flag-offset: -128px
}
body .gform_wrapper .gfield .iti__ar {
--iti-flag-offset: -144px
}
body .gform_wrapper .gfield .iti__as {
--iti-flag-offset: -160px
}
body .gform_wrapper .gfield .iti__at {
--iti-flag-offset: -176px
}
body .gform_wrapper .gfield .iti__au {
--iti-flag-offset: -192px
}
body .gform_wrapper .gfield .iti__aw {
--iti-flag-offset: -208px
}
body .gform_wrapper .gfield .iti__ax {
--iti-flag-offset: -224px
}
body .gform_wrapper .gfield .iti__az {
--iti-flag-offset: -240px
}
body .gform_wrapper .gfield .iti__ba {
--iti-flag-offset: -256px
}
body .gform_wrapper .gfield .iti__bb {
--iti-flag-offset: -272px
}
body .gform_wrapper .gfield .iti__bd {
--iti-flag-offset: -288px
}
body .gform_wrapper .gfield .iti__be {
--iti-flag-offset: -304px
}
body .gform_wrapper .gfield .iti__bf {
--iti-flag-offset: -320px
}
body .gform_wrapper .gfield .iti__bg {
--iti-flag-offset: -336px
}
body .gform_wrapper .gfield .iti__bh {
--iti-flag-offset: -352px
}
body .gform_wrapper .gfield .iti__bi {
--iti-flag-offset: -368px
}
body .gform_wrapper .gfield .iti__bj {
--iti-flag-offset: -384px
}
body .gform_wrapper .gfield .iti__bl {
--iti-flag-offset: -400px
}
body .gform_wrapper .gfield .iti__bm {
--iti-flag-offset: -416px
}
body .gform_wrapper .gfield .iti__bn {
--iti-flag-offset: -432px
}
body .gform_wrapper .gfield .iti__bo {
--iti-flag-offset: -448px
}
body .gform_wrapper .gfield .iti__bq {
--iti-flag-offset: -464px
}
body .gform_wrapper .gfield .iti__br {
--iti-flag-offset: -480px
}
body .gform_wrapper .gfield .iti__bs {
--iti-flag-offset: -496px
}
body .gform_wrapper .gfield .iti__bt {
--iti-flag-offset: -512px
}
body .gform_wrapper .gfield .iti__bw {
--iti-flag-offset: -528px
}
body .gform_wrapper .gfield .iti__by {
--iti-flag-offset: -544px
}
body .gform_wrapper .gfield .iti__bz {
--iti-flag-offset: -560px
}
body .gform_wrapper .gfield .iti__ca {
--iti-flag-offset: -576px
}
body .gform_wrapper .gfield .iti__cc {
--iti-flag-offset: -592px
}
body .gform_wrapper .gfield .iti__cd {
--iti-flag-offset: -608px
}
body .gform_wrapper .gfield .iti__cf {
--iti-flag-offset: -624px
}
body .gform_wrapper .gfield .iti__cg {
--iti-flag-offset: -640px
}
body .gform_wrapper .gfield .iti__ch {
--iti-flag-offset: -656px
}
body .gform_wrapper .gfield .iti__ci {
--iti-flag-offset: -672px
}
body .gform_wrapper .gfield .iti__ck {
--iti-flag-offset: -688px
}
body .gform_wrapper .gfield .iti__cl {
--iti-flag-offset: -704px
}
body .gform_wrapper .gfield .iti__cm {
--iti-flag-offset: -720px
}
body .gform_wrapper .gfield .iti__cn {
--iti-flag-offset: -736px
}
body .gform_wrapper .gfield .iti__co {
--iti-flag-offset: -752px
}
body .gform_wrapper .gfield .iti__cr {
--iti-flag-offset: -768px
}
body .gform_wrapper .gfield .iti__cu {
--iti-flag-offset: -784px
}
body .gform_wrapper .gfield .iti__cv {
--iti-flag-offset: -800px
}
body .gform_wrapper .gfield .iti__cw {
--iti-flag-offset: -816px
}
body .gform_wrapper .gfield .iti__cx {
--iti-flag-offset: -832px
}
body .gform_wrapper .gfield .iti__cy {
--iti-flag-offset: -848px
}
body .gform_wrapper .gfield .iti__cz {
--iti-flag-offset: -864px
}
body .gform_wrapper .gfield .iti__de {
--iti-flag-offset: -880px
}
body .gform_wrapper .gfield .iti__dj {
--iti-flag-offset: -896px
}
body .gform_wrapper .gfield .iti__dk {
--iti-flag-offset: -912px
}
body .gform_wrapper .gfield .iti__dm {
--iti-flag-offset: -928px
}
body .gform_wrapper .gfield .iti__do {
--iti-flag-offset: -944px
}
body .gform_wrapper .gfield .iti__dz {
--iti-flag-offset: -960px
}
body .gform_wrapper .gfield .iti__ec {
--iti-flag-offset: -976px
}
body .gform_wrapper .gfield .iti__ee {
--iti-flag-offset: -992px
}
body .gform_wrapper .gfield .iti__eg {
--iti-flag-offset: -1008px
}
body .gform_wrapper .gfield .iti__eh {
--iti-flag-offset: -1024px
}
body .gform_wrapper .gfield .iti__er {
--iti-flag-offset: -1040px
}
body .gform_wrapper .gfield .iti__es {
--iti-flag-offset: -1056px
}
body .gform_wrapper .gfield .iti__et {
--iti-flag-offset: -1072px
}
body .gform_wrapper .gfield .iti__fi {
--iti-flag-offset: -1088px
}
body .gform_wrapper .gfield .iti__fj {
--iti-flag-offset: -1104px
}
body .gform_wrapper .gfield .iti__fk {
--iti-flag-offset: -1120px
}
body .gform_wrapper .gfield .iti__fm {
--iti-flag-offset: -1136px
}
body .gform_wrapper .gfield .iti__fo {
--iti-flag-offset: -1152px
}
body .gform_wrapper .gfield .iti__fr {
--iti-flag-offset: -1168px
}
body .gform_wrapper .gfield .iti__ga {
--iti-flag-offset: -1184px
}
body .gform_wrapper .gfield .iti__gb {
--iti-flag-offset: -1200px
}
body .gform_wrapper .gfield .iti__gd {
--iti-flag-offset: -1216px
}
body .gform_wrapper .gfield .iti__ge {
--iti-flag-offset: -1232px
}
body .gform_wrapper .gfield .iti__gf {
--iti-flag-offset: -1248px
}
body .gform_wrapper .gfield .iti__gg {
--iti-flag-offset: -1264px
}
body .gform_wrapper .gfield .iti__gh {
--iti-flag-offset: -1280px
}
body .gform_wrapper .gfield .iti__gi {
--iti-flag-offset: -1296px
}
body .gform_wrapper .gfield .iti__gl {
--iti-flag-offset: -1312px
}
body .gform_wrapper .gfield .iti__gm {
--iti-flag-offset: -1328px
}
body .gform_wrapper .gfield .iti__gn {
--iti-flag-offset: -1344px
}
body .gform_wrapper .gfield .iti__gp {
--iti-flag-offset: -1360px
}
body .gform_wrapper .gfield .iti__gq {
--iti-flag-offset: -1376px
}
body .gform_wrapper .gfield .iti__gr {
--iti-flag-offset: -1392px
}
body .gform_wrapper .gfield .iti__gt {
--iti-flag-offset: -1408px
}
body .gform_wrapper .gfield .iti__gu {
--iti-flag-offset: -1424px
}
body .gform_wrapper .gfield .iti__gw {
--iti-flag-offset: -1440px
}
body .gform_wrapper .gfield .iti__gy {
--iti-flag-offset: -1456px
}
body .gform_wrapper .gfield .iti__hk {
--iti-flag-offset: -1472px
}
body .gform_wrapper .gfield .iti__hn {
--iti-flag-offset: -1488px
}
body .gform_wrapper .gfield .iti__hr {
--iti-flag-offset: -1504px
}
body .gform_wrapper .gfield .iti__ht {
--iti-flag-offset: -1520px
}
body .gform_wrapper .gfield .iti__hu {
--iti-flag-offset: -1536px
}
body .gform_wrapper .gfield .iti__id {
--iti-flag-offset: -1552px
}
body .gform_wrapper .gfield .iti__ie {
--iti-flag-offset: -1568px
}
body .gform_wrapper .gfield .iti__il {
--iti-flag-offset: -1584px
}
body .gform_wrapper .gfield .iti__im {
--iti-flag-offset: -1600px
}
body .gform_wrapper .gfield .iti__in {
--iti-flag-offset: -1616px
}
body .gform_wrapper .gfield .iti__io {
--iti-flag-offset: -1632px
}
body .gform_wrapper .gfield .iti__iq {
--iti-flag-offset: -1648px
}
body .gform_wrapper .gfield .iti__ir {
--iti-flag-offset: -1664px
}
body .gform_wrapper .gfield .iti__is {
--iti-flag-offset: -1680px
}
body .gform_wrapper .gfield .iti__it {
--iti-flag-offset: -1696px
}
body .gform_wrapper .gfield .iti__je {
--iti-flag-offset: -1712px
}
body .gform_wrapper .gfield .iti__jm {
--iti-flag-offset: -1728px
}
body .gform_wrapper .gfield .iti__jo {
--iti-flag-offset: -1744px
}
body .gform_wrapper .gfield .iti__jp {
--iti-flag-offset: -1760px
}
body .gform_wrapper .gfield .iti__ke {
--iti-flag-offset: -1776px
}
body .gform_wrapper .gfield .iti__kg {
--iti-flag-offset: -1792px
}
body .gform_wrapper .gfield .iti__kh {
--iti-flag-offset: -1808px
}
body .gform_wrapper .gfield .iti__ki {
--iti-flag-offset: -1824px
}
body .gform_wrapper .gfield .iti__km {
--iti-flag-offset: -1840px
}
body .gform_wrapper .gfield .iti__kn {
--iti-flag-offset: -1856px
}
body .gform_wrapper .gfield .iti__kp {
--iti-flag-offset: -1872px
}
body .gform_wrapper .gfield .iti__kr {
--iti-flag-offset: -1888px
}
body .gform_wrapper .gfield .iti__kw {
--iti-flag-offset: -1904px
}
body .gform_wrapper .gfield .iti__ky {
--iti-flag-offset: -1920px
}
body .gform_wrapper .gfield .iti__kz {
--iti-flag-offset: -1936px
}
body .gform_wrapper .gfield .iti__la {
--iti-flag-offset: -1952px
}
body .gform_wrapper .gfield .iti__lb {
--iti-flag-offset: -1968px
}
body .gform_wrapper .gfield .iti__lc {
--iti-flag-offset: -1984px
}
body .gform_wrapper .gfield .iti__li {
--iti-flag-offset: -2000px
}
body .gform_wrapper .gfield .iti__lk {
--iti-flag-offset: -2016px
}
body .gform_wrapper .gfield .iti__lr {
--iti-flag-offset: -2032px
}
body .gform_wrapper .gfield .iti__ls {
--iti-flag-offset: -2048px
}
body .gform_wrapper .gfield .iti__lt {
--iti-flag-offset: -2064px
}
body .gform_wrapper .gfield .iti__lu {
--iti-flag-offset: -2080px
}
body .gform_wrapper .gfield .iti__lv {
--iti-flag-offset: -2096px
}
body .gform_wrapper .gfield .iti__ly {
--iti-flag-offset: -2112px
}
body .gform_wrapper .gfield .iti__ma {
--iti-flag-offset: -2128px
}
body .gform_wrapper .gfield .iti__mc {
--iti-flag-offset: -2144px
}
body .gform_wrapper .gfield .iti__md {
--iti-flag-offset: -2160px
}
body .gform_wrapper .gfield .iti__me {
--iti-flag-offset: -2176px
}
body .gform_wrapper .gfield .iti__mf {
--iti-flag-offset: -2192px
}
body .gform_wrapper .gfield .iti__mg {
--iti-flag-offset: -2208px
}
body .gform_wrapper .gfield .iti__mh {
--iti-flag-offset: -2224px
}
body .gform_wrapper .gfield .iti__mk {
--iti-flag-offset: -2240px
}
body .gform_wrapper .gfield .iti__ml {
--iti-flag-offset: -2256px
}
body .gform_wrapper .gfield .iti__mm {
--iti-flag-offset: -2272px
}
body .gform_wrapper .gfield .iti__mn {
--iti-flag-offset: -2288px
}
body .gform_wrapper .gfield .iti__mo {
--iti-flag-offset: -2304px
}
body .gform_wrapper .gfield .iti__mp {
--iti-flag-offset: -2320px
}
body .gform_wrapper .gfield .iti__mq {
--iti-flag-offset: -2336px
}
body .gform_wrapper .gfield .iti__mr {
--iti-flag-offset: -2352px
}
body .gform_wrapper .gfield .iti__ms {
--iti-flag-offset: -2368px
}
body .gform_wrapper .gfield .iti__mt {
--iti-flag-offset: -2384px
}
body .gform_wrapper .gfield .iti__mu {
--iti-flag-offset: -2400px
}
body .gform_wrapper .gfield .iti__mv {
--iti-flag-offset: -2416px
}
body .gform_wrapper .gfield .iti__mw {
--iti-flag-offset: -2432px
}
body .gform_wrapper .gfield .iti__mx {
--iti-flag-offset: -2448px
}
body .gform_wrapper .gfield .iti__my {
--iti-flag-offset: -2464px
}
body .gform_wrapper .gfield .iti__mz {
--iti-flag-offset: -2480px
}
body .gform_wrapper .gfield .iti__na {
--iti-flag-offset: -2496px
}
body .gform_wrapper .gfield .iti__nc {
--iti-flag-offset: -2512px
}
body .gform_wrapper .gfield .iti__ne {
--iti-flag-offset: -2528px
}
body .gform_wrapper .gfield .iti__nf {
--iti-flag-offset: -2544px
}
body .gform_wrapper .gfield .iti__ng {
--iti-flag-offset: -2560px
}
body .gform_wrapper .gfield .iti__ni {
--iti-flag-offset: -2576px
}
body .gform_wrapper .gfield .iti__nl {
--iti-flag-offset: -2592px
}
body .gform_wrapper .gfield .iti__no {
--iti-flag-offset: -2608px
}
body .gform_wrapper .gfield .iti__np {
--iti-flag-offset: -2624px
}
body .gform_wrapper .gfield .iti__nr {
--iti-flag-offset: -2640px
}
body .gform_wrapper .gfield .iti__nu {
--iti-flag-offset: -2656px
}
body .gform_wrapper .gfield .iti__nz {
--iti-flag-offset: -2672px
}
body .gform_wrapper .gfield .iti__om {
--iti-flag-offset: -2688px
}
body .gform_wrapper .gfield .iti__pa {
--iti-flag-offset: -2704px
}
body .gform_wrapper .gfield .iti__pe {
--iti-flag-offset: -2720px
}
body .gform_wrapper .gfield .iti__pf {
--iti-flag-offset: -2736px
}
body .gform_wrapper .gfield .iti__pg {
--iti-flag-offset: -2752px
}
body .gform_wrapper .gfield .iti__ph {
--iti-flag-offset: -2768px
}
body .gform_wrapper .gfield .iti__pk {
--iti-flag-offset: -2784px
}
body .gform_wrapper .gfield .iti__pl {
--iti-flag-offset: -2800px
}
body .gform_wrapper .gfield .iti__pm {
--iti-flag-offset: -2816px
}
body .gform_wrapper .gfield .iti__pr {
--iti-flag-offset: -2832px
}
body .gform_wrapper .gfield .iti__ps {
--iti-flag-offset: -2848px
}
body .gform_wrapper .gfield .iti__pt {
--iti-flag-offset: -2864px
}
body .gform_wrapper .gfield .iti__pw {
--iti-flag-offset: -2880px
}
body .gform_wrapper .gfield .iti__py {
--iti-flag-offset: -2896px
}
body .gform_wrapper .gfield .iti__qa {
--iti-flag-offset: -2912px
}
body .gform_wrapper .gfield .iti__re {
--iti-flag-offset: -2928px
}
body .gform_wrapper .gfield .iti__ro {
--iti-flag-offset: -2944px
}
body .gform_wrapper .gfield .iti__rs {
--iti-flag-offset: -2960px
}
body .gform_wrapper .gfield .iti__ru {
--iti-flag-offset: -2976px
}
body .gform_wrapper .gfield .iti__rw {
--iti-flag-offset: -2992px
}
body .gform_wrapper .gfield .iti__sa {
--iti-flag-offset: -3008px
}
body .gform_wrapper .gfield .iti__sb {
--iti-flag-offset: -3024px
}
body .gform_wrapper .gfield .iti__sc {
--iti-flag-offset: -3040px
}
body .gform_wrapper .gfield .iti__sd {
--iti-flag-offset: -3056px
}
body .gform_wrapper .gfield .iti__se {
--iti-flag-offset: -3072px
}
body .gform_wrapper .gfield .iti__sg {
--iti-flag-offset: -3088px
}
body .gform_wrapper .gfield .iti__sh {
--iti-flag-offset: -3104px
}
body .gform_wrapper .gfield .iti__si {
--iti-flag-offset: -3120px
}
body .gform_wrapper .gfield .iti__sj {
--iti-flag-offset: -3136px
}
body .gform_wrapper .gfield .iti__sk {
--iti-flag-offset: -3152px
}
body .gform_wrapper .gfield .iti__sl {
--iti-flag-offset: -3168px
}
body .gform_wrapper .gfield .iti__sm {
--iti-flag-offset: -3184px
}
body .gform_wrapper .gfield .iti__sn {
--iti-flag-offset: -3200px
}
body .gform_wrapper .gfield .iti__so {
--iti-flag-offset: -3216px
}
body .gform_wrapper .gfield .iti__sr {
--iti-flag-offset: -3232px
}
body .gform_wrapper .gfield .iti__ss {
--iti-flag-offset: -3248px
}
body .gform_wrapper .gfield .iti__st {
--iti-flag-offset: -3264px
}
body .gform_wrapper .gfield .iti__sv {
--iti-flag-offset: -3280px
}
body .gform_wrapper .gfield .iti__sx {
--iti-flag-offset: -3296px
}
body .gform_wrapper .gfield .iti__sy {
--iti-flag-offset: -3312px
}
body .gform_wrapper .gfield .iti__sz {
--iti-flag-offset: -3328px
}
body .gform_wrapper .gfield .iti__tc {
--iti-flag-offset: -3344px
}
body .gform_wrapper .gfield .iti__td {
--iti-flag-offset: -3360px
}
body .gform_wrapper .gfield .iti__tg {
--iti-flag-offset: -3376px
}
body .gform_wrapper .gfield .iti__th {
--iti-flag-offset: -3392px
}
body .gform_wrapper .gfield .iti__tj {
--iti-flag-offset: -3408px
}
body .gform_wrapper .gfield .iti__tk {
--iti-flag-offset: -3424px
}
body .gform_wrapper .gfield .iti__tl {
--iti-flag-offset: -3440px
}
body .gform_wrapper .gfield .iti__tm {
--iti-flag-offset: -3456px
}
body .gform_wrapper .gfield .iti__tn {
--iti-flag-offset: -3472px
}
body .gform_wrapper .gfield .iti__to {
--iti-flag-offset: -3488px
}
body .gform_wrapper .gfield .iti__tr {
--iti-flag-offset: -3504px
}
body .gform_wrapper .gfield .iti__tt {
--iti-flag-offset: -3520px
}
body .gform_wrapper .gfield .iti__tv {
--iti-flag-offset: -3536px
}
body .gform_wrapper .gfield .iti__tw {
--iti-flag-offset: -3552px
}
body .gform_wrapper .gfield .iti__tz {
--iti-flag-offset: -3568px
}
body .gform_wrapper .gfield .iti__ua {
--iti-flag-offset: -3584px
}
body .gform_wrapper .gfield .iti__ug {
--iti-flag-offset: -3600px
}
body .gform_wrapper .gfield .iti__us {
--iti-flag-offset: -3616px
}
body .gform_wrapper .gfield .iti__uy {
--iti-flag-offset: -3632px
}
body .gform_wrapper .gfield .iti__uz {
--iti-flag-offset: -3648px
}
body .gform_wrapper .gfield .iti__va {
--iti-flag-offset: -3664px
}
body .gform_wrapper .gfield .iti__vc {
--iti-flag-offset: -3680px
}
body .gform_wrapper .gfield .iti__ve {
--iti-flag-offset: -3696px
}
body .gform_wrapper .gfield .iti__vg {
--iti-flag-offset: -3712px
}
body .gform_wrapper .gfield .iti__vi {
--iti-flag-offset: -3728px
}
body .gform_wrapper .gfield .iti__vn {
--iti-flag-offset: -3744px
}
body .gform_wrapper .gfield .iti__vu {
--iti-flag-offset: -3760px
}
body .gform_wrapper .gfield .iti__wf {
--iti-flag-offset: -3776px
}
body .gform_wrapper .gfield .iti__ws {
--iti-flag-offset: -3792px
}
body .gform_wrapper .gfield .iti__xk {
--iti-flag-offset: -3808px
}
body .gform_wrapper .gfield .iti__ye {
--iti-flag-offset: -3824px
}
body .gform_wrapper .gfield .iti__yt {
--iti-flag-offset: -3840px
}
body .gform_wrapper .gfield .iti__za {
--iti-flag-offset: -3856px
}
body .gform_wrapper .gfield .iti__zm {
--iti-flag-offset: -3872px
}
body .gform_wrapper .gfield .iti__zw {
--iti-flag-offset: -3888px
}
body .gform_wrapper .gfield .iti__globe {
background-image: var(--iti-path-globe-1x);
background-size: contain;
background-position: right;
box-shadow: none;
height: 19px
}
@media (min-resolution:2x) {
body .gform_wrapper .gfield .iti__flag {
background-image: var(--iti-path-flags-2x)
}
body .gform_wrapper .gfield .iti__globe {
background-image: var(--iti-path-globe-2x)
}
}
.pcafe_sp_field .ginput_container_phone .spf-phone {
position: absolute;
height: 20px;
width: 20px;
top: 50%;
right: 10px;
transform: translateY(-50%);
transition: .3s;
z-index: 9;
}
.pcafe_sp_field .ginput_container_phone {
position: relative
}
.pcafe_sp_field .ginput_container_phone .spf-phone.valid-msg:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-image: url(//mlv.villas/wp-content/plugins/smart-phone-field-for-gravity-forms/assets/img/valid.png);
background-position: center;
background-repeat: no-repeat;
}
.pcafe_sp_field .ginput_container_phone .spf-phone.error-msg:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-image: url(//mlv.villas/wp-content/plugins/smart-phone-field-for-gravity-forms/assets/img/invalid.png);
background-position: center;
background-repeat: no-repeat;
}
.pcafe_sp_field .ginput_container_phone .spf-phone.hide {
opacity: 0
}
.pcafe_sp_field .ginput_container_phone .spf-phone.valid-msg:before.ecae-image a, .ecae-image img {
width: inherit;
height: inherit;
max-width: 100%;
}
.ecae-table-left {
display:table;
}
.ecae-table-right {
display:table;
direction: rtl;
}
.ecae-table-left .ecae-table-cell {
display:table-cell;
vertical-align:top;
}
.ecae-image .wp-caption {
width: inherit !important;
padding: 0px !important;
}
.ecae-table-right .ecae-table-cell {
display:table-cell;
vertical-align:top;
direction: ltr;
}
.ecae-button,
.ecae-button a,
.ecae-button a span {
white-space:nowrap;
}
.ecae-button {
display: block;
}
.ecae-dots {
display: inline-block;
padding: 0;
} @media screen and (max-width : 768px) { .ecae-table-left, .ecae-table-right {
display:block !important;		
}
.ecae-table-cell {
display:block !important;
margin-right:auto !important;
}
}.ecae-button.ecae-buttonskin-none {
font-size: 14px;
}
.ecae-button.ecae-buttonskin-none a.ecae-link {
font-size: inherit;
margin-left: -13px;
}
.ecae-button.ecae-buttonskin-none a.ecae-link span {	
padding: 5px 10px;
}

.datepick {
background-color: #fff;
color: #000;
border: 1px solid #444;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-family: Arial, Helvetica, Sans-serif;
font-size: 90%;
}
.datepick-rtl {
direction: rtl;
}
.datepick-popup {
z-index: 1000;
}
.datepick-disable {
position: absolute;
z-index: 100;
background-color: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}
.datepick a {
color: #fff;
text-decoration: none;
}
.datepick a.datepick-disabled {
color: #888;
cursor: auto;
}
.datepick button {
margin: 0.25em;
padding: 0.125em 0em;
background-color: #fcc;
border: none;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-weight: 700;
}
.datepick-nav,
.datepick-ctrl {
float: left;
width: 100%;
background-color: #000;
color: #fff;
font-size: 90%;
font-weight: 700;
}
.datepick-ctrl {
background-color: #600;
}
.datepick-cmd {
width: 30%;
}
.datepick-cmd:hover {
background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
background-color: #f08080;
}
.datepick-cmd-prevJump,
.datepick-cmd-nextJump {
width: 8%;
}
a.datepick-cmd {
height: 1.5em;
}
button.datepick-cmd {
text-align: center;
}
.datepick-cmd-prev,
.datepick-cmd-prevJump,
.datepick-cmd-clear {
float: left;
padding-left: 2%;
}
.datepick-cmd-current,
.datepick-cmd-today {
float: left;
width: 35%;
text-align: center;
}
.datepick-cmd-next,
.datepick-cmd-nextJump,
.datepick-cmd-close {
float: right;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-prev,
.datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
float: right;
padding-left: 0%;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-current,
.datepick-rtl .datepick-cmd-today {
float: right;
}
.datepick-rtl .datepick-cmd-next,
.datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
float: left;
padding-left: 2%;
padding-right: 0%;
text-align: left;
}
.datepick-month-nav {
float: left;
background-color: #777;
text-align: center;
}
.datepick-month-nav div {
float: left;
width: 12.5%;
margin: 1%;
padding: 1%;
}
.datepick-month-nav span {
color: #888;
}
.datepick-month-row {
clear: left;
}
.datepick-month {
float: left;
width: 15em;
border: 1px solid #444;
text-align: center;
}
.datepick-month-header,
.datepick-month-header select,
.datepick-month-header input {
height: 1.5em;
background-color: #444;
color: #fff;
font-weight: 700;
}
.datepick-month-header select,
.datepick-month-header input {
height: 1.4em;
margin: 0em;
padding: 0em;
border: none;
font-size: 100%;
}
.datepick-month-header input {
position: absolute;
display: none;
}
.datepick-month table {
width: 100%;
border-collapse: collapse;
}
.datepick-month thead {
border-bottom: 1px solid #aaa;
}
.datepick-month th,
.datepick-month td {
margin: 0em;
padding: 0em;
font-weight: 400;
text-align: center;
}
.datepick-month th {
border: 1px solid #777;
}
.datepick-month th,
.datepick-month th a {
background-color: #777;
color: #fff;
}
.datepick-month td {
background-color: #eee;
border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
border: 1px solid #777;
}
.datepick-month td.datepick-week * {
background-color: #777;
color: #fff;
border: none;
}
.datepick-month a {
display: block;
width: 100%;
padding: 0.125em 0em;
background-color: #eee;
color: #000;
text-decoration: none;
}
.datepick-month span {
display: block;
width: 100%;
padding: 0.125em 0em;
}
.datepick-month td span {
color: #888;
}
.datepick-month td .datepick-other-month {
background-color: #fff;
}
.datepick-month td .datepick-weekend {
background-color: #ddd;
}
.datepick-month td .datepick-today {
background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
background-color: #f08080;
}
.datepick-month td .datepick-selected {
background-color: #777;
color: #fff;
}
.datepick-month th.datepick-week {
background-color: #777;
color: #fff;
}
.datepick-status {
clear: both;
background-color: #ddd;
text-align: center;
}
.datepick-clear-fix {
clear: both;
}
.datepick-popup {
width: 650px;
padding: 10px;
border-radius: 5px;
overflow: hidden;
background: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
@media (max-width: 660px) {
.datepick-popup {
width: 85vw;
}
}
.datepick {
width: 650px !important;
border: none;
height: auto;
height: 310px;
overflow: hidden;
}
@media (max-width: 660px) {
.datepick {
width: 80vw !important;
height: auto;
}
}
.datepick-ctrl {
display: none;
}
.datepick a {
color: black;
}
.datepick-nav {
background: none;
color: black;
}
@media (max-width: 660px) {
.datepick-nav {
width: 82vw;
}
}
.datepick-nav a:hover {
background: none;
}
.datepick-month-header {
background: none;
color: black;
margin-bottom: 10px;
font-size: 14px;
}
.datepick-month {
margin-top: 10px;
width: 45%;
border: none;
margin-right: 5%;
}
.datepick-month:first {
margin-right: 5%;
}
@media (max-width: 660px) {
.datepick-month {
float: none;
margin: 0%;
width: 75vw;
border: none;
width: 100%;
}
}
.datepick-month table {
height: 250px;
margin-top: 10px;
}
@media (max-width: 660px) {
.datepick-month {
width: auto;
border: none;
}
}
.datepick table td {
border: none;
background: white;
}
.datepick-month td .datepick-highlight {
background: #eaeaea;
}
.datepick-month td {
border: none;
border-radius: 100%;
}
.datepick-month th {
background: none;
color: black;
border: none;
}
.datepick-month a {
background: white;
}
.datepick-month td .datepick-selected {
background: #eaeaea;
color: black;
}
.datepick-month td .datepick-selected.start,
.datepick-month td .datepick-selected.end {
background: #bba262;
color: white;
font-weight: bold;
}
.rangepicker-back {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/367e124c7578db2d4629.svg);
background-size: 15px 15px;
display: inline-block;
width: 15px;
height: 15px;
}
.rangepicker-next {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/476961b917c592ba8c78.svg);
background-size: 15px 15px;
display: inline-block;
width: 15px;
height: 15px;
margin-right: 10px;
}
.datepick-month td .datepick-weekend {
background: white;
}
.datepick-month thead {
border: none;
}
.datepick-cmd .datepick-cmd-next {
text-align: right;
}
@font-face {
font-family: "Inter";
src: url(//mlv.villas/wp-content/themes/mlv.villas/build/680aac23337604a461d5.eot);
src: url(//mlv.villas/wp-content/themes/mlv.villas/build/680aac23337604a461d5.eot?#iefix) format("embedded-opentype"), url(//mlv.villas/wp-content/themes/mlv.villas/build/c8ba52b05a9ef10f4758.woff2) format("woff2"), url(//mlv.villas/wp-content/themes/mlv.villas/build/8c206db99195777c6769.woff) format("woff"), url(//mlv.villas/wp-content/themes/mlv.villas/build/d6dc6219cd354e4b77d2.ttf) format("truetype"), url(//mlv.villas/wp-content/themes/mlv.villas/build/06428fa9a576da5d08f2.svg#Inter-Regular) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter SemiBold";
src: url(//mlv.villas/wp-content/themes/mlv.villas/build/8fcb62893f5f3d3783b5.eot);
src: url(//mlv.villas/wp-content/themes/mlv.villas/build/8fcb62893f5f3d3783b5.eot?#iefix) format("embedded-opentype"), url(//mlv.villas/wp-content/themes/mlv.villas/build/a52017abe58c7084546b.woff2) format("woff2"), url(//mlv.villas/wp-content/themes/mlv.villas/build/ace2beaf2bf273fe6afa.woff) format("woff"), url(//mlv.villas/wp-content/themes/mlv.villas/build/f7634214c83e0d41d40b.ttf) format("truetype"), url(//mlv.villas/wp-content/themes/mlv.villas/build/cebc10814edad858213c.svg#Inter-SemiBold) format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Canela";
src: url(//mlv.villas/wp-content/themes/mlv.villas/build/818889112cf4f64e7009.eot);
src: url(//mlv.villas/wp-content/themes/mlv.villas/build/818889112cf4f64e7009.eot?#iefix) format("embedded-opentype"), url(//mlv.villas/wp-content/themes/mlv.villas/build/3cb20ac992ccbf2f81f5.woff2) format("woff2"), url(//mlv.villas/wp-content/themes/mlv.villas/build/95e2faacfcb6da8e657d.woff) format("woff"), url(//mlv.villas/wp-content/themes/mlv.villas/build/a109711ca828e3ca1b9b.ttf) format("truetype"), url(//mlv.villas/wp-content/themes/mlv.villas/build/ba6f001ea12ea14594c0.svg#Canela-Light) format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
--black: #000;
--gold: #BBA262;
--light-gray: #EAEAEA;
--medium-gray: #e5e5e5;
--light-gray-new: #F5F3EC;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
*,
*:active,
*:focus {
outline: none;
}
html {
font-size: 14px;
overflow-x: hidden;
}
body {
font-family: "Inter";
font-weight: 300;
font-style: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
line-height: 22px;
background: white;
overflow-x: hidden;
}
.load-overlay {
content: "";
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--medium-gray);
transition: opacity 0.35s;
pointer-events: none;
}
body.loading {
overflow: hidden;
}
body.loaded {
overflow: auto;
}
body.loaded .load-overlay {
opacity: 0;
}
input,
textarea {
border: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5 {
padding: 0;
margin: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
font-family: "Canela";
font-weight: 300;
font-style: normal;
}
h4,
.h4,
h5,
.h5 {
font-family: "Inter";
font-weight: normal;
font-style: normal;
}
h1,
.h1 {
font-size: 80px;
line-height: 85px;
}
@media all and (max-width: 1160px) {
h1,
.h1 {
font-size: 65px;
line-height: 70px;
}
}
@media all and (max-width: 960px) {
h1,
.h1 {
font-size: 55px;
line-height: 60px;
}
}
@media all and (max-width: 660px) {
h1,
.h1 {
font-size: 35px;
line-height: 40px;
}
}
h2,
.h2 {
font-size: 60px;
line-height: 65px;
}
@media all and (max-width: 1160px) {
h2,
.h2 {
font-size: 45px;
line-height: 50px;
}
}
@media all and (max-width: 960px) {
h2,
.h2 {
font-size: 35px;
line-height: 40px;
}
}
@media all and (max-width: 660px) {
h2,
.h2 {
font-size: 30px;
line-height: 35px;
}
}
h3,
.h3 {
font-size: 25px;
line-height: 30px;
}
@media all and (max-width: 1160px) {
h3,
.h3 {
font-size: 22px;
line-height: 27px;
}
}
@media all and (max-width: 660px) {
h3,
.h3 {
font-size: 20px;
line-height: 25px;
}
}
h4,
.h4 {
font-size: 18px;
line-height: 24px;
}
@media all and (max-width: 960px) {
h4,
.h4 {
font-size: 16px;
line-height: 22px;
}
}
h5,
.h5 {
font-size: 12px;
line-height: 15px;
}
@media all and (max-width: 960px) {
h5,
.h5 {
font-size: 11px;
}
}
.semibold {
font-family: "Inter SemiBold";
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 20px;
}
a {
color: #000;
text-decoration: none;
transition: all 0.35s;
}
a:hover {
color: var(--gold);
}
img {
max-width: 100%;
height: auto;
}
b,
strong,
.strong {
font-weight: normal;
font-style: normal;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
p {
margin: 0 0 18px 0;
}
p:last-child {
margin: 0 !important;
}
#app {
overflow: hidden;
}
#content {
min-height: 100vh;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.uppercase {
text-transform: uppercase;
}
.bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.max-width {
max-width: 1440px;
margin: 0 auto;
}
.white {
color: white;
}
.main-text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
}
.to-hide {
display: none;
}
.check-bullet {
list-style: none;
padding-left: 0;
}
.check-bullet li {
position: relative;
padding-left: 22px;
}
.check-bullet li::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-size: contain; background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/7bb241808d3b04456a46.svg);
}
.page-start {
padding: 215px 0 0;
}
@media all and (max-width: 1160px) {
.page-start {
padding: 200px 0 0;
}
}
@media all and (max-width: 960px) {
.page-start {
padding: 160px 0 0;
}
}
@media all and (max-width: 660px) {
.page-start {
padding: 130px 0 0;
}
}
.pd-30 {
padding: 0 30px;
}
@media all and (max-width: 960px) {
.pd-30 {
padding: 0 15px;
}
}
.page-title {
text-align: center;
padding: 0 0 30px;
}
@media all and (max-width: 960px) {
.page-title {
padding: 0 0 15px;
}
}
.intro-title {
padding: 0 15% 30px;
text-align: center;
}
@media all and (max-width: 2900px) {
.intro-title {
padding: 0 30% 30px;
}
}
@media all and (max-width: 2000px) {
.intro-title {
padding: 0 25% 30px;
}
}
@media all and (max-width: 960px) {
.intro-title {
padding: 0 16.66667% 30px;
}
}
@media all and (max-width: 660px) {
.intro-title {
padding: 0 15px 15px;
font-size: 1em;
}
}
.home #header .logo-1 {
display: block;
}
.home #header .logo-2 {
display: none;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: #000;
opacity: 0.15;
}
.button-medium {
transition: none;
border: 1px solid #000;
border-radius: 13px;
text-align: center;
background: transparent;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
min-width: 114px;
padding: 0 8px;
font-size: 11px;
line-height: 13px;
}
.button-small {
color: black !important;
margin: 0;
background: var(--white);
border: solid 1px var(--black);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 25px;
border-radius: 13px;
padding: 0 17px;
font-size: 11px;
line-height: 13px;
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
transform: translate(0px, 0px);
cursor: pointer;
}
.button-small .less {
display: none;
}
.button-small:hover {
background: black;
border: 1px solid black;
color: white !important;
}
.blocks .flex {
align-items: center;
}
.blocks .text__content {
max-width: 560px;
text-align: center;
padding: 0 80px;
margin: 0 auto;
}
.blocks .block-left,
.blocks .block-right {
width: 50%;
}
.blocks .bg-image {
padding-top: 100%;
}
@media all and (max-width: 960px) {
.blocks .bg-image {
padding-top: 55%;
}
}
.blocks .block__subtitle {
padding: 15px 0 20px;
}
@media all and (max-width: 960px) {
.blocks .block-left,
.blocks .block-right {
width: 100%;
}
.blocks .block-right {
padding: 60px 0;
}
.blocks .text__content {
max-width: 100%;
padding: 0 16.66667%;
}
}
@media all and (max-width: 660px) {
.blocks .block-right {
padding: 30px 0;
}
.blocks .text__content {
padding: 0 15px;
}
}
.filters {
padding: 90px 0 0;
}
@media all and (max-width: 1160px) {
.filters {
padding: 60px 0 0;
}
}
@media all and (max-width: 660px) {
.filters {
padding: 90px 0 0;
}
}
.filters .select-container {
position: relative;
align-items: center;
margin: 0 auto;
background: #fff;
width: fit-content;
padding: 12px 50px 12px 0;
border-radius: 25px;
}
.filters .select-container > div:first-of-type {
padding: 0 60px 0 20px;
border-right: 1px solid black;
}
@media all and (max-width: 1160px) {
.filters .select-container > div:first-of-type {
padding: 0 20px;
}
}
.filters .select-container .dropdown {
width: 200px;
padding: 0 10px;
position: relative;
}
@media all and (max-width: 1280px) {
.filters .select-container .dropdown {
width: 160px;
}
}
@media all and (max-width: 1160px) {
.filters .select-container .dropdown {
width: 140px;
}
}
@media all and (max-width: 350px) {
.filters .select-container .dropdown {
width: 120px;
}
}
.filters .select-container .dropdown > select {
display: none !important;
}
.filters .select-container .dropdown > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.filters .select-container .dropdown > .select2-container {
transform: none !important;
}
.filters .select-container .dropdown > .select2-container .select2-selection {
width: 100%;
display: block;
}
.filters .select-container .dropdown.border {
border-right: 1px solid var(--medium-gray);
}
.filters .select-container .search {
position: absolute;
right: 5px;
bottom: 3px;
}
.filters .select-container .search button {
cursor: pointer;
width: 40px;
height: 40px;
background: var(--gold);
border-radius: 50%;
transition: all 0.35s;
}
.filters .select-container .search button svg {
line-height: 0;
}
.filters .select-container .search button svg path {
fill: #fff;
}
.filters .select-container .search:hover button {
background: #000;
}
@media all and (max-width: 1160px) {
.filters .select-container .search {
bottom: 5px;
}
.filters .select-container .search button {
width: 35px;
height: 35px;
}
.filters .select-container .search button svg {
width: 25px;
height: auto;
}
}
.filters .select-container select,
.filters .select-container button {
border: none;
outline: none;
font-family: "Inter";
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 22px;
}
@media all and (max-width: 660px) {
.filters .select-container {
padding: 8px 40px 8px 10px;
position: relative;
}
.filters .select-container > div:first-of-type {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
}
.filters .select-container .search {
bottom: 4px;
}
.filters .select-container .search > button {
width: 30px;
height: 30px;
}
.filters .select-container .search > button svg {
width: 20px;
height: auto;
}
}
.open-filters .sort .sort-container .now__filter .arrow-up {
display: block;
}
.open-filters .sort .sort-container .now__filter .arrow-down {
display: none;
}
.open-filters .sort .sort-container .sort__filters {
visibility: visible;
pointer-events: all;
max-height: 450px;
}
.tease a {
transition: none;
color: #000;
}
.tease a:hover {
color: #000;
}
.tease .thumbnail {
position: relative;
}
.tease .thumbnail img {
width: 100%;
height: 100%;
}
.tease .thumbnail .tease-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0;
transition: 0.35s;
}
.tease .tease__title {
transition: color 0.35s;
}
.tease a:hover .tease-overlay {
opacity: 0.35;
}
.tease a:hover .tease__title {
color: var(--gold);
} .show-in-view {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
opacity: 0;
visibility: hidden;
transition: transform 0.5s, opacity 0.5s;
}
.show-in-view.animate {
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
@media all and (max-width: 660px) {
.show-in-view {
transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
}
}
.delay-1 {
transition-delay: 0.1s !important;
}
.delay-2 {
transition-delay: 0.2s !important;
}
.delay-3 {
transition-delay: 0.3s !important;
}
.delay-4 {
transition-delay: 0.4s !important;
}
.delay-5 {
transition-delay: 0.5s !important;
}
div[role=dialog] button {
z-index: 2 !important;
}
.text-center {
text-align: center;
}
.button-more {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.margin-right-10 {
margin-right: 10px;
}
#wpadminbar {
display: none;
}
.button-2026 {
transition: all 0.2s;
display: inline-block;
border: 1.17px solid #2c2c2c;
border-radius: 100px;
text-align: center;
padding: 11.5px 51.5px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
min-width: 200px;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
white-space: nowrap;
}
@media all and (max-width: 960px) {
.button-2026 {
font-size: 13px;
padding: 9px 40px;
line-height: 18px;
min-width: 160px;
width: 100%;
display: block;
min-width: unset;
}
}
.button-2026:hover {
background: black;
color: white;
transition: all 0.2s;
}
.slick-slider {
width: 100%;
padding: 0;
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-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;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-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;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide {
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-prev,
.slick-next {
position: absolute;
display: none;
height: 30px;
width: 30px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.6;
}
.slick-prev:before, .slick-prev:after,
.slick-next:before,
.slick-next:after {
width: 100%;
height: 100%;
display: block;
}
.slick-prev {
left: 60px;
width: 50px;
height: 50px;
top: 50%;
transform: translateY(-50%);
z-index: 9;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: ""; display: block; width: 100%; height: 100%; background: url(//mlv.villas/wp-content/themes/mlv.villas/build/ca4b7b522faa303c7d03.svg) no-repeat center;
background-size: contain; }
@media all and (max-width: 1160px) {
.slick-prev {
bottom: 30px;
}
}
@media all and (max-width: 960px) {
.slick-prev {
bottom: 45px;
}
.slick-prev:before {
width: 20px;
height: 20px;
}
}
@media all and (max-width: 660px) {
.slick-prev {
bottom: 25px;
}
}
.slick-next {
right: 60px;
width: 50px;
height: 50px;
top: 50%; transform: translateY(-50%);
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "";
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/177c341df0940b03ec9e.svg) no-repeat center;
background-size: cover;
}
[dir=rtl] .slick-next:before {
content: "←";
}
@media all and (max-width: 1160px) {
.slick-next {
bottom: 30px;
}
}
@media all and (max-width: 960px) {
.slick-next {
bottom: 45px;
}
.slick-next:before {
width: 20px;
height: 20px;
}
}
@media all and (max-width: 660px) {
.slick-next {
bottom: 25px;
}
}
.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: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: var(--deep_blue);
opacity: 0.9;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.mfp-container {
background: #fff;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0;
box-sizing: border-box;
cursor: pointer;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #111;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #111;
}
.mfp-preloader a:hover {
color: #111;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close {
overflow: visible;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
cursor: pointer;
}
button.mfp-arrow {
overflow: visible;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
background: transparent;
width: 30px;
height: 30px;
right: 23px;
top: 23px;
position: fixed;
text-decoration: none;
padding: 0;
transition: all 0.35s;
font-size: 35px;
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/b9774d55b218c15de763.svg) center center no-repeat;
background-size: contain;
font-size: 0;
line-height: 0;
color: transparent;
text-indent: -9999px;
}
.mfp-close > div {
width: 100%;
height: 100%;
position: relative;
z-index: -1;
}
.mfp-close > div:before {
position: absolute;
content: "";
width: 20px;
height: 1px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
transition: all 0.35s;
}
.mfp-close > div:after {
position: absolute;
content: "";
width: 20px;
height: 1px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
transition: all 0.35s;
}
.mfp-close:hover > div:before,
.mfp-close:hover > div:after {
background: var(--gold);
}
@media all and (max-width: 960px) {
.mfp-close {
width: 26px;
height: 26px;
}
}
.mfp-close-btn-in .mfp-close {
color: #111;
}
.mfp-counter {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
color: #000;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 1;
margin: 0;
top: 50%;
margin-top: 0;
padding: 0;
width: 30px;
height: 30px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mfp-arrow-left {
left: 30px;
width: 41px;
height: 41px;
}
@media (max-width: 660px) {
.mfp-arrow-left {
left: 15px;
}
}
.mfp-arrow-left:before {
background-size: 41px 41px;
background-repeat: no-repeat;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/8cd48f5af21a98ad6701.svg);
}
.mfp-arrow-right {
right: 30px;
width: 41px;
height: 41px;
}
@media (max-width: 660px) {
.mfp-arrow-right {
right: 15px;
}
}
.mfp-arrow-right:before {
background-size: 41px 41px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/078983757d9083069668.svg);
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 60px 0;
margin: 0 auto;
}
@media all and (max-width: 960px) {
img.mfp-img {
padding: 15px 0;
}
} .mfp-figure {
line-height: 0;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -30px;
position: fixed;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
display: none;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 960px) { .mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding: 0 15px;
}
} .sort {
display: flex;
justify-content: space-between;
align-items: center;
}
.sort .view {
display: flex;
}
.sort .view__list {
cursor: pointer;
}
.sort .view__map {
cursor: pointer;
margin: 0 0 0 10px;
}
.map__group {
background: var(--medium-gray);
display: flex;
flex-wrap: wrap;
}
#map {
height: 100vh;
max-width: 1423px;
max-height: 900px;
margin: 0 auto;
}
@media all and (max-width: 960px) {
#map {
height: 60vh;
}
}
.page-template-template-home .map__map {
width: 100%;
}
@media all and (max-width: 960px) {
.map__map {
width: 100%;
}
}
.map__list {
width: 30%;
overflow-y: scroll;
}
.map__list .inner {
height: 100vh;
padding: 0 30px 30px 30px;
}
.map__list .tease {
margin: 0 0 30px;
opacity: 1 !important;
visibility: visible !important;
}
@media all and (max-width: 960px) {
.map__list {
width: 100%;
overflow-x: hidden;
margin: 0 0 60px;
}
.map__list .inner {
margin: 0 -7px;
padding: 0 15px;
display: flex;
flex-wrap: wrap;
}
.map__list .tease {
width: 50%;
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.map__list .inner {
margin: 0;
}
.map__list .tease {
width: 100%;
padding: 0;
}
} .marker .tease-icons {
display: none;
}
.marker .tease-villa-bottom {
display: none;
}
.marker .tease-villa__info {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.marker .tease-villa__info > div {
width: 100%;
}
.marker .tease-villa__info .tease__title {
width: 100%;
}
.marker .tease-villa__info .tease-villa-medium {
padding: 10px 0 5px 0;
}
.marker .tease-villa-upper {
order: 2;
}
.marker .thumbnail {
max-width: 240px;
}
.marker .thumbnail img {
max-width: 100% !important;
}
.marker .tease-villa__info--marker {
align-items: center;
display: flex;
justify-content: center;
padding: 5px 0 15px 0;
}
.gm-style .gm-style-iw-d {
overflow: hidden !important;
}
.gm-style .gm-style-iw-c {
padding: 0 !important;
}
.tease-villa__info--marker {
display: none;
}
.tease-villa__info--marker .sep {
display: inline-block;
margin: 0 2px;
}
.select2-container--default .select2-selection--single {
background-color: transparent !important;
border-radius: 0 !important;
height: fit-content !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000 !important;
font-size: 14px !important;
line-height: 20px !important;
height: 40px;
}
@media all and (max-width: 1160px) {
.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 35px;
}
}
.select2-results__options {
background: #fff;
color: #000;
padding: 10px;
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
}
.select2-results__options li {
padding: 3px 0;
transition: all 0.35s;
cursor: pointer;
}
.select2-results__options li:hover {
color: var(--gold);
}
.select2-search {
display: none;
}
.select2-dropdown {
background-color: #000 !important;
}
.select2-container {
display: block;
z-index: 10;
width: 200px;
left: unset;
right: 0;
transform: translateX(-10px);
}
@media all and (max-width: 1280px) {
.select2-container {
width: 160px !important;
}
}
@media all and (max-width: 1160px) {
.select2-container {
width: 140px !important;
}
}
@media all and (max-width: 660px) {
.select2-container {
transform: none;
}
}
.select2-selection {
cursor: pointer;
}
.select2-results__options::-webkit-scrollbar,
.ui-datepicker-year::-webkit-scrollbar {
width: 4px;
}
.select2-results__options::-webkit-scrollbar-track,
.ui-datepicker-year::-webkit-scrollbar-track {
background: transparent;
}
.select2-results__options::-webkit-scrollbar-thumb,
.ui-datepicker-year::-webkit-scrollbar-thumb {
width: 2px;
background: #d4d4d4;
}
.page-contact .gform_fields,
.page-my-selection .gform_fields,
.type-villa .gform_fields {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -15px;
}
.page-contact .gform_fields > li,
.page-my-selection .gform_fields > li,
.type-villa .gform_fields > li {
padding: 0 15px;
}
@media all and (max-width: 960px) {
.page-contact .gform_fields,
.page-my-selection .gform_fields,
.type-villa .gform_fields {
margin: 0 -7px;
}
.page-contact .gform_fields > li,
.page-my-selection .gform_fields > li,
.type-villa .gform_fields > li {
padding: 0 7px;
}
}
.page-contact .gfield,
.page-my-selection .gfield,
.type-villa .gfield {
width: 100%;
padding: 0;
margin: 0 0 15px 0;
text-align: left;
}
.page-contact .gfield label,
.page-my-selection .gfield label,
.type-villa .gfield label {
display: none;
}
.page-contact .gfield > div,
.page-my-selection .gfield > div,
.type-villa .gfield > div {
width: 100%;
}
.page-contact .gfield:last-of-type,
.page-my-selection .gfield:last-of-type,
.type-villa .gfield:last-of-type {
margin: 0;
}
.page-contact .gfield select,
.page-my-selection .gfield select,
.type-villa .gfield select {
display: none;
}
.page-contact .select2-container--default,
.page-my-selection .select2-container--default,
.type-villa .select2-container--default {
transform: none;
}
.page-contact .gfield input,
.page-contact .gfield textarea,
.page-my-selection .gfield input,
.page-my-selection .gfield textarea,
.type-villa .gfield input,
.type-villa .gfield textarea {
font-family: "Inter";
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #000;
width: 100%;
height: 35px;
border-bottom: solid 1px #fff;
box-shadow: none;
appearance: none;
background: transparent;
border-radius: 0;
}
.page-contact .gfield textarea,
.page-my-selection .gfield textarea,
.type-villa .gfield textarea {
height: 100px;
max-height: 100px;
}
.page-contact .gfield_checkbox,
.page-my-selection .gfield_checkbox,
.type-villa .gfield_checkbox {
position: relative;
}
.page-contact .gfield_checkbox input,
.page-my-selection .gfield_checkbox input,
.type-villa .gfield_checkbox input {
display: none;
}
.page-contact .gfield_checkbox span,
.page-contact .gfield_checkbox label,
.page-my-selection .gfield_checkbox span,
.page-my-selection .gfield_checkbox label,
.type-villa .gfield_checkbox span,
.type-villa .gfield_checkbox label {
cursor: pointer;
display: inline-block;
line-height: 20px;
padding: 5px 0 5px 18px;
position: relative;
box-sizing: border-box;
}
.page-contact .gfield_checkbox span:before,
.page-contact .gfield_checkbox label:before,
.page-my-selection .gfield_checkbox span:before,
.page-my-selection .gfield_checkbox label:before,
.type-villa .gfield_checkbox span:before,
.type-villa .gfield_checkbox label:before {
content: "";
display: block;
width: 10px;
height: 10px;
background: transparent;
border: 1px solid #000;
border-radius: 50%;
position: absolute;
top: 10px;
left: 0;
transition: all 0.1s;
}
.page-contact .gfield_checkbox span:after,
.page-contact .gfield_checkbox label:after,
.page-my-selection .gfield_checkbox span:after,
.page-my-selection .gfield_checkbox label:after,
.type-villa .gfield_checkbox span:after,
.type-villa .gfield_checkbox label:after {
content: "";
display: block;
width: 6px;
height: 6px;
background: #000;
border-radius: 50%;
position: absolute;
top: 12px;
left: 2px;
opacity: 0;
transition: opacity 0.35s;
}
.page-contact .gfield_checkbox,
.page-my-selection .gfield_checkbox,
.type-villa .gfield_checkbox { }
.page-contact .gfield_checkbox input:checked + span:after,
.page-contact .gfield_checkbox input:checked + label:after,
.page-my-selection .gfield_checkbox input:checked + span:after,
.page-my-selection .gfield_checkbox input:checked + label:after,
.type-villa .gfield_checkbox input:checked + span:after,
.type-villa .gfield_checkbox input:checked + label:after {
opacity: 1;
}
.page-contact .gform_wrapper .button,
.page-my-selection .gform_wrapper .button,
.type-villa .gform_wrapper .button {
color: black;
margin: 0;
background: white;
border: solid 1px black;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 20px;
gap: 10px;
font-size: 16px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
padding-left: 57.5px;
padding-right: 57.5px;
padding-top: 11.5px;
padding-bottom: 11.5px;
}
.page-contact .gform_wrapper .button:hover,
.page-my-selection .gform_wrapper .button:hover,
.type-villa .gform_wrapper .button:hover {
background: black;
border: 1px solid #000;
color: white;
cursor: pointer;
}
.page-contact .gform_wrapper .button,
.page-my-selection .gform_wrapper .button,
.type-villa .gform_wrapper .button {
background: white;
color: black;
margin: 0 auto;
}
.page-contact .gform_footer,
.page-my-selection .gform_footer,
.type-villa .gform_footer {
padding: 30px 0 90px;
}
@media all and (max-width: 960px) {
.page-contact .gform_footer,
.page-my-selection .gform_footer,
.type-villa .gform_footer {
padding: 40px 0 0px;
}
}
.page-contact .gfield.gfield_error input,
.page-contact .gfield.gfield_error select,
.page-contact .gfield.gfield_error textarea,
.page-contact .gfield.gfield_error .select2-container--default,
.page-contact .gfield.gfield_error label[for*=choice],
.page-my-selection .gfield.gfield_error input,
.page-my-selection .gfield.gfield_error select,
.page-my-selection .gfield.gfield_error textarea,
.page-my-selection .gfield.gfield_error .select2-container--default,
.page-my-selection .gfield.gfield_error label[for*=choice],
.type-villa .gfield.gfield_error input,
.type-villa .gfield.gfield_error select,
.type-villa .gfield.gfield_error textarea,
.type-villa .gfield.gfield_error .select2-container--default,
.type-villa .gfield.gfield_error label[for*=choice] {
border-bottom: solid 1px #c60c0e !important;
}
.page-contact .validation_error,
.page-contact .validation_message,
.page-my-selection .validation_error,
.page-my-selection .validation_message,
.type-villa .validation_error,
.type-villa .validation_message {
display: none !important;
}
.page-contact .gfield ::-webkit-input-placeholder,
.page-my-selection .gfield ::-webkit-input-placeholder,
.type-villa .gfield ::-webkit-input-placeholder {
font-family: "Inter";
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #000;
}
.page-contact .gfield ::-moz-placeholder,
.page-my-selection .gfield ::-moz-placeholder,
.type-villa .gfield ::-moz-placeholder {
font-family: "Inter";
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #000;
}
.page-contact .gfield :-ms-input-placeholder,
.page-my-selection .gfield :-ms-input-placeholder,
.type-villa .gfield :-ms-input-placeholder {
font-family: "Inter";
font-weight: 300;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #000;
}
.page-contact input:-webkit-autofill,
.page-contact input:-webkit-autofill:hover,
.page-contact input:-webkit-autofill:focus,
.page-contact textarea:-webkit-autofill,
.page-contact textarea:-webkit-autofill:hover,
.page-contact textarea:-webkit-autofill:focus,
.page-contact select:-webkit-autofill,
.page-contact select:-webkit-autofill:hover,
.page-contact select:-webkit-autofill:focus,
.page-my-selection input:-webkit-autofill,
.page-my-selection input:-webkit-autofill:hover,
.page-my-selection input:-webkit-autofill:focus,
.page-my-selection textarea:-webkit-autofill,
.page-my-selection textarea:-webkit-autofill:hover,
.page-my-selection textarea:-webkit-autofill:focus,
.page-my-selection select:-webkit-autofill,
.page-my-selection select:-webkit-autofill:hover,
.page-my-selection select:-webkit-autofill:focus,
.type-villa input:-webkit-autofill,
.type-villa input:-webkit-autofill:hover,
.type-villa input:-webkit-autofill:focus,
.type-villa textarea:-webkit-autofill,
.type-villa textarea:-webkit-autofill:hover,
.type-villa textarea:-webkit-autofill:focus,
.type-villa select:-webkit-autofill,
.type-villa select:-webkit-autofill:hover,
.type-villa select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
.page-contact .gfield_required,
.page-my-selection .gfield_required,
.type-villa .gfield_required {
display: none;
}
.page-contact .gform-confirmation-wrapper,
.page-my-selection .gform-confirmation-wrapper,
.type-villa .gform-confirmation-wrapper {
padding: 0 0 100px;
}
.page-contact .ginput_container_date,
.page-my-selection .ginput_container_date,
.type-villa .ginput_container_date {
position: relative;
}
.page-contact .ginput_container_date > img,
.page-my-selection .ginput_container_date > img,
.type-villa .ginput_container_date > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2px;
}
.page-contact .ginput_container_date > span,
.page-my-selection .ginput_container_date > span,
.type-villa .ginput_container_date > span {
display: none;
}
.page-contact .contact_form_name,
.page-contact .contact_form_surname,
.page-my-selection .contact_form_name,
.page-my-selection .contact_form_surname,
.type-villa .contact_form_name,
.type-villa .contact_form_surname {
width: 37%;
}
@media all and (max-width: 660px) {
.page-contact .contact_form_name,
.page-my-selection .contact_form_name,
.type-villa .contact_form_name {
width: 75%;
}
}
@media all and (max-width: 660px) {
.page-contact .contact_form_surname,
.page-my-selection .contact_form_surname,
.type-villa .contact_form_surname {
width: 100%;
}
}
.page-contact .contact_form_title,
.page-my-selection .contact_form_title,
.type-villa .contact_form_title {
width: 26%;
}
@media all and (max-width: 660px) {
.page-contact .contact_form_title,
.page-my-selection .contact_form_title,
.type-villa .contact_form_title {
width: 25%;
}
}
.page-contact .inquiry_selected_villas,
.page-my-selection .inquiry_selected_villas,
.type-villa .inquiry_selected_villas {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.page-contact .select2-container--default,
.page-my-selection .select2-container--default,
.type-villa .select2-container--default {
z-index: 10;
height: 35px !important;
width: 100% !important;
display: flex;
align-items: center;
border-bottom: 1px solid #fff;
}
.page-contact .select2-container--default > .selection,
.page-my-selection .select2-container--default > .selection,
.type-villa .select2-container--default > .selection {
display: block;
width: 100%;
position: relative;
}
.page-contact .select2-container--default > .selection .select2-selection__arrow b,
.page-my-selection .select2-container--default > .selection .select2-selection__arrow b,
.type-villa .select2-container--default > .selection .select2-selection__arrow b {
width: 9px;
height: 9px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/0787d0db7f73eff9f01d.svg);
right: 2px !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.page-contact .select2-container--default .select2-selection--single,
.page-my-selection .select2-container--default .select2-selection--single,
.type-villa .select2-container--default .select2-selection--single {
display: block;
width: 100%;
}
.page-contact .select2-container--default .select2-selection__rendered,
.page-my-selection .select2-container--default .select2-selection__rendered,
.type-villa .select2-container--default .select2-selection__rendered {
height: 100% !important;
}
.page-contact,
.page-my-selection,
.type-villa { }
.header-600 {
position: relative;
height: 600px;
width: 100%;
z-index: -2;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
@media all and (max-width: 960px) {
.header-600 {
height: 600px;
}
}
@media all and (max-width: 660px) {
.header-600 {
height: 400px;
}
}
.header-600::before {
content: "";
position: absolute;
inset: 0;
background: var(--black);
opacity: 0.1;
z-index: 1;
}
.header-600-inner {
width: 100%;
text-align: center;
z-index: 10;
margin-top: 77px;
}
@media all and (max-width: 960px) {
.header-600-inner {
margin-top: 17px;
}
}
@media all and (max-width: 660px) {
.header-600-inner {
margin-top: 0px;
padding: 0 20px;
}
}
.header-600-inner h1 {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 15px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 30px;
padding: 0px;
}
.header-600-inner h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 60px;
font-size: clamp(24px, 5vw, 60px); letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
padding-bottom: 0px;
}
@media all and (max-width: 1500px) {
.header-600-inner h2 {
font-size: 40px;
line-height: 45px;
}
}
@media all and (max-width: 960px) {
.header-600-inner h2 {
font-size: 2em;
}
}
@media all and (max-width: 660px) {
.header-600-inner h2 {
font-size: 1.5em;
line-height: 1.5em;
}
}
.tease-service {
position: relative;
height: 430px;
}
.tease-service a {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
height: 430px;
padding: 0px;
text-decoration: none;
color: #fff;
overflow: hidden;
background-position: center;
background-size: cover;
}
@media all and (max-width: 960px) {
.tease-service a::after {
display: none;
}
}
.tease-service a::after {
content: "";
position: absolute;
inset: 0;
background-image: inherit;
height: 430px;
background-size: cover;
background-position: center;
transition: transform 0.7s ease;
z-index: 0;
}
.tease-service a::before {
content: "";
position: absolute;
inset: 0;
background: var(--black);
opacity: 0.2;
z-index: 1;
}
.tease-service a h2,
.tease-service a span {
position: relative;
z-index: 2;
margin: 0;
}
.tease-service a h2 {
font-family: Canela;
font-weight: 300;
font-size: 30px;
line-height: 40px;
margin-top: 40px;
color: white;
text-transform: capitalize;
}
@media all and (max-width: 960px) {
.tease-service a h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
margin-top: 40px;
line-height: 23px;
letter-spacing: 0%;
text-align: center;
vertical-align: bottom;
}
}
.tease-service a span {
margin-bottom: 0px;
font-family: Canela;
font-weight: 300;
font-size: 18px;
line-height: 25px;
margin-bottom: 20px;
border-bottom: 1px solid white;
}
@media all and (max-width: 960px) {
.tease-service a span {
margin-bottom: 20px;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
vertical-align: bottom;
}
}
.tease-service a { }
.tease-service a:hover::after {
transform: scale(1.08);
}
.plus {
cursor: pointer;
}
.plus-close {
display: none;
}
.plus-open {
display: block;
}
.heart {
display: block;
cursor: pointer;
z-index: 10;
pointer-events: auto;
opacity: 0.8;
}
.heart svg {
pointer-events: none;
}
.heart-selected {
display: none;
}
.heart-unselected {
display: block;
}
.heart.selected .heart-selected {
display: block;
}
.heart.selected .heart-unselected {
display: none;
}
.heart:hover {
opacity: 1;
}
.tease-location {
position: relative;
}
@media all and (max-width: 960px) {
.tease-location {
margin-bottom: 0px;
}
}
.tease-location a {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
height: 100%;
min-height: 325px;
padding: 0px;
text-decoration: none;
color: #fff;
overflow: hidden;
background-position: center;
background-size: cover;
}
@media all and (max-width: 960px) {
.tease-location a::after {
display: none;
}
}
.tease-location a::after {
content: "";
position: absolute;
inset: 0;
background-image: inherit;
background-size: cover;
background-position: center;
transition: transform 0.7s ease;
z-index: 0;
}
.tease-location a::before {
content: "";
position: absolute;
inset: 0;
background: var(--black);
opacity: 0.2;
z-index: 1;
}
.tease-location a h2,
.tease-location a span {
position: relative;
z-index: 2;
margin: 0;
}
.tease-location a h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 30px;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
margin-top: 40px;
}
@media all and (max-width: 960px) {
.tease-location a h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}
}
.tease-location a span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 25px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 20px;
border-bottom: 1px solid white;
}
@media all and (max-width: 960px) {
.tease-location a span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin-bottom: 25px;
}
}
.tease-location a:hover::after {
transform: scale(1.08);
}
.tease-collection {
position: relative;
height: 470px;
}
@media all and (max-width: 960px) {
.tease-collection {
margin-bottom: 0px;
height: 376px;
}
}
.tease-collection a {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
height: 470px;
padding: 0px;
text-decoration: none;
color: #fff;
overflow: hidden;
background-size: cover;
background-position: center;
}
@media all and (max-width: 960px) {
.tease-collection a {
height: 376px;
}
}
@media all and (max-width: 960px) {
.tease-collection a::after {
display: none;
}
}
.tease-collection a::after {
height: 470px;
position: absolute;
inset: 0;
width: 100%;
background-size: cover;
background-position: center;
transition: transform 0.7s ease;
}
.tease-collection a::before {
content: "";
position: absolute;
inset: 0;
background: var(--black);
opacity: 0.2;
z-index: 1;
}
.tease-collection a h2,
.tease-collection a span {
position: relative;
z-index: 2;
margin: 0;
}
.tease-collection a h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 30px;
padding-top: 45px;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
}
@media all and (max-width: 960px) {
.tease-collection a h2 {
font-family: Canela;
padding-top: 40px;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}
}
.tease-collection a span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 25px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 20px;
border-bottom: 1px solid white;
}
@media all and (max-width: 960px) {
.tease-collection a span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin-bottom: 25px;
}
}
.tease-collection a:hover::after {
transform: scale(1.08);
}
.tease-villa-2026 {
box-shadow: 9px 10px 18px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.tease-villa-2026 a:hover {
color: black;
}
.tease-villa-2026-thumbnail {
position: relative;
}
.tease-villa-2026-thumbnail .image-container {
overflow: hidden;
height: 300px;
position: relative;
}
@media all and (max-width: 960px) {
.tease-villa-2026-thumbnail .image-container {
height: 310px;
}
}
.tease-villa-2026-thumbnail .image {
width: 100%;
height: 100%;
height: 300px;
transform: scale(1);
transition: transform 0.45s ease;
object-fit: cover;
}
@media all and (max-width: 960px) {
.tease-villa-2026-thumbnail .image {
height: 310px;
}
}
.tease-villa-2026-thumbnail .image:hover {
transform: scale(1.02);
}
.tease-villa-2026-thumbnail { }
.tease-villa-2026-thumbnail .heart {
position: absolute;
top: 16.5px;
right: 12.7px;
z-index: 2;
}
.tease-villa-2026-thumbnail .heart svg {
width: 24px;
height: 21px;
}
.tease-villa-2026-thumbnail .heart svg path {
fill: white;
}
.tease-villa-2026-top {
display: flex;
padding: 20px;
padding-bottom: 0px;
align-items: center;
}
@media all and (max-width: 660px) {
.tease-villa-2026-top {
padding: 10px;
}
}
.tease-villa-2026-top-left {
flex: 1;
text-align: left;
}
.tease-villa-2026-top-right {
flex: 1;
text-align: right;
}
.tease-villa-2026-top-right .villa-price-2026 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
text-align: right;
line-height: 19px;
letter-spacing: 0%;
}
.tease-villa-2026-top-right .villa-price-2026 span {
font-size: 12px;
}
.tease-villa-2026-bottom {
padding: 20px;
display: flex;
align-items: center;
}
@media all and (max-width: 960px) {
.tease-villa-2026-bottom {
padding: 10px;
}
}
.tease-villa-2026-bottom-left {
width: 70%;
display: flex;
}
@media all and (max-width: 960px) {
.tease-villa-2026-bottom-left {
flex-direction: row;
width: 50%;
}
}
.tease-villa-2026-bottom-left-entry {
margin-right: 10px;
display: flex;
align-items: center;
white-space: nowrap;
}
.tease-villa-2026-bottom-left-entry svg {
width: 22px;
margin-right: 10px;
}
.tease-villa-2026-bottom-left-entry span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
}
.tease-villa-2026-bottom-right {
width: 30%;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media all and (max-width: 1450px) {
.tease-villa-2026-bottom-right {
width: 50%;
}
}
.tease-villa-2026-bottom-right span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
margin-right: 10px;
}
.tease-villa-2026-bottom-right svg {
width: 25px;
height: 25px;
}
.tease-villa-2026 .slick-prev,
.tease-villa-2026 .slick-next {
width: 20px;
height: 20px;
}
.tease-villa-2026 .slick-prev {
left: 20px;
}
.tease-villa-2026 .slick-next {
right: 20px;
}
.tease-villa-front-2026 {
box-shadow: 9px 10px 18px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.tease-villa-front-2026 a:hover {
color: black;
}
.tease-villa-front-2026-thumbnail {
position: relative;
}
.tease-villa-front-2026-thumbnail .image-container {
overflow: hidden;
height: 310px;
position: relative;
}
.tease-villa-front-2026-thumbnail .image {
width: 100%;
height: 100%;
height: 310px;
transform: scale(1);
transition: transform 0.45s ease;
object-fit: cover;
}
.tease-villa-front-2026-thumbnail:hover .image {
transform: scale(1.02);
}
.tease-villa-front-2026-thumbnail .image-container::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.2);
opacity: 1;
transition: opacity 0.35s ease;
z-index: 1;
}
.tease-villa-front-2026-thumbnail:hover .image-container::before {
opacity: 0;
}
.tease-villa-front-2026-top {
display: flex;
padding: 11.7px;
padding-bottom: 0px;
}
.tease-villa-front-2026-top-left {
flex: 1;
text-align: left;
}
.tease-villa-front-2026-top-right {
flex: 1;
text-align: right;
}
.tease-villa-front-2026-top-right .heart {
margin-right: 10px;
}
.tease-villa-front-2026-top-right .heart svg {
width: 23px;
height: 20px;
}
.tease-villa-front-2026-top-right .heart svg path {
fill: black;
}
.tease-villa-front-2026-middle {
padding: 11.7px;
padding-bottom: 0px;
display: flex;
align-items: center;
}
.tease-villa-front-2026-middle-entry {
margin-right: 10px;
display: flex;
align-items: center;
}
.tease-villa-front-2026-middle-entry svg {
width: 22px;
margin-right: 10px;
}
.tease-villa-front-2026-middle-entry span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
}
.tease-villa-front-2026-bottom {
padding: 11.7px;
}
.tease-villa-front-2026-bottom span {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: bottom;
}
.the-read-more {
color: black;
}
.the-read-more-full {
display: none;
}
.the-read-more-toggle {
display: flex;
align-items: center;
gap: 11px;
background: none;
border: none;
padding-top: 10px;
cursor: pointer;
font-family: Inter;
font-weight: 400;
font-size: 12px;
line-height: 15px;
margin: 0 auto;
text-align: center;
color: black;
}
.the-read-more-toggle svg {
transition: transform 0.3s;
width: 11px;
height: 6px;
}
.the-read-more.open .the-read-more-toggle svg {
transform: rotate(180deg);
}
.the-read-more-label {
color: black;
}
.old-bullet {
position: relative;
padding: 0 0 0 13px;
margin: 0 0 5px;
}
.old-bullet::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--gold);
}
#header {
position: relative;
z-index: 9999;
}
#header #villas-number {
color: black;
padding-left: 3px;
margin-bottom: 4px;
font-size: 12px !important;
}
#header:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 40px;
background: #fff;
height: 90px;
z-index: 2;
transform: translateY(-105%);
transition: all 0.35s; }
@media all and (max-width: 960px) {
#header:after {
height: 80px;
}
}
@media all and (max-width: 660px) {
#header:after {
height: 60px;
}
}
#header.reverse svg path {
fill: #fff;
}
#header.reverse .header-logo svg path {
fill: #fff;
}
#header.reverse .header-tool span:before,
#header.reverse .header-tool span:after {
background: #fff;
}
#header .header-tool {
position: fixed;
z-index: 3;
top: 50px;
left: 30px;
width: 30px;
height: 30px;
cursor: pointer;
transition: all 0.35s;
}
@media all and (max-width: 960px) {
#header .header-tool {
top: 35px;
left: 15px;
}
}
@media all and (max-width: 660px) {
#header .header-tool {
width: 26px;
height: 26px;
}
}
#header .header-tool:hover span:before, #header .header-tool:hover span:after {
transition: all 0.35s;
transform: translate(3px, -3px);
}
#header .header-tool span:before, #header .header-tool span:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
background: #000;
box-shadow: 1px 1px 10px black;
transition: top 0.5s 0.5s, transform 0.5s 0s, -webkit-transform 0.5s 0s, background 0.35s, -webkit-background 0.35s;
}
#header .header-tool span:after {
top: 17px;
}
#header .header-tool span:before {
top: 10px;
}
#header .header-logo {
position: fixed;
top: 30px;
left: 50%;
transform: translate(-50%, 0);
z-index: 3;
transition: transform 0.35s;
}
#header .header-logo svg {
width: 165px;
}
#header .header-logo svg path {
fill: var(--black);
}
#header .header-logo .logo__text path {
transition: opacity 0.35s;
}
@media all and (max-width: 1160px) {
#header .header-logo svg {
display: block;
width: auto;
height: 100px;
}
}
@media all and (max-width: 960px) {
#header .header-logo {
top: 15px;
}
#header .header-logo svg {
height: 90px;
}
}
@media all and (max-width: 660px) {
#header .header-logo svg {
height: 70px;
}
}
#header .header-icons {
position: fixed;
right: 23px;
top: 60px;
z-index: 3;
transition: all 0.35s;
display: none;
}
@media all and (max-width: 960px) {
#header .header-icons {
top: 45px;
right: 8px;
}
}
@media all and (max-width: 660px) {
#header .header-icons {
top: 35px;
}
}
#header .header-icons li {
cursor: pointer;
margin: 0 8px;
}
@media all and (max-width: 960px) {
#header .header-icons li {
margin: 0 4px;
}
}
#header .header-icons li a {
display: inline-block;
}
#header .header-icons li svg path {
transition: fill 0.35s;
}
#header .header-icons li:first-of-type {
margin: 0 8px 0 0;
}
#header .header-icons li:last-of-type {
margin: 0 0 0 8px;
}
#header .header-icons li:hover svg path {
fill: var(--gold);
}
@media all and (max-width: 660px) {
#header .header-icons li {
margin: 0;
}
#header .header-icons li:first-of-type {
margin: 0;
}
#header .header-icons li.my-profile-icon, #header .header-icons li.my-selection-icon {
display: none;
}
#header .header-icons li { }
}
#header .header-menu {
position: fixed;
z-index: 2;
height: 85vh;
max-height: 775px;
width: 100%;
visibility: hidden;
pointer-events: none;
transform: translateY(-100%);
transition: all 0.7s;
}
@media all and (max-width: 1160px) {
#header .header-menu {
height: 69vh;
max-height: 620px;
}
}
@media all and (max-width: 960px) {
#header .header-menu {
height: 60vh;
max-height: 520px;
}
}
@media all and (max-width: 660px) {
#header .header-menu {
height: 100vh;
max-height: 100vh;
}
}
@media all and (max-height: 400px) {
#header .header-menu {
height: 100vh;
max-height: 100vh;
}
}
#header .header-menu > .menu-items {
background: #fff;
padding: 170px 0 0;
height: 100%;
overflow-y: auto;
}
#header .header-menu > .menu-items .header-icons {
display: none;
position: unset;
margin: 0 0 10px;
transform: none !important;
width: 100%; visibility: hidden;
pointer-events: none;
opacity: 0;
}
#header .header-menu > .menu-items .header-icons ul {
justify-content: center;
}
#header .header-menu > .menu-items .header-icons li:last-of-type {
margin: 0;
}
@media all and (max-width: 660px) {
#header .header-menu > .menu-items {
padding: 135px 0 0;
}
#header .header-menu > .menu-items .header-icons {
display: block;
}
}
#header .header-menu .menu-upper {
margin: 0 30px;
position: relative;
}
#header .header-menu .menu-upper .menu-lower {
display: none;
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper {
margin: 0 15px;
}
#header .header-menu .menu-upper .menu-lower {
display: block;
}
}
#header .header-menu .menu-upper:before, #header .header-menu .menu-upper:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 1px;
background: #d5d5d5;
transition: all 1s 0.8s;
}
#header .header-menu .menu-upper:before {
top: 0;
}
#header .header-menu .menu-upper:after {
bottom: 0;
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper:after {
display: none;
}
}
#header .header-menu .menu-upper > div {
width: 50%;
padding: 130px 8.33333%;
text-align: center;
}
@media all and (max-width: 1280px) {
#header .header-menu .menu-upper > div {
padding: 80px 30px;
}
}
@media all and (max-width: 1160px) {
#header .header-menu .menu-upper > div {
padding: 50px 30px;
}
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper > div {
width: 100%;
padding: 30px 0 0;
}
}
#header .header-menu .menu-upper > div:first-of-type {
position: relative;
}
#header .header-menu .menu-upper > div:first-of-type:after {
position: absolute;
top: 0;
right: 0;
content: "";
background: var(--medium-gray);
width: 1px;
height: 0;
transition: all 1s 0.8s;
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper > div:first-of-type:after {
display: none;
padding: 30px 0 0;
}
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper > div:nth-of-type(2) {
padding: 30px 0;
position: relative;
}
#header .header-menu .menu-upper > div:nth-of-type(2):after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 1px;
background: #d5d5d5;
transition: all 1s 0.8s;
}
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper > div:last-of-type {
padding: 30px 0;
}
#header .header-menu .menu-upper > div:last-of-type ul {
padding: 0;
}
}
#header .header-menu .menu-upper li {
overflow: hidden;
}
@media all and (max-width: 660px) {
#header .header-menu .menu-upper li {
margin: 0 0 3px;
}
}
#header .header-menu .menu-upper li > div {
transform: translateY(100%);
transition: all 0.5s;
}
#header .header-menu .menu-upper a {
display: inline-block;
}
#header .header-menu .menu-lower ul {
justify-content: center;
align-items: center;
padding: 30px 0;
}
#header .header-menu .menu-lower ul > li {
padding: 0px 10px;
opacity: 0;
border-right: 1px solid black;
transition: all 0.5s;
}
@media all and (max-width: 660px) {
#header .header-menu .menu-lower ul > li {
padding: 0 5px;
}
}
@media all and (max-width: 660px) {
#header .header-menu .menu-lower {
display: none;
}
}
#header .header-overlay {
position: fixed;
z-index: 1;
visibility: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #000;
opacity: 0;
transition: opacity 0.35s;
}
#header .header-search {
position: fixed;
top: 0;
left: 0;
z-index: 3;
visibility: hidden;
pointer-events: none;
transform: translateY(-100%);
transition: all 0.35s;
width: 100%;
background: #fff;
}
#header .header-search .search-content {
background: #fff;
height: 100%;
padding: 60px 8.33333%;
position: relative;
}
#header .header-search .search-content svg path,
#header .header-search .search-content svg rect {
transition: fill 0.35s;
-webkit-transition: fill 0.35s;
}
#header .header-search .search-content .close-search-icon {
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
@media all and (max-width: 660px) {
#header .header-search .search-content .close-search-icon {
width: 26px;
height: 26px;
}
}
#header .header-search .search-content .close-search-icon span:before, #header .header-search .search-content .close-search-icon span:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
background: #000;
transition: background 0.35s, -webkit-background 0.35s;
}
#header .header-search .search-content .close-search-icon span:after {
top: 11px;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
#header .header-search .search-content .close-search-icon span:before {
top: 11px;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
#header .header-search .search-content .close-search-icon:hover span:before, #header .header-search .search-content .close-search-icon:hover span:after {
background: var(--gold);
}
#header .header-search .search-content { }
#header .header-search .search-content form {
position: relative;
border-bottom: 1px solid var(--medium-gray);
}
#header .header-search .search-content form input {
display: block;
width: 100%;
font-size: 25px;
line-height: 30px;
}
@media all and (max-width: 1160px) {
#header .header-search .search-content form input {
font-size: 22px;
line-height: 27px;
}
}
@media all and (max-width: 660px) {
#header .header-search .search-content form input {
font-size: 20px;
line-height: 25px;
}
}
#header .header-search .search-content form input {
font-family: "Canela";
font-weight: 300;
font-style: normal;
color: #000;
padding: 13px 0;
}
#header .header-search .search-content form input:active {
background: #fff;
}
#header .header-search .search-content form div {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
cursor: pointer;
}
#header .header-search .search-content form div:hover svg path {
fill: var(--gold);
}
#header .header-search .search-content input::placeholder {
color: #000;
}
#header .header-search .search-content input::-moz-placeholder {
color: #000;
}
#header .header-search .search-content input::-ms-input-placeholder {
color: #000;
}
.open-search body {
overflow: hidden;
}
.open-search #header .header-overlay {
visibility: visible;
opacity: 0.5;
}
.open-search #header .header-search {
visibility: visible;
pointer-events: all;
transform: translateY(0);
}
.has-scrolled #villas-number {
color: black !important;
}
.has-scrolled #header:after {
transform: translateY(0);
}
.has-scrolled #header .header-tool {
transform: translateY(-20px);
}
@media all and (max-width: 960px) {
.has-scrolled #header .header-tool {
transform: translateY(-10px);
}
}
@media all and (max-width: 660px) {
.has-scrolled #header .header-tool {
transform: translateY(-15px);
}
}
.has-scrolled #header .header-logo {
transform: translate(-50%, -25px);
}
.has-scrolled #header .header-logo .logo__text path {
opacity: 0;
}
@media all and (max-width: 1160px) {
.has-scrolled #header .header-logo {
transform: translate(-50%, -20px);
}
}
@media all and (max-width: 960px) {
.has-scrolled #header .header-logo {
transform: translate(-50%, -6px);
}
}
@media all and (max-width: 660px) {
.has-scrolled #header .header-logo {
transform: translate(-50%, -10px);
}
}
.has-scrolled #header .header-icons {
transform: translateY(-30px);
}
@media all and (max-width: 960px) {
.has-scrolled #header .header-icons {
transform: translateY(-20px);
}
}
@media (hover: none) {
#header.reverse .header-tool:hover span:before, #header.reverse .header-tool:hover span:after {
background: #fff;
box-shadow: 0px 0px 10px rgb(0, 0, 0);
}
#header .header-tool:hover span:before, #header .header-tool:hover span:after {
background: #000;
}
}
.open-menu body {
overflow: hidden;
}
.open-menu #header svg path {
fill: #000;
}
.open-menu #header .header-logo {
position: fixed;
}
.open-menu #header .header-logo svg path {
fill: black;
}
.open-menu #header .header-logo .logo__text path {
opacity: 1;
}
.open-menu #header .header-tool:hover span:before, .open-menu #header .header-tool:hover span:after {
background: var(--gold);
}
.open-menu #header .header-tool span:before, .open-menu #header .header-tool span:after {
background: #000;
transition: top 0.5s 0s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s, background 0.35s, -webkit-background 0.35s;
}
.open-menu #header .header-tool span:before {
top: 17px;
transform: rotate(-45deg);
}
.open-menu #header .header-tool span:after {
top: 17px;
transform: rotate(45deg);
}
.open-menu #header .header-icons {
right: 23px;
}
@media all and (max-width: 660px) {
.open-menu #header .header-icons {
display: none;
}
}
.open-menu #header .header-menu {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(0);
}
@media all and (max-width: 660px) {
.open-menu #header .header-menu > .menu-items .header-icons {
visibility: visible;
pointer-events: all;
opacity: 1;
transition: opacity 0.35s 0.8s;
}
}
@media all and (max-width: 660px) {
.open-menu #header .header-menu .menu-upper > div:nth-of-type(2):after {
width: 100%;
}
}
.open-menu #header .header-menu .menu-upper:before, .open-menu #header .header-menu .menu-upper:after {
width: 100%;
}
.open-menu #header .header-menu .menu-upper > div:first-of-type:after {
height: 100%;
}
.open-menu #header .header-menu .menu-upper li > div {
transform: translateY(0);
}
.open-menu #header .header-menu .menu-upper li:first-of-type > div {
transition-delay: 0.9s;
}
.open-menu #header .header-menu .menu-upper li:nth-of-type(2) > div {
transition-delay: 1s;
}
.open-menu #header .header-menu .menu-upper li:nth-of-type(3) > div {
transition-delay: 1.1s;
}
.open-menu #header .header-menu .menu-upper li:nth-of-type(4) > div {
transition-delay: 1.2s;
}
.open-menu #header .header-menu .menu-upper li:last-of-type > div {
transition-delay: 1.3s;
}
.open-menu #header .header-menu .menu-lower > ul > li {
opacity: 1;
}
.open-menu #header .header-menu .menu-lower > ul > li:first-of-type {
transition-delay: 0.85s;
}
.open-menu #header .header-menu .menu-lower > ul > li:nth-of-type(2) {
transition-delay: 0.95s;
}
.open-menu #header .header-menu .menu-lower > ul > li:nth-of-type(3) {
transition-delay: 1.05s;
}
.open-menu #header .header-menu .menu-lower a {
opacity: 1;
}
.open-menu #header .header-overlay {
visibility: visible;
opacity: 0.5;
}
.page-template-template-my-selection #header .header-icons .my-selection-icon svg path {
fill: var(--gold);
}
.page-template-template-my-profile #header .header-icons .my-profile-icon svg path {
fill: var(--gold);
}
.header-wishlist-0 {
display: none;
}
.header-wishlist-1 {
display: none;
margin-top: 2px;
} #header #villas-number {
color: black;
} #header .header-wishlist-1 #villas-number {
color: white;
}
#footer {
padding: 0 30px 30px;
background: black;
color: white;
}
@media all and (max-width: 1580px) {
#footer {
padding-bottom: 100px;
}
}
@media all and (max-width: 960px) {
#footer {
padding: 0 15px 30px;
padding-bottom: 100px;
}
}
#footer .footer-upper {
border-top: 1px solid #000;
padding: 120px 0 60px;
color: white;
}
@media all and (max-width: 1160px) {
#footer .footer-upper {
padding: 120px 0 60px;
}
}
@media all and (max-width: 960px) {
#footer .footer-upper {
padding: 60px 0;
}
}
@media all and (max-width: 660px) {
#footer .footer-upper {
padding: 30px 0 15px;
}
}
#footer .footer-upper .flex {
margin: 0 -15px;
align-items: center;
}
@media all and (max-width: 960px) {
#footer .footer-upper .flex {
margin: 0 -7px;
}
}
@media all and (max-width: 660px) {
#footer .footer-upper .flex {
margin: 0;
}
}
#footer .footer-upper .col {
width: 33.3333333333%;
padding: 0 15px;
text-align: center;
}
@media all and (max-width: 960px) {
#footer .footer-upper .col {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
#footer .footer-upper .col {
width: 100%;
padding: 0 0 30px;
}
}
#footer .footer-upper li {
margin: 0 0 4.68px;
}
#footer .footer-upper a {
color: white;
}
#footer .footer-upper .col-2 div.h2 {
padding: 0 0 45px;
}
@media all and (max-width: 660px) {
#footer .footer-upper .col-2 {
order: 1;
padding: 0;
}
#footer .footer-upper .col-2 div.h2 {
padding: 0 15px 15px;
}
}
#footer .footer-lower {
margin: 0 -15px;
color: white;
}
@media all and (max-width: 960px) {
#footer .footer-lower {
margin: 0 -7px;
}
}
@media all and (max-width: 660px) {
#footer .footer-lower {
margin: 0;
}
}
#footer .footer-lower .footer-social {
justify-content: center;
align-items: center;
}
#footer .footer-lower .footer-social svg path {
transition: fill 0.35s;
fill: white;
}
#footer .footer-lower .footer-social > div {
padding: 0 15px;
}
@media all and (max-width: 960px) {
#footer .footer-lower .footer-social > div {
padding: 0 7px;
}
}
#footer .footer-lower .footer-social a {
display: inline-block;
transition: none;
color: white;
}
#footer .footer-lower .footer-social a:hover svg path {
fill: var(--gold);
}
#footer .footer-lower .footer-extra {
padding: 60px 0 0;
}
#footer .footer-lower .footer-extra .col {
width: 33.3333333333%;
text-align: center;
padding: 0 15px;
}
#footer .footer-lower .footer-extra a {
color: white;
}
@media all and (max-width: 960px) {
#footer .footer-lower .footer-extra .col {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
#footer .footer-lower .footer-extra {
padding: 30px 0 0;
}
#footer .footer-lower .footer-extra .col {
width: 100%;
margin: 0 0 5px;
padding: 0;
}
}
.page-home-top {
height: 820px;
position: relative;
}
@media all and (max-width: 960px) {
.page-home-top {
height: 600px;
}
}
.page-home-top-title {
position: absolute;
bottom: 117px;
text-align: center;
width: 100%;
}
.page-home-top-title h1 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 60px;
line-height: 75px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
color: white;
text-align: center;
}
@media all and (max-width: 960px) {
.page-home-top-title h1 {
font-size: 30px;
line-height: 40px;
text-align: center;
text-transform: capitalize;
}
}
.page-home-top-title h1 span {
font-family: Canela Trial;
font-weight: 300;
font-style: Light Italic;
font-size: 60px;
leading-trim: NONE;
line-height: 75px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
}
.page-home-top-filters {
display: block;
position: absolute;
width: 100%;
bottom: 20px;
}
@media all and (max-width: 1287px) {
.page-home-top-filters {
padding-left: 5px;
padding-right: 5px;
}
}
@media all and (max-width: 960px) {
.page-home-top-filters {
display: none;
}
}
.page-home-top-filters-inner {
align-items: center;
max-width: 1270px;
margin: 0 auto;
background: white;
border-radius: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 7.5px;
padding-right: 7.5px;
height: 50px;
display: flex;
gap: 5px;
}
.page-home-top-filters-inner :nth-child(3) {
border-right: none;
}
.page-home-top-filters-inner :nth-child(4) {
border-right: none;
}
.page-home-top-filters-inner-entry {
text-align: left;
width: 25%;
border-right: 1px solid black;
}
@media all and (max-width: 960px) {
.page-home-top-filters-inner-entry {
overflow: hidden;
}
}
.page-home-top-filters-inner-entry {
cursor: pointer;
}
.page-home-top-filters-inner-entry-location {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/1af4866f253618b6bf37.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: 20px 2px;
padding-left: 50px;
}
.page-home-top-filters-inner-entry-dates {
display: flex;
align-items: center;
padding-left: 5px;
}
.page-home-top-filters-inner-entry-dates input {
cursor: pointer;
flex: 2;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 12px 15px;
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 20px;
color: black;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
text-align: left;
}
.page-home-top-filters-inner-entry-dates span {
text-align: right;
flex: 1;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
}
.page-home-top-filters-inner-entry-bedrooms {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/e14097ebf76b92f5b1bd.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: 20px 4px;
padding-left: 50px;
}
.page-home-top-filters-inner-entry .select2-container {
width: 100%;
text-align: left;
transform: unset;
}
.page-home-top-filters-inner-entry select {
display: none;
}
.page-home-top-filters-inner-entry button {
background: black;
color: white;
width: 100%;
border: none;
height: 40px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
border-radius: 15px;
cursor: pointer;
transition: box-shadow 1s;
}
.page-home-top-filters-inner-entry button:hover {
box-shadow: 0px 0px 20px var(--gold);
}
.page-home-top-mobile-filters {
display: none;
bottom: 20px;
width: 100%;
z-index: 1;
transition: all 0.35s ease;
position: fixed;
}
@media all and (max-width: 960px) {
.page-home-top-mobile-filters {
display: block;
}
}
.page-home-top-mobile-filters-button {
box-shadow: 0px 0px 10px white;
align-items: center;
width: 310px;
margin: 0 auto;
min-width: 310px;
background: black;
color: white;
display: flex;
height: 25px;
padding: 10px 25px 10px 25px;
border-radius: 20px;
position: relative;
box-sizing: content-box;
z-index: 1;
}
.page-home-top-mobile-filters-button:hover {
cursor: pointer;
}
.page-home-top-mobile-filters-button-left {
flex: 1;
}
.page-home-top-mobile-filters-button-right {
text-align: right;
flex: 1;
}
.page-home-top-mobile-filters-button-right svg {
margin-top: 5px;
transform: rotate(0deg);
transition: transform 0.2s;
}
.page-home-top-mobile-filters-button.active svg {
transform: rotate(180deg);
}
.page-home-top-mobile-filters-dropdown {
position: fixed;
background: white;
width: 310px;
height: 300px;
z-index: 0;
transform-origin: bottom;
transform: scaleY(0);
border-radius: 15px;
padding: 10px;
padding-top: 25px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.page-home-top-mobile-filters-dropdown :nth-child(4) {
border: none;
}
.page-home-top-mobile-filters-dropdown-entry {
border-bottom: 1px solid #aaa;
padding-bottom: 15px;
height: 40px;
margin-bottom: 15px;
}
.page-home-top-mobile-filters-dropdown-entry-dates {
display: flex;
flex-direction: row;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 15px;
background-repeat: no-repeat;
background-position: 10px 1px;
align-items: center;
}
.page-home-top-mobile-filters-dropdown-entry-dates input {
cursor: pointer;
flex: 3;
background: transparent;
padding-left: 49px;
color: black;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
text-align: left;
}
.page-home-top-mobile-filters-dropdown-entry-dates span {
text-align: right;
flex: 1;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 10px;
line-height: 18px;
letter-spacing: 0%;
}
.page-home-top-mobile-filters-dropdown-entry-location {
cursor: pointer;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/1af4866f253618b6bf37.svg);
background-size: 22px;
background-repeat: no-repeat;
background-position: 8px 2px;
padding-left: 50px;
}
.page-home-top-mobile-filters-dropdown-entry-bedrooms {
cursor: pointer;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/e14097ebf76b92f5b1bd.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: 10px 4px;
padding-left: 50px;
}
.page-home-top-mobile-filters-dropdown-entry-button {
text-align: center;
}
.page-home-top-mobile-filters-dropdown-entry-button button {
margin-top: 15px;
cursor: pointer;
width: 111px;
padding-top: 3.5px;
padding-bottom: 3.5px;
border: 1px solid black;
background: white;
color: black;
border-radius: 20px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;
}
.page-home-top-mobile-filters-dropdown-entry-button button:hover {
background: black;
color: white;
}
.page-home-top-mobile-filters-dropdown .select2-container {
width: 100%;
text-align: left;
transform: unset;
z-index: 9999;
}
.page-home-top-mobile-filters-dropdown select {
display: none;
}
.page-home-top-mobile-filters.scrolled {
position: fixed;
bottom: 45px;
}
.page-home-about {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
@media all and (max-width: 960px) {
.page-home-about {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
}
}
.page-home-about-top-title {
margin-bottom: 20px;
}
.page-home-about-top-title h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 60px;
line-height: 75px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: capitalize;
}
@media all and (max-width: 960px) {
.page-home-about-top-title h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}
}
.page-home-about-top-text {
margin: 0 auto;
max-width: 700px;
}
@media all and (max-width: 960px) {
.page-home-about-top-text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
}
}
.page-home-about-top-text .the-read-more-toggle {
margin-top: 20px;
margin-bottom: 40px;
}
@media all and (max-width: 960px) {
.page-home-about-top-text .the-read-more-toggle {
margin-bottom: 10px;
margin-top: 10px;
}
}
.page-home-about-top-text .the-read-more-toggle svg {
width: auto;
height: 7px;
}
.page-home-about-top-text .the-read-more-label {
display: none;
}
.page-home-about-three {
display: flex;
max-width: 1350px;
margin: 0 auto;
gap: 50px;
flex-direction: row;
margin-top: 20px;
padding-bottom: 40px;
margin-bottom: 20px;
}
@media all and (max-width: 960px) {
.page-home-about-three {
flex-direction: column;
gap: 20px;
padding-bottom: 0px;
}
}
.page-home-about-three-column {
text-align: center;
max-width: 400px;
}
@media all and (max-width: 960px) {
.page-home-about-three-column {
max-width: unset;
}
}
.page-home-about-three-column h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 30px;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
margin-bottom: 15px;
}
@media all and (max-width: 960px) {
.page-home-about-three-column h2 {
font-size: 20px;
line-height: 23px;
}
}
.page-home-about-three-column p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
}
@media all and (max-width: 960px) {
.page-home-about-three-column p {
line-height: 18px;
text-align: center;
}
}
.page-home-about-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
width: 100%;
max-width: 1220px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
margin: 0 auto;
margin-bottom: 12px;
}
@media all and (max-width: 960px) {
.page-home-about-buttons {
flex-direction: column;
align-items: unset;
gap: 10px;
}
}
.page-home-collections {
background-color: #f5f3ec;
padding-top: 90px;
gap: 30px;
padding-bottom: 80px;
text-align: center;
}
@media all and (max-width: 960px) {
.page-home-collections {
padding-bottom: 30px;
padding-top: 30px;
}
}
.page-home-collections-title {
margin-bottom: 20px;
}
@media all and (max-width: 960px) {
.page-home-collections-title {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
}
.page-home-collections-title h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
text-align: center;
}
@media all and (max-width: 960px) {
.page-home-collections-title h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 30px;
}
}
.page-home-collections-text {
max-width: 640px;
margin: 0 auto;
margin-bottom: 30px;
}
@media all and (max-width: 960px) {
.page-home-collections-text {
padding-left: 5px;
padding-right: 5px;
display: none;
}
}
.page-home-collections-text p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
}
@media all and (max-width: 960px) {
.page-home-collections-text p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
text-align: center;
}
}
.page-home-collections-text .the-read-more-toggle {
margin-top: 20px;
margin-bottom: 40px;
}
.page-home-collections-text .the-read-more-toggle svg {
width: auto;
height: 7px;
}
.page-home-collections-text .the-read-more-label {
display: none;
}
.page-home-collections-slider {
margin-bottom: 50px;
margin-left: 5%;
width: calc(100vw - 5%);
overflow: hidden;
height: 470px;
}
@media all and (max-width: 960px) {
.page-home-collections-slider {
padding-left: 0px;
padding-right: 0px;
flex-direction: column;
margin-left: 0px;
width: 100%;
height: 376px;
}
}
.page-home-collections-slider .tease-collection {
padding-left: 15px;
padding-right: 15px;
}
@media all and (max-width: 960px) {
.page-home-collections-slider .tease-collection {
padding-left: 5px;
padding-right: 5px;
}
}
.page-home-collections-slider .tease-collection h2 {
text-transform: uppercase;
}
@media all and (max-width: 960px) {
.page-home-collections-button {
padding-left: 15px;
padding-right: 15px;
}
}
.page-home-signature-villas {
padding-top: 80px;
}
@media all and (max-width: 960px) {
.page-home-signature-villas {
padding-top: 40px;
}
}
.page-home-signature-villas-top {
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 0px;
max-width: calc(100vw - 5%);
margin-left: 5%;
}
@media all and (max-width: 960px) {
.page-home-signature-villas-top {
padding-right: 5px;
padding-left: 5px;
padding-right: 5px;
flex-direction: column;
margin: 0px;
width: 100%;
max-width: 100%;
}
}
.page-home-signature-villas-top-left {
flex: 1;
text-align: left;
}
.page-home-signature-villas-top-left h2 {
text-align: left;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
}
@media all and (max-width: 960px) {
.page-home-signature-villas-top-left h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
margin-bottom: 10px;
line-height: 32px;
letter-spacing: 0%;
}
}
.page-home-signature-villas-top-right {
flex: 1;
}
.page-home-signature-villas-top-right p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 19px;
text-align: left;
max-width: 780px;
}
@media all and (max-width: 960px) {
.page-home-signature-villas-top-right p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
}
}
.page-home-signature-villas-top-right-button {
max-width: 780px;
text-align: right;
padding-right: 5px;
}
@media all and (max-width: 960px) {
.page-home-signature-villas-top-right-button {
max-width: unset;
text-align: center;
content: "Signature Villas";
margin-bottom: 20px;
}
}
.page-home-signature-villas-slider {
margin-left: 5%;
width: calc(100vw - 5%);
overflow: hidden;
height: 450px;
}
@media all and (max-width: 960px) {
.page-home-signature-villas-slider {
padding-left: 0px;
padding-right: 0px;
flex-direction: column;
margin: 0px;
width: 100%;
}
}
.page-home-signature-villas-slider .tease-villa-2026 .heart {
top: 0px;
right: 0px;
padding-right: 20px;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 15px;
}
.page-home-signature-villas-slider .slick-list {
overflow: visible;
}
.page-home-signature-villas-slider .slick-slide {
padding-left: 15px;
padding-right: 15px;
}
@media all and (max-width: 960px) {
.page-home-signature-villas-slider .slick-slide {
padding-left: 0px;
padding-right: 0px;
margin: 0px;
}
}
.page-home-concierge {
margin: 130px 0;
width: 100%;
text-align: center;
display: flex;
height: 670px;
}
@media all and (max-width: 960px) {
.page-home-concierge {
flex-direction: column;
margin: 0px;
height: auto;
}
}
.page-home-concierge-left {
text-align: center;
width: 50%;
display: flex;
align-items: center;
}
@media all and (max-width: 960px) {
.page-home-concierge-left {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
}
.page-home-concierge-left-inner {
margin: 0 auto;
width: 540px;
height: 345px;
}
@media all and (max-width: 960px) {
.page-home-concierge-left-inner {
width: 100%;
height: auto;
margin-bottom: 30px;
text-align: center;
}
}
.page-home-concierge-left-inner h2 {
font-family: Canela;
font-weight: 300;
font-size: 60px;
line-height: 75px;
letter-spacing: 0;
margin-bottom: 20px;
text-align: left;
}
@media all and (max-width: 960px) {
.page-home-concierge-left-inner h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
}
}
.page-home-concierge-left-inner p {
font-family: Inter;
font-size: 13px;
line-height: 19px;
margin-bottom: 30px;
text-align: left;
}
@media all and (max-width: 960px) {
.page-home-concierge-left-inner p {
text-align: center;
}
}
@media all and (max-width: 960px) {
.page-home-concierge-left-inner-buttons {
padding-left: 10px;
padding-right: 10px;
}
}
.page-home-concierge-right {
background-size: cover;
background-position: center;
height: 670px;
width: 50%;
}
@media all and (max-width: 960px) {
.page-home-concierge-right {
width: 100%;
height: 272px;
}
}
.page-home-contact {
background: #d6c4a5;
padding-top: 80px;
padding-bottom: 80px;
}
@media all and (max-width: 960px) {
.page-home-contact {
padding-top: 30px;
padding-bottom: 30px;
}
}
.page-home-contact-inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 270px;
}
@media all and (max-width: 960px) {
.page-home-contact-inner {
flex-direction: column;
gap: 30px;
}
}
.page-home-contact-inner-left {
order: 1;
flex: 1;
max-width: 630px;
}
@media all and (max-width: 960px) {
.page-home-contact-inner-left {
order: 2;
max-width: unset;
}
}
.page-home-contact-inner-left img {
max-height: 350px;
min-width: 630px;
object-fit: cover;
}
@media all and (max-width: 960px) {
.page-home-contact-inner-left img {
max-height: unset;
min-width: 100%;
}
}
.page-home-contact-inner-right {
order: 2;
flex: 1;
text-align: center;
max-width: 700px;
}
@media all and (max-width: 960px) {
.page-home-contact-inner-right {
order: 1;
}
}
.page-home-contact-inner-right h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 35px;
}
@media all and (max-width: 960px) {
.page-home-contact-inner-right h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 15px;
}
}
.page-home-contact-inner-right p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 35px;
}
@media all and (max-width: 960px) {
.page-home-contact-inner-right p {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 15px;
}
}
.page-home-contact-inner-right-buttons {
display: flex;
gap: 35px;
margin: 0 auto;
align-self: center;
justify-content: center;
}
@media all and (max-width: 960px) {
.page-home-contact-inner-right-buttons {
flex-direction: column;
gap: 10px;
padding-left: 15px;
padding-right: 15px;
}
}
.page-home-beyond {
max-width: 1330px;
margin: 0 auto;
text-align: center;
padding-top: 120px;
padding-bottom: 140px;
}
@media all and (max-width: 960px) {
.page-home-beyond {
padding-bottom: 0px;
padding-top: 20px;
}
}
.page-home-beyond-top {
text-align: center;
margin-bottom: 50px;
}
@media all and (max-width: 960px) {
.page-home-beyond-top {
padding-left: 5px;
padding-right: 5px;
}
}
.page-home-beyond-top h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 60px;
line-height: 100%;
letter-spacing: 0%;
margin-bottom: 15px;
}
@media all and (max-width: 960px) {
.page-home-beyond-top h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 32px;
letter-spacing: 0%;
}
}
.page-home-beyond-top p {
max-width: 640px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
margin: 0 auto !important;
margin-bottom: 50px;
}
.page-home-beyond-columns {
display: flex;
gap: 50px;
}
.page-home-beyond-columns-column {
width: 410px;
}
@media all and (max-width: 960px) {
.page-home-beyond-columns-column {
width: 100%;
height: 513px;
}
}
.page-home-beyond-columns-column a {
height: 513px;
display: flex;
background-size: cover;
align-items: flex-start;
flex-direction: row;
justify-content: center;
}
.page-home-beyond-columns-column a :nth-child(3) {
background-position: center right -200px;
}
.page-home-beyond-columns-column a h3 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 30px;
margin-top: 45px;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: white;
border-bottom: 1px solid white;
}
.page-home-beyond-columns .slick-prev {
left: 25px;
}
.page-home-beyond-columns .slick-next {
right: 25px;
}
.page-home .slick-prev {
width: 25px;
height: 31px;
}
.page-home .slick-prev:before {
width: 25px;
height: 31px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/cd238c3e1d51ba49f869.svg);
}
.page-home .slick-next {
width: 25px;
height: 31px;
}
.page-home .slick-next:before {
width: 25px;
height: 31px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/7c6755364101c1ef2029.svg);
}
#select2-location-results .select2-results__option,
#select2-mlocation-results .select2-results__option {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/1af4866f253618b6bf37.svg) !important;
background-size: 20px;
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 30px !important;
}
#select2-bedrooms-results .select2-results__option,
#select2-mbedrooms-results .select2-results__option {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/e14097ebf76b92f5b1bd.svg) !important;
background-size: 20px;
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 30px !important;
}
.select2-container--open {
z-index: 999999;
}
.page-blog .category-tab .tab__title {
text-align: center;
padding: 23px 0;
border-top: 1px solid var(--light-gray);
border-bottom: 1px solid var(--light-gray);
}
@media all and (max-width: 1160px) {
.page-blog .category-tab .tab__title {
padding: 12px 0;
}
}
.page-blog .category-tab .tab__teases {
padding: 60px 0;
margin: 0 -15px;
}
.page-blog .category-tab .tab__teases > .banner {
width: 25%;
padding: 0 15px;
}
.page-blog .category-tab .tab__teases .teases {
width: 75%;
}
.page-blog .category-tab .tab__teases .teases > div {
width: 33.33333%;
padding: 0 15px;
}
.page-blog .category-tab .tab__teases .banner {
position: relative;
}
.page-blog .category-tab .tab__teases .banner > .bg-image {
width: 100%;
height: 100%;
}
.page-blog .category-tab .tab__teases .banner .banner-overlay {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 0;
background: #000;
opacity: 0.3;
width: calc(100% - 30px);
height: 100%;
}
.page-blog .category-tab .tab__teases .banner .banner__titles {
position: absolute;
bottom: 4.2vw;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 30px);
text-align: center;
}
.page-blog .category-tab .tab__teases .banner .banner__titles h2 {
padding: 0 0 15px;
color: #fff;
}
.page-blog .category-tab .tab__teases .banner .banner__titles > div {
justify-content: center;
align-items: center;
}
.page-blog .category-tab .tab__teases .banner .banner__titles > div a {
padding: 0 14px;
}
@media all and (max-width: 960px) {
.page-blog .category-tab .tab__teases .banner {
width: 100%;
}
.page-blog .category-tab .tab__teases .banner > .bg-image {
height: 20vh;
min-height: 200px;
}
.page-blog .category-tab .tab__teases .banner .banner__titles {
bottom: unset;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
}
@media all and (max-width: 960px) {
.page-blog .category-tab .tab__teases {
padding: 15px 0 60px;
margin: 0 -7px;
}
.page-blog .category-tab .tab__teases > .banner {
width: 100%;
padding: 0 7px 15px;
}
.page-blog .category-tab .tab__teases > .banner > .banner-overlay {
width: calc(100% - 14px);
height: calc(100% - 15px);
}
.page-blog .category-tab .tab__teases > .teases {
width: 100%;
}
.page-blog .category-tab .tab__teases > .teases > div {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.page-blog .category-tab .tab__teases {
margin: 0;
padding: 60px 0 30px;
}
.page-blog .category-tab .tab__teases > .banner {
padding: 0 0 15px;
}
.page-blog .category-tab .tab__teases > .banner > .banner-overlay {
width: 100%;
}
.page-blog .category-tab .tab__teases > .teases > div {
width: 100%;
padding: 0 0 30px;
}
}
.blog-categories .upper {
padding: 0 0 30px;
}
.blog-categories .lower {
padding: 0 0 90px;
}
@media all and (max-width: 960px) {
.blog-categories .lower {
padding: 0 0 60px;
}
}
.blog-categories .upper > .flex,
.blog-categories .lower > .flex {
padding: 0 30px;
margin: 0 -15px;
}
@media all and (max-width: 960px) {
.blog-categories .upper > .flex,
.blog-categories .lower > .flex {
padding: 0 15px;
margin: 0 -7px;
}
}
.blog-categories .lower .left {
order: 1;
}
.blog-categories .left {
width: 50%;
padding: 0 15px;
height: 100%;
}
@media all and (max-width: 960px) {
.blog-categories .left {
padding: 0 7px;
}
}
.blog-categories .right {
width: 50%;
display: flex;
flex-wrap: wrap;
}
.blog-categories .right > div:first-of-type {
width: 100%;
padding: 0 15px;
margin: 0;
height: fit-content;
}
.blog-categories .right > div {
width: 50%;
padding: 0 15px;
}
.blog-categories .right > div:nth-of-type(2), .blog-categories .right > div:nth-of-type(3) {
margin: auto 0 0;
}
@media all and (max-width: 960px) {
.blog-categories .right > div:first-of-type {
padding: 0 7px 7px;
}
.blog-categories .right > div {
padding: 0 7px;
}
.blog-categories .right > div .content {
align-items: flex-start;
}
.blog-categories .right > div .content > h2 {
width: 90%;
}
.blog-categories .right > div .content > div:last-of-type {
width: 10%;
text-align: right;
}
}
.page-archive-collections {
margin: 0 auto;
margin-top: 140px;
margin-bottom: 50px;
}
@media all and (max-width: 1840px) {
.page-archive-collections {
width: 100%;
padding: 0 20px;
}
}
@media all and (max-width: 960px) {
.page-archive-collections {
margin-top: 100px;
}
}
.page-archive-collections-header {
max-width: 1800px;
display: flex;
height: 600px;
margin: 0 auto;
align-items: center;
}
@media all and (max-width: 960px) {
.page-archive-collections-header {
width: 100%;
flex-direction: column;
height: auto;
}
}
.page-archive-collections-header-left {
width: 1100px;
height: 600px;
background-position: center;
background-size: cover;
}
@media all and (max-width: 960px) {
.page-archive-collections-header-left {
width: 100%;
height: 300px;
}
}
.page-archive-collections-header-right {
padding: 20px;
width: 700px;
background: #dae4ed;
height: 600px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
@media all and (max-width: 960px) {
.page-archive-collections-header-right {
width: 100%;
height: auto;
flex-direction: column;
padding: 40px;
}
}
.page-archive-collections-header-right-image img {
width: 216px;
height: 244px;
border-radius: 10px;
object-fit: cover;
margin-bottom: 20px;
}
@media all and (max-width: 1840px) {
.page-archive-collections-header-right-image img {
height: 144px;
}
}
.page-archive-collections-header-right-title {
font-family: Canela;
font-weight: 300;
font-size: 50px;
max-width: 500px;
line-height: 58px;
text-align: center;
margin-bottom: 30px;
}
@media all and (max-width: 1840px) {
.page-archive-collections-header-right-title {
font-size: 30px;
line-height: 38px;
}
}
.page-archive-collections-header-right-text {
text-align: left;
max-width: 500px;
font-family: Inter;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.page-collections-top {
height: 700px;
background-position: center;
background-size: cover;
}
@media all and (max-width: 960px) {
.page-collections-top {
height: 600px;
}
}
.page-collections-body {
text-align: center;
}
.page-collections-body-inner {
max-width: 1220px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
}
@media all and (max-width: 960px) {
.page-collections-body-inner {
padding-top: 40px;
padding-bottom: 0px;
}
}
.page-collections-body-inner-top {
display: flex;
align-items: flex-end;
margin-bottom: 40px;
}
@media all and (max-width: 960px) {
.page-collections-body-inner-top {
flex-direction: column;
margin-bottom: 10px;
align-items: center;
}
}
.page-collections-body-inner-top-left {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
text-align: left;
max-width: 600px;
margin-bottom: 10px;
}
@media all and (max-width: 960px) {
.page-collections-body-inner-top-left {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0px;
max-width: unset;
text-align: center;
}
}
.page-collections-body-inner-top-right {
max-width: 600px;
text-align: left;
margin-bottom: 30px;
}
@media all and (max-width: 960px) {
.page-collections-body-inner-top-right {
text-align: center;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
}
.page-collections-body-inner-collections {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 30px;
overflow: hidden;
}
@media all and (max-width: 960px) {
.page-collections-body-inner-collections {
flex-direction: column;
gap: 20px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
.page-collections-body-inner-collections .tease-collection {
width: 380px;
flex: 0 0 380px;
}
@media all and (max-width: 960px) {
.page-collections-body-inner-collections .tease-collection {
width: 100%;
flex: 100%;
}
}
.page-collections-body {
background: #f5f3ec;
}
.blog-menu {
padding: 0 30px 30px;
}
.blog-menu ul {
justify-content: center;
align-items: center;
}
.blog-menu li {
margin: 2px;
}
.blog-menu li a {
transition: background 0.35s;
}
.blog-menu li:hover a {
color: #fff;
background: var(--black);
border: 1px solid var(--black);
}
@media all and (max-width: 960px) {
.blog-menu {
padding: 0 15px 30px;
}
}
.page-blog-category .intro-title {
padding-bottom: 90px;
}
@media all and (max-width: 1160px) {
.page-blog-category .intro-title {
padding-bottom: 60px;
}
}
@media all and (max-width: 960px) {
.page-blog-category .intro-title {
padding-bottom: 30px;
}
}
.page-blog-category .category-teases > .flex {
margin: 0 -15px;
}
.page-blog-category .category-teases .tease--post {
width: 33.3333%;
padding: 0 15px 90px;
}
.page-blog-category .category-teases .tease--post div.flex {
bottom: 90px;
}
@media all and (max-width: 1160px) {
.page-blog-category .category-teases .tease--post {
padding: 0 15px 60px;
}
.page-blog-category .category-teases .tease--post div.flex {
bottom: 60px;
}
}
@media all and (max-width: 960px) {
.page-blog-category .category-teases > .flex {
margin: 0 -7px;
}
.page-blog-category .category-teases .tease--post {
width: 50%;
padding: 0 7px 30px;
}
.page-blog-category .category-teases .tease--post div.flex {
bottom: 30px;
}
}
@media all and (max-width: 660px) {
.page-blog-category .category-teases > .flex {
margin: 0;
}
.page-blog-category .category-teases .tease--post {
width: 100%;
padding: 0 0 30px;
}
}
.page-blog-category .blog-category-pagination svg path {
transition: fill 0.35s;
}
.page-blog-category .blog-category-pagination .prev__page a,
.page-blog-category .blog-category-pagination .next__page a {
display: inline-block;
}
.page-blog-category .blog-category-pagination .prev__page a:hover svg path,
.page-blog-category .blog-category-pagination .next__page a:hover svg path {
fill: var(--gold);
}
@media all and (max-width: 660px) {
.page-blog-category .blog-category-pagination .prev__page,
.page-blog-category .blog-category-pagination .next__page {
display: none;
}
}
.page-blog-category .blog-category-pagination > .flex {
align-items: center;
justify-content: space-between;
margin: 0 30px;
padding: 20px 0;
border-top: 1px solid #000;
}
@media all and (max-width: 1160px) {
.page-blog-category .blog-category-pagination > .flex {
padding: 12px 0;
}
}
@media all and (max-width: 960px) {
.page-blog-category .blog-category-pagination > .flex {
margin: 0 15px;
padding: 8px 0;
}
}
.page-blog-category .blog-category-pagination .pages ul {
align-items: center;
}
.page-blog-category .blog-category-pagination .pages ul li {
margin: 0 10px;
}
.page-blog-category .blog-category-pagination .pages ul a {
color: var(--gold);
}
.page-blog-category .blog-category-pagination .pages ul a:hover {
color: #000;
}
.page-blog-category .blog-category-pagination .pages ul span {
color: #000;
}
@media all and (max-width: 1160px) {
.type-post .intro-title {
padding: 0 16.66667% 30px;
}
}
@media all and (max-width: 660px) {
.type-post .intro-title {
padding: 0 15px 30px;
}
}
.type-post .post-category {
justify-content: center;
align-items: center;
}
.type-post .post-category a {
margin: 2px;
transition: background 0.35s;
}
.type-post .post-category a:hover {
background: var(--black);
border: 1px solid var(--black);
color: #fff;
}
.type-post .post-image {
padding: 30px 25% 0;
}
@media all and (max-width: 1160px) {
.type-post .post-image {
padding: 30px 16.66667% 0;
}
}
@media all and (max-width: 660px) {
.type-post .post-image {
padding: 30px 15px 0;
}
}
.type-post .post-content {
padding: 30px 25% 90px;
}
@media all and (max-width: 1160px) {
.type-post .post-content {
padding: 30px 16.66667% 60px;
}
}
@media all and (max-width: 660px) {
.type-post .post-content {
padding: 30px 15px;
}
}
.type-post .post-image h2,
.type-post .post-content h2 {
text-align: center;
padding: 60px 0;
font-size: 25px;
line-height: 30px;
}
@media all and (max-width: 1160px) {
.type-post .post-image h2,
.type-post .post-content h2 {
font-size: 22px;
line-height: 27px;
}
}
@media all and (max-width: 660px) {
.type-post .post-image h2,
.type-post .post-content h2 {
font-size: 20px;
line-height: 25px;
}
}
.type-post .post-image img,
.type-post .post-content img {
width: 100%;
}
.type-post .post-image p,
.type-post .post-content p {
padding: 0 !important;
}
.type-post .post-image a,
.type-post .post-content a {
color: var(--gold);
}
.type-post .post-image a:hover,
.type-post .post-content a:hover {
color: #000;
}
.type-post .post-image {
text-align: center;
}
.type-post .post-image img {
max-width: 700px;
}
.type-post .post-content .content > div {
max-width: 700px;
margin: 0 auto;
}
.type-post .post-extra {
align-items: center;
justify-content: space-between;
margin: 0 30px 30px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 30px 0;
}
.type-post .post-extra svg path {
transition: fill 0.35s;
}
.type-post .post-extra a {
display: inline-block;
}
.type-post .post-extra a:hover svg path {
fill: var(--gold);
}
.type-post .post-extra ul {
align-items: center;
}
.type-post .post-extra ul li {
padding: 0 15px;
}
@media all and (max-width: 1160px) {
.type-post .post-extra {
padding: 12px 0;
}
}
@media all and (max-width: 960px) {
.type-post .post-extra {
padding: 5px 0;
}
.type-post .post-extra svg {
width: 20px;
height: auto;
}
.type-post .post-extra ul li {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.type-post .post-extra {
margin: 0 15px 30px;
}
.type-post .post-extra ul li {
padding: 0 5px;
}
}
.type-post .post-more {
background: var(--light-gray);
}
.type-post .post-more > .more__title {
padding: 120px 0 30px;
text-align: center;
}
.type-post .post-more > .more__title-2 {
padding: 0 25% 90px;
text-align: center;
}
.type-post .post-more .more-posts {
padding: 0 0 90px;
}
.type-post .post-more .more-posts > .flex {
margin: 0 -15px;
}
.type-post .post-more .more-posts .tease--post {
width: 25%;
padding: 0 15px;
}
.type-post .post-more .back-news {
justify-content: center;
align-items: center;
padding: 0 0 60px;
}
@media all and (max-width: 1160px) {
.type-post .post-more .more-posts {
padding: 0 0 60px;
}
.type-post .post-more > .more__title {
padding: 90px 0 30px;
}
.type-post .post-more > .more__title-2 {
padding: 0 25% 60px;
}
}
@media all and (max-width: 960px) {
.type-post .post-more > .more__title {
padding: 60px 0 15px;
}
.type-post .post-more > .more__title-2 {
padding: 0 16.66667% 30px;
}
.type-post .post-more .more-posts {
padding: 0;
}
.type-post .post-more .more-posts > .flex {
margin: 0 -7px;
padding: 0 15px 90px !important;
}
.type-post .post-more .more-posts .tease--post {
width: unset;
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.type-post .post-more > .more__title-2 {
padding: 0 15px 30px;
}
.type-post .post-more > .more-posts .flex {
margin: 0;
padding: 0 0 60px !important;
}
.type-post .post-more > .more-posts .tease--post {
padding: 0;
}
.type-post .post-more > .more-posts .slick-slide {
padding: 0 15px;
}
}
.tease--post {
position: relative;
}
.tease--post .date {
padding: 10px 0;
}
.tease--post h2 {
padding: 20px 0 40px;
color: #000;
transition: color 0.35s;
}
@media all and (max-width: 660px) {
.tease--post h2 {
padding: 20px 0 35px;
}
}
.tease--post > a {
flex-direction: column;
height: 100%;
}
.tease--post > a .preview {
padding: 0 0 40px;
}
@media all and (max-width: 660px) {
.tease--post > a .preview {
padding: 0 0 30px;
}
}
.tease--post > div.flex {
position: absolute;
bottom: 0;
left: 15px;
}
.tease--post > div.flex a {
color: #fff;
transition: all 0.35s;
}
@media all and (max-width: 960px) {
.tease--post > div.flex {
left: 7px;
}
}
@media all and (max-width: 660px) {
.tease--post > div.flex {
bottom: 30px;
left: 0;
}
}
.post-social path {
fill: black;
}
.post-social:hover svg {
fill: black;
}
.page-about .intro-title {
padding: 0 33.3333333333% 90px;
}
@media all and (max-width: 960px) {
.page-about .intro-title {
padding: 0 25% 60px;
}
}
@media all and (max-width: 660px) {
.page-about .intro-title {
padding: 0 15px 30px;
}
}
.page-about > .bg-image {
height: 100vh;
min-height: 500px;
}
@media all and (max-width: 660px) {
.page-about > .bg-image {
height: 60vh;
min-height: 400px;
}
}
.page-about .about-story > h2 {
padding: 90px 0 0;
text-align: center;
}
.page-about .about-story > .story__title,
.page-about .about-story > .story__sub-title {
padding: 30px 25%;
text-align: center;
}
.page-about .about-story .story__sub-title > div {
max-width: 700px;
margin: 0 auto;
}
@media all and (max-width: 1160px) {
.page-about .about-story > h2 {
padding: 60px 0 0;
}
}
@media all and (max-width: 960px) {
.page-about .about-story > .story__title {
padding: 15px 8.33333% 0;
}
.page-about .about-story > .story__sub-title {
padding: 30px 16.66667% 0;
}
}
@media all and (max-width: 660px) {
.page-about .about-story > .story__title {
padding: 30px 15px 0;
}
.page-about .about-story > .story__sub-title {
padding: 30px 15px 0;
}
}
.page-about .text__blocks {
padding: 120px 0 90px;
}
.page-about .text__blocks .flex {
padding: 0 calc(8.33333% + 30px);
margin: 0 -15px;
}
.page-about .text__blocks .flex > div {
padding: 0 15px;
width: 33.33333%;
}
.page-about .text__blocks .flex > div > h2 {
padding: 0 0 30px;
}
.page-about .text__blocks .flex > div .block__text > div {
max-width: 700px;
margin: 0 auto;
}
@media all and (max-width: 1160px) {
.page-about .text__blocks {
padding: 90px 0;
}
}
@media all and (max-width: 960px) {
.page-about .text__blocks {
padding: 60px 0;
}
.page-about .text__blocks .flex {
padding: 0 8.33333%;
margin: 0;
}
.page-about .text__blocks .flex > div {
padding: 0 0 30px;
width: 100%;
}
.page-about .text__blocks .flex > div:last-of-type {
padding: 0;
}
.page-about .text__blocks .flex > div .block__text,
.page-about .text__blocks .flex > div .block__title {
text-align: center;
}
.page-about .text__blocks .flex > div .block__title {
padding: 0 0 15px;
}
}
@media all and (max-width: 660px) {
.page-about .text__blocks .flex {
padding: 0 15px;
}
}
.page-about .villas-extra {
background: var(--medium-gray);
}
.page-about .villas-extra .page-title {
padding-top: 90px;
}
.page-about .villas-extra .intro-title {
padding: 0 25% 90px;
}
.page-about .villas-extra .villas-extra-slider {
padding: 0 0 180px calc(8.33333% + 30px);
margin: 0 -15px;
}
@media all and (max-width: 1160px) {
.page-about .villas-extra .villas-extra-slider {
padding: 0 0 90px calc(8.33333% + 30px);
}
}
@media all and (max-width: 960px) {
.page-about .villas-extra .villas-extra-slider {
margin: 0 -7px;
padding: 0 0 90px 15px;
}
}
@media all and (max-width: 660px) {
.page-about .villas-extra .villas-extra-slider {
margin: 0;
padding: 0 0 60px;
}
}
@media all and (max-width: 960px) {
.page-about .villas-extra .page-title {
padding-top: 60px;
}
.page-about .villas-extra .intro-title {
padding: 0 16.66667% 60px;
}
}
@media all and (max-width: 660px) {
.page-about .villas-extra .intro-title {
padding: 0 15px 30px;
}
}
.page-about-beyond {
background: #f5f3ec;
}
.page-contact {
padding-top: 120px;
}
@media all and (max-width: 960px) {
.page-contact {
padding-top: 80px;
padding-bottom: 80px;
}
}
.page-contact #page-contact-map {
min-height: 570px;
}
@media all and (max-width: 960px) {
.page-contact #page-contact-map {
min-height: 500px;
}
}
.page-contact-info {
max-width: 1920px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding-top: 50px;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
margin-bottom: 80px;
line-height: 32px;
text-align: center;
}
@media all and (max-width: 960px) {
.page-contact-info {
padding-top: 30px;
margin-bottom: 40px;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
text-align: center;
}
}
.page-contact-info-left, .page-contact-info-center, .page-contact-info-right {
flex: 1;
text-align: center;
}
@media all and (max-width: 960px) {
.page-contact-info-left, .page-contact-info-right {
flex: 0 0 50%;
}
.page-contact-info-center {
flex: 0 0 100%;
order: 3;
margin-top: 20px;
}
.page-contact-info-left {
order: 1;
}
.page-contact-info-right {
order: 2;
}
}
@media all and (max-width: 960px) {
.page-contact-header {
padding-left: 10px;
padding-right: 10px;
}
}
.page-contact-header-title {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
leading-trim: NONE;
line-height: 58px;
letter-spacing: 0%;
text-align: center;
max-width: 950px;
margin: 0 auto;
margin-bottom: 10px;
}
@media all and (max-width: 960px) {
.page-contact-header-title {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 30px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
}
}
.page-contact-header-text {
max-width: 1000px;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 35px;
letter-spacing: 0%;
margin: 0 auto;
text-align: center;
text-align: center;
margin-bottom: 80px;
}
@media all and (max-width: 960px) {
.page-contact-header-text {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
leading-trim: NONE;
line-height: 25px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 30px;
}
}
.page-contact-form {
margin: 0 auto;
max-width: 900px;
margin-bottom: 50px;
}
@media all and (max-width: 960px) {
.page-contact-form {
margin-bottom: 40px;
}
}
@media all and (max-width: 960px) {
.page-contact-form {
padding-left: 27px;
padding-right: 27px;
}
}
@media all and (max-width: 960px) {
.page-contact-form .contact_form_title {
width: 100%;
}
}
@media all and (max-width: 960px) {
.page-contact-form .contact_form_name {
width: 100%;
}
}
@media all and (max-width: 960px) {
.page-contact-form .contact_form_surname {
width: 100%;
}
}
.page-contact-form #field_2_22 {
height: 0px;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.page-contact-form #field_2_21 {
width: 50%;
}
@media all and (max-width: 960px) {
.page-contact-form #field_2_21 {
width: 100%;
}
}
.page-contact-form #field_2_20 {
width: 50%;
}
@media all and (max-width: 960px) {
.page-contact-form #field_2_20 {
width: 100%;
}
}
.page-contact-form #field_2_7 {
width: 50%;
}
@media all and (max-width: 960px) {
.page-contact-form #field_2_7 {
width: 100%;
}
}
.page-contact-form #field_2_9 {
width: 50%;
}
@media all and (max-width: 960px) {
.page-contact-form #field_2_9 {
width: 100%;
}
}
.page-contact-form #field_2_11 {
width: 50%;
}
@media all and (max-width: 960px) {
.page-contact-form #field_2_11 {
width: 100%;
}
}
.page-contact-form #field_2_14 {
width: 50%;
}
@media all and (max-width: 960px) {
.page-contact-form #field_2_14 {
width: 100%;
}
}
.page-contact-form #field_2_19 {
display: none;
}
.page-contact-form #field_2_23 {
display: none;
}
.page-contact-form .select2-selection__arrow {
display: none;
}
.page-contact-form .ginput_container {
border-bottom: 1px solid black;
}
.page-contact-form .ginput_recaptcha {
border-bottom: none;
}
.page-contact-form .gform_footer {
padding: 0px;
}
.page-concierge-services {
background: var(--light-gray-new);
padding-bottom: 100px;
}
@media all and (max-width: 960px) {
.page-concierge-services {
padding-bottom: 0px;
}
}
.page-concierge-services-top {
text-align: center;
padding-top: 100px;
}
@media all and (max-width: 960px) {
.page-concierge-services-top {
padding-top: 30px;
}
}
.page-concierge-services-top h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
text-align: center;
text-align: center;
margin-bottom: 20px;
}
@media all and (max-width: 960px) {
.page-concierge-services-top h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 10px;
}
}
.page-concierge-services-top .main-text {
max-width: 900px;
margin: 0 auto;
}
@media all and (max-width: 960px) {
.page-concierge-services-top .main-text {
padding-left: 5px;
padding-right: 5px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
}
}
.page-concierge-services-inner {
max-width: 1200px;
margin: 0 auto;
padding-top: 100px;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner {
padding-left: 0px;
padding-right: 0px;
padding-top: 30px;
}
}
.page-concierge-services-inner-top {
margin-bottom: 50px;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-top {
margin-bottom: 0px;
}
}
.page-concierge-services-inner-top-inner {
margin: 0px;
gap: 50px;
display: flex;
justify-content: center;
gap: 50px;
flex-direction: row;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-top-inner {
flex-direction: column;
gap: 0px;
gap: 20px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
.page-concierge-services-inner-top .tease-service {
width: 370px;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-top .tease-service {
width: 100%;
}
}
.page-concierge-services-inner-middle {
margin: 0 auto;
text-align: center;
max-width: 1200px;
margin-bottom: 50px;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-middle {
max-width: unset;
max-width: 100%;
width: 100%;
max-width: 100%;
width: 100%;
margin-bottom: 0px;
}
}
.page-concierge-services-inner-middle-inner {
display: flex;
margin: 0px;
gap: 50px;
display: flex;
justify-content: center;
gap: 50px;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-middle-inner {
flex-direction: column;
gap: 0px;
gap: 20px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
.page-concierge-services-inner-middle .tease-service {
width: 370px;
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-middle .tease-service {
width: 50%;
}
}
@media all and (max-width: 960px) {
.page-concierge-services-inner-middle .tease-service {
width: 100%;
}
}
@media all and (max-width: 660px) {
.page-concierge-services-inner-bottom {
margin-bottom: 0px;
}
}
.page-concierge-services-inner-bottom-inner {
margin: 0px;
gap: 50px;
display: flex;
justify-content: center;
gap: 50px;
flex-direction: row;
}
@media all and (max-width: 660px) {
.page-concierge-services-inner-bottom-inner {
flex-direction: column;
gap: 0px;
gap: 20px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
.page-concierge-services-inner-bottom .tease-service {
width: 370px;
}
@media all and (max-width: 660px) {
.page-concierge-services-inner-bottom .tease-service {
width: 100%;
}
}
.page-concierge-services .text p {
text-align: center;
}
.tease--service .content,
.home-blog .blog-categories .content {
justify-content: space-between;
align-items: center;
padding: 15px 0 0;
}
.tease--service .content svg path,
.home-blog .blog-categories .content svg path {
transition: fill 0.35s;
}
.tease--service .content > div:hover svg path,
.home-blog .blog-categories .content > div:hover svg path {
fill: var(--gold);
}
@media all and (max-width: 960px) {
.tease--service .content svg,
.home-blog .blog-categories .content svg {
width: 20px;
height: auto;
}
}
.concierge-more {
background: var(--light-gray-new);
padding-top: 50px;
padding-bottom: 60px;
}
@media all and (max-width: 960px) {
.concierge-more {
padding-top: 40px;
padding-bottom: 0px;
}
}
.concierge-more-title h5 {
text-align: center;
}
.concierge-more-title h2 {
text-align: center;
font-size: 50px;
margin-bottom: 40px;
}
@media all and (max-width: 960px) {
.concierge-more-title h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
}
}
.concierge-more-slider {
display: flex;
gap: 50px;
margin: 0 auto;
justify-content: center;
}
@media all and (max-width: 1500px) {
.concierge-more-slider {
gap: 10px;
}
}
@media all and (max-width: 960px) {
.concierge-more-slider {
gap: 0px;
}
}
.concierge-more-slider .tease-service {
flex: 0 370px;
}
@media all and (max-width: 960px) {
.concierge-more-slider .tease-service {
flex: 0 100%;
height: 430px;
}
}
.concierge-more-slider .slick-prev {
width: 25px;
height: 31px;
left: 25px;
}
.concierge-more-slider .slick-prev:before {
width: 25px;
height: 31px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/cd238c3e1d51ba49f869.svg);
}
.concierge-more-slider .slick-next {
width: 25px;
height: 31px;
right: 25px;
}
.concierge-more-slider .slick-next:before {
width: 25px;
height: 31px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/7c6755364101c1ef2029.svg);
}
.concierge-more-button {
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
}
@media all and (max-width: 960px) {
.concierge-more-button {
padding-top: 20px;
padding-bottom: 20px;
}
}
.concierge-more-button a {
display: inline-block;
padding: 5px 16px;
height: auto;
}
.concierge-more .services-all {
justify-content: center;
align-items: center;
padding: 0 0 60px;
}
.concierge-more .services-all a {
padding: 0 22px;
}
.type-reservation h1 {
display: none;
}
.type-reservation .intro-text {
text-align: center;
padding: 0 calc(33.33333% + 60px) 60px;
}
@media all and (max-width: 1160px) {
.type-reservation .intro-text {
padding: 0 25% 60px;
}
}
@media all and (max-width: 660px) {
.type-reservation .intro-text {
padding: 0 15px 60px;
}
}
.type-reservation .reservation-tabs {
max-width: 1440px;
margin: 0 auto;
}
.type-reservation .icons {
align-items: center;
justify-content: center;
}
.type-reservation .icons .tab-icon {
position: relative;
width: 110px;
height: 110px;
border: 1px solid var(--light-gray);
margin: 5px;
border-radius: 50%;
text-align: center;
cursor: pointer;
transition: all 0.35s;
}
.type-reservation .icons .tab-icon svg path {
transition: fill 0.35s;
}
.type-reservation .icons .tab-icon .icon {
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
}
.type-reservation .icons .tab-icon .title {
line-height: 16px;
padding: 60px 0 0;
}
.type-reservation .icons .tab-icon:hover {
background: var(--gold);
color: #fff;
border: 1px solid var(--gold);
}
.type-reservation .icons .tab-icon:hover svg path {
fill: #fff;
}
.type-reservation .icons .tab-icon.active {
background: var(--gold);
color: #fff;
border: 1px solid var(--gold);
}
.type-reservation .icons .tab-icon.active svg path {
fill: #fff;
}
.type-reservation .tabs-content {
padding: 60px 0;
}
@media all and (max-width: 660px) {
.type-reservation .tabs-content {
padding: 30px 0;
}
}
.type-reservation .tab-content {
display: none;
}
.type-reservation .tab-content.active {
display: block;
}
.type-reservation .tab-content .tab-title {
text-align: center;
padding: 0 30px;
}
.type-reservation .tab-content .tab-text {
padding: 30px calc(25% + 60px) 60px;
text-align: center;
}
.type-reservation .tab-content .tab-text > div {
max-width: 700px;
margin: 0 auto;
}
.type-reservation .tab-content .service-policy-text ul {
text-align: left;
}
.type-reservation .tab-content .service-policy-text ul li {
font-size: 13px;
position: relative;
padding: 0 0 0 13px;
margin: 0 0 5px;
}
.type-reservation .tab-content .service-policy-text ul li:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: var(--gold);
}
@media all and (max-width: 1160px) {
.type-reservation .tab-content .tab-text {
padding: 30px calc(16.66667% + 60px) 60px;
}
}
@media all and (max-width: 960px) {
.type-reservation .tab-content .tab-text {
padding: 30px calc(8.33333% + 60px) 60px;
}
}
@media all and (max-width: 660px) {
.type-reservation .tab-content .tab-text {
padding: 30px 15px 30px;
}
}
.type-reservation .tab-lists {
padding: 0 16.66667%;
}
@media all and (max-width: 960px) {
.type-reservation .tab-lists {
padding: 0 8.33333%;
}
}
.type-reservation .list {
margin: 0 0 60px;
}
.type-reservation .list > .titles {
border-top: 1px solid var(--light-gray);
padding: 15px 0px;
color: var(--gold);
}
.type-reservation .list .col-1,
.type-reservation .list .col.title {
width: 62.5%;
}
.type-reservation .list .col-2,
.type-reservation .list .price-1 {
width: 25%;
margin: 0 0 0 auto;
}
.type-reservation .list .col-3,
.type-reservation .list .price-2 {
width: 12.5%;
}
.type-reservation .list .col.mobile {
display: none;
}
.type-reservation .list .list-selections .row {
border-top: 1px solid var(--light-gray);
padding: 10px 0;
}
.type-reservation .list .list-selections .title {
position: relative;
}
.type-reservation .list .list-selections .title > div {
width: fit-content;
}
.type-reservation .list .list-selections .title input {
display: none;
}
.type-reservation .list .list-selections .title input:checked + label:after {
transform: scale(1);
}
.type-reservation .list .list-selections .title label {
line-height: 24px;
padding: 0 0 0 40px;
display: block;
cursor: pointer;
}
.type-reservation .list .list-selections .title label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: var(--medium-gray);
border-radius: 50%;
}
.type-reservation .list .list-selections .title label:after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--gold);
transform: scale(0);
transition: transform 0.35s;
}
@media all and (max-width: 660px) {
.type-reservation .list .list-selections .title label {
padding: 0 0 0 30px;
}
}
@media all and (max-width: 1160px) {
.type-reservation .list > .titles {
padding: 12px 0;
}
}
@media all and (max-width: 660px) {
.type-reservation .list {
margin: 0 0 30px;
}
.type-reservation .list .titles .col-2,
.type-reservation .list .titles .col-3 {
display: none;
}
.type-reservation .list .col-1,
.type-reservation .list .col.title {
width: 100%;
}
.type-reservation .list .col.title {
margin: 0 0 15px;
}
.type-reservation .list .col-2 {
width: 100%;
}
.type-reservation .list .col-3 {
width: 100%;
}
.type-reservation .list .price-1,
.type-reservation .list .price-2 { display: none;
}
.type-reservation .list .col.mobile {
display: block;
width: 100%;
margin: 0 0 10px;
}
.type-reservation .list .col.mobile div {
color: var(--gold);
margin: 0 0 4px;
}
}
.type-reservation .selected-services-container {
background: var(--gold);
width: 66.6666666667%;
position: fixed;
bottom: 0;
transform: translateX(-50%);
left: 50%;
color: #fff;
max-width: 950px;
z-index: 1;
}
@media all and (max-width: 960px) {
.type-reservation .selected-services-container {
width: calc(100% - 30px);
}
}
.type-reservation .selected-services-container.is-active > .tab-title .arrow-down {
display: block;
}
.type-reservation .selected-services-container.is-active > .tab-title .arrow-up {
display: none;
}
.type-reservation .selected-services-container > .tab-title {
padding: 20px 15px;
justify-content: space-between;
align-items: center;
}
.type-reservation .selected-services-container > .tab-title .arrow-down {
display: none;
}
.type-reservation .selected-services-container > .tab-content {
padding: 0 20px 20px 20px;
}
@media all and (max-width: 960px) {
.type-reservation .selected-services-container > .tab-content {
padding: 0 15px 15px 15px;
}
}
.type-reservation .selected-services-container .gform_footer input {
display: block;
border: 1px solid #fff;
background: #fff;
border-radius: 13px;
color: var(--gold);
padding: 3px 0;
text-align: center;
min-width: 180px;
margin: -30px 0 0 auto;
cursor: pointer;
transition: all 0.35s;
}
.type-reservation .selected-services-container .gform_footer input:hover {
background: transparent;
color: #fff;
}
@media all and (max-width: 960px) {
.type-reservation .selected-services-container .gform_footer input {
margin: 5px 0 0 auto;
}
}
.type-reservation .selected-services-container .selected-services {
margin: 0 -5px;
overflow-y: auto;
padding: 0 0 60px;
}
.type-reservation .selected-services-container .selected-services > div {
margin: 5px;
border: 1px solid #fff;
transition: all 0.35s;
cursor: pointer;
}
.type-reservation .selected-services-container .selected-services > div:hover {
border: 1px solid #000;
}
.type-reservation .selected-services-container .selected-services > div > span {
display: block;
}
.type-reservation .selected-services-container .selected-services > div > span:last-of-type {
display: inline-block;
margin: 0 0 0 10px;
}
@media all and (max-width: 1160px) {
.type-reservation .selected-services-container .selected-services {
padding: 0 0 40px;
}
}
.page-my-selection .inquiry-container,
.type-villa .inquiry-container {
width: 33.3333333333%;
padding: 0 15px;
}
@media all and (max-width: 1160px) {
.page-my-selection .inquiry-container,
.type-villa .inquiry-container {
width: 50%;
}
}
@media all and (max-width: 960px) {
.page-my-selection .inquiry-container,
.type-villa .inquiry-container {
width: 75%;
}
}
@media all and (max-width: 660px) {
.page-my-selection .inquiry-container,
.type-villa .inquiry-container {
width: calc(100% - 30px);
}
}
.page-my-selection .inquiry-form,
.type-villa .inquiry-form {
background: #fff;
padding: 30px;
}
.page-my-selection .inquiry-form h2,
.type-villa .inquiry-form h2 {
color: var(--gold);
text-align: center;
padding: 0 0 30px;
}
.page-my-selection .inquiry-form .gform_footer,
.type-villa .inquiry-form .gform_footer {
padding-bottom: 0;
}
.page-my-selection .inquiry-form .gfield input,
.page-my-selection .inquiry-form .gfield textarea,
.type-villa .inquiry-form .gfield input,
.type-villa .inquiry-form .gfield textarea {
border-bottom: 1px solid var(--medium-gray);
border-bottom: none;
}
.page-my-selection .inquiry-form .select2-container--default,
.type-villa .inquiry-form .select2-container--default {
border-bottom: 1px solid var(--medium-gray);
border-bottom: none;
}
@media all and (max-width: 660px) {
.page-my-selection .inquiry-form,
.type-villa .inquiry-form {
padding: 15px;
}
}
.type-villa .inquiry-form {
padding: 0;
}
.page-my-selection {
background: var(--medium-gray);
}
.page-my-selection .intro-title {
padding-bottom: 20px;
}
@media all and (max-width: 960px) {
.page-my-selection .intro-title {
padding-bottom: 20px;
}
}
.page-my-selection > .flex:first-of-type {
margin: 0 -15px;
}
@media all and (max-width: 960px) {
.page-my-selection > .flex:first-of-type {
margin: 0 -7px;
}
}
@media all and (max-width: 660px) {
.page-my-selection > .flex:first-of-type {
margin: 0;
}
}
.page-my-selection .button-more {
padding: 30px 0;
}
@media all and (max-width: 960px) {
.page-my-selection .button-more {
padding: 30px 0;
}
}
@media all and (max-width: 660px) {
.page-my-selection .button-more {
padding: 30px 0;
}
}
.page-my-selection .gform_fields {
margin: 0;
}
@media all and (max-width: 1440px) {
.page-my-selection .inquiry-container {
width: 41.6666666667%;
}
}
@media all and (max-width: 1160px) {
.page-my-selection .inquiry-container {
width: 50%;
}
}
@media all and (max-width: 960px) {
.page-my-selection .inquiry-container {
width: 75%;
margin: 0 auto;
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.page-my-selection .inquiry-container {
width: 100%;
padding: 0;
}
}
.page-my-selection .my-selections-container {
width: 66.6666666667%;
margin: 0 !important;
}
.page-my-selection .my-selections-container .villa-slide {
width: 50%;
padding: 0 15px 30px;
display: flex;
flex-direction: column;
}
@media all and (max-width: 1160px) {
.page-my-selection .my-selections-container .villa-slide {
width: 100%;
}
}
@media all and (max-width: 960px) {
.page-my-selection .my-selections-container .villa-slide {
width: 50%;
padding: 0 7px 30px;
}
.page-my-selection .my-selections-container .villa-slide:last-of-type {
padding: 0 7px 60px;
}
}
@media all and (max-width: 660px) {
.page-my-selection .my-selections-container .villa-slide {
width: 100%;
padding: 0 0 30px;
}
.page-my-selection .my-selections-container .villa-slide:last-of-type {
padding: 0 0 60px;
}
}
@media all and (max-width: 1440px) {
.page-my-selection .my-selections-container {
width: 58.3333333333%;
}
}
@media all and (max-width: 1160px) {
.page-my-selection .my-selections-container {
width: 50%;
}
}
@media all and (max-width: 960px) {
.page-my-selection .my-selections-container {
width: 100%;
margin: 0 0 30px;
order: -1;
height: unset;
overflow-y: unset;
}
}
.page-my-selection .my-selections-container { }
.page-my-selection .my-selections-container .slick-track {
display: flex !important;
}
.page-my-selection .my-selections-container .my-selection-extra {
margin: auto 0 0;
padding: 15px 0 0;
align-items: center;
justify-content: space-between;
background: var(--medium-gray);
}
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type {
align-items: center;
cursor: pointer;
transition: all 0.35s;
}
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type svg circle,
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type svg path {
transition: all 0.35s;
}
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type:hover {
color: var(--gold);
}
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type:hover svg circle {
fill: var(--gold);
}
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type:hover svg text {
fill: #fff;
}
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type > div:first-of-type {
margin: 0 9px 0 0;
}
@media all and (max-width: 1160px) {
.page-my-selection .my-selections-container .my-selection-extra > div:first-of-type svg {
display: block;
width: 35px;
height: auto;
}
}
.checkiobox {
padding-top: 28px !important;
padding-left: 20px !important;
background: white !important;
width: 100% !important;
margin-bottom: 50px;
border: 1px solid #cccccc;
padding-bottom: 18px !important;
padding-right: 40px !important;
position: relative;
}
.checkiobox__in {
margin-bottom: 22px;
}
.checkiobox__in__top {
font-weight: bold;
margin-bottom: 5px;
}
.checkiobox__in__top img {
margin-right: 10px;
}
.checkiobox__in__bottom {
color: #ddd;
padding-left: 25px;
}
.checkiobox__out {
margin-bottom: 22px;
}
.checkiobox__out__top {
font-weight: bold;
margin-bottom: 5px;
}
.checkiobox__out__top img {
margin-right: 10px;
}
.checkiobox__out__bottom {
padding-left: 25px;
color: #333;
}
.checkiobox_box__total {
text-align: right;
color: #333;
position: absolute;
bottom: 20px;
right: 20px;
width: 200px;
height: 20px;
}
.gfield_visibility_hidden {
display: none;
}
#field_3_30 {
width: 40% !important;
margin: 0 !important;
padding: 20 !important;
margin-bottom: 19px !important;
}
#field_3_29 {
width: 55% !important;
padding: 0px;
margin-left: 5%;
margin-bottom: 5px;
}
#input_3_29 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
transition: 0s !important;
}
.page-my-selection .gfield input {
border-bottom: none !important;
}
#input_3_29 li {
padding: 0px;
transition: 0s !important;
}
#input_3_29 label:before {
border: none !important;
transition: 0s !important;
}
#input_3_29 label {
transition: 0s !important;
}
#input_3_29 input[type=checkbox]:not(:checked),
#input_3_29 input[type=checkbox]:checked {
position: absolute;
left: -9999%;
background-color: white;
transition: 0s !important;
}
#input_3_29 input[type=checkbox] + label {
padding: 18px;
cursor: pointer;
border: 1px solid #cccccc;
color: black;
background-color: white;
margin-bottom: 12px;
transition: 0s !important;
}
#input_3_29 input[type=checkbox]:checked + label {
color: white;
transition: 0s;
background-color: black;
}
.iti__flag-container {
padding: 10px;
background: white;
}
.gfield .iti input {
border: 0px;
padding: 10px;
}
.gfield .iti.iti--allow-dropdown input {
border: none !important;
}
#gform_confirmation_wrapper_3 {
margin-bottom: 10px;
}
.custom_gfield_checkbox [type=checkbox]:not(:checked),
.custom_gfield_checkbox [type=checkbox]:checked {
position: absolute;
left: -9999px;
}
.custom_gfield_checkbox [type=checkbox]:not(:checked) + label,
.custom_gfield_checkbox [type=checkbox]:checked + label {
position: relative;
padding-left: 40px;
cursor: pointer;
color: #333;
list-style: none !important;
list-style-type: none !important;
}
.custom_gfield_checkbox [type=checkbox]:not(:checked) + label:before,
.custom_gfield_checkbox [type=checkbox]:checked + label:before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 25px;
height: 25px;
background: #fff;
border-radius: 0px;
border: 1px solid #cccccc;
background-color: white;
outline: none;
list-style: none !important;
list-style-type: none !important;
}
.custom_gfield_checkbox [type=checkbox]:not(:checked) + label:after,
.custom_gfield_checkbox [type=checkbox]:checked + label:after {
content: "✓";
position: absolute;
top: 4px;
left: 4px;
font-size: 20px;
color: #334;
list-style: none !important;
list-style-type: none !important;
transition: 0s;
background: white;
}
.custom_gfield_checkbox [type=checkbox]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
list-style: none !important;
list-style-type: none !important;
}
.custom_gfield_checkbox [type=checkbox]:checked + label:after {
opacity: 1;
transform: scale(1);
}
#field_3_16,
#field_3_17 {
padding-left: 0px;
list-style: none !important;
list-style-type: none !important;
}
#field_3_28 {
padding: 0px;
}
#gform_submit_button_3 {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 40px;
height: auto !important;
margin-top: 50px;
}
#range_checkin {
display: none;
}
#myselectionrangepicker {
visibility: hidden;
height: 1px;
position: absolute;
color: black;
}
#range_checkin_text {
color: black;
cursor: pointer;
}
#range_checkout {
height: 1px;
position: absolute;
visibility: hidden;
color: black;
}
#range_checkout_text {
color: black;
cursor: pointer;
}
.inquiry_container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 800px;
margin: auto;
margin-top: 70px;
}
.inquiry_container_border {
padding: 50px 80px;
border: 1px solid #888;
margin-bottom: 110px;
border-radius: 5px;
}
@media (max-width: 767px) {
.inquiry_container_border {
margin: 10px;
margin-bottom: 100px;
}
}
.space-100 {
margin-top: 100px;
}
.custom_form_field {
padding: 17px !important;
background: white !important;
width: 100% !important;
margin-bottom: 20px !important;
border: 1px solid #cccccc;
}
.no-padding-top {
padding-top: 20px !important;
}
.our-villas-2026 {
margin-top: 160px;
}
@media all and (max-width: 960px) {
.our-villas-2026 {
margin-top: 100px;
}
}
.our-villas-2026-header h2 {
text-transform: capitalize;
}
@media all and (max-width: 960px) {
.our-villas-2026-header {
display: none;
}
}
.our-villas-2026-header .main-text {
max-width: 640px;
margin: 0 auto;
margin-bottom: 50px;
}
.our-villas-2026-header .main-text .the-read-more-toggle {
margin: 0 auto;
}
.our-villas-2026-header .main-text .the-read-more-label {
display: none;
}
.our-villas-2026-top {
margin: 0 auto;
margin: 0 auto;
display: flex;
gap: 20px;
width: 1810px;
}
@media all and (max-width: 1840px) {
.our-villas-2026-top {
width: 100%;
padding: 0 20px;
}
}
@media all and (max-width: 960px) {
.our-villas-2026-top {
flex-direction: column;
}
}
.our-villas-2026-top {
margin-bottom: 10px;
}
.our-villas-2026-top-left {
max-width: 320px;
width: 320px;
}
@media all and (max-width: 1840px) {
.our-villas-2026-top-left {
width: 20%;
}
}
@media all and (max-width: 960px) {
.our-villas-2026-top-left {
width: 100%;
}
}
.our-villas-2026-top-left h3 {
margin-bottom: 33px;
}
.our-villas-2026-top-right {
max-width: 1470px;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
}
@media all and (max-width: 1840px) {
.our-villas-2026-top-right {
width: 100%;
}
}
@media all and (max-width: 960px) {
.our-villas-2026-top-right {
display: none;
}
}
.our-villas-2026-top-right-sort {
position: relative;
width: 250px;
font-family: Arial, sans-serif;
cursor: pointer;
overflow: visible;
}
.our-villas-2026-top-right-sort-selected {
display: block;
padding: 12px 16px;
border: 1px solid black;
border-radius: 20px;
transition: 0.2s ease;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/0787d0db7f73eff9f01d.svg);
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: right 10px center;
}
.our-villas-2026-top-right-sort-dropdown {
position: absolute;
top: 110%;
left: 0;
width: 100%;
background: #fff;
border: 1px solid black;
border-radius: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
display: none;
border: 1px solid black;
z-index: 20;
display: none;
}
.our-villas-2026-top-right-sort-dropdown div {
padding: 12px 16px;
transition: 0.2s ease;
}
.our-villas-2026-top-right-sort-dropdown div:hover {
background: #f3f3f3;
}
.our-villas-2026-top-right-sort.active .our-villas-2026-top-right-sort-dropdown {
display: block;
}
.our-villas-2026-body {
margin: 0 auto;
display: flex;
gap: 20px;
width: 1810px;
margin-bottom: 90px;
}
@media all and (max-width: 1840px) {
.our-villas-2026-body {
width: 100%;
padding: 0 20px;
}
}
@media all and (max-width: 960px) {
.our-villas-2026-body {
flex-direction: column;
padding: 0 10px;
margin-bottom: 50px;
}
}
.our-villas-2026-body-left-mobile {
display: none;
}
@media all and (max-width: 960px) {
.our-villas-2026-body-left-mobile {
display: block;
}
}
.our-villas-2026-body-left-mobile-title {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 32px;
letter-spacing: 0%;
margin-bottom: 15px;
}
.our-villas-2026-body-left-mobile-button a svg {
transform: translate(0px, 5px);
margin-right: 10px;
}
.our-villas-2026-body-left-mobile-button a {
display: block;
background: black;
color: white;
border-radius: 20px;
font-family: Canela;
font-weight: 300;
height: 45px;
font-size: 18px;
line-height: 25px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 15px;
}
.our-villas-2026-body-left-mobile-clear {
padding-right: 28px;
vertical-align: middle;
text-align: right;
margin-bottom: 15px;
}
.our-villas-2026-body-left-mobile-clear a {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
}
.our-villas-2026-body-left-mobile-tags {
display: flex;
gap: 10px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.our-villas-2026-body-left-mobile-tags .tag {
border-radius: 23px;
border: 1px solid black;
padding-left: 14px;
padding-top: 5px;
height: 25px;
padding-bottom: 5px;
padding-right: 14px;
cursor: pointer;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 15px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}
.our-villas-2026-body-left-mobile-tags .tag:hover {
color: white;
background: black;
}
.our-villas-2026-body-left-mobile-sort {
display: flex;
width: 100%;
align-items: center;
}
.our-villas-2026-body-left-mobile-sort-left {
flex: 1;
}
.our-villas-2026-body-left-mobile-sort-right {
flex: 2;
text-align: right;
}
.our-villas-2026-body-left-mobile-sort-right-sort {
position: relative;
font-family: Arial, sans-serif;
cursor: pointer;
overflow: visible;
}
.our-villas-2026-body-left-mobile-sort-right-sort-selected {
display: block;
padding: 12px 25px;
transition: 0.2s ease;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/e900284af876da924ad5.svg);
background-repeat: no-repeat;
background-size: 10px 5px;
background-position: right 10px center;
}
.our-villas-2026-body-left-mobile-sort-right-sort-dropdown {
position: absolute;
top: 110%;
left: 0;
width: 100%;
background: #fff;
border: 1px solid black;
border-radius: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
display: none;
border: 1px solid black;
z-index: 20;
}
.our-villas-2026-body-left-mobile-sort-right-sort-dropdown div {
padding: 12px 16px;
transition: 0.2s ease;
}
.our-villas-2026-body-left-mobile-sort-right-sort-dropdown div:hover {
background: #f3f3f3;
}
.our-villas-2026-body-left-mobile-sort-right-sort.active .our-villas-2026-body-left-mobile-sort-right-sort-dropdown {
display: block;
}
.our-villas-2026-body-left {
width: 320px;
position: relative;
display: block;
width: 320px;
}
@media all and (max-width: 960px) {
.our-villas-2026-body-left {
display: none;
}
}
.our-villas-2026-body-left #villa-form.sticky-active {
position: fixed;
top: 100px;
width: 320px;
max-height: calc(100vh - 120px); overflow-y: auto; box-sizing: border-box; }
.our-villas-2026-body-left #villa-form.sticky-stop {
position: absolute;
bottom: 0;
top: auto;
max-height: none;
overflow-y: visible;
}
@media all and (max-width: 1840px) {
.our-villas-2026-body-left {
width: 20%;
}
}
@media all and (max-width: 960px) {
.our-villas-2026-body-left {
width: 100%;
}
}
.our-villas-2026-body-left-clear_filters {
margin-top: 12px;
margin-bottom: 25px;
}
.our-villas-2026-body-left-filter {
padding: 10px 20px;
border: 1.2px solid black;
border-radius: 20px;
margin-bottom: 15px;
}
.our-villas-2026-body-left-filter-top {
display: flex;
}
.our-villas-2026-body-left-filter-top-left {
flex: 1;
}
.our-villas-2026-body-left-filter-top-right {
flex: 1;
text-align: right;
}
.our-villas-2026-body-left-filter h3 {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 19px;
letter-spacing: 0%;
text-align: left;
margin-bottom: 13px;
}
.our-villas-2026-body-left-filter-dates {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right 10px center;
}
.our-villas-2026-body-left-filter-dates input {
text-align: left;
background: transparent;
width: 100%;
padding: 0px;
cursor: pointer;
}
.our-villas-2026-body-left-filter-dates input::placeholder {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
color: black;
line-height: 19px;
letter-spacing: 0%;
}
.our-villas-2026-body-left-filter .areas-show-more {
margin-top: 16px;
cursor: pointer;
}
.our-villas-2026-body-left-filter .areas-show-more .text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 12px;
line-height: 15px;
letter-spacing: 0%;
text-align: center;
}
.our-villas-2026-body-left-filter .areas-show-more .minus {
display: none;
}
.our-villas-2026-body-right {
width: 1470px;
margin: 0 auto;
}
@media all and (max-width: 1840px) {
.our-villas-2026-body-right {
width: 80%;
}
}
@media all and (max-width: 960px) {
.our-villas-2026-body-right {
width: 100%;
}
}
.our-villas-2026-body-right-inner {
display: flex !important;
flex-wrap: wrap;
gap: 30px;
}
@media all and (max-width: 960px) {
.our-villas-2026-body-right-inner {
gap: 20px;
}
}
.our-villas-2026-body-right .tease-villa-2026 {
flex: 0 0 calc((100% - 60px) / 3);
max-width: calc((100% - 60px) / 3);
}
@media all and (max-width: 960px) {
.our-villas-2026-body-right .tease-villa-2026 {
width: 100%;
max-width: unset;
}
}
.our-villas-2026-body-right .tease-villa-2026 .heart {
top: 0px;
right: 0px;
padding-right: 20px;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 15px;
}
.our-villas-2026-mobile-filters {
display: flex;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
background: white;
padding-top: 100px;
margin-top: 0px;
display: none;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
overflow-y: scroll;
z-index: 2;
}
.our-villas-2026-mobile-filters-top {
display: flex;
gap: 5px;
margin-bottom: 15px;
}
.our-villas-2026-mobile-filters-top-left {
flex: 1;
}
.our-villas-2026-mobile-filters-top-right {
flex: 1;
}
.our-villas-2026-mobile-filters-top a {
display: block;
text-align: left;
border: 1px solid black;
border-radius: 20px;
width: 100%;
padding: 10px 20px;
}
.our-villas-2026-mobile-filters-top a.black {
background: black;
color: white;
}
.our-villas-2026-mobile-filters-top a:hover {
background: black;
color: white;
}
.our-villas-2026-mobile-filters-dates {
border: 1px solid black;
margin-bottom: 15px;
border-radius: 20px;
padding: 20px 20px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right 10px center;
margin-bottom: 15px;
}
.our-villas-2026-mobile-filters-dates input {
text-align: left;
background: transparent;
width: 100%;
padding: 0px;
cursor: pointer;
}
.our-villas-2026-mobile-filters-dates input::placeholder {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
color: black;
line-height: 19px;
letter-spacing: 0%;
}
.our-villas-2026-mobile-filters-prices {
border: 1px solid black;
margin-bottom: 15px;
border-radius: 20px;
padding: 20px 20px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
}
.our-villas-2026-mobile-filters-entry {
border: 1px solid black;
margin-bottom: 15px;
border-radius: 20px;
padding: 20px 20px;
}
.our-villas-2026-mobile-filters-entry-top {
display: flex;
align-items: center;
}
.our-villas-2026-mobile-filters-entry-top-left {
flex: 1;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: left;
}
.our-villas-2026-mobile-filters-entry-top-right {
flex: 1;
padding-right: 10px;
text-align: right;
}
.our-villas-2026-mobile-filters-entry-top-right .plus {
display: block;
}
.our-villas-2026-mobile-filters-entry-top-right .minus {
display: none;
}
.our-villas-2026-mobile-filters-entry-bottom {
margin-top: 10px;
}
.our-villas-2026-mobile-filters-entry-bottom {
display: none;
}
.our-villas-2026-mobile-filters-entry.open .our-villas-2026-mobile-filters-entry-top-right .plus {
display: none;
}
.our-villas-2026-mobile-filters-entry.open .our-villas-2026-mobile-filters-entry-top-right .minus {
display: block;
}
.our-villas-2026-mobile-footer {
display: none;
position: fixed;
gap: 10px;
bottom: 0px;
width: 100%;
z-index: 1;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
height: 45px;
background: white;
}
@media all and (max-width: 960px) {
.our-villas-2026-mobile-footer {
display: flex;
vertical-align: middle;
}
}
.our-villas-2026-mobile-footer a {
display: block;
background: black;
color: white;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 16px;
border-radius: 15px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.our-villas-2026-mobile-footer-left {
flex: 1;
}
.our-villas-2026-mobile-footer-right {
flex: 1;
}
.buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.buttons a {
border: 1.2px solid black;
border-radius: 23px;
padding: 5px 14px;
font-weight: 400;
font-size: 12px;
line-height: 15px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}
.buttons a:hover {
background: black !important;
color: white;
}
.buttons .checkbox {
position: relative;
cursor: pointer;
}
.buttons .checkbox input {
position: absolute;
opacity: 0;
}
.buttons .checkbox span {
display: inline-block;
border: 1.2px solid black;
border-radius: 23px;
padding: 5px 14px;
font-weight: 400;
font-size: 12px;
line-height: 15px;
text-align: center;
vertical-align: middle;
transition: 0.2s ease;
}
@media (hover: hover) {
.buttons .checkbox:hover span {
background: black;
color: white;
}
}
.buttons .checkbox input:checked + span {
background: black;
color: white;
}
.checkboxes label {
overflow: hidden;
display: flex;
align-items: center;
margin-bottom: 8px;
cursor: pointer;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 12px;
line-height: 15px;
letter-spacing: 0%;
text-align: center;
max-height: 100px;
opacity: 1;
padding-top: 0;
padding-bottom: 0;
transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
}
.checkboxes-hidden {
max-height: 0 !important;
opacity: 0 !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.checkboxes input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
border: 1.7px solid black;
border-radius: 0px;
margin-right: 8px;
position: relative;
cursor: pointer;
}
.checkboxes input[type=checkbox]:checked::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 11px;
height: 11px;
background: black;
border-radius: 0px;
}
.price-slider-top {
width: 100%;
display: flex;
padding: 10px;
}
.price-slider-top-left {
flex: 1;
}
.price-slider-top-middle {
flex: 1;
text-align: center;
}
.price-slider-top-right {
flex: 1;
text-align: right;
}
.price-slider-bottom {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.price-slider-bottom .noUi-target {
border: none;
box-shadow: none;
background: rbga(0, 0, 0, 1);
height: 5px;
}
.price-slider-bottom .noUi-connect {
background: #000;
}
.price-slider-bottom .noUi-handle {
width: 15px !important;
height: 15px !important;
border-radius: 100%;
background: #000;
border: none;
box-shadow: none;
top: -5px;
transform: translate(-10px, 0);
}
.price-slider-bottom .noUi-handle:before,
.price-slider-bottom .noUi-handle:after {
display: none;
}
.open-inquiry body {
overflow: hidden;
}
.open-inquiry .type-villa .inquiry {
visibility: visible;
pointer-events: all;
}
.open-inquiry .type-villa .inquiry .gform_confirmation_message {
padding: 0 0 30px;
}
.open-inquiry .type-villa .inquiry .inquiry-container {
opacity: 1;
transition: all 0.35s 0.35s;
}
.open-inquiry .type-villa .inquiry .overlay {
opacity: 0.5;
}
.open-inquiry .type-villa .inquiry .inquiry-form {
position: relative;
}
.open-inquiry .type-villa .inquiry .inquiry-form .villa-price {
position: absolute;
bottom: 0;
right: 30px;
}
.type-villa .marker,
.page-template-template-our-villas .tease-villa-marker,
.home .tease-villa-marker {
text-align: center;
position: relative;
}
.type-villa .marker .tease--villa__info--marker + h2,
.page-template-template-our-villas .tease-villa-marker .tease--villa__info--marker + h2,
.home .tease-villa-marker .tease--villa__info--marker + h2 {
padding: 0 10px 10px;
}
.type-villa .marker a,
.page-template-template-our-villas .tease-villa-marker a,
.home .tease-villa-marker a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.type-villa .marker img,
.page-template-template-our-villas .tease-villa-marker img,
.home .tease-villa-marker img {
width: 100%;
}
.type-villa .marker .h5,
.page-template-template-our-villas .tease-villa-marker .h5,
.home .tease-villa-marker .h5 {
padding: 15px 10px 10px;
}
.type-villa .marker h2,
.page-template-template-our-villas .tease-villa-marker h2,
.home .tease-villa-marker h2 {
transition: color 0.35s;
}
.type-villa .marker .bedrooms-guests,
.page-template-template-our-villas .tease-villa-marker .bedrooms-guests,
.home .tease-villa-marker .bedrooms-guests {
padding: 5px 0 15px;
display: flex;
align-items: center;
justify-content: center;
}
.type-villa .marker .bedrooms-guests > span,
.page-template-template-our-villas .tease-villa-marker .bedrooms-guests > span,
.home .tease-villa-marker .bedrooms-guests > span {
margin: 0 5px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
}
.type-villa .marker:hover h2,
.page-template-template-our-villas .tease-villa-marker:hover h2,
.home .tease-villa-marker:hover h2 {
color: var(--gold);
}
.type-villa .inquiry {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
pointer-events: none;
visibility: hidden;
}
.type-villa .inquiry .inquiry-container {
padding: 0;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 60px 30px 30px;
opacity: 0;
transition: all 0.35s;
overflow: auto;
height: 80%;
max-height: 700px;
}
@media all and (max-width: 1440px) {
.type-villa .inquiry .inquiry-container {
width: 41.6666666667%;
}
}
@media all and (max-width: 1160px) {
.type-villa .inquiry .inquiry-container {
width: 50%;
height: 90%;
}
}
@media all and (max-width: 960px) {
.type-villa .inquiry .inquiry-container {
width: 75%;
}
}
@media all and (max-width: 660px) {
.type-villa .inquiry .inquiry-container {
padding: 30px 15px;
width: calc(100% - 30px);
height: calc(100% - 30px);
}
}
.type-villa .inquiry .close-form {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 6px;
right: 6px;
cursor: pointer;
}
.type-villa .inquiry .close-form svg rect {
transition: fill 0.35s;
}
.type-villa .inquiry .close-form:hover svg rect {
fill: var(--gold);
}
.type-villa .inquiry .overlay {
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: -1;
position: relative;
transition: all 0.35s;
}
.type-villa .inquiry .gform_footer {
padding: 30px 0 0;
}
.type-villa .villa-hero {
position: relative;
}
.type-villa .villa-hero .bg-image {
height: 100vh;
}
.type-villa .villa-hero .villa-big-img .slick-slide > div {
height: 100vh;
}
.type-villa .villa-hero .villa-big-img .slick-slide > div > .bg-image {
height: 100%;
}
.type-villa .villa-hero .villa-big-img .slick-prev {
width: 40px;
height: 40px;
left: 23px;
transform: translateY(-50%);
top: 50%;
bottom: unset;
z-index: 1;
}
.type-villa .villa-hero .villa-big-img .slick-prev:before {
width: 30px;
height: 30px;
content: "";
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/158f110ac542f584ea66.svg) no-repeat center;
background-size: cover;
margin: 0 auto;
transform: scale(0.75);
}
.type-villa .villa-hero .villa-big-img .slick-prev:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: #fff;
z-index: -1;
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .villa-big-img .slick-prev {
left: 7px;
width: 30px;
height: 30px;
}
.type-villa .villa-hero .villa-big-img .slick-prev:before {
width: 25px;
height: 25px;
}
.type-villa .villa-hero .villa-big-img .slick-prev { }
}
.type-villa .villa-hero .villa-big-img .slick-next {
width: 40px;
height: 40px;
right: 23px;
left: unset;
transform: translateY(-50%);
top: 50%;
bottom: unset;
z-index: 1;
}
.type-villa .villa-hero .villa-big-img .slick-next:before {
width: 30px;
height: 30px;
content: "";
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/928b4f4f331c919885b0.svg) no-repeat center;
background-size: cover;
margin: 0 auto;
transform: scale(0.75);
}
.type-villa .villa-hero .villa-big-img .slick-next:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: #fff;
z-index: -1;
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .villa-big-img .slick-next {
right: 7px;
width: 30px;
height: 30px;
}
.type-villa .villa-hero .villa-big-img .slick-next:before {
width: 25px;
height: 25px;
}
.type-villa .villa-hero .villa-big-img .slick-next { }
}
.type-villa .villa-hero .villa-short-info {
position: absolute;
z-index: 1;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
max-width: 1360px;
width: calc(100% - 60px);
}
.type-villa .villa-hero .villa-short-info > div {
align-items: center;
background: #fff;
padding: 10px 10px 10px 30px;
border-radius: 35px;
}
.type-villa .villa-hero .villa-short-info > div .short-title {
width: 25%;
border-right: 1px solid var(--medium-gray);
padding: 0 5px 0 0;
}
@media all and (max-width: 1160px) {
.type-villa .villa-hero .villa-short-info > div .short-title {
width: 30%;
}
}
.type-villa .villa-hero .villa-short-info > div .villa-included {
border-right: 1px solid var(--medium-gray);
position: relative;
width: 15%;
padding: 0 10px;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
@media all and (max-width: 1160px) {
.type-villa .villa-hero .villa-short-info > div .villa-included {
width: 13%;
}
}
.type-villa .villa-hero .villa-short-info > div .villa-included .included-texts {
position: absolute;
top: calc(100% + 25px);
left: 0;
width: 200%;
background: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.35s;
max-height: 140px;
overflow: auto;
}
.type-villa .villa-hero .villa-short-info > div .villa-included .included-texts ul {
padding: 15px;
}
.type-villa .villa-hero .villa-short-info > div .villa-included .included-texts { }
.type-villa .villa-hero .villa-short-info > div .villa-included span:last-of-type {
transition: transform 0.35s;
}
.type-villa .villa-hero .villa-short-info > div .villa-included.active .included-texts {
opacity: 1;
visibility: visible;
}
.type-villa .villa-hero .villa-short-info > div .villa-included.active span:last-of-type {
transform: rotate(-45deg);
transform-origin: center;
}
.type-villa .villa-hero .villa-short-info > div .villa-checkin {
width: 10.5%;
padding: 0 10px;
border-right: 1px solid var(--medium-gray);
position: relative;
}
.type-villa .villa-hero .villa-short-info > div .villa-checkin:after {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/8a9bd23eff9f54927436.svg) no-repeat center;
background-size: cover;
width: 10px;
height: 5px;
content: "";
}
.type-villa .villa-hero .villa-short-info > div .villa-checkin > input {
font: inherit;
cursor: pointer;
width: 100%;
}
@media all and (max-width: 1160px) {
.type-villa .villa-hero .villa-short-info > div .villa-checkin {
width: 12.5%;
}
}
.type-villa .villa-hero .villa-short-info > div .villa-checkout {
width: 10.5%;
padding: 0 10px;
border-right: 1px solid var(--medium-gray);
position: relative;
}
.type-villa .villa-hero .villa-short-info > div .villa-checkout:after {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/8a9bd23eff9f54927436.svg) no-repeat center;
background-size: cover;
width: 10px;
height: 5px;
content: "";
}
.type-villa .villa-hero .villa-short-info > div .villa-checkout > input {
font: inherit;
cursor: pointer;
width: 100%;
}
@media all and (max-width: 1160px) {
.type-villa .villa-hero .villa-short-info > div .villa-checkout {
width: 12.5%;
}
}
.type-villa .villa-hero .villa-short-info > div .villa-price {
width: fit-content;
padding: 0 10px;
align-items: center;
}
.type-villa .villa-hero .villa-short-info > div .villa-price .nights {
margin: 0 10px 0 0;
}
.type-villa .villa-hero .villa-short-info > div .villa-inquiry {
width: 12.5%;
margin: 0 0 0 auto;
}
.type-villa .villa-hero .villa-short-info > div .villa-inquiry > div {
width: 100%;
height: 40px;
background: var(--gold);
border-radius: 25px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
transition: all 0.35s;
}
.type-villa .villa-hero .villa-short-info > div .villa-inquiry > div:hover {
background: #000;
color: #fff;
}
@media all and (max-width: 1160px) {
.type-villa .villa-hero .villa-short-info > div .villa-inquiry > div {
height: 30px;
font-size: 11px;
line-height: 14px;
}
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .villa-short-info {
display: none !important;
}
}
.type-villa .villa-hero .villa-short-info-mobile {
display: none !important;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
width: 61.66667%;
background: #fff;
border-radius: 25px;
padding: 10px 5px 10px 20px;
cursor: pointer;
z-index: 1;
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .villa-short-info-mobile {
padding: 8px 5px 8px 20px;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-hero .villa-short-info-mobile {
width: calc(100% - 30px);
padding: 10px 5px 10px 20px;
}
}
.type-villa .villa-hero .villa-short-info-mobile.is-active .to-open-button.arrow-up {
display: none;
}
.type-villa .villa-hero .villa-short-info-mobile.is-active .to-open-button.arrow-down {
display: flex;
}
.type-villa .villa-hero .villa-short-info-mobile:hover .to-open-button {
background: #000;
}
.type-villa .villa-hero .villa-short-info-mobile > .tab-content {
display: none;
}
.type-villa .villa-hero .villa-short-info-mobile > .tab-title {
align-items: center;
justify-content: space-between;
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown > div {
border-bottom: 1px solid var(--medium-gray);
padding: 10px 0;
width: calc(100% - 10px);
}
@media all and (max-width: 660px) {
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown > div {
padding: 14px 0;
}
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-included > div:first-of-type {
margin: 0 0 5px;
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry {
width: 50%;
border: none;
margin: 0 auto;
padding: 30px 0 60px;
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry {
padding: 20px 0;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry {
padding: 30px 0 60px;
}
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry > div {
height: 30px;
background: var(--gold);
border-radius: 25px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
cursor: pointer;
transition: all 0.35s;
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-inquiry > div:hover {
background: #000;
color: #fff;
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-price .nights {
margin: 0 10px 0 0;
}
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-checkin input,
.type-villa .villa-hero .villa-short-info-mobile .big-dropdown .villa-checkout input {
width: 100%;
}
.type-villa .villa-hero .villa-short-info-mobile .to-open-button {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gold);
border-radius: 50%;
cursor: pointer;
transition: all 0.35s;
}
.type-villa .villa-hero .villa-short-info-mobile .to-open-button svg path {
fill: #fff;
}
.type-villa .villa-hero .villa-short-info-mobile .to-open-button svg {
line-height: 0;
}
.type-villa .villa-hero .villa-short-info-mobile .to-open-button.arrow-down {
display: none;
}
.type-villa .villa-hero .villa-short-info-mobile .villa-dates {
align-items: center;
}
.type-villa .villa-hero .villa-short-info-mobile .villa-dates > div {
width: 50%;
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .villa-short-info-mobile {
display: block !important;
}
}
.type-villa .villa-hero .show-gallery {
position: absolute;
bottom: 100px;
right: 30px;
}
@media all and (min-width: 1771px) {
.type-villa .villa-hero .show-gallery {
bottom: 49px;
}
}
@media all and (max-width: 960px) {
.type-villa .villa-hero .show-gallery {
bottom: 75px;
right: 15px;
}
}
.type-villa .villa-hero .show-gallery .gallery-text > div {
color: #fff;
align-items: center;
transition: color 0.35s;
}
@media all and (max-width: 660px) {
.type-villa .villa-hero .show-gallery .gallery-text > div {
font-size: 12px;
line-height: 15px;
}
}
.type-villa .villa-hero .show-gallery .gallery-text > div > span {
display: block;
margin: 0 0 0 10px;
line-height: 0;
}
.type-villa .villa-hero .show-gallery .gallery-text > div > span svg path {
transition: fill 0.35s;
}
.type-villa .villa-hero .show-gallery .gallery-text > div:hover {
color: var(--gold);
}
.type-villa .villa-hero .show-gallery .gallery-text > div:hover svg path {
fill: var(--gold);
}
.type-villa .villa-hero .show-gallery img {
display: none !important;
}
.type-villa .villa-gallery-slider {
margin: 2px 0 0;
}
.type-villa .villa-gallery-slider .slick-prev {
width: 40px;
height: 40px;
left: 23px;
transform: translateY(-50%);
top: 50%;
bottom: unset;
z-index: 1;
}
.type-villa .villa-gallery-slider .slick-prev:before {
width: 30px;
height: 30px;
content: "";
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/158f110ac542f584ea66.svg) no-repeat center;
background-size: cover;
margin: 0 auto;
transform: scale(0.75);
}
.type-villa .villa-gallery-slider .slick-prev:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: #fff;
}
@media all and (max-width: 960px) {
.type-villa .villa-gallery-slider .slick-prev {
left: 7px;
width: 30px;
height: 30px;
}
.type-villa .villa-gallery-slider .slick-prev:before {
width: 25px;
height: 25px;
}
.type-villa .villa-gallery-slider .slick-prev { }
}
.type-villa .villa-gallery-slider .slick-next {
width: 40px;
height: 40px;
right: 23px;
left: unset;
transform: translateY(-50%);
top: 50%;
bottom: unset;
z-index: 1;
}
.type-villa .villa-gallery-slider .slick-next:before {
width: 30px;
height: 30px;
content: "";
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/928b4f4f331c919885b0.svg) no-repeat center;
background-size: cover;
margin: 0 auto;
transform: scale(0.75);
}
.type-villa .villa-gallery-slider .slick-next:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: #fff;
z-index: -1;
}
@media all and (max-width: 960px) {
.type-villa .villa-gallery-slider .slick-next {
right: 7px;
width: 30px;
height: 30px;
}
.type-villa .villa-gallery-slider .slick-next:before {
width: 25px;
height: 25px;
}
.type-villa .villa-gallery-slider .slick-next { }
}
.type-villa .villa-gallery-slider { }
.type-villa .villa-gallery-slider .slide-img {
line-height: 0 !important;
display: block !important;
height: 100%;
position: relative;
}
.type-villa .villa-gallery-slider .slide-img .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0;
transition: opacity 0.25s;
}
.type-villa .villa-gallery-slider .slide-img .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.type-villa .villa-gallery-slider .slide-img .icon > div {
overflow: hidden;
}
.type-villa .villa-gallery-slider .slide-img .icon > div > svg {
display: block;
transform: translateY(100%);
transition: transform 0.2s;
}
.type-villa .villa-gallery-slider .slide-img .icon svg path {
fill: #fff;
}
.type-villa .villa-gallery-slider .slide-img:hover .overlay {
opacity: 0.5;
}
.type-villa .villa-gallery-slider .slide-img:hover .icon > div > svg {
transform: translateY(0);
}
.type-villa .villa-gallery-slider .slick-slide {
margin: 0 2px 0 0;
cursor: pointer;
}
.type-villa .villa-gallery-slider .slick-slide img {
width: 100%;
height: 11.46vw; }
@media all and (max-width: 960px) {
.type-villa .villa-gallery-slider .slick-slide img {
height: 16.5vw;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-gallery-slider .slick-slide img {
height: 33vw;
}
}
.type-villa .villa-information {
padding: 90px 0 0;
}
@media all and (max-width: 1160px) {
.type-villa .villa-information {
padding: 60px 0 0;
}
}
.type-villa .villa-information h1 {
text-align: center;
padding: 0 33.3333333333% 30px;
}
@media all and (max-width: 960px) {
.type-villa .villa-information h1 {
padding: 0 25% 30px;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-information h1 {
padding: 0 15px 30px;
}
}
.type-villa .villa-info-grid-1 {
padding: 0 8.33333%;
justify-content: center;
}
@media all and (max-width: 960px) {
.type-villa .villa-info-grid-1 {
padding: 0 15px;
}
}
.type-villa .villa-info-grid-1 > .col {
width: 33.33333%;
padding: 18px 0;
text-align: center;
border-top: 1px solid var(--medium-gray);
border-right: 1px solid var(--medium-gray);
border-bottom: 1px solid var(--medium-gray);
}
.type-villa .villa-info-grid-1 > .col:last-of-type {
border-right: none;
}
@media all and (max-width: 1160px) {
.type-villa .villa-info-grid-1 > .col {
padding: 14px 0;
}
}
@media all and (max-width: 960px) {
.type-villa .villa-info-grid-1 > .col {
padding: 10px 0;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-info-grid-1 > .col {
border: none;
padding: 14px 0;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-info-grid-1 .bedrooms,
.type-villa .villa-info-grid-1 .guests {
width: 50%;
border-bottom: 1px solid var(--medium-gray);
}
.type-villa .villa-info-grid-1 .bedrooms {
border-right: 1px solid var(--medium-gray);
}
.type-villa .villa-info-grid-1 .price {
width: 100%;
border-bottom: 1px solid var(--medium-gray);
}
}
.type-villa .villa-info-grid-2 {
padding: 0 8.33333%; justify-content: center; }
@media all and (max-width: 960px) {
.type-villa .villa-info-grid-2 {
padding: 0 15px;
}
}
.type-villa .villa-info-grid-2 .show-inquiry-form {
cursor: pointer;
transition: all 0.35s;
}
.type-villa .villa-info-grid-2 .show-inquiry-form:hover {
color: var(--gold);
}
.type-villa .villa-info-grid-2 > .col {
width: 33.33333%;
padding: 18px 0;
text-align: center;
border-right: 1px solid var(--medium-gray);
border-bottom: 1px solid var(--medium-gray);
}
@media all and (max-width: 1160px) {
.type-villa .villa-info-grid-2 > .col {
width: 25%;
padding: 14px 0;
}
}
@media all and (max-width: 960px) {
.type-villa .villa-info-grid-2 > .col {
padding: 10px 0;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-info-grid-2 > .col {
border: none;
padding: 14px 0;
}
}
.type-villa .villa-info-grid-2 > .col:last-of-type {
border-right: none;
}
.type-villa .villa-info-grid-2 > .col-2 {
width: 16.66667%;
}
@media all and (max-width: 1160px) {
.type-villa .villa-info-grid-2 > .col-2 {
width: 25%;
}
}
.type-villa .villa-info-grid-2 > .col.flex {
justify-content: center;
align-items: center;
}
.type-villa .villa-info-grid-2 .selection .villa-wishlist {
position: static;
}
.type-villa .villa-info-grid-2 .selection .villa-wishlist .wishlist-0 svg path {
fill: #000;
}
.type-villa .villa-info-grid-2 .selection .villa-wishlist .wishlist-1 svg path {
fill: var(--gold);
}
@media all and (max-width: 660px) {
.type-villa .villa-info-grid-2 .to-mykonos-town,
.type-villa .villa-info-grid-2 .to-beach {
width: 50%;
border-bottom: 1px solid var(--medium-gray);
}
.type-villa .villa-info-grid-2 .to-mykonos-town {
border-right: 1px solid var(--medium-gray);
}
.type-villa .villa-info-grid-2 .selection,
.type-villa .villa-info-grid-2 .show-inquiry-form {
width: 50%;
border-bottom: 1px solid var(--medium-gray);
}
.type-villa .villa-info-grid-2 .selection {
border-right: 1px solid var(--medium-gray);
}
}
.type-villa .text-block {
padding: 60px 0;
margin: 0 8.33333%;
border-bottom: 1px solid var(--medium-gray);
}
.type-villa .text-block > .flex {
margin: 0 -15px;
}
.type-villa .text-block .left,
.type-villa .text-block .right {
width: 50%;
padding: 0 15px;
}
.type-villa .text-block:last-of-type {
padding-bottom: 90px;
}
@media all and (max-width: 1160px) {
.type-villa .text-block:last-of-type {
padding-bottom: 60px;
}
}
@media all and (max-width: 960px) {
.type-villa .text-block {
padding: 30px 0;
}
.type-villa .text-block > .flex {
margin: 0 -7px;
}
.type-villa .text-block .left,
.type-villa .text-block .right {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.type-villa .text-block {
margin: 0 15px;
padding: 30px 0;
}
.type-villa .text-block > .flex {
margin: 0;
}
.type-villa .text-block .left,
.type-villa .text-block .right {
padding: 0;
width: 100%;
}
.type-villa .text-block .left {
padding: 0 0 15px;
}
}
.type-villa .villa-description {
padding: 90px 0;
}
@media all and (max-width: 1160px) {
.type-villa .villa-description {
padding: 60px 0;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-description {
padding: 60px 0 30px;
}
}
.type-villa .villa-description .left h2 {
margin: 0 0 10px;
}
.type-villa .villa-description .right > div {
max-width: 700px;
}
.type-villa .villa-description .right > div a {
color: var(--gold);
}
.type-villa .villa-description .right > div a:hover {
color: #000;
}
.type-villa .villa-layout .right .level-item {
padding: 0 0 30px;
}
.type-villa .villa-layout .right .level-item:last-of-type {
padding: 0;
}
.type-villa .villa-layout .right .level-item > .villa-level-description {
padding: 0 0 0 13px;
max-width: 700px;
}
.type-villa .villa-comforts-amenities .right .semibold {
margin: 0 0 5px;
}
.type-villa .villa-comforts-amenities .right .indoors {
padding: 0 10px 0 0;
width: 40%;
}
.type-villa .villa-comforts-amenities .right .outdoors {
width: 60%;
}
@media all and (max-width: 960px) {
.type-villa .villa-comforts-amenities .right .indoors,
.type-villa .villa-comforts-amenities .right .outdoors {
width: 100%;
}
.type-villa .villa-comforts-amenities .right .indoors {
padding: 0 0 15px 0;
}
}
.type-villa .villa-policy .right li {
margin: 0 0 5px;
}
.type-villa .villa-policy .right li > div:first-of-type {
width: 40%;
margin: 0;
}
.type-villa .villa-location {
background: var(--medium-gray);
}
.type-villa .villa-location > h2 {
padding: 90px 30px;
text-align: center;
}
@media all and (max-width: 1160px) {
.type-villa .villa-location > h2 {
padding: 60px 30px;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-location > h2 {
padding: 60px 15px;
}
}
.type-villa .villa-location .marker.to-hide {
display: none !important;
}
.type-villa .villa-location > .flex {
padding: 0 8.33333% 120px;
margin: 0 -15px;
}
@media all and (max-width: 1160px) {
.type-villa .villa-location > .flex {
padding: 0 8.33333% 90px;
}
}
@media all and (max-width: 960px) {
.type-villa .villa-location > .flex {
padding: 0 15px 60px;
margin: 0 -7px;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-location > .flex {
margin: 0;
}
}
.type-villa .villa-location .left,
.type-villa .villa-location .right {
width: 50%;
padding: 0 15px;
}
@media all and (max-width: 960px) {
.type-villa .villa-location .left,
.type-villa .villa-location .right {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-location .left,
.type-villa .villa-location .right {
padding: 0;
width: 100%;
}
}
.type-villa .villa-location .left #map-villa {
padding-top: 100%;
}
.type-villa .villa-location .left .gm-style .gm-style-iw-c {
padding: 0 !important;
}
.type-villa .villa-location .left .gm-style-iw-d {
overflow: hidden !important;
}
@media all and (max-width: 660px) {
.type-villa .villa-location .left #map-villa {
padding-top: 140%;
}
}
.type-villa .villa-location .right div.h5 {
padding: 0 0 15px;
}
.type-villa .villa-location .right a {
color: var(--gold);
}
.type-villa .villa-location .right a:hover {
color: #000;
}
.type-villa .villa-location .right .area-description {
max-width: 700px;
}
.type-villa .villa-location .right .distances {
padding: 0 0 60px;
}
.type-villa .villa-location .right .distances li > h4 {
width: 40%;
padding: 0 10px 0 0;
}
@media all and (max-width: 960px) {
.type-villa .villa-location .right .distances {
padding: 0 0 30px;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-location .right .distances li > h4 {
width: 50%;
}
}
@media all and (max-width: 660px) {
.type-villa .villa-location .right {
margin: 30px 0 0;
}
}
.type-villa .villas-extra {
padding: 90px 0 0;
}
@media all and (max-width: 1160px) {
.type-villa .villas-extra {
padding: 60px 0 0;
}
}
.type-villa .villas-extra .intro-title {
padding-bottom: 120px;
}
@media all and (max-width: 1160px) {
.type-villa .villas-extra .intro-title {
padding-bottom: 90px;
}
}
@media all and (max-width: 960px) {
.type-villa .villas-extra .intro-title {
padding-bottom: 30px;
}
}
.villas-extra-slider {
padding: 0 0 180px 8.33333%;
margin: 0 -15px;
}
@media all and (max-width: 1160px) {
.villas-extra-slider {
padding: 0 0 90px 8.33333%;
}
}
@media all and (max-width: 960px) {
.villas-extra-slider {
margin: 0 -7px;
padding: 0 0 90px 15px;
}
}
@media all and (max-width: 660px) {
.villas-extra-slider {
margin: 0;
padding: 0 0 60px;
}
}
.villas-extra-slider .slick-list {
overflow: unset !important;
}
.villas-extra-slider .slick-slide {
padding: 0 15px;
}
@media all and (max-width: 960px) {
.villas-extra-slider .slick-slide {
padding: 0 7px;
}
}
@media all and (max-width: 660px) {
.villas-extra-slider .slick-slide {
padding: 0 15px;
}
}
.villas-extra-slider .slick-slide a {
line-height: 0;
display: block;
transition: none;
}
.villas-extra-slider .slick-slide a:hover {
color: #000;
}
.villas-extra-slider .slick-slide a:hover h3 {
color: var(--gold);
}
.villas-extra-slider .slick-slide a:hover .thumbnail .tease-overlay {
opacity: 0.3;
}
.villas-extra-slider .slick-slide h3 {
transition: color 0.35s;
padding: 20px 0 0;
text-align: center;
}
.villas-extra-slider .slick-slide .thumbnail {
position: relative;
}
.villas-extra-slider .slick-slide .thumbnail .tease-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
opacity: 0;
transition: opacity 0.35s;
}
.villas-extra-slider .slick-slide .thumbnail img {
width: 100%;
}
.page-our-villas {
background: var(--medium-gray);
}
@media all and (max-width: 960px) {
.page-our-villas {
padding: 160px 0 30px;
}
}
@media all and (max-width: 660px) {
.page-our-villas {
padding: 130px 0 30px;
}
}
.page-our-villas .our-villas-link {
justify-content: center;
align-items: center;
}
.page-our-villas .sort {
margin: 60px 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 9px 0;
}
@media all and (max-width: 1160px) {
.page-our-villas .sort {
margin: 30px;
padding: 7px 0;
}
}
@media all and (max-width: 960px) {
.page-our-villas .sort {
margin: 30px 15px;
}
}
@media all and (max-width: 660px) {
.page-our-villas .sort .results-text {
display: none;
}
}
.page-our-villas .sort .sort-container {
align-items: center;
position: relative;
}
.page-our-villas .sort .sort-container > div:first-of-type {
margin: 0 10px 0 0;
}
.page-our-villas .sort .sort-container .now__filter {
cursor: pointer;
}
.page-our-villas .sort .sort-container .now__filter h3 {
margin: 0 15px 0 0;
}
@media all and (max-width: 660px) {
.page-our-villas .sort .sort-container .now__filter h3 {
margin: 0 10px 0 0;
}
}
.page-our-villas .sort .view > div {
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
align-items: center;
justify-content: center;
transition: background 0.35s;
}
.page-our-villas .sort .view > div > svg {
line-height: 0;
}
.page-our-villas .sort .view > div > svg path {
transition: fill 0.35s;
}
.page-our-villas .sort .view > div:hover {
background: var(--gold);
}
.page-our-villas .sort .view > div:hover > svg path {
fill: #fff;
}
@media all and (max-width: 1160px) {
.page-our-villas .sort .view > div {
width: 35px;
height: 35px;
}
.page-our-villas .sort .view > div > svg {
width: 14px;
height: auto;
}
}
@media all and (max-width: 660px) {
.page-our-villas .sort .view > div {
width: 30px;
height: 30px;
}
.page-our-villas .sort .view > div > svg {
width: 12px;
}
}
.page-our-villas .sort .view > div.active {
background: var(--gold);
}
.page-our-villas .sort .view > div.active > svg path {
fill: #fff;
}
.page-our-villas .results-text-mobile {
display: none !important;
padding: 0 15px 0;
margin: 0 0 30px;
text-align: center;
}
@media all and (max-width: 660px) {
.page-our-villas .results-text-mobile {
display: block !important;
}
}
.page-our-villas .vlist > .flex {
margin: 0 -15px;
}
.page-our-villas .vlist .tease--villa {
padding: 0 15px 30px;
width: 50%;
}
@media all and (max-width: 960px) {
.page-our-villas .vlist > .flex {
margin: 0 -7px;
}
.page-our-villas .vlist .tease--villa {
padding: 0 7px 30px;
}
}
@media all and (max-width: 660px) {
.page-our-villas .vlist > .flex {
margin: 0;
}
.page-our-villas .vlist .tease--villa {
width: 100%;
padding: 0 0 30px;
}
}
.page-our-villas .vlm {
display: flex;
flex-wrap: wrap;
}
.page-our-villas .vlm .vlist {
width: 100%;
}
.page-our-villas .vlm .vmap {
width: 70%;
}
.page-our-villas .vlm.has-map {
height: 900px;
}
@media all and (max-width: 960px) {
.page-our-villas .vlm.has-map {
height: 615px;
}
.page-our-villas .vlm.has-map #map {
height: 100%;
}
}
@media all and (max-width: 660px) {
.page-our-villas .vlm.has-map {
height: 500px;
}
}
.page-our-villas .vlm.has-map .vmap {
display: block !important;
}
.page-our-villas .vlm.has-map .vlist {
height: 100%;
overflow-y: scroll;
width: 30%;
}
.page-our-villas .vlm.has-map .vlist > .flex {
margin: 0;
padding: 0;
}
.page-our-villas .vlm.has-map .vlist .tease--villa {
padding: 0 15px 0;
}
.page-our-villas .vlm.has-map .vlist .tease {
margin: 0 0 30px;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
width: 100%;
}
.page-our-villas .vlm.has-map .vlist .tease:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.page-our-villas .vlm.has-map .vlist .pagination {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
padding-bottom: 30px !important;
}
@media all and (max-width: 960px) {
.page-our-villas .vlm.has-map .vlist {
display: none;
}
.page-our-villas .vlm.has-map .vmap {
width: 100%;
}
}
.page-our-villas .pagination {
padding: 30px 0 120px;
display: flex !important;
align-items: center;
justify-content: center;
}
.page-our-villas .pagination > .button-small {
transition: all 0.35s;
cursor: pointer;
}
@media all and (max-width: 1160px) {
.page-our-villas .pagination {
padding: 30px 0 90px;
}
}
@media all and (max-width: 960px) {
.page-our-villas .pagination {
padding: 0 0 60px;
}
}
@media (hover: none) {
.page-our-villas .pagination > .button-small {
background: var(--gold) !important;
color: #fff !important;
border: 1px solid var(--gold) !important;
}
}
.page-our-villas .closeby {
padding-top: 30px;
display: none;
}
.page-our-villas .closeby .closeby-title {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 18px 0;
}
.page-our-villas .closeby .closeby-title > div {
margin: 0 auto;
width: fit-content;
}
@media all and (max-width: 1160px) {
.page-our-villas .closeby .closeby-title {
padding: 14px 0;
}
}
@media all and (max-width: 960px) {
.page-our-villas .closeby .closeby-title {
padding: 11px 0;
}
}
.page-our-villas .closeby .list {
margin: 0 -15px 0;
padding: 60px 0 30px;
}
.page-our-villas .closeby .list > div {
opacity: 1;
transform: none;
visibility: visible;
width: 50%;
padding: 0 15px 30px;
}
@media all and (max-width: 1160px) {
.page-our-villas .closeby .list {
padding: 30px 0;
}
}
@media all and (max-width: 960px) {
.page-our-villas .closeby .list {
margin: 0 -7px;
padding: 30px 0;
}
.page-our-villas .closeby .list > div {
padding: 0 7px 30px;
}
}
@media all and (max-width: 660px) {
.page-our-villas .closeby .list {
margin: 0;
}
.page-our-villas .closeby .list > div {
width: 100%;
padding: 0 0 30px;
}
}
.sort .sort-container .now__filter .arrow-up {
display: none;
}
.sort__filters {
background: #fff;
position: absolute;
left: 56px;
top: calc(100% + 14px);
min-width: 280px;
visibility: hidden;
pointer-events: none;
max-height: 0;
overflow: hidden;
transition: all 0.35s;
z-index: 10;
}
.sort__filters .filter {
padding: 0 30px;
}
@media all and (max-width: 960px) {
.sort__filters .filter {
padding: 0 15px;
}
}
.sort__filters .filter label {
cursor: pointer;
transition: all 0.35s;
}
.sort__filters .filter label:hover {
color: var(--gold);
}
.sort__filters .filter:first-of-type {
padding: 30px 30px 0;
}
@media all and (max-width: 960px) {
.sort__filters .filter:first-of-type {
padding: 15px 15px 0;
}
}
.sort__filters .filter:last-of-type {
padding: 0 30px 30px;
}
@media all and (max-width: 960px) {
.sort__filters .filter:last-of-type {
padding: 0 15px 15px;
}
}
.sort__filters .collections-title {
padding: 30px 30px 0;
}
@media all and (max-width: 960px) {
.sort__filters .collections-title {
padding: 15px 15px 0;
}
}
.list-bullet {
position: relative;
padding: 0 0 0 13px;
margin: 0 0 5px;
}
.list-bullet:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
left: 0;
transform: translateY(-50%);
background: var(--gold);
}
.villa-wishlist {
position: absolute;
top: 4px;
right: 20px;
z-index: 2;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
}
.villa-wishlist > div {
line-height: 0;
cursor: pointer;
}
.villa-wishlist .wishlist-1 {
display: none;
}
@media all and (max-width: 660px) {
.villa-wishlist {
right: 4px;
}
}
.vmap .tease--villa .villa-wishlist,
.my-selections-container .tease--villa .villa-wishlist {
right: 4px;
}
.vmap .tease--villa .tease-villa__info,
.my-selections-container .tease--villa .tease-villa__info {
padding: 10px;
}
.vmap .tease--villa .tease-villa-bottom .tease__villa-pin,
.my-selections-container .tease--villa .tease-villa-bottom .tease__villa-pin {
width: 5%;
margin: 0;
}
.vmap .tease--villa .tease-villa-bottom .tease__villa-location,
.my-selections-container .tease--villa .tease-villa-bottom .tease__villa-location {
width: 95%;
}
.vmap .tease--villa .tease-villa-bottom .tease__villa-price,
.my-selections-container .tease--villa .tease-villa-bottom .tease__villa-price {
width: 100%;
margin: 3px 0 0;
}
.tease--villa {
position: relative;
}
.tease--villa .slick-slider {
z-index: 2;
}
.tease--villa .slick-slider .img-slide {
position: relative;
}
.tease--villa .slick-slider .slick-next {
z-index: 3;
top: 50%;
transform: translateY(-50%);
right: 10px;
left: unset;
bottom: unset;
}
.tease--villa .slick-slider .slick-next:before {
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/928b4f4f331c919885b0.svg) no-repeat center;
filter: invert(1);
}
@media all and (max-width: 960px) {
.tease--villa .slick-slider .slick-next:before {
margin: 0 0 0 10px;
}
}
.tease--villa .slick-slider .slick-prev {
z-index: 3;
top: 50%;
transform: translateY(-50%);
left: 10px;
bottom: unset;
}
.tease--villa .slick-slider .slick-prev:before {
background: url(//mlv.villas/wp-content/themes/mlv.villas/build/158f110ac542f584ea66.svg) no-repeat center;
filter: invert(1);
}
.tease--villa > a {
background: #fff;
transition: none;
position: relative;
z-index: 0;
display: block;
height: 100%;
}
.tease--villa > a:hover {
color: #000;
}
.tease--villa .tease-villa__info {
padding: 20px;
margin: auto 0 0;
}
@media all and (max-width: 960px) {
.tease--villa .tease-villa__info {
padding: 15px;
}
}
@media all and (max-width: 660px) {
.tease--villa .tease-villa__info {
padding: 10px;
}
}
.tease--villa .tease-villa-upper {
justify-content: space-between;
align-items: center;
}
.tease--villa .tease-villa-upper .tease-icons > div:first-of-type {
margin: 0 30px 0 0;
}
.tease--villa .tease-villa-upper .tease-icons > div > div:first-of-type {
margin: 0 10px 0 0;
}
@media all and (max-width: 960px) {
.tease--villa .tease-villa-upper .tease-icons > div:first-of-type {
margin: 0 15px 0 0;
}
}
.tease--villa .tease-villa-medium h2 {
padding: 10px 0 30px;
}
@media all and (max-width: 960px) {
.tease--villa .tease-villa-medium h2 h2 {
padding: 10px 0 20px;
}
}
.tease--villa .tease-villa-bottom {
align-items: center;
}
.tease--villa .tease-villa-bottom > .tease__villa-pin {
margin: 0 10px 0 0;
}
@media all and (max-width: 660px) {
.tease--villa .tease-villa-bottom > .tease__villa-pin {
margin: 0 5px 0 0;
}
}
.tease--villa .tease-villa-bottom > .tease__villa-price {
margin: 0 0 0 auto;
}
@media all and (max-width: 1160px) {
.tease--villa .tease-villa-bottom > .tease__villa-price {
margin: 10px 0 0;
width: 100%;
}
}
.page-villas-by-area-top {
height: 700px;
background-position: center;
background-size: cover;
}
@media all and (max-width: 960px) {
.page-villas-by-area-top {
height: 600px;
}
}
.page-villas-by-area-body {
text-align: center;
}
.page-villas-by-area-body-inner {
max-width: 1220px;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
}
@media all and (max-width: 960px) {
.page-villas-by-area-body-inner {
padding-top: 40px;
padding-bottom: 0px;
}
}
.page-villas-by-area-body-inner-top {
display: flex;
align-items: flex-end;
margin-bottom: 40px;
}
@media all and (max-width: 960px) {
.page-villas-by-area-body-inner-top {
flex-direction: column;
margin-bottom: 10px;
align-items: center;
}
}
.page-villas-by-area-body-inner-top-left {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
text-align: left;
max-width: 600px;
margin-bottom: 10px;
}
@media all and (max-width: 960px) {
.page-villas-by-area-body-inner-top-left {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0px;
max-width: unset;
text-align: center;
}
}
.page-villas-by-area-body-inner-top-right {
max-width: 600px;
text-align: left;
margin-bottom: 30px;
}
@media all and (max-width: 960px) {
.page-villas-by-area-body-inner-top-right {
text-align: center;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
}
.page-villas-by-area-body-inner-locations {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 30px;
overflow: hidden;
}
@media all and (max-width: 960px) {
.page-villas-by-area-body-inner-locations {
flex-direction: column;
gap: 20px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
.page-villas-by-area-body-inner-locations .tease-location {
width: 380px;
flex: 0 0 380px;
}
@media all and (max-width: 960px) {
.page-villas-by-area-body-inner-locations .tease-location {
width: 100%;
flex: 100%;
}
}
.page-villas-by-area-body {
background: #f5f3ec;
}
.page-template-template-my-profile,
.single-villa.password__protected { }
.page-template-template-my-profile #footer,
.single-villa.password__protected #footer {
display: none !important;
}
.page-template-template-my-profile body,
.single-villa.password__protected body {
overflow: hidden;
}
.page-my-profile,
.page-password-protected {
overflow: hidden;
overflow: auto;
height: 100vh;
width: 100%;
}
.page-my-profile .my-profile__content,
.page-my-profile .password__protected__content,
.page-password-protected .my-profile__content,
.page-password-protected .password__protected__content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media all and (max-height: 400px) {
.page-my-profile .my-profile__content,
.page-my-profile .password__protected__content,
.page-password-protected .my-profile__content,
.page-password-protected .password__protected__content {
padding: 130px 0 0px;
}
}
.page-my-profile .my-profile__content .intro-title,
.page-my-profile .password__protected__content .intro-title,
.page-password-protected .my-profile__content .intro-title,
.page-password-protected .password__protected__content .intro-title {
padding: 0 0 30px;
}
@media all and (max-width: 960px) {
.page-my-profile .my-profile__content .intro-title,
.page-my-profile .password__protected__content .intro-title,
.page-password-protected .my-profile__content .intro-title,
.page-password-protected .password__protected__content .intro-title {
padding: 0 0 15px;
}
}
.page-my-profile .my-profile__content > div,
.page-my-profile .password__protected__content > div,
.page-password-protected .my-profile__content > div,
.page-password-protected .password__protected__content > div {
padding: 0 0 30px;
}
.page-my-profile .my-profile__content #reservation-form,
.page-my-profile .my-profile__content #password-protected-form,
.page-my-profile .password__protected__content #reservation-form,
.page-my-profile .password__protected__content #password-protected-form,
.page-password-protected .my-profile__content #reservation-form,
.page-password-protected .my-profile__content #password-protected-form,
.page-password-protected .password__protected__content #reservation-form,
.page-password-protected .password__protected__content #password-protected-form {
width: 65%;
max-width: 468px;
margin: 0 auto;
position: relative;
}
.page-my-profile .my-profile__content #reservation-form > .submit-button,
.page-my-profile .my-profile__content #password-protected-form > .submit-button,
.page-my-profile .password__protected__content #reservation-form > .submit-button,
.page-my-profile .password__protected__content #password-protected-form > .submit-button,
.page-password-protected .my-profile__content #reservation-form > .submit-button,
.page-password-protected .my-profile__content #password-protected-form > .submit-button,
.page-password-protected .password__protected__content #reservation-form > .submit-button,
.page-password-protected .password__protected__content #password-protected-form > .submit-button {
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%);
background: var(--gold);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.35s;
}
.page-my-profile .my-profile__content #reservation-form > .submit-button:hover,
.page-my-profile .my-profile__content #password-protected-form > .submit-button:hover,
.page-my-profile .password__protected__content #reservation-form > .submit-button:hover,
.page-my-profile .password__protected__content #password-protected-form > .submit-button:hover,
.page-password-protected .my-profile__content #reservation-form > .submit-button:hover,
.page-password-protected .my-profile__content #password-protected-form > .submit-button:hover,
.page-password-protected .password__protected__content #reservation-form > .submit-button:hover,
.page-password-protected .password__protected__content #password-protected-form > .submit-button:hover {
background: #000;
}
@media all and (max-width: 960px) {
.page-my-profile .my-profile__content #reservation-form > .submit-button,
.page-my-profile .my-profile__content #password-protected-form > .submit-button,
.page-my-profile .password__protected__content #reservation-form > .submit-button,
.page-my-profile .password__protected__content #password-protected-form > .submit-button,
.page-password-protected .my-profile__content #reservation-form > .submit-button,
.page-password-protected .my-profile__content #password-protected-form > .submit-button,
.page-password-protected .password__protected__content #reservation-form > .submit-button,
.page-password-protected .password__protected__content #password-protected-form > .submit-button {
width: 35px;
height: 35px;
}
}
.page-my-profile .my-profile__content #reservation-form > .popup,
.page-my-profile .my-profile__content #password-protected-form > .popup,
.page-my-profile .password__protected__content #reservation-form > .popup,
.page-my-profile .password__protected__content #password-protected-form > .popup,
.page-password-protected .my-profile__content #reservation-form > .popup,
.page-password-protected .my-profile__content #password-protected-form > .popup,
.page-password-protected .password__protected__content #reservation-form > .popup,
.page-password-protected .password__protected__content #password-protected-form > .popup {
position: absolute;
bottom: -60px;
transform: translateX(-50%);
left: 50%;
width: 50%;
border-radius: 25px;
color: #000;
padding: 2px 0px;
opacity: 0;
transition: all 0.35s;
}
.page-my-profile .my-profile__content #reservation-form > .popup.active,
.page-my-profile .my-profile__content #password-protected-form > .popup.active,
.page-my-profile .password__protected__content #reservation-form > .popup.active,
.page-my-profile .password__protected__content #password-protected-form > .popup.active,
.page-password-protected .my-profile__content #reservation-form > .popup.active,
.page-password-protected .my-profile__content #password-protected-form > .popup.active,
.page-password-protected .password__protected__content #reservation-form > .popup.active,
.page-password-protected .password__protected__content #password-protected-form > .popup.active {
opacity: 1;
}
@media all and (max-width: 960px) {
.page-my-profile .my-profile__content #reservation-form > .popup,
.page-my-profile .my-profile__content #password-protected-form > .popup,
.page-my-profile .password__protected__content #reservation-form > .popup,
.page-my-profile .password__protected__content #password-protected-form > .popup,
.page-password-protected .my-profile__content #reservation-form > .popup,
.page-password-protected .my-profile__content #password-protected-form > .popup,
.page-password-protected .password__protected__content #reservation-form > .popup,
.page-password-protected .password__protected__content #password-protected-form > .popup {
bottom: -30px;
}
}
@media all and (max-width: 660px) {
.page-my-profile .my-profile__content #reservation-form > .popup,
.page-my-profile .my-profile__content #password-protected-form > .popup,
.page-my-profile .password__protected__content #reservation-form > .popup,
.page-my-profile .password__protected__content #password-protected-form > .popup,
.page-password-protected .my-profile__content #reservation-form > .popup,
.page-password-protected .my-profile__content #password-protected-form > .popup,
.page-password-protected .password__protected__content #reservation-form > .popup,
.page-password-protected .password__protected__content #password-protected-form > .popup {
bottom: -45px;
}
}
@media all and (max-width: 660px) {
.page-my-profile .my-profile__content #reservation-form,
.page-my-profile .my-profile__content #password-protected-form,
.page-my-profile .password__protected__content #reservation-form,
.page-my-profile .password__protected__content #password-protected-form,
.page-password-protected .my-profile__content #reservation-form,
.page-password-protected .my-profile__content #password-protected-form,
.page-password-protected .password__protected__content #reservation-form,
.page-password-protected .password__protected__content #password-protected-form {
width: calc(100% - 30px);
}
}
.page-my-profile .my-profile__content #reservation-input,
.page-my-profile .my-profile__content input[id*=pwbox],
.page-my-profile .password__protected__content #reservation-input,
.page-my-profile .password__protected__content input[id*=pwbox],
.page-password-protected .my-profile__content #reservation-input,
.page-password-protected .my-profile__content input[id*=pwbox],
.page-password-protected .password__protected__content #reservation-input,
.page-password-protected .password__protected__content input[id*=pwbox] {
background: var(--medium-gray);
width: 100%;
height: 50px;
border-radius: 25px;
padding: 0 0 0 20px;
}
.page-my-profile .my-profile__content .submit-button input,
.page-my-profile .password__protected__content .submit-button input,
.page-password-protected .my-profile__content .submit-button input,
.page-password-protected .password__protected__content .submit-button input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
cursor: pointer;
}
.page-my-profile .my-profile__images > img,
.page-my-profile .password-protected__images > img,
.page-password-protected .my-profile__images > img,
.page-password-protected .password-protected__images > img {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.page-my-profile .my-profile__images .img-0,
.page-my-profile .password-protected__images .img-0,
.page-password-protected .my-profile__images .img-0,
.page-password-protected .password-protected__images .img-0 {
top: 30px;
left: calc(8.33333% + 40px);
}
@media all and (max-width: 1160px) {
.page-my-profile .my-profile__images .img-0,
.page-my-profile .password-protected__images .img-0,
.page-password-protected .my-profile__images .img-0,
.page-password-protected .password-protected__images .img-0 {
top: -20px;
}
}
.page-my-profile .my-profile__images .img-1,
.page-my-profile .password-protected__images .img-1,
.page-password-protected .my-profile__images .img-1,
.page-password-protected .password-protected__images .img-1 {
top: 0;
right: calc(33.3333333333% - 30px);
}
.page-my-profile .my-profile__images .img-2,
.page-my-profile .password-protected__images .img-2,
.page-password-protected .my-profile__images .img-2,
.page-password-protected .password-protected__images .img-2 {
top: 160px;
right: 0;
}
.page-my-profile .my-profile__images .img-3,
.page-my-profile .password-protected__images .img-3,
.page-password-protected .my-profile__images .img-3,
.page-password-protected .password-protected__images .img-3 {
right: calc(16.66667% - 20px);
bottom: 290px;
}
@media all and (max-width: 1160px) {
.page-my-profile .my-profile__images .img-3,
.page-my-profile .password-protected__images .img-3,
.page-password-protected .my-profile__images .img-3,
.page-password-protected .password-protected__images .img-3 {
right: 20px;
}
}
.page-my-profile .my-profile__images .img-4,
.page-my-profile .password-protected__images .img-4,
.page-password-protected .my-profile__images .img-4,
.page-password-protected .password-protected__images .img-4 {
bottom: 0;
right: 8.33333%;
}
@media all and (max-width: 1160px) {
.page-my-profile .my-profile__images .img-4,
.page-my-profile .password-protected__images .img-4,
.page-password-protected .my-profile__images .img-4,
.page-password-protected .password-protected__images .img-4 {
right: 40px;
}
}
.page-my-profile .my-profile__images .img-5,
.page-my-profile .password-protected__images .img-5,
.page-password-protected .my-profile__images .img-5,
.page-password-protected .password-protected__images .img-5 {
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.page-my-profile .my-profile__images .img-6,
.page-my-profile .password-protected__images .img-6,
.page-password-protected .my-profile__images .img-6,
.page-password-protected .password-protected__images .img-6 {
bottom: 40px;
left: 16.66667%;
}
@media all and (max-width: 1160px) {
.page-my-profile .my-profile__images .img-6,
.page-my-profile .password-protected__images .img-6,
.page-password-protected .my-profile__images .img-6,
.page-password-protected .password-protected__images .img-6 {
bottom: -10px;
left: 8.33333%;
}
}
.page-my-profile .my-profile__images .img-7,
.page-my-profile .password-protected__images .img-7,
.page-password-protected .my-profile__images .img-7,
.page-password-protected .password-protected__images .img-7 {
bottom: 285px;
left: 0;
}
@media all and (max-width: 1160px) {
.page-my-profile .my-profile__images .img-7,
.page-my-profile .password-protected__images .img-7,
.page-password-protected .my-profile__images .img-7,
.page-password-protected .password-protected__images .img-7 {
left: -40px;
}
}
@media all and (max-width: 960px) {
.page-my-profile .my-profile__images .img-0,
.page-my-profile .password-protected__images .img-0,
.page-password-protected .my-profile__images .img-0,
.page-password-protected .password-protected__images .img-0 {
width: 150px;
}
.page-my-profile .my-profile__images .img-1,
.page-my-profile .password-protected__images .img-1,
.page-password-protected .my-profile__images .img-1,
.page-password-protected .password-protected__images .img-1 {
display: none;
}
.page-my-profile .my-profile__images .img-2,
.page-my-profile .password-protected__images .img-2,
.page-password-protected .my-profile__images .img-2,
.page-password-protected .password-protected__images .img-2 {
width: 200px;
top: 110px;
}
.page-my-profile .my-profile__images .img-3,
.page-my-profile .password-protected__images .img-3,
.page-password-protected .my-profile__images .img-3,
.page-password-protected .password-protected__images .img-3 { display: none;
}
.page-my-profile .my-profile__images .img-4,
.page-my-profile .password-protected__images .img-4,
.page-password-protected .my-profile__images .img-4,
.page-password-protected .password-protected__images .img-4 {
width: 140px;
bottom: 160px;
}
.page-my-profile .my-profile__images .img-5,
.page-my-profile .password-protected__images .img-5,
.page-password-protected .my-profile__images .img-5,
.page-password-protected .password-protected__images .img-5 {
width: 200px;
bottom: 10px;
}
.page-my-profile .my-profile__images .img-6,
.page-my-profile .password-protected__images .img-6,
.page-password-protected .my-profile__images .img-6,
.page-password-protected .password-protected__images .img-6 {
bottom: 60px;
left: 15px;
}
.page-my-profile .my-profile__images .img-7,
.page-my-profile .password-protected__images .img-7,
.page-password-protected .my-profile__images .img-7,
.page-password-protected .password-protected__images .img-7 {
display: none;
}
}
@media all and (max-width: 660px) {
.page-my-profile .my-profile__images .img-0,
.page-my-profile .password-protected__images .img-0,
.page-password-protected .my-profile__images .img-0,
.page-password-protected .password-protected__images .img-0 {
width: 100px;
top: 60px;
left: 45px;
}
.page-my-profile .my-profile__images,
.page-my-profile .password-protected__images,
.page-password-protected .my-profile__images,
.page-password-protected .password-protected__images { }
.page-my-profile .my-profile__images .img-2,
.page-my-profile .password-protected__images .img-2,
.page-password-protected .my-profile__images .img-2,
.page-password-protected .password-protected__images .img-2 {
width: 150px;
top: 115px;
right: -45px;
}
.page-my-profile .my-profile__images,
.page-my-profile .password-protected__images,
.page-password-protected .my-profile__images,
.page-password-protected .password-protected__images { }
.page-my-profile .my-profile__images .img-4,
.page-my-profile .password-protected__images .img-4,
.page-password-protected .my-profile__images .img-4,
.page-password-protected .password-protected__images .img-4 {
width: 90px;
right: 10px;
bottom: 30px;
}
.page-my-profile .my-profile__images .img-5,
.page-my-profile .password-protected__images .img-5,
.page-password-protected .my-profile__images .img-5,
.page-password-protected .password-protected__images .img-5 {
width: 150px;
left: 20px;
transform: none;
}
.page-my-profile .my-profile__images .img-6,
.page-my-profile .password-protected__images .img-6,
.page-password-protected .my-profile__images .img-6,
.page-password-protected .password-protected__images .img-6 {
display: none;
}
.page-my-profile .my-profile__images,
.page-my-profile .password-protected__images,
.page-password-protected .my-profile__images,
.page-password-protected .password-protected__images { }
}
@media all and (max-height: 649px) {
.page-my-profile .my-profile__images .img-5,
.page-my-profile .my-profile__images .img-3,
.page-my-profile .password-protected__images .img-5,
.page-my-profile .password-protected__images .img-3,
.page-password-protected .my-profile__images .img-5,
.page-password-protected .my-profile__images .img-3,
.page-password-protected .password-protected__images .img-5,
.page-password-protected .password-protected__images .img-3 {
display: none;
}
}
@media all and (max-height: 400px) {
.page-my-profile .my-profile__images .img-0,
.page-my-profile .my-profile__images .img-1,
.page-my-profile .password-protected__images .img-0,
.page-my-profile .password-protected__images .img-1,
.page-password-protected .my-profile__images .img-0,
.page-password-protected .my-profile__images .img-1,
.page-password-protected .password-protected__images .img-0,
.page-password-protected .password-protected__images .img-1 {
display: none;
}
.page-my-profile .my-profile__images .img-2,
.page-my-profile .password-protected__images .img-2,
.page-password-protected .my-profile__images .img-2,
.page-password-protected .password-protected__images .img-2 {
top: 100px;
}
.page-my-profile .my-profile__images .img-4,
.page-my-profile .password-protected__images .img-4,
.page-password-protected .my-profile__images .img-4,
.page-password-protected .password-protected__images .img-4 {
bottom: 20px;
right: 20px;
}
}
.page-privacy .privacy-text {
padding: 0 0 30px;
}
.page-privacy .privacy-text {
padding: 0 25% 90px;
}
.page-privacy .privacy-text > div {
margin: 0 auto;
max-width: 700px;
}
.page-privacy .privacy-text a {
color: var(--gold);
}
.page-privacy .privacy-text a:hover {
color: #000;
}
@media all and (max-width: 960px) {
.page-privacy .privacy-text {
padding: 0 16.66667% 60px;
}
}
@media all and (max-width: 660px) {
.page-privacy .privacy-text {
padding: 0 15px 60px;
}
}
.page-search-results h1 {
display: none;
}
.page-search-results .search-result {
margin: 0 0 60px;
}
.page-search-results .results-container > h2 {
padding: 0 0 60px;
}
@media all and (max-width: 960px) {
.page-search-results .results-container > h2 {
padding: 0 0 30px;
}
}
.page-search-results .results-container > .flex {
margin: 0 -15px;
}
@media all and (max-width: 960px) {
.page-search-results .results-container > .flex {
margin: 0 -7px;
}
}
@media all and (max-width: 660px) {
.page-search-results .results-container > .flex {
margin: 0;
}
}
.page-search-results .results-container > .flex > div {
width: 50%;
padding: 0 15px 30px;
}
@media all and (max-width: 960px) {
.page-search-results .results-container > .flex > div {
padding: 0 7px 15px;
}
}
@media all and (max-width: 660px) {
.page-search-results .results-container > .flex > div {
padding: 0 0 30px;
width: 100%;
}
}
.page-search-results .results-container .button-more {
justify-content: flex-start;
}
.page-search-results .results-container .result-type {
margin: 0 0 15px;
}
.page-search-results .results-container .result-title {
margin: 0 0 15px;
}
.tax-villa_location h1,
.tax-villa_collection h1,
.tax-villa_highlights h1,
.tax-villa_orientation h1 {
text-align: center;
padding: 0 0 30px; }
.tax-villa_location .button-more,
.tax-villa_collection .button-more,
.tax-villa_highlights .button-more,
.tax-villa_orientation .button-more {
padding: 0 0 60px;
}
@media all and (max-width: 1160px) {
.tax-villa_location .button-more,
.tax-villa_collection .button-more,
.tax-villa_highlights .button-more,
.tax-villa_orientation .button-more {
padding: 0 0 30px;
}
}
@media all and (max-width: 660px) {
.tax-villa_location .button-more,
.tax-villa_collection .button-more,
.tax-villa_highlights .button-more,
.tax-villa_orientation .button-more {
padding: 0 0 60px;
}
}
.tax-villa_location .teases-container,
.tax-villa_collection .teases-container,
.tax-villa_highlights .teases-container,
.tax-villa_orientation .teases-container {
padding: 30px 0 0;
}
.tax-villa_location .teases-container > .flex,
.tax-villa_collection .teases-container > .flex,
.tax-villa_highlights .teases-container > .flex,
.tax-villa_orientation .teases-container > .flex {
margin: 0 -15px;
}
.tax-villa_location .teases-container .tease--villa,
.tax-villa_collection .teases-container .tease--villa,
.tax-villa_highlights .teases-container .tease--villa,
.tax-villa_orientation .teases-container .tease--villa {
padding: 0 15px 30px;
width: 50%;
}
@media all and (max-width: 960px) {
.tax-villa_location .teases-container > .flex,
.tax-villa_collection .teases-container > .flex,
.tax-villa_highlights .teases-container > .flex,
.tax-villa_orientation .teases-container > .flex {
margin: 0 -7px;
}
.tax-villa_location .teases-container .tease--villa,
.tax-villa_collection .teases-container .tease--villa,
.tax-villa_highlights .teases-container .tease--villa,
.tax-villa_orientation .teases-container .tease--villa {
padding: 0 7px 30px;
}
}
@media all and (max-width: 660px) {
.tax-villa_location .teases-container > .flex,
.tax-villa_collection .teases-container > .flex,
.tax-villa_highlights .teases-container > .flex,
.tax-villa_orientation .teases-container > .flex {
margin: 0;
}
.tax-villa_location .teases-container .tease--villa,
.tax-villa_collection .teases-container .tease--villa,
.tax-villa_highlights .teases-container .tease--villa,
.tax-villa_orientation .teases-container .tease--villa {
width: 100%;
padding: 0 0 30px;
}
}
.tax-villa_location .pagination,
.tax-villa_collection .pagination,
.tax-villa_highlights .pagination,
.tax-villa_orientation .pagination {
padding: 30px 0 120px;
display: flex !important;
align-items: center;
justify-content: center;
}
.tax-villa_location .pagination > .button-small,
.tax-villa_collection .pagination > .button-small,
.tax-villa_highlights .pagination > .button-small,
.tax-villa_orientation .pagination > .button-small {
transition: all 0.35s;
cursor: pointer;
}
@media all and (max-width: 1160px) {
.tax-villa_location .pagination,
.tax-villa_collection .pagination,
.tax-villa_highlights .pagination,
.tax-villa_orientation .pagination {
padding: 30px 0 90px;
}
}
@media all and (max-width: 960px) {
.tax-villa_location .pagination,
.tax-villa_collection .pagination,
.tax-villa_highlights .pagination,
.tax-villa_orientation .pagination {
padding: 0 0 60px;
}
}
@media (hover: none) {
.tax-villa_location .pagination > .button-small,
.tax-villa_collection .pagination > .button-small,
.tax-villa_highlights .pagination > .button-small,
.tax-villa_orientation .pagination > .button-small {
background: var(--gold) !important;
color: #fff !important;
border: 1px solid var(--gold) !important;
}
}
.single-villa .slick-next {
width: 50px;
}
@media all and (max-width: 960px) {
.single-villa .slick-next {
width: unset;
}
}
.single-villa-mobile-navigation {
margin-top: 71px;
display: none;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
scrollbar-width: none;
margin-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
padding-bottom: 10px;
padding-top: 10px;
}
@media all and (max-width: 960px) {
.single-villa-mobile-navigation {
display: block;
}
}
.single-villa-mobile-navigation nav {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.single-villa-mobile-navigation ul {
display: flex;
flex-wrap: nowrap;
vertical-align: center;
display: flex;
flex-wrap: nowrap;
align-items: center;
white-space: nowrap;
}
.single-villa-mobile-navigation ul li {
flex: 0 0 auto;
padding-right: 12px;
border-right: 0.5px solid rgba(0, 0, 0, 0.3019607843);
margin-left: 12px;
}
.single-villa-mobile-navigation ul li a {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
vertical-align: bottom;
}
.single-villa-top {
height: 100vh;
position: relative;
overflow: hidden;
}
@media all and (max-width: 1580px) {
.single-villa-top {
height: 500px;
}
}
.single-villa-top-slides {
height: 100vh;
z-index: 0;
}
@media all and (max-width: 1580px) {
.single-villa-top-slides {
height: 500px;
}
}
.single-villa-top-slides img {
object-fit: cover;
height: 100vh;
}
@media all and (max-width: 1580px) {
.single-villa-top-slides img {
height: 500px;
}
}
.single-villa-top-slides .slick-prev {
left: 30px;
}
.single-villa-top-slides .slick-prev::before {
width: 30px;
height: 30px;
}
.single-villa-top-slides .slick-next {
right: 30px;
}
.single-villa-top-slides .slick-next::before {
width: 30px;
height: 30px;
}
.single-villa-top-button {
position: absolute;
width: 212px;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 999;
}
.single-villa-top-button a {
color: black;
background: white;
border: 1px solid black;
border: none;
padding: 13px 24px;
border-radius: 20px;
cursor: pointer;
}
.single-villa-navigation {
width: 1560px;
margin: 0 auto;
}
@media all and (max-width: 960px) {
.single-villa-navigation {
display: none;
}
}
.single-villa-navigation nav {
border-bottom: 0.5px solid rgba(0, 0, 0, 0.3019607843);
padding-bottom: 10px;
padding-top: 10px;
}
.single-villa-navigation ul {
width: 100%;
}
.single-villa-navigation ul li {
display: inline-block;
padding-right: 12px;
border-right: 0.5px solid rgba(0, 0, 0, 0.3019607843);
margin-left: 12px;
}
@media all and (max-width: 1580px) {
.single-villa-navigation ul li {
padding-right: 5px;
margin-left: 5px;
}
}
@media all and (max-width: 960px) {
.single-villa-navigation ul li {
padding-right: 2px;
margin-left: 2px;
text-align: center;
margin: 0 auto;
}
}
.single-villa-navigation ul li a {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 25px;
letter-spacing: 0%;
vertical-align: bottom;
}
@media all and (max-width: 1580px) {
.single-villa-navigation ul li a {
font-size: 17px;
}
}
@media all and (max-width: 960px) {
.single-villa-navigation ul li a {
font-size: 2vw;
}
}
.single-villa-body {
width: 1560px;
margin: 0 auto;
gap: 180px;
display: flex;
padding-top: 35px;
}
@media all and (max-width: 1580px) {
.single-villa-body {
gap: 2%;
width: 100%;
}
}
@media all and (max-width: 960px) {
.single-villa-body {
flex-direction: column;
padding-top: 20px;
}
}
.single-villa-body-left {
max-width: 980px;
padding: 0px;
}
@media all and (max-width: 1580px) {
.single-villa-body-left {
width: 60%;
}
}
@media all and (max-width: 960px) {
.single-villa-body-left {
width: 100%;
}
}
@media all and (max-width: 1580px) {
.single-villa-body-left-header {
padding-left: 10px;
padding-right: 10px;
}
}
.single-villa-body-left-header-top {
display: flex;
align-items: center;
gap: 10px;
}
@media all and (max-width: 1580px) {
.single-villa-body-left-header-top {
margin-bottom: 0px;
}
}
.single-villa-body-left-header-top h1 {
display: inline-block;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
leading-trim: NONE;
line-height: normal;
letter-spacing: 0%;
vertical-align: bottom;
margin: 0px;
padding: 0px;
}
@media all and (max-width: 960px) {
.single-villa-body-left-header-top h1 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 30px;
leading-trim: NONE;
line-height: 40px;
letter-spacing: 0%;
vertical-align: bottom;
text-transform: capitalize;
}
}
.single-villa-body-left-header-top h3 {
display: inline-block;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
vertical-align: bottom;
}
@media all and (max-width: 960px) {
.single-villa-body-left-header-top h3 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
vertical-align: bottom;
text-transform: capitalize;
}
}
.single-villa-body-left-header-meta {
margin-top: 20px;
display: flex;
}
@media all and (max-width: 960px) {
.single-villa-body-left-header-meta {
flex-direction: column;
margin-top: 0px;
}
}
.single-villa-body-left-header-meta .meta-entry {
margin-right: 20px;
align-items: center;
display: flex;
height: 32px;
}
.single-villa-body-left-header-meta .meta-entry-icon {
margin-right: 10px;
}
.single-villa-body-left-header-meta .meta-entry-icon svg {
height: 50px;
width: 30px;
}
.single-villa-body-left-header-meta .meta-entry-text {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
}
@media all and (max-width: 960px) {
.single-villa-body-left-header-meta .meta-entry-text {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
leading-trim: NONE;
line-height: 25px;
letter-spacing: 0%;
text-align: center;
}
}
.single-villa-body-left-entry {
margin-top: 40px;
margin-bottom: 30px;
}
@media all and (max-width: 1580px) {
.single-villa-body-left-entry {
padding-left: 10px;
padding-right: 10px;
}
}
@media all and (max-width: 1580px) {
.single-villa-body-left-entry {
margin-top: 20px;
margin-bottom: 20px;
}
}
.single-villa-body-left-entry-header {
display: flex;
border-bottom: 1px solid black;
flex-direction: row;
align-items: center;
padding-bottom: 10px;
}
.single-villa-body-left-entry-header-left {
width: 90%;
}
.single-villa-body-left-entry-header-left h3 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 32px;
letter-spacing: 0%;
display: block;
}
@media all and (max-width: 660px) {
.single-villa-body-left-entry-header-left h3 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
letter-spacing: 0%;
}
}
.single-villa-body-left-entry-header-right {
text-align: right;
width: 10%;
}
.single-villa-body-left-entry-body {
margin-top: 20px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 0px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 19px;
letter-spacing: 0%;
vertical-align: middle;
}
@media all and (max-width: 660px) {
.single-villa-body-left-entry-body {
display: none;
}
}
.single-villa-body-left-entry-body h5 {
font-family: Inter;
font-weight: bold;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 15px;
}
.single-villa-body-left-entry-body .main-text {
text-align: left;
}
.single-villa-body-left-entry-body .main-text p:first-child {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 25px;
letter-spacing: 0%;
vertical-align: middle;
}
.single-villa-body-left-entry-body ul li {
margin-bottom: 2px;
}
.single-villa-body-left-entry-body .the-read-more-toggle {
text-align: center;
margin: 0 auto;
}
.single-villa-body-left-entry-body-mobile {
display: none;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 0px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 19px;
letter-spacing: 0%;
vertical-align: middle;
}
@media all and (max-width: 660px) {
.single-villa-body-left-entry-body-mobile {
display: block;
}
}
.single-villa-body-left-entry-body-mobile h5 {
font-family: Inter;
font-weight: bold;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 15px;
}
.single-villa-body-left-entry-body-mobile .main-text {
text-align: left;
}
.single-villa-body-left-entry-body-mobile .the-read-more {
margin-top: 10px;
}
.single-villa-body-left-entry-body-mobile .the-read-more-excerpt {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 18px;
line-height: 25px;
letter-spacing: 0%;
vertical-align: middle;
}
.single-villa-body-left-entry-body-mobile .the-read-more-full {
margin-top: 10px;
}
.single-villa-body-left-entry-body-mobile .the-read-more-label {
display: none;
}
.single-villa-body-left-entry-body-mobile .the-read-more-toggle {
text-align: center;
margin: 0 auto;
}
.single-villa-body-left .entry-body {
display: none;
}
.single-villa-body-left .entry-body-show {
display: block;
}
@media all and (max-width: 960px) {
.single-villa-body-left #form-location-mobile {
padding-right: 10px;
padding-left: 10px;
}
}
.single-villa-body-left .villa-layout {
max-width: 435px;
}
.single-villa-body-left .villa-layout {
margin-bottom: 25px;
}
.single-villa-body-left .villa-comfort {
display: flex;
}
.single-villa-body-left .villa-comfort-left {
width: 50%;
}
.single-villa-body-left .villa-comfort-right {
width: 50%;
}
.single-villa-body-left .villa-services {
display: flex;
}
.single-villa-body-left .villa-services-left {
width: 50%;
}
.single-villa-body-left .villa-services-right {
width: 50%;
}
.single-villa-body-left .villa-policy-entry {
display: flex;
}
.single-villa-body-left .villa-policy-entry-left {
width: 50%;
}
.single-villa-body-left .villa-policy-entry-right {
width: 50%;
}
@media all and (max-width: 1580px) {
.single-villa-body-left-gallery {
padding-left: 10px;
padding-right: 10px;
}
}
@media all and (max-width: 960px) {
.single-villa-body-left-gallery {
padding-left: 10px;
padding-right: 10px;
}
}
.single-villa-body-left-gallery-header {
display: flex;
margin-bottom: 12px;
align-items: center;
}
@media all and (max-width: 660px) {
.single-villa-body-left-gallery-header {
margin-bottom: 20px;
}
}
.single-villa-body-left-gallery-header-left {
flex: 1;
}
.single-villa-body-left-gallery-header-left h3 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 32px;
letter-spacing: 0%;
display: block;
}
@media all and (max-width: 660px) {
.single-villa-body-left-gallery-header-left h3 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;
}
}
.single-villa-body-left-gallery-header-right {
text-align: right;
flex: 2;
}
.single-villa-body-left-gallery-header-right a {
opacity: 1;
padding-top: 13px;
padding-right: 24px;
padding-bottom: 13px;
padding-left: 24px;
border-radius: 20px;
border: 1px solid black;
cursor: pointer;
}
.single-villa-body-left-gallery-header-right a:hover {
background: black;
color: white;
}
.single-villa-body-left-gallery-body {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.single-villa-body-left-gallery-body .single-villa-gallery-item {
position: relative;
}
.single-villa-body-left-gallery-body .single-villa-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
cursor: pointer;
}
.single-villa-body-left-gallery-body .single-villa-gallery-item img:hover {
filter: brightness(1.08);
}
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(1),
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(2) {
flex: 1 1 calc(50% - 10px);
height: 240px;
}
@media all and (max-width: 660px) {
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(1),
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(2) {
height: 117px;
}
}
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(3) {
flex: 1 1 100%;
height: 330px;
}
@media all and (max-width: 660px) {
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(3) {
height: 150px;
}
}
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(4) {
flex: 0 0 650px;
max-width: 650px;
height: 240px;
}
@media all and (max-width: 1580px) {
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(4) {
flex: 1 1 calc(67.01% - 10px);
height: 240px;
max-width: unset;
}
}
@media all and (max-width: 660px) {
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(4) {
height: 117px;
}
}
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(5) {
flex: 0 0 320px;
max-width: 320px;
height: 240px;
}
@media all and (max-width: 1580px) {
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(5) {
flex: 1 1 calc(32.99% - 10px);
height: 240px;
max-width: unset;
}
}
@media all and (max-width: 660px) {
.single-villa-body-left-gallery-body .single-villa-gallery-item:nth-child(5) {
height: 117px;
}
}
.single-villa-body-left-location {
margin-bottom: 30px;
}
@media all and (max-width: 1580px) {
.single-villa-body-left-location {
padding-left: 10px;
padding-right: 10px;
}
}
@media all and (max-width: 960px) {
.single-villa-body-left-location {
padding-left: 10px;
padding-right: 10px;
}
}
.single-villa-body-left-location h2 {
margin-top: 50px;
margin-bottom: 40px;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
line-height: 58px;
letter-spacing: 0%;
vertical-align: middle;
}
@media all and (max-width: 960px) {
.single-villa-body-left-location h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 10px;
margin-top: 20px;
}
}
.single-villa-body-left-location-map #single-villa-map {
width: 100%;
height: 350px;
}
@media all and (max-width: 960px) {
.single-villa-body-left-location-map #single-villa-map {
height: 200px;
}
}
.single-villa-body-left-location-map {
margin-bottom: 30px;
}
.single-villa-body-left-location-body {
display: flex;
gap: 20px;
}
@media all and (max-width: 960px) {
.single-villa-body-left-location-body {
flex-direction: column;
}
}
.single-villa-body-left-location-body-left {
padding-top: 20px;
width: 620px;
}
@media all and (max-width: 960px) {
.single-villa-body-left-location-body-left {
padding-top: 0px;
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
}
.single-villa-body-left-location-body-left h4 {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 20px;
}
@media all and (max-width: 660px) {
.single-villa-body-left-location-body-left h4 {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 0%;
vertical-align: middle;
}
}
.single-villa-body-left-location-body-left .text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
}
@media all and (max-width: 960px) {
.single-villa-body-left-location-body-left .text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
vertical-align: middle;
}
}
.single-villa-body-left-location-body-left .the-read-more-toggle {
text-align: center;
margin: 0 auto;
}
.single-villa-body-left-location-body-right {
padding-top: 10px;
max-width: 310px;
}
@media all and (max-width: 1200px) {
.single-villa-body-left-location-body-right {
width: 100%;
max-width: unset;
}
}
.single-villa-body-left-location-body-right h4 {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 20px;
}
.single-villa-body-right {
width: 400px;
position: relative;
overflow: hidden;
}
@media all and (max-width: 1580px) {
.single-villa-body-right {
width: 400px;
margin: 0 auto;
margin-bottom: 20px;
overflow: hidden;
}
}
@media all and (max-width: 960px) {
.single-villa-body-right {
padding-right: 5px;
padding-left: 5px;
width: 100%;
}
}
.single-villa-body-right #single-villa-form {
width: 100%;
position: relative;
top: 0;
}
.single-villa-body-right #single-villa-form.sticky {
position: fixed;
top: 90px;
}
.single-villa-body-right #single-villa-form.stopped {
position: absolute;
top: auto;
bottom: 0px;
}
.single-villa-body-right #single-villa-form.mobile {
position: relative;
top: 0;
}
.single-villa-body-right-form .single-villa-form-1 {
display: block;
padding: 45px;
min-height: 608px;
padding-bottom: 20px;
}
@media all and (max-width: 660px) {
.single-villa-body-right-form .single-villa-form-1 {
padding: 20px 30px;
}
}
.single-villa-body-right-form {
border: 1px solid #aaaaaa;
background: var(--light-gray-new);
border-radius: 20px;
width: 100%;
text-align: center;
padding: 0px;
}
@media all and (max-width: 1580px) {
.single-villa-body-right-form {
margin: 0 auto;
}
}
.single-villa-body-right-form h5 {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin-bottom: 10px;
}
.single-villa-body-right-form hr {
height: 1px solid #aaa;
margin-bottom: 10px;
}
.single-villa-body-right-form-title {
margin-bottom: 25px;
display: flex;
align-items: center;
text-align: center;
margin: 0 auto 17px auto;
width: fit-content;
align-self: center;
}
.single-villa-body-right-form-title h4 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 40px;
line-height: 58px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin: 0px;
margin-right: 5px;
}
.single-villa-body-right-form-title .heart svg {
width: 30px !important;
height: 25px;
margin-top: 5px;
padding: 0px;
}
.single-villa-body-right-form-price {
border-bottom: 1px solid #aaa;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
padding-bottom: 10px;
height: 39px;
overflow: hidden;
}
.single-villa-body-right-form-taxes {
text-align: right;
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 11px;
line-height: 15px;
letter-spacing: 0%;
text-align: right;
padding-right: 13px;
}
.single-villa-body-right-form-dates {
display: flex;
margin: 0 auto;
width: 100%;
gap: 20px;
padding-top: 30px;
padding-bottom: 10px;
}
@media all and (max-width: 1580px) {
.single-villa-body-right-form-dates {
flex-direction: column;
}
}
@media all and (max-width: 1580px) {
.single-villa-body-right-form-dates {
flex-direction: row;
}
}
.single-villa-body-right-form-dates-checkin, .single-villa-body-right-form-dates-checkout {
background: transparent;
text-align: left;
cursor: pointer;
padding-top: 5px;
width: 140px;
padding-left: 27px;
border-bottom: 1px solid #aaa;
padding-bottom: 10px;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 15px;
background-repeat: no-repeat;
background-position: 0px 3px;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
letter-spacing: 0%;
}
@media all and (max-width: 1580px) {
.single-villa-body-right-form-dates-checkin, .single-villa-body-right-form-dates-checkout {
width: 100%;
}
}
.single-villa-body-right-form-included {
text-align: left;
padding-top: 15px;
padding-bottom: 25px;
min-height: 112px;
padding-left: 20px;
}
.single-villa-body-right-form-included .check-bullet li a {
color: black;
cursor: pointer;
}
.single-villa-body-right-form-included .check-bullet li a:hover {
color: black;
}
.single-villa-body-right-form-included h5 {
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: left;
}
.single-villa-body-right-form-button {
margin-bottom: 25px;
}
.single-villa-body-right-form-button button {
padding-top: 0px;
padding-right: 14px;
padding-left: 14px;
border-radius: 20px;
border-width: 1px;
background: black;
color: white;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 100%;
height: 48px;
width: 100%;
cursor: pointer;
}
.single-villa-body-right-form-best {
margin-bottom: 25px;
}
.single-villa-body-right-form-info {
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
text-align: center;
}
.single-villa-body-right-form-info li {
font-family: Inter;
font-weight: 400;
font-style: Italic;
font-size: 13px;
leading-trim: NONE;
line-height: 19px;
letter-spacing: 0%;
vertical-align: middle;
}
.single-villa-body-right-form .single-villa-form-2 {
padding: 45px;
padding-bottom: 20px;
display: none;
padding-bottom: 40px;
padding-top: 10px;
}
@media all and (max-width: 660px) {
.single-villa-body-right-form .single-villa-form-2 {
padding: 20px 30px;
}
}
.single-villa-body-right-form .single-villa-form-2-back {
text-align: left;
text-transform: capitalize;
font-size: 12px;
cursor: pointer;
margin-bottom: 10px;
}
.single-villa-body-right-form .single-villa-form-2-back svg {
width: 5.83px;
height: 5.83px;
margin-right: 4.58px;
}
.single-villa-body-right-form .single-villa-form-2-image img {
border-radius: 20px;
}
.single-villa-body-right-form .single-villa-form-2-title {
margin-top: 20px;
margin-bottom: 20px;
display: flex;
margin: 0 auto 0px auto;
width: fit-content;
align-items: center;
align-self: center;
}
.single-villa-body-right-form .single-villa-form-2-title h2 {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 40px;
leading-trim: NONE;
line-height: 45px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin: 0px;
margin-right: 5px;
}
.single-villa-body-right-form .single-villa-form-2-title .heart svg {
margin-left: 20px;
width: 30px !important;
height: 25px;
margin-top: 5px;
padding: 0px;
}
.single-villa-body-right-form .single-villa-form-2-calculation {
margin-top: 20px;
}
.single-villa-body-right-form .single-villa-form-2-calculation-top {
display: flex;
margin-bottom: 6px;
}
.single-villa-body-right-form .single-villa-form-2-calculation-top-left {
width: 50%;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: left;
}
.single-villa-body-right-form .single-villa-form-2-calculation-top-right {
width: 50%;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: right;
}
.single-villa-body-right-form .single-villa-form-2-calculation-single {
display: block;
display: none;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 32px;
letter-spacing: 0%;
margin-bottom: 6px;
text-align: center;
}
.single-villa-body-right-form .single-villa-form-2-calculation-bottom {
border-top: 1px solid #aaaaaa;
font-family: Inter;
font-weight: 600;
font-style: Semi Bold;
font-size: 11px;
leading-trim: NONE;
line-height: 15px;
letter-spacing: 0%;
text-align: right;
padding-right: 13px;
}
.single-villa-body-right-form .single-villa-form-2-calendar {
width: 100%;
opacity: 0;
height: 0px;
padding: 0px;
margin: 0px;
}
.single-villa-body-right-form .single-villa-form-2-dates {
margin-top: 30px;
display: flex;
cursor: pointer;
gap: 20px;
margin-bottom: 15px;
}
.single-villa-body-right-form .single-villa-form-2-dates-entry {
padding-bottom: 10px;
}
.single-villa-body-right-form .single-villa-form-2-dates-entry svg {
width: 10px;
height: 10px;
transform: translate(0, -1px);
}
.single-villa-body-right-form .single-villa-form-2-dates-entry {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
line-height: 18px;
letter-spacing: 0%;
border-bottom: 1px solid gray;
padding-left: 20px;
flex: 1;
text-align: left;
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-repeat: no-repeat;
background-position: 0px 3px;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield label {
display: none;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield {
margin-bottom: 10px;
padding: 0px;
border-radius: 0px;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield #input_4_9 {
padding-left: 50px !important;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield #field_4_41 {
display: none;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield select {
width: 100%;
padding: 20px;
font-size: 14px;
font-family: inter;
border: none;
background: transparent;
border-radius: 0px;
padding-left: 8px;
padding-top: 9px;
padding-bottom: 8px;
border: 1px solid #aaaaaa;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield input {
width: 100%;
padding-left: 8px;
padding-top: 9px;
padding-bottom: 8px;
font-size: 14px;
font-family: inter;
border-radius: 0px;
background: transparent;
color: black;
border: 1px solid #aaaaaa;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield input::placeholder {
color: black;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield .ginput_container_phone {
border-radius: 0px;
padding: 0px;
background: transparent;
border: 1px solid #aaaaaa;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield textarea {
padding: 20px;
font-size: 14px;
font-family: inter;
width: 100%;
max-height: 100px;
border-radius: 0px;
padding-left: 8px;
padding-top: 9px;
padding-bottom: 8px;
background: transparent;
border: 1px solid #aaaaaa;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield textarea::placeholder {
color: black;
}
.single-villa-body-right-form .single-villa-form-2-form .gform_fields:last-child {
border: none;
}
.single-villa-body-right-form .single-villa-form-2-form .select2-container {
display: none;
}
.single-villa-body-right-form .single-villa-form-2-form .gfield_visibility_hidden {
display: none;
}
.single-villa-body-right-form .single-villa-form-2-form .gform_button {
padding-top: 0px;
padding-right: 14px;
padding-left: 14px;
border-radius: 20px;
border-width: 1px;
background: black;
color: white;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 100%;
height: 48px;
width: 100%;
cursor: pointer;
}
.single-villa-body-right-form .single-villa-form-2-best {
margin-top: 25.5px;
margin-bottom: 10px;
}
.single-villa-popup {
position: fixed;
inset: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
background: white;
}
.single-villa-popup.is-active {
opacity: 1;
visibility: visible;
}
.single-villa-popup::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.65);
background: rgb(255, 255, 255);
}
.single-villa-popup-inner {
overflow-x: hidden;
position: relative;
z-index: 2;
background: #fff;
scrollbar-gutter: stable;
gap: 10px;
padding: 0%;
padding-top: 0px;
padding-bottom: 0px;
height: 100vh;
margin: 0vh auto;
overflow-y: auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
max-width: 1415px;
box-sizing: border-box;
}
@media all and (max-width: 1580px) {
.single-villa-popup-inner {
max-width: 100%;
}
}
.single-villa-popup-inner img {
cursor: pointer;
min-height: 390px;
width: 100%;
object-fit: cover;
display: block;
height: 100%;
}
.single-villa-popup-inner img:hover {
filter: brightness(1.08);
}
.single-villa-popup-close {
position: absolute;
top: 35px;
right: 35px;
z-index: 999;
background: white;
border: none;
cursor: pointer;
text-align: center;
width: 36px;
height: 36px;
opacity: 0.9;
}
.single-villa-popup-close svg {
fill: white;
stroke: white;
width: 24px;
height: 24px;
}
.single-villa-popup-close:hover {
opacity: 1;
}
@media all and (max-width: 1580px) {
.single-villa-popup-close {
background: white;
border-radius: 100%;
}
}
.single-villa-popup-inner-entry {
flex: 0 0 calc((100% - 10px) / 2);
max-width: calc((100% - 10px) / 2);
}
@media all and (max-width: 960px) {
.single-villa-popup-inner-entry {
max-width: 100%;
flex: 0 0 100%;
}
}
.single-villa-popup-inner-entry:nth-child(3n) {
flex: 0 0 100%;
max-width: 100%;
height: 790px;
}
.single-villa-footer {
width: 100%;
display: none;
gap: 10px;
position: fixed;
height: 56px;
bottom: 0px;
left: 0px;
padding: 10px;
background: white;
align-items: center;
z-index: 2;
}
@media all and (max-width: 960px) {
.single-villa-footer {
display: flex;
}
}
.single-villa-footer-left {
flex: 1;
text-align: center;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 15px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: bottom;
}
.single-villa-footer-right {
flex: 1;
}
.single-villa-footer-right a {
display: block;
width: 100%;
background: black;
border-radius: 15px;
padding-top: 10px;
padding-bottom: 10px;
color: white;
text-align: center;
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}
.distance {
display: flex;
height: 24px;
margin-bottom: 10px;
min-width: 280px;
width: 100%;
align-items: center;
}
@media all and (max-width: 960px) {
.distance {
margin-bottom: 5px;
}
}
.distance-icon {
width: 10%;
}
.distance-icon img {
width: 24px;
height: 24px;
}
.distance-text {
padding-left: 20px;
width: 70%;
}
.distance-km {
width: 20%;
text-align: right;
}
.mfp-wrap {
background: white;
}
.page-concierge-service-blocks {
max-width: 1200px;
margin: 0 auto;
margin-top: 50px;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks {
margin-top: 0px;
}
}
.page-concierge-service-blocks-block {
max-width: 1200px;
display: flex;
margin-bottom: 50px;
align-items: center;
margin-bottom: 50px;
}
.page-concierge-service-blocks-block:nth-child(even) {
flex-direction: row-reverse;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block {
flex-direction: column-reverse;
margin-top: 20px;
margin-bottom: 20px;
}
.page-concierge-service-blocks-block:nth-child(even) {
flex-direction: column-reverse;
}
}
.page-concierge-service-blocks-block-left {
flex: 1;
height: 600px;
width: 100%;
background-size: cover;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block-left {
height: 375px;
}
}
.page-concierge-service-blocks-block-left div {
height: 600px;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block-left div {
height: 375px;
}
}
.page-concierge-service-blocks-block-right {
flex: 1;
text-align: center;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block-right {
margin-bottom: 20px;
}
}
.page-concierge-service-blocks-block-right-inner {
max-width: 440px;
margin: 0 auto;
}
.page-concierge-service-blocks-block-right-inner-title, .page-concierge-service-blocks-block-right-inner-subtitle {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 50px;
leading-trim: NONE;
line-height: 58px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 20px;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block-right-inner-title, .page-concierge-service-blocks-block-right-inner-subtitle {
font-family: Canela;
font-weight: 300;
font-style: Light;
font-size: 25px;
leading-trim: NONE;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
margin-bottom: 10px;
}
}
.page-concierge-service-blocks-block-right-inner-text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block-right-inner-text {
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 13px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
text-align: center;
padding-left: 5px;
padding-right: 5px;
}
}
@media all and (max-width: 960px) {
.page-concierge-service-blocks-block:last-child {
margin-bottom: 0px;
}
}
.villa-custom-check-best-guarantee {
margin-top: 50px;
}
.villa-custom-check-form {
margin-top: 50px;
border: 1px solid #ddd;
border-radius: 20px;
padding: 30px;
float: right;
}
.villa-custom-check-form-back {
margin-bottom: 20px;
cursor: pointer;
}
.villa-custom-check-form-back span {
margin-left: 2px;
text-transform: uppercase;
font-size: 12px;
}
.villa-custom-check-form-image {
margin-bottom: 20px;
}
.villa-custom-check-form-title {
margin-bottom: 20px;
margin-top: 10px;
}
.distances .h5,
.area-description .h5 {
font-size: 14px !important;
}
.contact-form {
padding-bottom: 120px;
}
#villa-custom-check-best-guarantee-1,
#villa-custom-check-form-best-guarantee-1 {
display: block;
cursor: pointer;
}
#villa-custom-check-best-guarantee-2,
#villa-custom-check-form-best-guarantee-2 {
display: none;
position: relative;
width: 100%;
padding: 20px;
background: white;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
#villa-custom-check-best-guarantee-2 span,
#villa-custom-check-form-best-guarantee-2 span {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
#villa-custom-check-best-guarantee-2 p,
#villa-custom-check-form-best-guarantee-2 p {
margin-top: 20px !important;
text-align: left;
}
.page-villas-by-area {
background: white;
}
.villa-location > a,
.villa-collection > a {
-webkit-box-shadow: 10px 10px 14px -1px rgba(188, 188, 188, 0.75);
box-shadow: 10px 10px 14px -1px rgba(188, 188, 188, 0.75);
}
.page-blog .category-tab .tab__teases .teases {
width: 100% !important;
}
.teases-2 > .tease {
width: calc(25% - 2em);
margin: 1em;
}
.tab__teases-2 {
display: flex;
}
#single_villa_footer {
position: fixed;
width: 100%;
padding: 10px;
height: 87px;
display: flex;
bottom: 0px;
border-top: 1px solid #ddd;
background: white;
z-index: 99999;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
color: #bba262;
}
#single_villa_footer_left {
width: 33.33%;
text-align: center;
margin-top: 14px;
}
#single_villa_footer_left_top {
font-size: 22px;
font-family: "Canela";
margin-bottom: 7px;
}
#single_villa_footer_middle {
width: 33.33%;
text-align: center;
cursor: pointer;
}
#single_villa_footer_middle svg {
width: 40px;
height: 40px;
margin-bottom: 5px;
}
#single_villa_footer_right {
width: 33.33%;
text-align: center;
cursor: pointer;
}
#single_villa_footer_right svg {
width: 40px;
height: 40px;
margin-bottom: 5px;
}
#checkin_click,
#checkout_click {
cursor: pointer;
}
.page-villa-location {
background: white;
}
.page-our-villas {
padding-bottom: 100px;
}
.villa-level-name {
margin-bottom: 10px;
}
.tease__title {
text-transform: capitalize;
}
.latest-posts-top {
display: flex;
margin-bottom: 50px;
}
.latest-posts-top-left {
flex: 50%;
}
.latest-posts-top-right {
flex: 50%;
display: flex;
flex-wrap: wrap;
}
.latest-posts-top-right-entry {
flex: calc(50% - 20px);
margin: 10px;
margin-top: 0px;
}
.latest-posts-bottom {
display: flex;
flex-wrap: wrap;
}
.latest-posts-bottom-entry {
flex: calc(33% - 20px);
margin: 10px;
}
.latest-posts-top-right-entry .thumb_blog {
height: 200px;
}
.latest-posts-top-left .thumb_blog {
height: 600px;
}
.tease .tease__title {
padding: 0px 0 0px;
}
.tease-villa-upper {
margin-bottom: 10px;
}
.filters-mobile .big-dropdown .search {
padding-bottom: 40px;
}
#field_3_31,
#field_3_32 {
cursor: pointer;
}
.checkin,
.checkout,
.checkin_mob {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 15px 15px;
background-position: 0px 3px;
padding-left: 20px;
width: 100% !important;
}
.ccheckin,
.ccheckout,
.checkout_mob {
background-image: url(//mlv.villas/wp-content/themes/mlv.villas/build/87017308a14b324fbeaf.svg);
background-size: 15px 15px;
background-position: 0px 3px;
padding-left: 20px;
width: 100% !important;
}
.thumb_blog {
object-fit: cover;
height: 400px !important;
border: 1px solid #ddd;
}
.page-collections {
background: white !important;
}
.thumb_first {
object-fit: cover;
height: 640px !important;
border: 1px solid #ddd;
}
.thumb_right {
height: 221px !important;
}
.page-villa-collection {
background: white !important;
}
.teases-container .tease--villa {
width: 33.3% !important;
}
.gallery-icon {
width: 20px;
text-align: center;
margin: auto;
}
.location-name span.r_more {
display: inline-block;
vertical-align: text-bottom;
position: relative;
right: -27%;
}
.page-my-selection {
background: white;
}
.page-my-selection .gfield input {
width: 85%;
}
.type-villa .gfield input {
width: 70%;
}
#field_3_31 span,
#field_3_32 span {
color: black;
padding-right: 5px;
}
.villas-extra-slider .slick-slide .thumbnail img {
height: 650px;
}
img.mfp-img {
padding: 0;
}
.mfp-wrap {
z-index: 999999;
}
span.nights {
font-size: 12px;
}
.page-my-selection .tease .thumbnail img {
max-height: 320px;
}
.about_inner_container .s_column:nth-child(1) {
position: relative;
top: 24px;
text-align: left;
}
.page-home .home-our-villas .our-villas__text,
.page-home .home-our-villas .tab-content,
.home-selected-villas .our-villas__text {
text-align: justify;
}
.gfield,
.page-my-selection .gfield,
.type-villa .gfield {
margin: 0 0 7px 0;
}
span.r_more {
position: relative;
top: -3px;
left: 5px;
}
.filters .select-container {
border-radius: 30px;
width: max-content;
padding: 5px;
}
.filters .select-container .search button {
width: 310px;
color: white;
border-radius: 15px;
}
.filters .select-container .dropdown,
.filters .villa-checkin,
.filters .villa-checkout {
width: 310px;
padding-left: 8px;
}
.filters .select-container .search {
position: static;
}
.sort__filters {
overflow: auto;
}
.inc-title {
margin-bottom: 10px;
}
.villa-checkout .qs-datepicker-container {
-webkit-transform: initial;
-ms-transform: initial;
transform: translate(-120px, -110%) !important;
top: 0 !important;
left: 0 !important;
}
.page-blog-category .category-teases .tease--post .button-small {
margin-top: 20px;
}
.page-our-villas .sort {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.results-text {
position: relative;
left: -70px;
}
.results-text-mobile {
display: none;
text-align: left !important;
padding: 0px 15px !important;
margin: 0 15px 0 0px !important;
}
.results-text-mobile-number {
font-size: 23px;
font-weight: 300;
font-family: "canela";
transform: translate(0, 5px);
position: absolute;
}
.results-text-mobile-text {
position: relative;
top: 3px;
padding-bottom: 5px;
margin-left: 40px;
transform: translate(0px, -4px);
}
.results-text-mobile-text-underline {
border-bottom: 1px solid #333;
padding-bottom: 5px;
margin-left: 35px;
transform: none;
}
#villas-filters {
border-radius: 5px !important;
}
.featured_listing_mobile {
display: none;
}
.featured_listing_page {
display: block;
}
.filter .h3 {
font-size: 20px;
margin-bottom: 10px;
}
.filter .selected {
font-size: 26px;
border-bottom: 1px solid #ddd;
}
.cookie-box a:hover {
color: white;
border-bottom: 1px solid white;
}
.cookie-notice-container a:hover {
color: white;
border-bottom: 1px solid white;
}
.cn-close-icon:before,
.cn-close-icon:after {
background: white !important;
}
.mysortcontainer {
display: block;
}
.page-our-villas .sort .view > div {
color: white;
background-color: var(--gold);
}
#villas-filters > div.sort > div.view > div.view__map.flex > svg {
width: 22px;
height: 22px;
}
.r_more svg {
max-width: 24px;
}
.filters .select-container > div:nth-child(2) {
border-right: 1px solid black;
}
.filters .select-container .dropdown.border {
border-right: none;
}
.type-villa .villa-hero .villa-big-img .slick-next {
width: 50px;
height: 50px;
}
.type-villa .villa-hero .villa-big-img .slick-prev {
width: 50px;
height: 50px;
}
.type-villa .villa-hero .villa-big-img .slick-prev:before {
width: 50px;
height: 50px;
margin-left: -2px;
filter: invert(1);
}
.type-villa .villa-hero .villa-big-img .slick-next:before {
width: 50px;
height: 50px;
margin-left: 2px;
filter: invert(1);
}
.tease--villa .slick-slider .slick-prev {
left: 0px;
}
.tease--villa .slick-slider .slick-next {
right: 20px;
}
.tease--villa .slick-slider .slick-prev:before {
margin: 0px;
width: 50px;
height: 50px;
}
.tease--villa .slick-slider .slick-next:before {
margin: 0px;
width: 50px;
height: 50px;
}
.rangepickernights {
padding-right: 10px;
font-size: 14px;
}
div#single_villa_footer_left_top.footer-price {
font-size: 15px;
}
.featured_listing_page .slick-list {
cursor: pointer;
}
#rangepickermobile {
width: auto;
}
.villa-price h3 {
font-size: 28px;
}
.type-villa .villa-hero .villa-big-img .slick-next:after {
background: none !important;
}
.type-villa .villa-hero .villa-big-img .slick-prev:after {
background: none !important;
}
.grecaptcha-badge {
opacity: 0 !important;
}
.cky-btn-revisit-wrapper {
background-color: transparent !important;
}
.datepick {
font-family: "Inter" !important;
}
.c_title {
font-size: 30px;
font-family: "Canela";
}
.villas-extra-slider {
overflow: hidden;
width: 100%;
margin: 0px !important;
padding: 0 0 0px 0%;
}
.villas-extra-slider-container {
padding-bottom: 50px !important;
}
.home-signature-content {
width: 100%;
margin: 0 auto;
padding: 10px;
}
.villas-extra-slider-item {
position: relative;
min-height: 513px;
background-size: cover;
background-position: center;
text-align: center;
color: #fff;
padding: 30px;
overflow: hidden;
}
.home-beyond {
max-width: 1330px;
margin: 0 auto;
text-align: center;
padding-top: 120px;
padding-bottom: 140px;
}
.home-beyond-content {
display: flex;
gap: 50px;
}
.home-beyond-content-column {
min-height: 513px;
width: 410px;
display: flex;
background-size: cover;
align-items: center;
flex-direction: row;
justify-content: center;
}
.villas-extra-slider .slick-slide h3 {
width: 90%;
}
.custom-arrow-down svg,
.custom-arrow-up svg {
width: 45px;
}
.tease-new .thumbnail {
overflow: hidden;
}
.tease-new .thumbnail img {
transition: transform 0.5s;
}
.tease-new:hover .thumbnail img {
transform: scale(1.05);
transition: transform 0.5s;
}
.qs-arrow:hover {
background: var(--gold);
}
.qs-arrow {
width: 25px;
height: 25px;
}
.qs-arrow:hover.qs-right:after {
border-left-color: #fff;
}
.qs-arrow:hover.qs-left:after {
border-right-color: #fff;
}
.tease--villa .slick-slide > div {
line-height: 0;
}
@media (max-width: 1160px) {
.sort .view {
justify-content: flex-end;
}
#header .header-logo svg {
width: 128px;
height: auto;
}
}
@media (max-width: 660px) {
.about_inner_container {
padding-top: 0;
}
.home-selected-villas {
padding: 0px 8.33333 30px;
}
.inquiry_container {
margin-top: 20px;
}
.inquiry_container_border {
padding: 5px 5px;
}
.custom-villa-information {
padding-top: 20px;
}
.custom-villa-information-top {
margin: 0 2%;
}
.custom-villa-information-amenity-icons {
margin-bottom: 20px;
justify-content: center;
}
.villa-custom-check {
margin-top: 20px;
margin: 0 auto;
}
.my-selection-icon {
display: block !important;
margin: 0 !important;
}
.villa-gallery-slider {
display: none !important;
}
.teases-2 > .tease {
width: 100%;
margin: 0em;
}
.teases-2 > .flex {
bottom: 0px !important;
}
.tease--post > div.flex {
bottom: 0px !important;
}
.thumbnail {
margin-top: 20px !important;
}
.thumb_blog {
height: auto;
}
.show-gallery {
bottom: 200px !important;
}
.thumb_right {
height: 210px !important;
}
.tease-villa__info > div.two_columns_row > div:nth-child(2) > div:nth-child(2) > svg {
position: relative;
right: 10px;
}
.featured_listing_mobile {
display: block !important;
}
.featured_listing_page {
display: none;
}
.left_asset.c_title {
font-size: 20px;
line-height: 25px;
}
.about_inner_container .s_column:nth-child(1) {
padding: 20px 0 20px 0;
}
.custom-villa-information-top img {
width: 20px;
}
.villa-custom-check,
.villa-custom-check-form {
margin: 0 auto;
}
.teases-container .tease--villa {
width: 100% !important;
}
.villa-checkout .qs-datepicker-container {
position: absolute;
}
.sort .view {
width: 25%;
}
.page-our-villas .sort {
margin-bottom: 5px;
margin-top: 5px;
border: none;
}
.tease__title .villa__title {
padding: 0px;
}
#header .header-logo svg {
width: 105px;
}
.filter__dropdown .filter:not(:first-child) label.h3 {
font-size: 16px !important;
}
.page-home .home-about .about-container {
height: 1300px;
}
.page-home .tease .tease__title {
padding: 0px 0 0px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.about_inner_container {
grid-template-columns: 1fr;
}
.custom-villa-information-amenity-icons {
display: grid !important;
grid-template-columns: repeat(6, 1fr);
grid-gap: 3px;
text-align: center;
}
.tooltip {
width: 74px;
padding: 4px;
font-size: 11px;
margin-left: -38px;
}
}
@media (min-width: 661px) {
.page-our-villas .vlist .tease--villa {
width: 100%;
}
}
@media (min-width: 767px) {
.page-our-villas .vlist .tease--villa {
width: 100%;
}
}
@media (min-width: 768px) {
.img_d {
height: 824px;
}
.featured_listing {
padding-bottom: 170px;
}
.tease__villa-price {
font-size: 1em;
}
.page-our-villas .vlist .tease--villa {
width: 33.3333333333%;
}
}
@media (max-width: 767px) {
.img_d {
height: 450px;
}
.featured_listing {
padding-bottom: 75px;
}
.v_title {
font-size: 30px;
line-height: 30px;
padding-bottom: 5px;
}
.v_location {
font-size: 18px;
padding-bottom: 10px;
}
.info_box {
height: fit-content;
width: 228px;
bottom: 0;
right: 0;
padding: 12px;
font-size: 14px;
}
.space-100 {
margin-top: 20px;
}
.inquiry_container_border {
margin: 10px;
margin-bottom: 100px;
}
#field_3_30 {
width: 100% !important;
}
#field_3_29 {
width: 100% !important;
margin-left: 0%;
}
.info_box .inner {
padding: 10px;
}
.info_box .inner a {
padding-top: 5px;
}
}
@media (max-width: 950px) {
.custom-villa-information-top {
display: block;
}
.custom-villa-information-top div {
margin-bottom: 20px;
text-align: left;
}
}
@media (max-width: 1260px) {
.custom-left {
width: 100% !important;
}
.custom-right {
width: 100% !important;
}
.custom-villa-information-description {
padding-left: 0px;
padding-right: 0px;
}
.villa-custom-check {
padding: 20px;
}
.villa-custom-check,
.villa-custom-check-form {
margin: 0 auto;
float: none !important;
max-width: 90vw !important;
}
}
@media (max-width: 690px) {
.custom-villa-information-icons {
display: block;
margin-bottom: 20px;
}
}
@media (min-width: 1100px) {
#single_villa_footer {
display: none;
}
}
@media (max-width: 426px) {
#single_villa_footer_left {
font-size: 12px;
}
#single_villa_footer_middle {
font-size: 12px;
}
#single_villa_footer_middle_top {
font-size: 12px;
}
#single_villa_footer_right {
font-size: 12px;
}
}
@media (max-width: 370px) {
#single_villa_footer_left {
font-size: 13px;
}
#single_villa_footer_middle {
font-size: 13px;
}
#single_villa_footer_middle_top {
font-size: 13px;
}
#single_villa_footer_right {
font-size: 13px;
}
.tease__villa-price {
font-size: 14px;
}
}
@media (max-width: 200px) {
#single_villa_footer_left {
font-size: 8px;
}
#single_villa_footer_middle {
font-size: 8px;
}
#single_villa_footer_middle_top {
font-size: 10px;
}
#single_villa_footer_right {
font-size: 8px;
}
}
@media (max-width: 1100px) {
.thumb_blog {
height: 200px;
}
.thumb_right {
height: 210px !important;
}
}
@media (max-width: 1000px) {
.latest-posts-top {
display: block;
}
.latest-posts-top-right {
display: block;
}
.latest-posts-bottom {
display: block;
}
}
@media (max-width: 1535px) {
.filters .select-container .dropdown,
.filters .villa-checkin,
.filters .villa-checkout,
.page-home .home-hero .filters .select-container .dropdown {
width: 150px !important;
}
}
@media (max-width: 840px) {
.filters .select-container .search button {
width: 200px !important;
}
.page-home .home-hero .filters .select-container {
width: max-content;
}
.page-home .home-hero .filters .select-container .dropdown {
width: 119px !important;
}
.page-home .home-hero .filters .select-container .villa-checkin {
width: 120px !important;
}
.page-home .home-hero .filters .select-container .villa-checkout {
width: 120px !important;
}
}
@media (max-width: 736px) {
.filters {
padding: 0;
}
.filters .select-container {
display: none;
}
}
@media only screen and (min-width: 661px) and (max-width: 1513px) {
.marker .thumbnail {
max-width: 60px;
margin: auto;
}
}
@media (max-width: 960px) {
.results-text-mobile {
display: block;
}
.page-home .home-hero .filters .select-container {
width: max-content;
}
}
@media (max-width: 315px) {
.tease__villa-price {
font-size: 11px;
}
}
@media (max-width: 479px) {
.about-container h2 {
text-align: center;
}
}
@media (max-height: 660px) {
.my-profile__content {
margin-bottom: 100px;
}
.my-profile__images .img-4,
.img-4 {
display: none;
}
}
@media screen and (min-width: 1100px) {
.villa-big-img .slick-next,
.villa-big-img .slick-prev {
background: white;
width: 40px !important;
height: 40px !important;
border-radius: 50px;
}
.villa-big-img .slick-next:before,
.villa-big-img .slick-prev:before {
filter: none !important;
width: 40px !important;
height: 40px !important;
}
}
@media only screen and (min-width: 700px) {
.villas-extra-slider-item {
margin-left: 0px;
margin-right: 0px;
}
.page-home .about-three {
display: flex;
flex-direction: row;
}
}
@media only screen and (max-width: 700px) {
.about-two-buttons {
width: 90%;
padding: 0 20px;
flex-direction: column;
}
.home-signature-header {
flex-direction: column;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 20px;
}
.home-concierge-content-left {
text-align: center;
max-width: 100%;
width: 100%;
padding: 20px;
}
.home-call-content {
flex-direction: column;
width: 100%;
margin: 0 auto;
gap: 10px;
padding: 20px;
}
.home-beyond-content {
flex-direction: column;
width: 100%;
margin: 0 auto;
gap: 10px;
padding: 20px;
}
.home-beyond-header {
padding: 20px;
}
.villa-wishlist {
right: 10px;
}
.home-concierge {
padding-top: 100px;
}
.home-concierge-content-right {
margin-top: 20px;
min-height: 400px;
}
.h2-new {
font-size: 3em !important;
line-height: normal !important;
}
.home-signature-header-right p {
text-align: center;
}
.home-signature-header-left h2 {
text-align: center;
}
.home-concierge-content-left p {
text-align: center;
}
.home-call-content-right h2 {
margin-top: 20px;
}
.home-call-content-right a {
margin-top: 5px;
}
.home-call-content-right .first-button {
margin-right: 0px;
}
.home-concierge-content-left h2 {
text-align: center;
}
.home-concierge-content-right p {
text-align: center;
}
.home-our-villas h2,
.home-our-villas-text {
padding-left: 20px;
padding-right: 20px;
}
.page-home .home-hero .hero__texts-new {
top: unset;
bottom: 57px;
}
}
@media (max-width: 1480px) {
.home-signature-content-slider,
.villas-extra-slider-container {
width: 100%;
margin-left: 0;
}
}
@media (min-width: 700px) {
.first-word {
display: block;
}
}
@media only screen and (max-width: 1000px) {
.home-concierge-content {
flex-direction: column;
gap: 10px;
}
.home-concierge-content-right {
height: 200px;
width: 100%;
}
}
@media only screen and (max-width: 1400px) {
.home-concierge {
margin: 0px;
width: 100%;
}
.home-concierge-content-left {
padding: 20px;
}
}
@media all and (max-width: 660px) {
.qs-datepicker-container {
width: 260px;
}
}
.about-container .tab-content {
font-size: 13px;
line-height: 19px;
}  .noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
} .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
} .noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
} .noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
} .noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}