.elementor-kit-3{--e-global-color-primary:#5EFF77;--e-global-color-secondary:#43BCCE;--e-global-color-text:#000000;--e-global-color-accent:#EBB84F;--e-global-color-13f4851a:#EBF3F4;--e-global-color-47eea86e:#FFF;--e-global-typography-primary-font-size:2.25rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Gotham";--e-global-typography-text-font-weight:300;--e-global-typography-cf14a5b-font-size:1.25rem;--e-global-typography-cf14a5b-font-weight:600;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-3 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3 h1{font-size:3.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-3{--e-global-typography-primary-font-size:1.8rem;--e-global-typography-secondary-font-size:1.1rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* variables */
:root {
    --padding-large:76px
}



/* ---------------------- */ 

/*CUSTOM WIDTH CONTAINERS */
/* Set a larger container to a section -> container-xl */
.container-xl,
.container-xl.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box;

}

/* exclude smaller ipad landscape size*/
 @media(min-width:1181px) {
.container-xl.elementor-section.elementor-section-boxed > .elementor-container{
    padding-left: var(--padding-large);
    padding-right: var(--padding-large); 
    }
}



/* Set a larger container to a section -> container-l */
.container-l.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Set a larger container to a section -> container-l-int */
.container-l-int {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box; 
}

.container-l-int.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1167px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Set a boxed section or container with no padding (Like a full width) -> boxed-no-pdd */
.boxed-no-pdd.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 0;
    padding-right: 0;
}
 @media(max-width:480px) {
.boxed-no-pdd-xs.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 0;
    padding-right: 0;
}
}


html {
    font-size:14px;
}

a {
    color: #252624;
}

a:hover {
    color: #252624;
}

/*FIX FOR SCROLL IN MODALS*/
.holidays-home-modal > div {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* wpml language switcher */
header .wpml-ls-legacy-dropdown-click a:hover, header .wpml-ls-legacy-dropdown-click a:focus, header .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, header .wpml-ls-legacy-dropdown-click a {
    color:#fff;
    font-size:.9em;
    font-weight:600;
}
header .inner-page .wpml-ls-legacy-dropdown-click a:hover, header .inner-page .wpml-ls-legacy-dropdown-click a:focus, header .inner-page .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, header .inner-page .wpml-ls-legacy-dropdown-click a {
    color:#000;
}
footer .wpml-ls-legacy-dropdown-click a:hover, footer .wpml-ls-legacy-dropdown-click a:focus, footer .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, footer .wpml-ls-legacy-dropdown-click a {
    color:var(--e-global-color-secondary);
    border:none;
    background-color:#fff;
        font-size:.9em;
    font-weight:600;
}

@media(max-width:480px) {
/* LOGO */
    header .logo-holidayshome a img {
        -webkit-transition: all .3s .3s;
        -o-transition: all .3s .3s;
        transition: all .3s .3s;
    }     
header .elementor-sticky--effects .logo-holidayshome a img {
    width:100px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

/* Menu icon box */
    header .elementor-icon-box-description {
        display:none;
    }
 }
/* Motor BG */
.hero-engine-wrapper.elementor-widget-Mirai > .elementor-widget-container > div {
    background: #ffffff50;
    padding: 10px;
    border-radius:50px;
 }
 
 /* Selector configuration
 body:not(.cat-booking) .mi-be .mi-be-chain-select .mi-be-chain-dropdown ul li:not(.is-location) {
     display:none;
 }
 body.cat-hotel-home .mi-be .mi-be-chain-select.mi-dropdown  {
     display:none;
 }*/
 
 
 /* PROMO CANARY RESIDENTS */

.mi-promo-button.mi-active > .mi-promo-switch::after {
    background-color:#43bcce !important;
}
a.mi-promo-button.mi-active div.mi-promo-switch {
    border-color:#fff !important;
}

 

 
 /* General rules*/
 @media(max-width:480px) {.hidden-xs {
     display:none !important;
 }
 }
 .bullet-list ul {
     padding-left:20px;
 } 
 .bullet-list li {
     list-style:circle;
     margin-bottom:10px;
 }
 
 /* Filter in homepage*/
 body.filter-list-sticky-active  #hotels-filter-list{
    position:fixed;
    top:45px;
    left:0;
    right:0;
    z-index:10;
    padding-top: 10px !important;
 }
 .affix-engine-wrapper {
     pointer-events: none;
 }
 body.filter-list-sticky-active  .affix-engine-wrapper {
     pointer-events:initial;
 }
@media(min-width:1025px) {
 body.filter-list-sticky-active .filter-list-wrapper .elementor-widget {
     margin-bottom:0;
 }
}
 @media(max-width:480px) {
      body.filter-list-sticky-active  #hotels-filter-list{
     top:30px;
 }
 } 
 
  body.filter-list-sticky-active a.modal-link {
    font-size: .9em;
    padding: 13px;
    border:0 !important;
    background-color: #00000082 !important;
    color: #fff !important;
    pointer-events: initial;
 }
 body.filter-list-sticky-active a.filter-clean {
    position: relative;
    top: -30px;
    color: #000 !important;
    font-weight:600;
 }
 body.filter-list-sticky-active .hotel-card a, body.filter-list-sticky-active .hotel-card i {
     pointer-events: initial;
 }
   @media(max-width:1024px) {
 .filter-list-wrapper .modal-link[data-idmodal=categories-modal], .filter-list-wrapper .modal-link[data-idmodal=destiny-modal], .filter-list-wrapper .modal-link[data-idmodal=accomodation-tipe-modal] {
     padding:0 !important;
 }
}
@media(max-width:820px) {
    body.filter-list-sticky-active a.filter-clean{
     top:-85px;
 }
 }
 @media (max-width: 480px) {
   a.filter-clean{ 
    position: relative;
    font-size: .8em;
    left: 10px;
    top: -123px;
 }
body.filter-list-sticky-active a.filter-clean {
    top: -110px;
}
body.filter-list-sticky-active .filter-list-wrapper .elementor-widget.elementor-widget-javascript {
     margin-bottom:40px;
 }
} 
 
 /*** Ficha cada villa ***/
 
 .items-card-ind .eael-tooltip img {
    filter: brightness(1);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
 }
 .items-card-ind .eael-tooltip:hover img {
   filter: brightness(0);
 }
 /* Anchor Menu */
