.elementor-kit-4099{--e-global-color-primary:#314079;--e-global-color-secondary:#F3E9DF;--e-global-color-text:#314079;--e-global-color-accent:#E8B33D;--e-global-color-21f8c9b7:#000;--e-global-color-47eea86e:#FFF;--e-global-color-6cb047a:#FFFFFF00;--e-global-color-641aa86:#F3E9DF8C;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:52.8px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Tahoma";--e-global-typography-text-font-size:1.15rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8rem;--e-global-typography-accent-font-family:"Tahoma";--e-global-typography-accent-font-size:1.125rem;--e-global-typography-accent-font-weight:500;--e-global-typography-fcce242-font-family:"Montserrat";--e-global-typography-fcce242-font-size:1rem;--e-global-typography-fcce242-font-weight:500;--e-global-typography-fcce242-text-transform:uppercase;--e-global-typography-fcce242-line-height:2rem;--e-global-typography-013566d-font-family:"Tahoma";--e-global-typography-013566d-font-weight:400;--e-global-typography-013566d-line-height:21.73px;--e-global-typography-4d3a7db-font-family:"Tahoma";--e-global-typography-4d3a7db-font-size:1.125rem;--e-global-typography-4d3a7db-font-weight:600;--e-global-typography-4d3a7db-text-transform:uppercase;--e-global-typography-4d3a7db-line-height:29.26px;--e-global-typography-b6b2d05-font-family:"Tahoma";--e-global-typography-b6b2d05-font-size:1.125rem;--e-global-typography-b6b2d05-font-weight:500;--e-global-typography-b6b2d05-text-transform:uppercase;--e-global-typography-b6b2d05-line-height:36px;--e-global-typography-fdd8677-font-family:"Tahoma";--e-global-typography-fdd8677-font-size:1.125rem;--e-global-typography-fdd8677-font-weight:300;--e-global-typography-fdd8677-text-transform:uppercase;--e-global-typography-fdd8677-line-height:41.8px;--e-global-typography-fdd8677-letter-spacing:0.07em;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-4099 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4099 a{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-4099 a:hover{color:#31407994;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-4099 h1{font-size:3.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1368px;}.e-con{--container-max-width:1368px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4099{--e-global-typography-primary-font-size:34px;--e-global-typography-primary-line-height:40px;--e-global-typography-text-font-size:22px;--e-global-typography-text-line-height:36px;--e-global-typography-fcce242-font-size:22px;--e-global-typography-fcce242-line-height:28px;--e-global-typography-013566d-font-size:17px;--e-global-typography-013566d-line-height:20px;--e-global-typography-4d3a7db-font-size:22px;--e-global-typography-4d3a7db-line-height:28px;--e-global-typography-fdd8677-font-size:20px;--e-global-typography-fdd8677-line-height:32px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4099 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4099 a:hover{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-4099{--e-global-typography-primary-font-size:24px;--e-global-typography-primary-line-height:32px;--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:24px;--e-global-typography-fcce242-font-size:18px;--e-global-typography-fcce242-line-height:20px;--e-global-typography-013566d-font-size:16px;--e-global-typography-4d3a7db-font-size:20px;--e-global-typography-fdd8677-font-size:18px;--e-global-typography-fdd8677-line-height:24px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4099 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4099 a:hover{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 */:root{
    --size-l:415px;
    --size-m:220px;
    --size-s:150px;
    --size-xs:112px;
    --size-xxs:96px;
    --size-xxxs:60px;
}

.pad-ll{ padding-left: var(--size-l); }
.pad-rl{  padding-right: var(--size-l); }
.pad-hm{
    padding-right: var(--size-m);
    padding-left:  var(--size-m);
}
.pad-tm{ padding-top: var(--size-s); }
.pad-bm{ padding-bottom: var(--size-s); }
.pad-bs{ padding-bottom: var(--size-s); }
.pad-ts{ padding-top: var(--size-s); }

.pad-vxxs{
    padding-top: var(--size-xxs);
    padding-bottom:  var(--size-xxs); 
}
.pad-txxs{ padding-top: var(--size-xxs); }

.pad-bxs{ padding-bottom: var(--size-xs); }
.pad-xs{ padding: var(--size-xs);}
.pad-xxxs{
  padding: var(--size-xxxs);   
}
.pad-lxs{ padding-left: var(--size-xs); }
.pad-rxs{ padding-right: var(--size-xs); } 
.pad-h-s{
   padding-right: var(--size-s); 
   padding-left: var(--size-s); 
}

/*small divices tablet and mobile */
@media only screen and (max-width:1024px){ 
    .pad-xs{
    padding: 30px;
}
.pad-xxxs{
    padding-top: 5px;
    padding-bottom: 20px;
}
.pad-txxs{ padding-top: var(--size-xxxs); }
.pad-tm{
  padding-top: var(--size-xs);
}
.pad-bm{
    padding-bottom: var(--size-xs);
}
.pad-ts{ padding-top: var(--size-xxxs); }
.pad-bs{ padding-bottom: var(--size-xxxs); }
.pad-hm{
    padding-right: 40px;
    padding-left:  40px;
}
}

.wrapper-l .elementor-container {
    max-width: 1920px;
}

/*offers*/
.cat-offers .offers-listing-wrapper.no-offers{
    text-align: center;
    font-size: 27px;
    font-family: 'Tahoma';
    color: var(--e-global-color-primary);
}

