.elementor-kit-4934{--e-global-color-primary:#342D76;--e-global-color-secondary:#D7A983;--e-global-color-text:#A0A0A0;--e-global-color-accent:#342D76;--e-global-color-0a093ff:#FFFFFF;--e-global-color-00a2bfb:#000000;--e-global-color-0ad957b:#444444;--e-global-color-7a5efd7:#E4D6C6;--e-global-color-f839305:#E5E5E5;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:16px;font-weight:500;line-height:25.6px;--e-page-transition-entrance-animation:e-page-transition-slide-out-right;--e-page-transition-exit-animation:e-page-transition-slide-in-left;--e-page-transition-animation-duration:1500ms;--e-preloader-animation:pulse;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;}.elementor-kit-4934 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-4934 a{color:var( --e-global-color-accent );}.elementor-kit-4934 a:hover{color:var( --e-global-color-secondary );font-family:"Lato", Sans-serif;}.elementor-kit-4934 h1{color:var( --e-global-color-0ad957b );font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:34px;}.elementor-kit-4934 h2{color:var( --e-global-color-0ad957b );font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:34px;}.elementor-kit-4934 h3{color:var( --e-global-color-0ad957b );font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* boton leer más*/
.elementor-button#leer-mas:hover{
    background-color: #fff !important;
    color:#d7a983;
}

.elementor-button#leer-mas-opiniones:hover{
    background-color: transparent !important;
    color:#d7a983;
}

/* Habitaciones */

.rooms-listing-wrapper > .row:first-child{
    margin-top:0px !important;
}

.rooms-listing-wrapper .room-box h3{
    color: var( --e-global-color-primary );
    font-family: "Lato", Sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    line-height: 33.6px;
    font-size: 24px !important;
    font-weight: 400 !important;    
}

.cat-rooms .rooms-listing-wrapper .room-box h3 a{
    color:#342D76 !important; 
}

.cat-rooms .rooms-listing-wrapper .room-box h3 a:hover{
    color:#D7A983 !important; 
}

.cat-rooms .room-description{
    font-family: "Lato", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 25.6px !important;    
}

.cat-rooms .room-description .more-info{
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 20px !important;
    letter-spacing: 1.28px !important;
    text-decoration: none;
}

.cat-rooms .room-description .more-info::before{
    font-family: 'mirai-icofonts' !important;
    content: "\e95b";
    padding-right:5px;
}

.rooms-listing-wrapper .rooms-listing .room-item .room-box{
    background-color: #f3f3f3;
    border: 0px;
}

.room-box .room-detail ul li span{
    color:#342D76 !important; 
}

/* Detalle de habitación */
.cat-room-detail #room-box-offers .offer-photo{
    min-height: 118px;
}

.cat-room-detail .calendar-title, .cat-room-detail  .calendar-nights-label{
    font-family: "Lato", Sans-serif;
    
    font-weight: 700;
    text-transform: uppercase;
}

.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: #342d768f !important;
    color: #fff !important;   
}

.dynamic-calendar .ui-datepicker-calendar ._checkout-date a{
    background-color: #342D76 !important;
    color: #fff !important;
}

.calendar-wrapper.calendar-type1 .offer-calendar-button, .calendar-wrapper.calendar-type1 .room-calendar-button{
    background-color: #D7A983;
    color: #fff;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.085em;
    border-radius: 50px;
}

.elementor-button.primary-btn:hover {
    text-decoration: none;
    background: #342D76 !important;
}

.cat-room-detail #room-box-offers .offer-button{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.085em;
    border-radius: 50px;    
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.28px;
    fill: var( --e-global-color-0a093ff );
    color: var( --e-global-color-0a093ff );
    background-color: var( --e-global-color-secondary );
    padding: 16px 25px 16px 25px;    
}

.cat-room-detail #room-box-offers .offer-button:hover{
    background: #342D76 !important;    
}

/* Ofertas */

.page-template-tpl-offers-listing .offers-listing .offer-photo {
    min-height: 118px;
}

.page-template-tpl-offers-listing .offers-listing-wrapper{
    padding-top: 0px;
}

.page-template-tpl-offers-listing .offers-listing
    .offer-button{
    font-family: 'Lato';
    font-style: normal;
    color:#fff !important;
    font-weight: 700;
    letter-spacing: 0.085em;
    border-radius: 50px;    
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.28px;
    fill: var( --e-global-color-0a093ff );
    color: var( --e-global-color-0a093ff );
    background-color: var( --e-global-color-secondary );
    padding: 16px 25px 16px 25px;    
}

.page-template-tpl-offers-listing .offers-listing .offer-button:hover{
    background: #342D76 !important;    
    color:#fff !important;
}

/* Texto "Leer menos" */

.page-id-34 .readmoretoggle .elementor-tab-title.elementor-active::before {
    content: 'Llegir menys';
}

.page-id-35 .readmoretoggle .elementor-tab-title.elementor-active::before {
    content: 'Read less';
}

.page-id-36 .readmoretoggle .elementor-tab-title.elementor-active::before {
    content: 'Lire moins';
}


.offers-mashup-slide dl {
    display: inline-block;
    margin-right: 20px;
}

.wrapper-offers .offers-slide .slide .no-offers {
    font-size: 16px;
}

.wrapper-offers .offers-slide .slide .no-offers:before {
    font-family: 'mirai-icofonts';
    content: '\ea7a';
    font-size: 37px;
    color: #000;
}


/* flickity mashup offers */

.offers-mashup-slide .flickity-viewport {
    width: 100%;
}

.offers-mashup-slide dl.carousell-cell {
    width: 33%;
    margin-right: 20px;
}

.offers-mashup-slide dl.carousell-cell {
    background: #000;
    color: #fff;
}

.offers-mashup dl dt {
    font-family: var(--e-global-typography-29db74a-font-family), Sans-serif;
    font-size: var(--e-global-typography-29db74a-font-size);
    font-weight: var(--e-global-typography-29db74a-font-weight);
    text-transform: uppercase;
    padding: 10px 20px;
}

.offers-mashup dl dd span {
    padding: 10px 20px;
    font-family: 'RotisSemiSansStd-Bold', sans-serif;
    font-size: 18px;
}

.offers-mashup .more-info-link {
    text-decoration: underline;
    padding: 10px 20px;
    transition: .3s ease-in-out;
}

.offers-mashup .more-info-link:hover {
    color: var(--e-global-color-accent);
    background: transparent;
}

/**** popup ***/
.dialog-type-lightbox {
    z-index: 100;
}
/**** popup ***/



@media (max-width: 1024px) {
    .offers-mashup-slide dl.carousell-cell {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .offers-mashup-slide dl.carousell-cell {
        width: 85%;
    }
}/* End custom CSS */