.anchor-menu.elementor-sticky--active {
    z-index:1;
    padding-bottom: 8px;
}

body.mi-be-datepicker-open .anchor-menu ul.elementor-nav-menu {
    z-index:0;
}
 @media(max-width:480px) {
.anchor-menu.elementor-sticky--active .contact-info {
    display:none;
}
.anchor-menu ul {
    flex-wrap:nowrap !important;
    overflow-x:scroll;
    padding:10px;
    margin-bottom:10px;
}
.anchor-menu.elementor-sticky--active ul {
    margin-bottom:0;
}

}
/* Gallery */
 .grid-gallery .e-gallery-container{
      grid-template-columns: 1fr 2fr 1fr !important;
  grid-template-rows: 1fr 1fr;
 }
 .grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
 }
  .grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
 }
 .grid-gallery .e-gallery-image {
     height:100%;
 }
 .grid-gallery .elementor-gallery-item.elementor-animated-content:nth-child(n+6) {
    display: none;
}
.grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(1){
    border-top-left-radius: 18px
}
.grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(3){
    border-top-right-radius: 18px
}
.grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(4){
    border-bottom-left-radius: 18px
}
.grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(5){
    border-bottom-right-radius: 18px
}
 .show-gallery {
        position: absolute;
        bottom: 30px;
        right: 10px;
        background: #fff;
        border-radius: 25px;
        padding: 5px 13px;
        pointer-events: none;
        cursor: pointer;
    }
@media (max-width:768px) {
   .grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(2) {
    display:block;
    grid-column: 1 / 4;
    grid-row: 1 / 3;
 }
    .grid-gallery .e-gallery-item.elementor-gallery-item {
        display:none;
    }
.grid-gallery .e-gallery-item.elementor-gallery-item:nth-child(2){
    border-radius: 18px
    }    
}
 /* Menu */
  .anchor-menu .e--pointer-underline .elementor-item:after {
      display:none;
  }