/* css location box*/
.col-info-actividades .elementor-widget-eael-info-box {
    min-height: 310px;
    margin: 0px 0px 10px 0px;
    padding: 35px 35px 35px 35px;
    background-color: var(--e-global-color-primary); 
    box-shadow: 0px 20px 50px 0px rgba(169, 160, 245, 0.2);
}
 
.col-info-actividades .eael-infobox-icon-bg-shape-radius .infobox-icon .infobox-icon-wrap{
       border-radius: 0px 0px;
       margin-bottom: 20px;
}
 
 
/* custom booking style */ 
.section-engine [data-mirai-engine='mirai_be'] .mi-be{
    background-color: var(--e-global-color-primary);
}

.section-engine [data-mirai-engine='mirai_be'] .mi-be .mi-be-chain-field, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be .mi-be-occupation-field,
.section-engine [data-mirai-engine='mirai_be'] .mi-be .DateRangePickerInput {
    /* background-color: var(--e-global-color-primary); */
    color: var(--e-global-color-primary);
}

.section-engine [data-mirai-engine='mirai_be'] .mi-be .mi-dropdown-placeholder, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field input::placeholder, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be  .mi-be-datepicker-select .DateInput_input__readOnly::placeholder, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be-occupation-field  label{
    color: var(--e-global-color-primary); 
    font-family: 'Tahoma';
    font-weight: 400;
    font-size: 1rem;
    line-height: 33.6px; 
}

/* .section-engine [data-mirai-engine='mirai_be'] .mi-be-chain-select, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be .DateRangePickerInput, 
.section-engine [data-mirai-engine='mirai_be'] .mi-be-occupation-field
{
    border-right: 2px solid var(--e-global-color-secondary);
} */

/* change logo header*/
#header.elementor-sticky--effects .logo-mallorca-suites img {
    max-width: 60%;
    content:url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/848/icons-header.png');
} 

#header:not(.elementor-sticky--effects) .bot-reservar{
    display: none;
}


/* club */
.cat-mirai-club button.mi-form__submit{
    background-color: white;
    color: var(--e-global-color-primary);
    border: 1px solid  var(--e-global-color-primary);
} 
.cat-mirai-club button.mi-form__submit:hover{
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
}
.cat-mirai-club .mi-form-item__password-visibility, 
.cat-mirai-club .mi-club-signup__policy-link {
    color: var(--e-global-color-primary);
}

h1.mi-club-signup__title, .mi-clubarea-notlogged__info-title{
    font-size: 42px;
    font-family: 'Tahoma';
    font-weight: 700;
    color: var(--e-global-color-primary);
}

.cat-mirai-club  .mi-form.mi-form-club-signup{
    font-family: 'Tahoma';
    font-size: 22px;
}

/* border close button of popups */
.popup-hamburguer-menu .dialog-close-button, .popup-engine .dialog-close-button{
    border: 1px solid var(--e-global-color-secondary); 
    padding: 3px;
}

/* hide booking button in details pages*/
.cat-room-detail .bot-reservar, 
.cat-offer-detail .bot-reservar{
    display: none;
}

/* custom rooms cards  */
.cat-rooms .room-box .room-description{
  font-size: 22px;  
  line-height: 36px
}
.cat-rooms .room-box .room-services-list{
    font-size: 24px;
    line-height: 32px;
    
}
.cat-rooms .room-box .room-services-list li.item-service::before{
    color: var(--e-global-color-primary);
    
}
.cat-rooms .room-box .room-services-list li.item-service{
   padding: 0px 5px 5px 30px
    
}

.room-intro a.secondary-btn{
    color: var(--e-global-color-primary);
    font-size: 24px;
    font-family: 'Montserrat';
    border-radius: 60px;
}
.cat-rooms .room-box  .room-image img{
   padding-left: 20px;
   padding-right: 20px;
    
}


/* SUBMENU HOTELS */
.submenu-wrapper span a{
    color: #314079 !important;
    font-weight: 300;
} 
.submenu-wrapper span a:hover, .submenu-wrapper span a:active{ 
    font-weight: 500;
}  
.submenu-wrapper .carousel-cell:not(:last-child):after {
    content: "";
    width: 1px;
    height: 60%;
    position: absolute;
    top: 15%;
    right: 0;
    background-color: #314079;
}  
.submenu-wrapper.elementor-sticky--effects:before {
    height: 100%;
    top: 0px;
}  
.submenu-wrapper .carousel-cell {
    min-height: 40px;
    min-width: fit-content;
} 
.submenu-wrapper .carousel-cell a.down-link {
    height: 40px;
} 
.submenu-wrapper .carousel-cell>.elementor-widget-container {
    padding: 0 10px;
} 
.submenu-wrapper .carousel-cell .elementor-heading-title {
    line-height: 59px;
} 
@media (max-width: 767px) {
    .submenu-wrapper .carousel-cell {
        min-height: 30px;
    }
    .submenu-wrapper .carousel-cell .elementor-heading-title {
        line-height: 30px;
    }
    .submenu-wrapper .elementor-element-populated{
        padding: 0 !important;
    } 
} 
.submenu-wrapper .carousel-cell a { transition: all .2s ease-in-out; }
.submenu-wrapper .carousel-cell a:hover, .submenu-wrapper .carousel-cell a:active { text-shadow: 0px 0px 1px currentColor, 0px 0px 1px currentColor; }
.submenu-wrapper .carousel-cell.current-cell a { text-shadow: 0px 0px 1px currentColor, 0px 0px 1px currentColor; } 
.submenu-wrapper .flickity-enabled a {
    min-width: max-content;
    display: block;
}/* End custom CSS */