/* Main Features */
.main-features-list ul.elementor-icon-list-items {
    display:flex;
    flex-wrap:wrap;
}
.main-features-list ul.elementor-icon-list-items li {
    width:22%;
    margin-bottom:15px;
}
.readmoretoggle .elementor-tab-title.elementor-active::before {
    content: 'Leer menos';
    color: var(--e-global-color-secondary );
}
.readmoretoggle .elementor-toggle-item {
    display:flex;
    flex-direction:column-reverse;
}
.readmoretoggle p {
    margin-bottom:20px;
}
@media (max-width:768px) {
    .main-features-list ul.elementor-icon-list-items li {
            width:22%;
        
    }
}
@media (max-width:480px) {
    .main-features-list ul.elementor-icon-list-items li {
            width:100%;
        
    }  
}
    /*.readmoretoggle .elementor-toggle-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
}*/

.readmoretoggle .elementor-tab-title.elementor-active a{
    display:none;
} 
.readmoretoggle .elementor-toggle .elementor-tab-content,  .readmoretoggle .elementor-toggle .elementor-tab-title {
    border-bottom:0;
}
.readmoretoggle .elementor-toggle .elementor-tab-content {
    padding:15px 0;
}
/* Rooms: swiper*/
body.cat-hotel-home .elementor-swiper-button {
    z-index:0 !important;
}
/* Rooms: number of beds*/
.beds .elementor-row {
    flex-wrap:wrap;
}
.beds .elementor-column {
    width:33%;
}
/* Services and Features */
.services-accordion-list .elementor-accordion-item {
    margin-bottom:5px;
}
.services-accordion-list .elementor-accordion .elementor-accordion-item+.elementor-accordion-item {
    border-top:solid 1px var(--e-global-color-secondary);
}
.services-accordion-list .elementor-accordion .elementor-tab-title {
    display: flex;
    align-items: center;
}
.services-accordion-list .elementor-accordion-item .elementor-tab-content {
     background:#EBF3F4;
 }
.services-accordion-list a:hover {
    color:var(--e-global-color-text);
}

.services-accordion-list .elementor-accordion-icon i {
    border: solid 1px var(--e-global-color-secondary);
    border-radius: 50%;
    padding: 3px;
    font-size: .5rem;
}
.services-accordion-list ul:not(.description-list) {
    display:flex;
    flex-wrap:wrap;
}
.services-accordion-list ul:not(.description-list) li {
    width: 25%;
    padding-bottom:10px;
}
@media (max-width:480px) {
.services-accordion-list ul:not(.description-list) li {
    width: 100%;
    }    
}
/* LOCATION MAP*/
.accomodation-map #map-wrapper {
    height:400px;
    border-radius:18px;
}

/*Dinamic Offers page*/
.offers-listing-wrapper.no-offers {
    text-align:center;
}
.offers-listing-wrapper.no-offers p {
    background-color: var(--e-global-color-13f4851a);
    padding: 20px;
    display: inline-block;
    margin-top: 60px;
    margin-bottom: 60px;

}

.offer .offer-link {
    min-height: 175px;
}

/* Hero Engine Fit Content */
.hero-engine-wrapper.elementor-widget-Mirai > .elementor-widget-container > div {
    width: fit-content;
}

.hero-engine-wrapper.elementor-widget-Mirai > .elementor-widget-container > div {
   margin: 0 auto;
}

/* Motor in Homepage */
.filter-list-sticky-active .mi-be {
    position:relative;
    top:-10px;
}

/* Motor without chain-select*/
body.cat-chain-.elementor-kit-3-hidden .mi-be .mi-be-chain-select {
    display:none;
}
/* Engine calendar */
.dynamic-calendar .ui-datepicker-calendar ._selected-date a, .dynamic-calendar .ui-datepicker-calendar ._checkin-date a, .dynamic-calendar .ui-datepicker-calendar ._checkout-date._checkin-date a, .dynamic-calendar .ui-datepicker-calendar a:hover {
    background-color: #ccf1d5 !important;
    color: #555 !important;
}
.dynamic-calendar .ui-datepicker-calendar ._checkout-date a {
    background-color: #8ff1a7!important;
    color: #aaa!important;
}
.calendar-wrapper.calendar-type1 .offer-calendar-button, .calendar-wrapper.calendar-type1 .room-calendar-button {
    background-color: #5EFF77;
    color: #000;
    border-radius: 30px;
    border: 0;
    -webkit-transition: .3s all;
    transition: .3s all;
    font-weight: 600;
}
.calendar-wrapper.calendar-type1 .offer-calendar-button:hover, .calendar-wrapper.calendar-type1 .room-calendar-button:hover {
    background-color: #43bcce;
    color: #000;
}
@media (max-width:768px) {
    .cat-offers .header + section.elementor-top-section, .cat-offer-detail .header + section.elementor-top-section {
        display:none;
    }
}
/* Chain select */
.mi-cr-mapmodal .mi-cr-button, .mi-cr .mi-cr-button {
    background-color: #5EFF77;
    color: #000;
    font-weight: 600;
    border-radius: 30px !important;
    text-transform: uppercase;
}
.mi-cr-mapmodal .mi-cr-button:hover, .mi-cr .mi-cr-button:hover {
    background-color: #43bcce;
}

.star-icon section {
    padding-bottom: 10px;
    max-width: auto !important;
    height: auto !important;
}


/* scroll modal */

@media (max-width: 768px) {
.modal-scroll {
	overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
}

.modal-scroll::-webkit-scrollbar {
width: 5px;
    }
 
.modal-scroll::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
border-radius: 2px;
    }
 
.modal-scroll::-webkit-scrollbar-thumb {
background-color: var( --e-global-color-accent );
border-radius: 2px;
-webkit-transition: all .3s;
transition: all .3s;
    }
 
.modal-scroll::-webkit-scrollbar-thumb:hover {
background: var( --e-global-color-primary );
    }

} 

.hotel-card {
    border-radius: 10px;
} 

/* Display a widget on specific language */
html:not([lang="es-ES"]) body:not(.elementor-editor-active) .show-es,
html:not([lang="en-US"]) body:not(.elementor-editor-active) .show-en,
html:not([lang="fr-FR"]) body:not(.elementor-editor-active) .show-fr,
html:not([lang="de-DE"]) body:not(.elementor-editor-active) .show-de,
html:not([lang="it-IT"]) body:not(.elementor-editor-active) .show-it {
    display: none;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}

.elementor-widget-image a {
    display: inline-block;
    width: 100%;
}

.elementor-widget-image img {
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.elementor-widget-container .elementor-element.elementor-element-383e2c3 {
    margin-top: 0px;
    margin-bottom: 0px;
    display: none;
}

.elementor-widget-heading .elementor-heading-title {
    min-height: 35px;
}

[data-elementor-type="wp-post"] .elementor-section.elementor-top-section.elementor-section-boxed{
        overflow: hidden;
    box-shadow: 0px 0px 24px 0px rgba(90, 98.00000000000003, 119.99999999999999, 0.12);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
}




[data-elementor-type="loop-item"] [data-element_type="section"] .elementor-column-gap-default .elementor-column .elementor-widget-wrap .elementor-element .elementor-widget-container [data-elementor-post-type="mirai_custom_item"] .elementor-section .elementor-column-gap-default .elementor-element .elementor-widget-wrap .offers-content .elementor-column-gap-default .elementor-column .elementor-widget-wrap [data-element_type="section"]:first-child {
    display: none;
}


.servicios-exclusivos__container     .flickity-prev-next-button.next {
        right: 10px !important;
    }


.servicios-exclusivos__container     .flickity-prev-next-button.next {
        right: 10px !important;
    }

.servicios-exclusivos__container .flickity-prev-next-button.previous {
        left: 10px !important;
    }
@media (min-width:1280px) {
.servicios-exclusivos__container .flickity-prev-next-button.previous, .servicios-exclusivos__container     .flickity-prev-next-button.next{
    display: none;
}

}
.servicios-exclusivos__container .elementor-icon-box-content .elementor-icon-box-title {
    text-wrap: nowrap;
    max-width: 100%;
}
    
    
.servicios-exclusivos__container    .elementor-element-populated{
        padding: 0 0 !important;
    }
    
.general-offer-card {
    width: 33%!important;
}

@media only screen and (max-width: 768px) {
    .general-offer-card {
        width: 50%!important;
    }
}

/* Hidden whatsapp on specific villas */
body.cat-villa-jarea #whatsapp_btn,
body.cat-villa-julaga #whatsapp_btn,
body.cat-villa-bonita #whatsapp_btn,
body.cat-villa-relax-ii #whatsapp_btn,
body.cat-urban-chill-apartment #whatsapp_btn

 {
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/app/uploads/sites/513/Gotham-Book.woff') format('woff');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('/app/uploads/sites/513/Gotham-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('/app/uploads/sites/513/Gotham-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */