/* Theme Name: Spirithotels2025-2025 Theme URI: spirithotels2025-2025 Description: Spirithotels2025-2025 Author: Mirai Dev Team Author URI: http://mirai.com Template: mirai-ma Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: mirai-maai */ :root { /***** SPACES *****/ --mft-space-5xs: 4px; --mft-space-4xs: 8px; --mft-space-3xs: 12px; --mft-space-2xs: 16px; --mft-space-xs: clamp(16px, calc(16px + (24 - 16) * ((100vw - 767px) / (1920 - 767))), 24px); /*dk-24 --- mb-16*/ --mft-space-s: clamp(24px, calc(24px + (32 - 24) * ((100vw - 767px) / (1920 - 767))), 32px); /*32 --- 24*/ --mft-space-m: clamp(32px, calc(32px + (40 - 32) * ((100vw - 767px) / (1920 - 767))), 40px); /*40 --- 32*/ --mft-space-l: clamp(32px, calc(32px + (48 - 32) * ((100vw - 767px) / (1920 - 767))), 48px); /*48 --- 32*/ --mft-space-xl: clamp(32px, calc(32px + (56 - 32) * ((100vw - 767px) / (1920 - 767))), 56px); /*56 --- 32*/ --mft-space-2xl: clamp(48px, calc(48px + (64 - 48) * ((100vw - 767px) / (1920 - 767))), 64px); /*64 --- 48*/ --mft-space-3xl: clamp(48px, calc(48px + (80 - 48) * ((100vw - 767px) / (1920 - 767))), 80px); /*80 --- 48*/ --mft-space-4xl: clamp(48px, calc(48px + (96 - 48) * ((100vw - 767px) / (1920 - 767))), 96px); /*96 --- 48*/ --mft-space-5xl: clamp(48px, calc(48px + (160 - 48) * ((100vw - 767px) / (1920 - 767))), 160px); /*160 --- 48*/ --mft-text-spacing: 16px; /***** CONTAINERS *****/ --width-s: 768px; --width-m: 1280px; --width-l: 1920px; /***** MIN-HEIGHT FOR IMG *****/ --min-height-s: 300px; --min-height-m: 500px; --min-height-l: 600px; /***** CONTAINERS PADDING *****/ --mft-section-ph: clamp(16px, calc(16px + (160 - 16) * ((100vw - 767px) / (1920 - 767))), 160px); /*160 --- 16*/; --mft-section-pv: clamp(40px, calc(40px + (80 - 40) * ((100vw - 767px) / (1920 - 767))), 80px); /*80 --- 40*/; } /* GENERAL SETTINGS (not in Elementor) */ body, a, a:hover { font-size: inherit; font-family: inherit; color: inherit; text-transform: inherit; text-decoration: none; } a, a::hover, a::hover, p, h1, h2, h3, h4, h5 { text-transform: inherit!important; } p { line-height: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } /* ICONS */ a.back-link:before, a.fwd-link:after, a.down-link:after { content: '\e966'; font-family: 'mirai-icofonts'; font-size: .85em; line-height: .85em; font-weight: normal; margin: 0 .5em; vertical-align: middle; display: inline-block; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } a.fwd-link:after {content: '\e967';} a.down-link:after {content: '\e965';} a.fwd-link:hover, .back a:hover, a.down-link:hover { text-decoration: none; } a.fwd-link:hover:after { margin-left: 1em; margin-right: 0; } .back a:hover:before { margin-right: 1em; margin-left: 0; } a.down-link:hover:after { -webkit-transform: translateY(0.3em); transform: translateY(0.3em); } /* SITE SETTINGS (standar) */ /* BUTTONS */ /* utiliza la clase .primary-btn para aquellos botones que quieras que se comporten como el de reservar, y .secondary-btn para los de tipo ofertas */ /* primary */ .elementor-button.primary-btn { text-transform: uppercase; letter-spacing: 0.1em; background: #3977c5; color: #fff; padding: 12px 25px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 0px; /* fixing elementor */ } .elementor-button.primary-btn:hover { text-decoration: none; background: #29558A; color: #fff; } /* secondary */ #respond .form-submit #submit, .offers-mashup .more-info-link, .widget_search form input[type="submit"], .elementor-widget-wp-widget-mirai_opiniones > div #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview, .elementor-button.secondary-btn { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; color: #252525; border: 1px solid; padding: 13px 30px; text-transform: uppercase; background: transparent; -webkit-border-radius: 0px; /* fixing elementor */ border-radius: 0px; /* fixing elementor */ } #respond .form-submit #submit:hover, .offers-mashup .more-info-link:hover, .widget_search form input[type="submit"]:hover, .elementor-widget-wp-widget-mirai_opiniones > div #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover, .elementor-button.secondary-btn:hover { text-decoration: none; background: rgba(178, 178, 178, 0.1); color: #575757; } /* disabled buttons */ .elementor-button.primary-btn:disabled, .elementor-button.primary-btn:disabled:hover, .elementor-button.secondary-btn:disabled, .elementor-button.secondary-btn:disabled:hover { background-color: #b9b9b9; background-image: none; color: #ddd; border-color: #b9b9b9; cursor: default; filter: none; text-shadow: none; box-shadow: none; } /* TITLES */ .mi-title2, #cookies-wrapper-content h1, #cookies-wrapper-content h2, .rooms-listing-wrapper h2, .rooms-detail-wrapper h2, .offers-listing-wrapper h2, .offers-detail-wrapper h2, .blog-wrapper h2, .blog-wrapper h1, .blog-wrapper #posts_con_categoria, .mi-iata-content h2, .starter-offers .offers-mashup dl dt { font-size: 25px; font-weight: bold; } .mi-title3, .rooms-listing-wrapper h3, .rooms-detail-wrapper h3, .offers-listing-wrapper h3, .offers-detail-wrapper h3, .blog-wrapper h3, .mi-iata-content h3 { font-size: 17px; font-weight: bold; text-transform: uppercase; } .mi-title4, .rooms-detail-wrapper h4, .offers-detail-wrapper h4 { font-size: 1.1em; font-weight: bold; } /* DYNAMIC PAGES (OFFER & ROOMS) */ /* ROOMS 1 - occupation box & box price */ .rooms-listing-1 .room-box .room-detail ul, .rooms-detail-1.rooms-detail-wrapper .room-box-detail, .rooms-detail-1.rooms-detail-wrapper .room-box-price { background: #e9e8e6; /* light color */ } /* ROOMS 2 (and room detail 2-3-4) - box price */ .rooms-listing-2 .room-box .room-detail .price-box .min-price, .rooms-detail-2.rooms-detail-wrapper .room-box-image .room-box-detail .box-price { background: #444; /* dark color */ } /* ROOMS 3 - box price */ .rooms-listing-4 .room-item .min-price { background: #f9c400; /* light color */ } /* ROOMS 5 - room box && offers in room */ .rooms-listing-5 .room-box, .rooms-detail-5 .room-box-offers { background: #ebebeb; /* light color */ } /* OFFERS 1 - offer box && offer description */ .offers-listing-1 .offer-link, .offer-detail-1.offers-detail-wrapper .offer-wrapper { background-color: #F1F1F1; /* light color */ } /* OFFERS 2 - title, date range & info box */ .offers-listing-2 .offer .offer-intro, .offers-listing-2 .offer .offer-date-range, .offer-detail-2.offers-detail-wrapper .offer-info-wrapper { background: #444; /* dark color */ } /* OFFERS 2 - offer icon && social icons */ .offers-listing-2 .offer .offer-deco, .offer-detail-2.offers-detail-wrapper .socialmedia-share ul li a { background-color: #777; /* dark color */ } /* OFFERS 3 - button and link */ .offers-listing-3 .offers-listing .offer-special:hover .offer-title, .offers-listing-3 .offers-listing .offer-standard:hover .offer-title, .offers-listing-3 .offers-listing .offer-link:hover .offer-btn { color: #B09555; /* light color */ } /* OFFERS 4 - room in offer */ .offers-listing-4 .offers-room-detail { background: #ebebeb; /* light color */ } /* OFFERS 5 - offer box & offer description */ .offers-listing-5 .offers-listing .offer .offer-link, .offer-detail-5.offers-detail-wrapper .offer-wrapper { background: #868686; /* dark color */ } /* OFFER DETAIL 5 - room in offer */ .offer-detail-5.offers-detail-wrapper .offer-room-wrapper { background: #F1F1F1; /* light color */ } /* Room detail & Offer detail modal-engine-btn*/ .cat-room-detail a.modal-engine-btn, .cat-offer-detail a.modal-engine-btn{display: none!important;} /* 404 page */ .not-found-page{ display: table; background: url(https://static-resources-elementor.mirai.com/common/bg-404.png) no-repeat center center transparent; margin-bottom: 0; width: 100%; min-height: 570px; text-align: center; } .not-found-page span { font-size: 18px; display: table-cell; vertical-align: middle; } /* COOKIES POLICY */ .page-template-tpl-cookies-policy .cookies-section { padding: 60px 0; } /*Hiding recaptcha badge*/ .grecaptcha-badge { visibility: hidden; } /***** AUTOSCROLL *****/ .popup--scrolly-auto { overflow: hidden !important; overflow-y: auto !important; max-height: calc(100vh - 140px); } .elementor-popup-modal .dialog-message { overflow-y: auto; } .wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu{ visibility: visible; } :root { --mft-zoom-scale: 1; /* valor inicial */ --mft-100vh: 100vh; } /*** Styles For Device FIX to llok from 1024 to 1280 same as desktop 1920 **/ @media only screen and (max-width: 1280px) and (min-width: 1024px) { body.device-ratio-175 { --mft-zoom-scale: .60; --mft-100vh: 166.6vh; } body.device-ratio-150 { --mft-zoom-scale: .75; --mft-100vh: 133.3vh; } body.device-ratio-125 { --mft-zoom-scale: .85; --mft-100vh: 117.6vh; } body > .wrap, body > header, body > footer { zoom: var(--mft-zoom-scale); } .dialog-widget.dialog-lightbox-widget{ zoom: var(--mft-zoom-scale); height: var(--mft-100vh); } .elementor-popup-modal .dialog-message { max-height: 100%; max-width: 100%; } } /*************************************/ /********** ROOM DETAIL TEMPLATE 5 **********/ /***********************************/ body.cat-room-detail .rooms-detail-wrapper.rooms-detail-5 { max-width: 1440px; margin: 0 auto; } /*UNDERLINE "SEE ALL ROOMS" TEXT*/ body.cat-room-detail .rooms-detail-wrapper a { color: var( --e-global-color-primary ); text-decoration: underline; } /*ROOM DETAIL SLIDESHOW MIN-HEIGHT*/ body.cat-room-detail .rooms-detail-wrapper .elementor-element-mirai-carousel > .elementor-widget-container > .elementor-swiper > .elementor-main-swiper { height: 800px; } body.cat-room-detail .rooms-detail-wrapper .elementor-element-mirai-carousel .elementor-thumbnails-swiper { height: 200px !important; } body.cat-room-detail .calendar-wrapper.calendar-type1 { border-top: 0; } body.cat-room-detail .rooms-detail-wrapper .room-box-services h3, body.cat-room-detail .rooms-detail-wrapper h3 { margin-bottom: 24px; } body.cat-room-detail .rooms-detail-wrapper h4 { font-family: var(--e-global-typography-962030d-font-family), Sans-serif; font-size: var(--e-global-typography-962030d-font-size); font-weight: var(--e-global-typography-962030d-font-weight); line-height: var(--e-global-typography-962030d-line-height); } body.cat-room-detail .rooms-detail-wrapper h2 { padding-bottom: var(--mft-space-s); } body.cat-room-detail .rooms-detail-wrapper .room-box-services, body.cat-room-detail .rooms-detail-wrapper .room-box-common-services { padding: 15px 0px; } body.cat-room-detail .rooms-detail-5 .offers-listing-1 { display: flex; flex-wrap: wrap; gap: 25px; } body.cat-room-detail .rooms-detail-5 .offers-listing-1 .offer { width: 48%; } body.cat-room-detail .rooms-detail-5 .room-box-offers .elementor-container .offer-list-wrapper { background: transparent; } /* END */ /*************************************/ /********** OFFER DETAIL TEMPLATE 5 **********/ /***********************************/ /* OFFER TEMPLATE 5 */ body.cat-offer-detail .offers-listing-5 .offer .offer-link, body.cat-offer-detail .offers-detail-wrapper.offer-detail-5 .offer-wrapper { background: var(--e-global-color-f79e654) !important; transition: .3s ease-in-out; } /*UNDERLINE "SEE ALL OFFERS" TEXT*/ body.cat-offer-detail .offers-detail-wrapper a { color: var( --e-global-color-primary ); text-decoration: underline; } body.cat-offer-detail .offers-listing-5 .offer .offer-link *, body.cat-offer-detail .offers-detail-wrapper.offer-detail-5 .offer-wrapper { color: var(--e-global-color-text) !important; } body.cat-offer-detail .offers-listing-5 .offer .offer-link:hover { box-shadow: 0px 0px 9px #00000047 !important; } body.cat-offer-detail .offers-listing-5 .offer .offer-link::before { opacity: 0 !important; } body.cat-offer-detail .offers-listing-5 .offer .offer-title, body.cat-offer-detail .offers-detail-wrapper.offer-detail-5 .offer-wrapper .offer-title { border-bottom: 2px solid var(--e-global-color-text) !important; } body.cat-offer-detail .offers-listing-5 .offer .offer-content i:before, body.cat-offer-detail .offers-detail-wrapper.offer-detail-5 .offer-wrapper .offer-title i:before { content: "\e997"; color: var(--e-global-color-text); } body.cat-offer-detail .offers-listing-5 .offer .offer-date-range { left: 30px; font-weight: 600; } body.cat-offer-detail .offers-listing-5 .offer .offer-date-range i:before { content: "\e9e2"; color: var(--e-global-color-primary); } body.cat-offer-detail .offers-listing-5 .offer .offer-title:after { display: none; } @media (min-width:1025px) { body.cat-offer-detail .offers-listing-5 .offers-listing .offer { width: 33%; } } /* END */ /***** GLOBAL COLOR DYNAMIC VARIABLE *****/ body.cat-gran-bilbao { /*PRIMARY COLOR*/ --e-global-color-b5e0a3b: var(--e-global-color-94fde33); /*PRIMARY LIGHT*/ --e-global-color-74d2694: var(--e-global-color-01893fe); /*PRIMARY DARK*/ --e-global-color-b7540a1: var(--e-global-color-94fde33); /*PRIMARY SUPERDARK*/ --e-global-color-2e0171d: var(--e-global-color-65e4144); } body.cat-ciudad-burgos { /*PRIMARY COLOR*/ --e-global-color-b5e0a3b: var(--e-global-color-4a7a326); /*PRIMARY LIGHT*/ --e-global-color-74d2694: var(--e-global-color-591208f); /*PRIMARY DARK*/ --e-global-color-b7540a1: var(--e-global-color-6153bf1); /*PRIMARY SUPERDARK*/ --e-global-color-2e0171d: var(--e-global-color-47409cd); } body.cat-benalmadena-beach { /*PRIMARY COLOR*/ --e-global-color-b5e0a3b: var(--e-global-color-cb4c6d1); /*PRIMARY LIGHT*/ --e-global-color-74d2694: var(--e-global-color-2368c65); /*PRIMARY DARK*/ --e-global-color-b7540a1: var(--e-global-color-df9d5a1); /*PRIMARY SUPERDARK*/ --e-global-color-2e0171d: var(--e-global-color-d7610d8); } body.cat-atxuri { /*PRIMARY COLOR*/ --e-global-color-b5e0a3b: var(--e-global-color-90e89a5); /*PRIMARY LIGHT*/ --e-global-color-74d2694: var(--e-global-color-cc69c17); /*PRIMARY DARK*/ --e-global-color-b7540a1: var(--e-global-color-90e89a5); /*PRIMARY SUPERDARK*/ --e-global-color-2e0171d: var(--e-global-color-e2894eb); } body.cat-valladolid-centro { /*PRIMARY COLOR*/ --e-global-color-b5e0a3b: var(--e-global-color-317ad75); /*PRIMARY LIGHT*/ --e-global-color-74d2694: var(--e-global-color-7d4dddd); /*PRIMARY DARK*/ --e-global-color-b7540a1: var(--e-global-color-d325803); /*PRIMARY SUPERDARK*/ --e-global-color-2e0171d: var(--e-global-color-445c7f4); } body.cat-fonte-real { /*PRIMARY COLOR*/ --e-global-color-b5e0a3b: var(--e-global-color-a0388b5); /*PRIMARY LIGHT*/ --e-global-color-74d2694: var(--e-global-color-cf06830); /*PRIMARY DARK*/ --e-global-color-b7540a1: var(--e-global-color-935626f); /*PRIMARY SUPERDARK*/ --e-global-color-2e0171d: var(--e-global-color-dde097d); } /*p a:not(header a):not(footer a), .elementor-field-group a:not(header a):not(footer a) { text-decoration: underline !important; color: var( --e-global-color-primary ) !important; }*/ /*CLASS FOR SECTIONS THAT HAVE FULL HEIGHT OF PAGE*/ .mft-maxheight-1080 { max-height: 1080px; } /*CONTAINERS WITH WHITE TEXT*/ .white-text { color: var(--e-global-color-47eea86e); } .white-text a span { color: var(--e-global-color-47eea86e); } /*SERVICES MODAL SKEW STYLE*/ .mft-services-modal .dialog-widget-content { clip-path: polygon(0% 0px, calc(100% - 15px) 0%, 100% 100%, calc(0% + 15px) 100%); } /*HOTEL HOME HERO STANDARD MEASURES*/ .mft-hotel-home-hero { height: var(--mft-100vh); max-height: 1080px; } @media (max-width: 767px) { .mft-hotel-home-hero { max-height: 800px; } } @media (max-width: 767px) { body.e--ua-appleWebkit .mft-hotel-home-hero h1 { padding-bottom: 35px; } } /*HOTEL INTERIOR PAGE STANDARD MEASURES*/ .mft-hero-interior { background-size: cover; height: 70vh; max-height: 720px; min-height: 450px; } @media (max-width: 767px) { .mft-hero-interior { height: 100vh; max-height: 500px; } } /*-------------------------------------HAMBURGUER MENU-----------------------------------------------*/ /*ROTATED & SKEWED IMAGES ON HAMBURGUER MENU*/ .mft-tilted-skewed { clip-path: polygon(0 3%, 95% 1%, 100% 98%, 5% 99%); } .mft-corpo-hamburguer-menu > div { overflow-y: auto !important; } /*ACTIVE OPTIONS CLASS ON HAMBURGUER MENUS*/ /* Active dropdown styles */ .mft-hamburguer-interior .mft-hamburguer-dropdown.option-active .e-n-menu-title .e-n-menu-title-text { color: var(--e-global-color-b7540a1) !important; font-family: "Stardom" !important; } /* Hover styles for non-menu-content elements */ .mft-hamburguer-interior .e-con-inner > div:not(.e-n-menu-content div):hover .mft-menu-heading, .mft-hamburguer-interior .e-con-inner > div:not(.e-n-menu-content div):hover .mft-menu-heading { font-weight: 800; transition: 0s; } /*.mft-hamburguer-dropdown .e-n-menu-content { width: 100% !important; }*/ /*FIX FOR DROPDOWN MENU ON SCREENS BIGGER THAN 1920PX*/ @media screen and (min-width: 1921px) { .mft-corpo-hamburguer-menu .e-n-menu-content.e-active { max-width: 1920px; left: -40px !important; } } /* Hover styles for non-active dropdowns */ .mft-hamburguer-interior .mft-hamburguer-dropdown:not(.option-active) .e-n-menu-title:hover .e-n-menu-title-text { font-weight: 800 !important; } /*CONTROL HEIGHT OF SKEWED IMAGES ON ALL HOTEL HOME HAMBURGUER MENUS*/ .mft-hotel-hamburguer-popup .mft-tilted-img-cont img { height: 340px; width: 250px; } /*.mft-hotel-hamburguer-popup .dialog-message.dialog-lightbox-message { overflow: hidden; }*/ .mft-hotel-hamburguer-popup { overflow-y: auto; } .mft-hotel-hamburguer-popup .mft-hamburguer-interior { height: 100%; overflow-y: auto; overflow-x: hidden; } /*TILTED & SKEWED IMAGES SCROLLING UP CONTAINER*/ .mft-hotel-hamburguer-popup .mft-tilted-img-cont { animation: fx-scrolling 5s ease-out alternate infinite; position: absolute; top: 0px; } @keyframes fx-scrolling { 0% { transform: translateY(0px); } 100% { transform: translateY(calc(-100vh + 150px)); } } .mft-hotel-hamburguer-popup .mft-hamburguer-interior .mft-menu-heading.option-active a, .mft-hotel-hamburguer-popup .mft-hamburguer-interior .mft-menu-heading a:hover, .mft-corpo-hamburguer-menu .mft-hamburguer-interior .mft-menu-heading.option-active a, .mft-corpo-hamburguer-menu .mft-hamburguer-interior .mft-menu-heading a:hover { color: var(--e-global-color-2e0171d); font-family: 'Stardom'; } /*------------------------------------------------------------------------------------*/ /*-------------ADVANTAGES-----------------*/ /*TO KEEP ADVANTAGES IN MIDDLE*/ .mft-advantages-flickity .elementor-widget-container { display: flex; justify-content: center; } .mft-advantages-flickity .elementor-widget-container .elementor-icon-box-content { flex-grow: 0; } /*---------FAQS CONTAINER---------*/ .moreinfo-container:not(.expanded) { max-height: 275px !important; transition: .5s ease-in-out; overflow: hidden; } .moreinfo-container.expanded { height: 100%; transition: .5s ease-in-out; overflow: hidden; } /*FAQS TEXT EDITOR BULLET LIST STYLE*/ .mft-faqs-container .elementor-text-editor ul li { list-style-type: disc; overflow-wrap: break-word; } /*******************/ /*--------MFT EVENTS CAROUSEL-----------*/ .mft-spaces-tab-carousel [aria-selected="true"] .e-n-tab-title-text { font-weight: 800; text-decoration: underline; text-underline-offset: 10px; } @media (max-width: 1366px) { .mft-spaces-tab-carousel .e-n-tabs .e-n-tabs-heading::before { content: ""; position: absolute; width: 75px; height: 75px; top: 0; right: -40px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%); z-index: 1; } } /*------------------------------MFT CAROUSELS-----------------------------------------*/ /*MFT CAROUSEL DEFAULT BULLET STYLES*/ .mft-carousel .swiper-pagination-bullets { top: unset !important; } .mft-carousel .swiper-pagination-bullets .swiper-pagination-bullet { opacity: 1; width: 8px; height: 8px; background: var(--e-global-color-75927b4); margin-left: 6px; margin-right: 6px; } .mft-carousel .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--e-global-color-primary) !important; } @media screen and (min-width: 1025px) { .mft-carousel.mft-noarrows-dk .elementor-swiper-button { display: none; } .mft-carousel.mft-nodots-dk .swiper-pagination { display: none; } } @media screen and (max-width: 1025px) { .mft-carousel.mft-noarrows-tb .elementor-swiper-button { display: none; } .mft-carousel.mft-nodots-tb .swiper-pagination { display: none; } } @media screen and (max-width: 768px) { .mft-carousel.mft-noarrows-mb .elementor-swiper-button { display: none; } .mft-carousel.mft-nodots-mb .swiper-pagination { display: none; } } /*----------------------------------*/ /*----------------------CAROUSEL/SWIPER WIDGET WITH ARROWS NAVIGATION----------------------------*/ .mft-carousel-arrows i { padding: 20px; background: white; color: var(--e-global-color-08ffb1c); border-radius: 50%; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.32); position: relative; } .mft-spoiler-carousel.mft-carousel-arrows div.elementor-swiper-button-next { right: 4% !important; } .mft-spoiler-carousel.mft-carousel-arrows div.elementor-swiper-button-prev { right: 4% !important; } /*LEFT ARROW*/ .mft-carousel-arrows div.elementor-swiper-button-prev { left: unset !important; right: -2% !important; top: 30% !important; transform: translateY(-30%) !important; } /*RIGHT ARROW*/ .mft-carousel-arrows div.elementor-swiper-button-next { right: -2% !important; top: 38% !important; transform: translateY(38%) !important; } @media screen and (max-width: 1024px) { .mft-carousel-arrows div.elementor-swiper-button { display: none !important; } } /*----------------------MEDIA CAROUSEL WIDGET----------------------------*/ .mft-media-carousel-gallery .swiper-wrapper { align-items: center; } /*CAROUSEL SLIDES STYLES*/ .mft-media-carousel-gallery .swiper-slide:nth-child(even) > div, .mft-media-carousel-gallery .swiper-slide:nth-child(even) > a div { height: 330px; clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%); } .mft-media-carousel-gallery .swiper-slide:nth-child(odd) > div, .mft-media-carousel-gallery .swiper-slide:nth-child(odd) > a div { height: 420px; clip-path: polygon(0 0, 87% 0, 100% 100%, 13% 100%); } /*CAROUSEL ARROWS*/ .mft-media-carousel-gallery div.elementor-swiper-button { justify-content: end; } @media screen and (max-width: 1024px) { .mft-media-carousel-gallery div.elementor-swiper-button { display: none !important; } } .mft-media-carousel-gallery i { padding: 20px; background: white; border-radius: 50%; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.32); position: relative; } /*Previous Arrow*/ .mft-media-carousel-gallery div.elementor-swiper-button-prev { right: 2% !important; top: 30% !important; transform: translateY(-30%) !important; } /*Next Arrow*/ .mft-media-carousel-gallery div.elementor-swiper-button-next { right: 2% !important; top: 38% !important; transform: translateY(38%) !important; } /*------------------------------------------------*/ /*HOTEL INSIDE PAGES FLIX BOX CAROUSELS*/ .mft-flip-box-carousel .swiper-slide { align-content: center; } .mft-flip-box-carousel .swiper-slide .elementor-flip-box { height: 420px; clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%); } .mft-flip-box-carousel p { font-size: clamp(28px, calc(28px + (34 - 28) * ((100vw - 767px) / (1920 - 767))), 34px) !important; } /*---------------EXPANDING INTRO TEXT-----------------*/ @media (max-width: 767px) { .mft-container-expand.mft-intro-text { max-height: 125px; overflow: hidden; transition: all .5s ease; } .mft-container-expand.mft-intro-text.mft-grow { max-height: 1000px; overflow: hidden; transition: all .5s ease; } .mft-container-expand + .mft-expands-btn.mft-btn-read-more a:before { transition: all .5s ease; } .mft-container-expand.mft-grow + .mft-expands-btn.mft-btn-read-more a:before { transform: rotate(180deg); transition: all .5s ease; } /*SHOW/HIDE READ MORE/LESS*/ .mft-container-expand + .mft-expands-btn.mft-btn-read-more .mft-read-less-text { display: none; } .mft-container-expand.mft-grow + .mft-expands-btn.mft-btn-read-more .mft-read-more-text { display: none; } .mft-container-expand.mft-grow + .mft-expands-btn.mft-btn-read-more .mft-read-less-text { display: block; } } /*--------------------------------------------------*/ /*--------------GASTRO SLIDER--------------*/ /*SLIDER ON RESTAURANT PAGE*/ body.cat-restaurant .mft-gastro-slider .mft-carousel .swiper-slide.swiper-slide-next .elementor-widget-container { clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%); padding: 10px; background-color: var(--e-global-color-74d2694); transform: scale(.9) rotate(-1deg); transition: all .5s ease; } body.cat-restaurant .mft-gastro-slider .mft-carousel .swiper-slide.swiper-slide-next .elementor-widget-container img { clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%); transition: all .5s ease; } /*SLIDER ON HOTEL HOME PAGE*/ .mft-gastro-slider .swiper-slide .mft-gastro-rotating-image img { height: 300px; object-fit: contain; } @media screen and (max-width: 1024px) { .mft-gastro-slider .swiper-slide .mft-gastro-rotating-image img { height: 250px; } } @media screen and (max-width: 767px) { .mft-gastro-slider .swiper-slide .mft-gastro-rotating-image img { height: 200px; } } .mft-gastro-slider .swiper-slide .mft-gastro-rotating-image:not(:hover) img { animation: fx-rotateDownOnHover 0.5s ease forwards; } .mft-gastro-slider .swiper-slide .mft-gastro-rotating-image:hover img { animation: fx-rotateUpOnHover 0.5s ease forwards; } .mft-gastro-slider .swiper-slide .mft-gastro-icon svg { opacity: 0; transition: all 0.5s ease; height: 300px; } @media screen and (max-width: 1250px) { .mft-gastro-slider .swiper-slide .mft-gastro-icon svg { height: 200px; } } .mft-gastro-slider .swiper-slide:has(.mft-gastro-rotating-image:hover) .mft-gastro-icon svg { opacity: 1; transition: all 0.5s ease; } /*Previous Arrow*/ .mft-gastro-slider div.elementor-swiper-button-prev { right: 5% !important; } /*Next Arrow*/ .mft-gastro-slider div.elementor-swiper-button-next { right: 5% !important; } @keyframes fx-rotateUpOnHover { 0% { transform: rotate(0deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(8deg); } } @keyframes fx-rotateDownOnHover { 100% { transform: rotate(0deg); } 50% { transform: rotate(-2deg); } 0% { transform: rotate(8deg); } } /*GASTRONOMY PAGE*/ .mft-animate-on-scroll .mft-rotating-img-first, .mft-animate-on-scroll .mft-rotating-img-second, .mft-animate-on-scroll .mft-rotating-img-third { opacity: 0; } .mft-animate-on-scroll.mft-show .mft-rotating-img-first { animation: fx-gastro-drop-in-up 1s forwards .25s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mft-animate-on-scroll.mft-show .mft-rotating-img-second { animation: fx-gastro-drop-in-down 1s forwards .25s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mft-animate-on-scroll.mft-show .mft-rotating-img-third { animation: fx-gastro-slide-in 1s forwards ease-in-out, fx-gastro-rotation 30s infinite ease; } @keyframes fx-gastro-drop-in-up { 0% { transform: rotate(-5deg) translateY(-70%) translateX(-70%); opacity: 0; } 50% { transform: rotate(0deg) translateY(2%) translateX(2%); opacity: 1; } 100% { transform: rotate(0deg) translateY(0%) translateX(0%); opacity: 1; } } @keyframes fx-gastro-drop-in-down { 0% { transform: rotate(5deg) translateY(140%) translateX(-70%); opacity: 0; } 50% { transform: rotate(0deg) translateY(-2%) translateX(2%); opacity: 1; } 100% { transform: rotate(0deg) translateY(0%) translateX(0%); opacity: 1; } } @keyframes fx-gastro-slide-in { 0% { transform: translateX(-200%); opacity: 0; } 75% { transform: translateX(5%); opacity: 1; } 100% { transform: translateX(0%); opacity: 1; } } @keyframes fx-gastro-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(2280deg); } } /*-----------------------HOTEL HOME----------------------------*/ /*----------START .mft-hotel-home-intro-section----------------*/ /*Hide images initially*/ .mft-hotel-home-intro .mft-tilted-img-cont img { opacity: 0; height: 0; visibility: hidden; } /*-----------------START .mft-img-linked-claims------------------*/ .mft-img-linked-claims .elementor-headline-dynamic-text { position: relative !important; opacity: 1 !important; animation: none !important; padding: 40px 0px; top: 0 !important; width: 100%; transition: all .5s ease; } @media (max-width: 1024px) { .mft-img-linked-claims .elementor-headline-dynamic-text { padding: 20px; } } @media (max-width: 767px) { .mft-img-linked-claims .elementor-headline-dynamic-wrapper.elementor-headline-text-wrapper { width: 100% !important; } .mft-img-linked-claims .elementor-headline-dynamic-text { padding: 0px; } } /* Dynamic Wrapper */ .mft-img-linked-claims .elementor-headline-dynamic-wrapper { overflow: visible; } /* Animation-specific wrapper */ /*.mft-img-linked-claims .elementor-headline-text-active { color: var(--e-global-color-b7540a1); margin-left: 25px; transition: all .5s ease; }*/ /* Active Text */ .mft-img-linked-claims .elementor-headline-text-active { color: var(--e-global-color-b7540a1); margin-left: 25px; transition: all .5s ease; } /*-----------------END .mft-img-linked-claims------------------*/ /*CSS conditional, if any of the words has "active" class, show corresponding image*/ .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:first-child) .mft-tilted-img-cont .mft-first-img img { opacity: 1; height: auto; visibility: visible; transition: all 0.5s ease; } .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:nth-child(2)) .mft-tilted-img-cont .mft-second-img img { opacity: 1; height: auto; visibility: visible; transition: all 0.5s ease; } .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:nth-child(3)) .mft-tilted-img-cont .mft-third-img img { opacity: 1; height: auto; visibility: visible; transition: all 0.5s ease; } /*FIX FOR IMAGE CONTAINERS KEEPING DEFAULT HEIGHT*/ .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:first-child) .mft-second-img, .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:first-child) .mft-third-img { height: 0; } .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:nth-child(2)) .mft-first-img, .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:nth-child(2)) .mft-third-img { height: 0; } .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:nth-child(3)) .mft-first-img, .mft-hotel-home-intro:has(.elementor-headline-text-wrapper span.elementor-headline-text-active:nth-child(3)) .mft-second-img { height: 0; } @media (max-width: 767px) { /*HIDE INACTIVE WORD ON RESPONSIVE*/ .mft-hotel-home-intro .elementor-headline-dynamic-text { display: none !important; opacity: 0 !important; text-align: center; margin-left: 0; } .mft-hotel-home-intro .elementor-headline-text-active { display: block !important; opacity: 1 !important; } .mft-tilted-img img { max-height: 200px; } } /*----------END .mft-hotel-home-intro-section----------------*/ /*-------------ROOMS CAROUSEL SECTION-----------*/ /*ROOM FLIP BOX OVERLAY*/ .mft-room-carousel .elementor-flip-box:hover .elementor-flip-box__front, .mft-flip-box-carousel .elementor-flip-box:hover .elementor-flip-box__front{ filter: grayscale(100%); } /*------ROOMS TEXT ANIMATION-----*/ @keyframes fx-bounceUp { 0% { transform: translateY(300px); opacity: 0; } 20% { transform: translateY(-50px); opacity: 1; } 40% { transform: translateY(50px); opacity: 1; } 60% { transform: translateY(-10px); opacity: 1; } 80% { transform: translateY(10px); opacity: 1; } 100% { transform: translateY(0); opacity: 1; } } /*CONTAINER ANIMATION*/ .mft-rooms-imgs .mft-bouncy-img, .mft-rooms-imgs .mft-bouncy-icon { opacity: 0; } .mft-rooms-imgs.mft-show .mft-bouncy-img { animation: fx-bounceUp 1s ease forwards; } .mft-rooms-imgs.mft-show .mft-bouncy-icon { animation: fx-bounceUp 1s ease .5s forwards; } /*-------------END ROOMS CAROUSEL SECTION-----------*/ /*----------START .mft-video-container----------------*/ .mft-animate-on-scroll .mft-video-expand { transform: scale(1); position: relative; } .mft-animate-on-scroll .mft-video-expand .mft-show { position: sticky; top: 0; left: 0; transform: scale(.4); transition: all .5s ease; } .mft-animate-on-scroll .mft-video-expand video { width: 100vw!important; height: 100vh; object-fit: cover; } @media (max-width: 768px) { .mft-video-container video { min-height: 100vh; } } /*GASTRONOMY PAGE VIDEO EXPAND*/ body.cat-restaurant .mft-animate-on-scroll:not(.mft-show) .mft-gastro-video-expand { transform: scale(.4); position: relative; } body.cat-restaurant .mft-animate-on-scroll.mft-show .mft-gastro-video-expand { transform: scale(1); transition: all 1s ease; } body.cat-restaurant .mft-animate-on-scroll.mft-show { position: sticky; top: 0; left: 0; } @media (max-width: 768px) { body.cat-restaurant .mft-animate-on-scroll .mft-gastro-video-expand video { min-height: 70vh; } } /*TILTED VIDEO FOR SOME SECTIONS*/ .mft-tilted-video { clip-path: polygon(0 0, 94% 0, 100% 100%, 6% 100%); } /*-------------------END .mft-video-container-----------------------*/ /*----------START .mft-services-section----------------*/ .mft-services-section .mft-tilted-skewed { clip-path: polygon(0% 0px, calc(100% - 35px) 0%, 100% 100%, calc(0% + 35px) 100%); } .mft-services-section .mft-services-cards { opacity: 0; } .mft-services-section .mft-services-cards .mft-services-carousel .elementor-cta .elementor-cta__title { line-height: normal; } .mft-services-section.mft-show .mft-services-cards { opacity: 1; transition: all 1s ease; } .mft-services-section.mft-show .mft-service-chip { animation: fx-bounce2 2s ease forwards; } .mft-services-section.mft-show .mft-services-carousel .swiper-wrapper .swiper-slide:nth-child(1) { animation: fx-bounce2 2s ease forwards; } .mft-services-section.mft-show .mft-services-carousel .swiper-wrapper .swiper-slide:nth-child(2) { animation: fx-bounce2 2.10s ease forwards; } .mft-services-section.mft-show .mft-services-carousel .swiper-wrapper .swiper-slide:nth-child(3) { animation: fx-bounce2 2.20s ease forwards; } .mft-services-section.mft-show .mft-services-carousel .swiper-wrapper .swiper-slide:nth-child(4) { animation: fx-bounce2 2.30s ease forwards; } .mft-services-carousel .swiper { overflow: visible; } .mft-services-carousel .elementor-cta__bg-wrapper { clip-path: polygon(0% 0px, calc(100% - 25px) 0%, 100% 100%, calc(0% + 25px) 100%); } .mft-services-carousel .elementor-cta__content { padding: 0px 10px !important; } .mft-services-carousel a.elementor-cta__button { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: start; gap: 12px; } .mft-services-carousel a.elementor-cta__button::before { content: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/more-info-btn.svg); width: 24px; display: flex; position: relative; } .mft-service-chip { background: var(--e-global-color-34e7064); padding: 12px 16PX; clip-path: polygon(0% 0px, calc(100% - 15px) 0%, 100% 100%, calc(0% + 15px) 100%); } .mft-service-chip svg { font-size: 40px; fill: var(--e-global-color-2e0171d); } @media screen and (max-width:767px) { .mft-service-chip svg { font-size: 24px; } } @keyframes fx-bounce2 { 0% {transform: translateY(80px);} 20% {transform: translateY(-10px);} 50% {transform: translateY(25px);} 70% {transform: translateY(-5px);} 100% {transform: translateY(0px);} } @media (max-width: 767px) { .mft-container-expand.mft-all-services { max-height: 125px; overflow: hidden; transition: all .5s ease; } .mft-container-expand.mft-all-services.mft-grow { max-height: 1200px; overflow: hidden; transition: all .5s ease; } } /*----------END .mft-services-section----------------*/ /*----------START .mft-sales-container----------------*/ .mft-sales-container { background-image: url('https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/salespattern.svg'), url('https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/salespattern.svg'); background-position: 0 90px, 390px 300px; background-repeat: repeat, repeat; background-size: 1555px 432px, 1555px 432px; } body.cat-home .mft-sales-container { background-image: url('https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/sales-red.svg'); } /* Change width container when there is only 2 or 1 slide in the carrousel */ body.cat-hotel-home .mft-sales-container:has([aria-label="2 / 2"]) { --content-width: 1040px; } body.cat-hotel-home .mft-sales-container:has([aria-label="1 of 1"]) { --content-width: 480px; } /* Fix button with text too long */ @media (max-width: 360px) { .mft-sales-container .swiper .swiper-slide .elementor-element .elementor-button { font-size: 1.625rem; } } /*----------END .mft-sales-container----------------*/ /*----------START KAIXO BILBAO SECTION----------------*/ .mft-caixo-img img { background: var(--e-global-color-74d2694); box-shadow: 9.45px 6.3px 25.19px 0px rgba(0, 0, 0, 0.12); padding: 15px 15px 65px 15px; max-width: 350px; } @media screen and (max-width:1024px) { .mft-caixo-img img { max-width: 250px; } } @media screen and (max-width:767px) { .mft-caixo-img img { max-width: 150px; padding: 15px 15px 45px 15px; } } .mft-caixo-img.rotate-left img { transform: rotate(-8deg); } .mft-caixo-img.rotate-right img { transform: rotate(8deg); } body.cat-destination .mft-caixo-img.rotate-right img { background: #fff; } body.cat-destination .mft-caixo-img.rotate-left img { background: var(--e-global-color-cdd5dcd); } /*----------END KAIXO BILBAO SECTION----------------*/ /*CSS FOR MAP ON HOMEPAGE AND LOCATION PAGE*/ @media (min-width: 1024px) { #map-wrapper { height: 70vh !important; } } /*************************************/ /********** ROOMS **********/ /***********************************/ /*ALIGN CONTAINERS TO CENTER*/ body.cat-rooms .elementor-section-boxed > div { justify-content: center; } /*HIDE INITIAL "Rooms" TITLE*/ body.cat-rooms .rooms-listing-wrapper h2 { display: none; } /*BACKGROUND COLOR OF EACH ROOM*/ body.cat-rooms .rooms-listing-wrapper .row.room-box { background-color: transparent; max-width: 1600px; margin: 0 auto; } /*ROOM NAME*/ body.cat-rooms .rooms-listing-wrapper .row.room-box .room-name { font-size: clamp(24px, calc(24px + (44 - 24) * ((100vw - 768px) / (1920 - 768))), 44px); padding-bottom: 40px; } body.cat-rooms .rooms-listing-wrapper .row.room-box .room-name a { font-weight: 800; } @media screen and (min-width: 980px) { /*SPACING BETWEEN PHOTO AND TEXT BOX*/ body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(odd) .room-name, body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(odd) .room-intro { padding-left: 80px; padding-right: 0px; } body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(even) .room-name, body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(even) .room-intro { padding-right: 80px; padding-left: 0px; } } @media screen and (max-width: 979px) { /*SPACING BETWEEN PHOTO AND TEXT BOX*/ body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(odd) .room-name, body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(odd) .room-intro { padding-left: 0px; padding-right: 0px; } body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(even) .room-name, body.cat-rooms .rooms-listing-wrapper .row.room-box:nth-child(even) .room-intro { padding-right: 0px; padding-left: 0px; } } /*COLOR OF :BEFORE CHECK*/ body.cat-rooms .rooms-listing-wrapper .row.room-box li.item-service:before { color: var(--e-global-color-bc3bcf4); } /*MORE INFO BUTTON*/ body.cat-rooms .rooms-listing-wrapper .row.room-box .elementor-button.secondary-btn { color: var(--e-global-color-b5e0a3b); border: 2px solid var(--e-global-color-b5e0a3b); border-radius: 32px; padding: 12px 24px; font-weight: 800; font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 375px) / (1920 - 375))), 24px); margin-top: 40px; } /*on hover*/ body.cat-rooms .rooms-listing-wrapper .row.room-box .elementor-button.secondary-btn:hover { background: var(--e-global-color-b5e0a3b); color: var(--e-global-color-47eea86e); } /*PRICE BOX*/ body.cat-rooms .rooms-listing-wrapper .row.room-box .price-box { background-color: var(--e-global-color-b5e0a3b); color: var(--e-global-color-47eea86e); text-align: center; } /*--------MODIFIERS CIUDAD DE BURGOS HOTEL-----------*/ /*Color of price box text*/ body.cat-ciudad-burgos .rooms-listing-wrapper .row.room-box .price-box { color: var(--e-global-color-08ffb1c); } /*Assign darker color to buttons*/ body.cat-ciudad-burgos .rooms-listing-wrapper .row.room-box .elementor-button.secondary-btn { color: var(--e-global-color-6153bf1); border: 2px solid var(--e-global-color-6153bf1); } body.cat-ciudad-burgos .rooms-listing-wrapper .row.room-box .elementor-button.secondary-btn:hover { background: var(--e-global-color-6153bf1); } /*-----------------------------*/ body.cat-rooms .rooms-listing-wrapper .row.room-box .price-box span { font-family: 'Stardom'; } @media screen and (max-width: 979px) { body.cat-rooms .rooms-listing-wrapper .row.room-box .price-box { padding: 20px; } } @media screen and (max-width: 767px) { body.cat-rooms .rooms-listing-wrapper .row.room-box .price-box { padding: 10px; } } @media (max-width: 767px) { body.cat-rooms .rooms-listing-wrapper .row.room-box { padding-left: 0px; padding-right: 0px; } } /*----------------------END ROOM PAGE-------------------------------*/ /*----------------------OFFERS PAGE-------------------------------*/ body.cat-offers .offers-listing-wrapper.no-offers { text-align: center; } /*************************************/ /********** LEGAL PAGE **********/ /***********************************/ /* Heading H1 */ /*.mft-legal-text h1 { font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-size: var(--e-global-typography-primary-font-size); font-weight: var(--e-global-typography-primary-font-weight); text-transform: uppercase; color: var(--e-global-color-primary); padding-bottom: 20px; }*/ /* Heading H2 */ .mft-legal-text h2, body.cat-cookies h2 { font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-size: var(--e-global-typography-secondary-font-size); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: uppercase; color: var(--e-global-color-08ffb1c); padding: 20px 0px; } /* Heading H3*/ .mft-legal-text h3 { font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-size: var(--e-global-typography-accent-font-size); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: uppercase; padding: 20px 0px; } /* LINKS */ .mft-legal-text a { text-wrap: wrap; overflow-wrap: break-word; text-decoration: none; color: var( --e-global-color-primary ); } /* SPACE AFTER ELEMENTS */ .mft-legal-text p, .mft-legal-text ul { margin-bottom: 15px; } /* LISTS */ .mft-legal-text ul li { list-style-type: circle; overflow-wrap: break-word; } /*-----------------TABLE STYLE----------------------*/ .mft-legal-text table { background-color: transparent; width: 100%; font-size: 1em; border-spacing: 0; border-collapse: collapse; margin: 30px 0; } /*.mft-legal-text table tr:first-child { background-color: var(--e-global-color-primary); color: white; }*/ /*Table cell padding and styles*/ .mft-legal-text table td,.mft-legal-text table th { padding: 15px; line-height: 1.5em; vertical-align: top; border: 1px solid #80808080; min-width: 200px; } @media (max-width: 1023px) { .mft-legal-text table { max-width: 100%; overflow-x: auto; display: block; } } /************************/ /*------------MEETINGS TABLE----------*/ /*----------------------START LEGAL PAGE /*Table Heading font styles in case you have one*/ .mft-legal-text table th { font-weight: 700; } .mft-legal-text table tfoot th,.mft-legal-text table thead th { font-size: 1em; } /************/ /*Border for all table items*/ .mft-legal-text table caption+thead tr:first-child td, .mft-legal-text table caption+thead tr:first-child th, .mft-legal-text table colgroup+thead tr:first-child td, .mft-legal-text table colgroup+thead tr:first-child th, .mft-legal-text table thead:first-child tr:first-child td, .mft-legal-text table thead:first-child tr:first-child th { border-block-start: 1px solid #80808080; } /*Background of odd table rows*/ .mft-legal-text table tbody > tr:hover { background-color: #80808012; cursor: grab; } .mft-legal-text table tbody+tbody { border-block-start: 1px solid #80808080; } .mft-legal-text table a:hover { color: #00000080; text-decoration: none; } /* END LEGAL PAGE TEXT WIDGET */ /*************************************/ /********** JOBS **********/ /***********************************/ /* list job - pag work us */ .job_filters .search_jobs { padding: 0; margin-bottom: 80px; } .job_filters .search_jobs div.search_keywords, .job_filters .search_jobs div.search_location{ width: 25%; float: left; } .job_listings { padding: 0 calc((100% / 12)* 1); } ul.job_listings { border: none; } ul.job_listings li { margin-bottom: 40px !important; } ul.job_listings li.job_listing a div.position { padding: 0; display: flex; flex-direction: column-reverse; } ul.job_listings li.job_listing a div.location { float: right; text-align: right !important; font-size: 16px !important; } .job_listings .company { font-family: var(--e-global-typography-dfa5507-font-family), Sans-serif; font-size: var(--e-global-typography-dfa5507-font-size); font-weight: var(--e-global-typography-dfa5507-font-weight); text-transform: var(--e-global-typography-dfa5507-text-transform); line-height: var(--e-global-typography-dfa5507-line-height); letter-spacing: var(--e-global-typography-dfa5507-letter-spacing); word-spacing: var(--e-global-typography-dfa5507-word-spacing); padding-bottom: 16px; } .job_listings .company strong { font-weight: var(--e-global-typography-dfa5507-font-weight); } .job_filters .showing_jobs { background: transparent; border: none; } .job_filters .showing_jobs a.rss_link { display: none !important; } /* individual post job */ body.single-job_listing .content-area { max-width: 1140px; margin: 0 auto; box-sizing: border-box; padding: 180px 24px 100px; } .single_job_listing .meta li { font-size: 14px; color: #0C2140; } .single_job_listing .company { border: none; box-shadow: none; display: flex; align-items: center; } .single_job_listing .company .company_header { margin: 0; min-height: 0; } .job_description p { padding-bottom: 10px; } .job_description h2 { font-family: var(--e-global-typography-4d3a7db-font-family), Sans-serif; font-size: var(--e-global-typography-4d3a7db-font-size); font-weight: var(--e-global-typography-4d3a7db-font-weight); line-height: var(--e-global-typography-4d3a7db-line-height); letter-spacing: var(--e-global-typography-4d3a7db-letter-spacing); word-spacing: var(--e-global-typography-4d3a7db-word-spacing); padding-bottom: 70px; } .job_description h3 { font-family: var(--e-global-typography-f2ca318-font-family), Sans-serif; font-size: var(--e-global-typography-f2ca318-font-size); font-weight: var(--e-global-typography-f2ca318-font-weight); line-height: var(--e-global-typography-f2ca318-line-height); letter-spacing: var(--e-global-typography-f2ca318-letter-spacing); word-spacing: var(--e-global-typography-f2ca318-word-spacing); padding: 50px 0 24px; } .job_application input.application_button.button { font-family: var(--e-global-typography-ee6498e-font-family), Sans-serif; font-size: var(--e-global-typography-ee6498e-font-size); font-weight: var(--e-global-typography-ee6498e-font-weight); line-height: var(--e-global-typography-ee6498e-line-height); letter-spacing: var(--e-global-typography-ee6498e-letter-spacing); word-spacing: var(--e-global-typography-ee6498e-word-spacing); background-color: var(--e-global-color-primary); padding: 17px 20px; border: 1px solid var(--e-global-color-primary); border-radius: 4px 4px 4px 4px; transition: var(--animation-base); color: #fff; } .job_application input.application_button.button:hover { background-color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary); } body.single-job_listing [data-role="finder"] { margin: 0 auto; } .single_job_listing .job-manager-applications-applied-notice { background: #D9DDE1; } div.job_listings .load_more_jobs, div.job_listings .load_more_jobs:focus, div.job_listings .load_more_jobs:hover { border: none; background-color: transparent; } @media (max-width: 767px) { .job_listings { padding: 0; } .job_filters .search_jobs { margin-bottom: 40px; } .job_filters .search_jobs div.search_keywords, .job_filters .search_jobs div.search_location { width: 100%; } ul.job_listings .job-manager-applications-applied-notice { float: unset; padding: 16px 0; display: block; } ul.job_listings li.job_listing a div.position { padding-bottom: 16px; } ul.job_listings li.job_listing a div.location { float: left; padding: 0; text-align: left !important; width: 100%; } body.single-job_listing .content-area { padding: 120px 24px 100px; } } /* END */ /*************************************/ /********** SHOP **********/ /***********************************/ .mft-shop-container .mft-animate-on-scroll { opacity: 0; } .mft-shop-container .mft-animate-on-scroll.mft-show { opacity: 1; transition: all 0.5s ease; } .mft-shop-container .mft-animate-on-scroll.mft-show .mft-bouncy-img { animation: fx-bounceUp 1s ease forwards; } /*SHOP CARD IMAGE TILT*/ .mft-shop-carousel .elementor-cta__bg-wrapper { clip-path: polygon(0% 0px, calc(100% - 15px) 0%, 100% 100%, calc(0% + 15px) 100%); } /*SHOP CARD BUTTON STYLES*/ .mft-shop-carousel .mft-shop-card a { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: start; gap: 10px; } .mft-shop-carousel .mft-shop-card a:before { content: ''; background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-2.svg); background-size: cover; width: 24px; min-width: 24px; height: 24px; } .mft-shop-carousel .mft-shop-card a:hover:before { background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-hovered-1.svg'); } /*------------------*/ /*GOOGLE MAP ON LOCATION PAGE*/ @media screen and (max-width: 767px) { body.cat-location #map-wrapper { height: 300px; } body.cat-location #map-wrapper a { height: 300px; } } /*************************************/ /********** OFFERS **********/ /***********************************/ .offers-listing { gap: 40px; } .offers-listing .offer { min-height: 500px; max-width: 520px; width: 45%; padding: 0; border: 3px solid var(--e-global-color-74d2694); } @media (max-width: 767px) { .offers-listing .offer { min-height: 350px; width: 100%; } } .offers-listing .offer img { object-fit: cover; height: 100%; } .offers-listing .offer .offer-box:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); } .offers-listing .offer .offer-text { background: transparent; top: 0; position: absolute; padding: 40px 24px; color: #fff; 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); text-transform: var(--e-global-typography-text-text-transform); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); } .offers-listing .offer .offer-name { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; 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); text-transform: var(--e-global-typography-text-text-transform); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); } .offers-listing .offer .offer-name:before { content: ''; background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-2.svg'); background-size: cover; width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); min-width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); height: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); display: block; transition: .3s all; } .offers-listing .offer .offer-name:hover:before { background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-hovered-1.svg'); transform: rotate(360deg); transition: .3s all; } .offers-listing .offer .offer-discount { font-size: var(--e-global-typography-text-font-size); margin-top: 24px; } /* END */ /*************************************/ /********** BLOG **********/ /***********************************/ /* STYLE SINGLE POST BLOG */ .elementor-location-single .elementor-widget-container > *:not(:last-child) { margin-bottom: 15px; } .elementor-location-single h1 { font-family: var(--e-global-typography-secondary-font-family); font-size: var(--e-global-typography-secondary-font-size); font-weight: var(--e-global-typography-secondary-font-weight); line-height: var(--e-global-typography-secondary-line-height); color: var(--e-global-color-13f4851a); } .elementor-location-single h2 { font-family: var(--e-global-typography-text-font-family); font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-accent-font-weight); line-height: var(--e-global-typography-text-line-height); color: var(--e-global-color-13f4851a); } .elementor-location-single h3 { font-family: var(--e-global-typography-32304d8-font-family); font-size: var(--e-global-typography-32304d8-font-size); font-weight: var(--e-global-typography-32304d8-font-weight); line-height: var(--e-global-typography-32304d8-line-height); } /* END */ /************************/ /***** START WIDGET MASHUP OFFERS | CUSTOM FLICKITY MASHUP OFFERS*/ /* Custom Mashup Offers | No offers */ .offers-slide .slide .no-offers { text-align: center; } [data-custom-flickity-params] .flickity-viewport:has(.no-offers) { cursor: auto; pointer-events: none; } [data-custom-flickity-params] .carousell-cell:has(.no-offers) { width: 100%; } /* Hide Container if Mashup Offers doesn't has any offer */ .mft-sales-container:has(.no-offers) { display: none; } /* Custom Mashup Offers | Price and Button */ .elementor-widget .offers-mashup dl dd { padding: 0px 90px 0px 24px; } /* Custom Mashup Offers | Flickity Mashup Offers */ [data-custom-flickity-params] .offers-mashup dl.carousell-cell { display: flex; flex-direction: column; justify-content: flex-start; gap: 24px 12px; margin: 0 calc(80px / 2); width: 33.3333%; height: min(50vh, 500px); border: 3px solid var(--e-global-color-secondary); } /* Custom Mashup Offers | Flickity arrows */ [data-custom-flickity-params]:has(.flickity-prev-next-button[disabled]:nth-child(2)) .flickity-prev-next-button { display: none; } [data-custom-flickity-params] .flickity-prev-next-button.previous { left: 16px; } [data-custom-flickity-params] .flickity-prev-next-button.next { right: 16px; } /* Custom Mashup Offers | Flickity dot */ [data-custom-flickity-params] .flickity-page-dots { padding-right: 16px; } [data-custom-flickity-params] .flickity-page-dots:has(li.dot:only-child) { display: none; } [data-custom-flickity-params] .flickity-page-dots .dot { opacity: 1; width: 8px; height: 8px; background: var(--e-global-color-75927b4); margin-left: 6px; margin-right: 6px; } [data-custom-flickity-params] .flickity-page-dots .dot.is-selected { background: var(--e-global-color-primary); } /* Custom Mashup Offers | Image */ [data-custom-flickity-params] .offers-mashup-inner img { position: absolute; z-index: -1; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.7); } /* Custom Mashup Offers | Title */ [data-custom-flickity-params] .offers-mashup dl dt { padding: 40px 70px 0px 24px; 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); text-transform: var(--e-global-typography-text-text-transform); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); text-align: left; word-break: break-word; hyphens: auto; color: var(--e-global-color-47eea86e); } /* Custom Mashup Offers | Percentage discount */ [data-custom-flickity-params] .offers-mashup dl dd span { 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); text-transform: var(--e-global-typography-text-text-transform); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-47eea86e); } /* Custom Mashup Offers | Button */ [data-custom-flickity-params] .offers-mashup .more-info-link { position: absolute; top: 40px; right: 24px; padding: 0; font-size: 0; line-height: 1; color: var(--e-global-color-primary); fill: var(--e-global-color-primary); background: transparent; border: 0; } [data-custom-flickity-params] .offers-mashup .more-info-link::before { content: ''; background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-2.svg); background-size: cover; width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); min-width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); height: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); display: flex; position: relative; transition: .3s all; } [data-custom-flickity-params] .offers-mashup .more-info-link:hover { background: var(--e-global-color-6cb047a); border-color: var(--e-global-color-accent); fill: var(--e-global-color-accent); color: var(--e-global-color-accent); } [data-custom-flickity-params] .offers-mashup .more-info-link:hover:before { background-image: url(https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-hovered-1.svg); transform: rotate(360deg); transition: .3s all; } @media (max-width:1024px) { [data-custom-flickity-params] .offers-mashup dl.carousell-cell { width: calc(50% - 24px); height: 350px; margin: 0 calc(24px / 2); } [data-custom-flickity-params] .offers-mashup .flickity-prev-next-button { display: none; } } @media (max-width:767px) { [data-custom-flickity-params] .offers-mashup dl.carousell-cell { width: calc(90% - 12px); height: 300px; margin: 0 calc(12px / 2); } } /***** END WIDGET MASHUP OFFERS | CUSTOM FLICKITY MASHUP OFFERS*/ /************************/ /* MAIN BUTTON - PRIMARY BUTTON WITH ARROW POINTING RIGHT ON HOVER THE COLOR OF THE ICON SWITCHES */ .elementor-button.mft-btn-1 { font-family: var(--e-global-typography-5db9d6f-font-family), Sans-serif; font-size: var(--e-global-typography-5db9d6f-font-size); font-weight: var(--e-global-typography-5db9d6f-font-weight); text-transform: var(--e-global-typography-5db9d6f-text-transform); font-style: var(--e-global-typography-5db9d6f-font-style); background-color: transparent; border: none; padding: 0px; color: var(--e-global-color-21f8c9b7); text-align: left; display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 12px; } .elementor-button.mft-btn-1:before { content: ''; background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-2.svg'); background-size: cover; width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); min-width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); height: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); display: flex; position: relative; transition: .3s all; } .elementor-button.mft-btn-1:hover:before { background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-hovered-1.svg'); transform: rotate(360deg); transition: .3s all; } /* OPEN POPUP ACTION - PRIMARY BUTTON WITH PLUS ICON, ON HOVER THE COLOR OF THE ICON SWITCHES */ .elementor-button.mft-btn-plus { font-family: var(--e-global-typography-5db9d6f-font-family), Sans-serif; font-size: var(--e-global-typography-5db9d6f-font-size); font-weight: var(--e-global-typography-5db9d6f-font-weight); text-transform: var(--e-global-typography-5db9d6f-text-transform); font-style: var(--e-global-typography-5db9d6f-font-style); background-color: transparent; border: none; padding: 0px; color: var(--e-global-color-21f8c9b7); text-align: left; display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 12px; } .elementor-button.mft-btn-plus:before { content: ''; background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/mft-btn-plus-icon-1.svg'); background-size: cover; width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); min-width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); height: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); display: flex; position: relative; transition: .3s all; } .elementor-button.mft-btn-plus:hover:before { background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/mft-btn-plus-icon-2.svg'); transform: rotate(90deg); transition: .3s all; } /* CHANGE TO "MINUS" ICON WHEN THERE'S AN EXPANDED CONTAINER */ body:has(.mft-container-expand.mft-grow) .mft-btn-plus:before, body:has(.mft-faqs-container.expanded) .mft-btn-plus:before { background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/mft-see-less.svg') !important; transform: rotate(0deg) !important; } /* BUTTON LINK ACTION - PRIMARY BUTTON WITH ARROW ICON POINTING DOWN, ON HOVER THE ARROW ROTATES AND CHANGES COLOR */ .elementor-button.mft-btn-anchor { font-family: var(--e-global-typography-5db9d6f-font-family), Sans-serif; font-size: var(--e-global-typography-5db9d6f-font-size); font-weight: var(--e-global-typography-5db9d6f-font-weight); text-transform: var(--e-global-typography-5db9d6f-text-transform); font-style: var(--e-global-typography-5db9d6f-font-style); background-color: transparent; border: none; padding: 0px; color: var(--e-global-color-21f8c9b7); text-align: left; display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 12px; } .elementor-button.mft-btn-anchor:before { content: ''; background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-2.svg'); background-size: cover; width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); min-width: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); height: clamp(40px, calc(40px + (56 - 40) * ((100vw - 768px) / (1920 - 768))), 56px); display: flex; position: relative; transition: .3s all; transform: rotate(135deg); } .elementor-button.mft-btn-anchor:hover:before { background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/icon-arrow-btn-full-hovered-1.svg'); transform: rotate(90deg); transition: .3s all; } /* READ MORE ACTION BUTTON - PRIMARY BUTTON WITH ARROW ICON POINTING DOWN (no background), ON HOVER THE ARROW ROTATES UP */ .elementor-button.mft-btn-read-more { font-family: var(--e-global-typography-5db9d6f-font-family), Sans-serif; font-size: var(--e-global-typography-5db9d6f-font-size); font-weight: var(--e-global-typography-5db9d6f-font-weight); text-transform: var(--e-global-typography-5db9d6f-text-transform); font-style: var(--e-global-typography-5db9d6f-font-style); background-color: transparent; border: none; padding: 0px; color: var(--e-global-color-primary); text-align: left; display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 12px; } .elementor-button.mft-btn-read-more:before { content: ''; background-image: url('https://static-resources-elementor.mirai.com/wp-content/uploads/sites/1628/arrow-down-1.svg'); background-size: contain; background-repeat: no-repeat; width: 24px; min-width: 24px; height: 24px; display: flex; position: relative; } /* Tilted text with background */ .mft-tilted-txt { padding: 5px 10px; position: relative; display: inline-block; } .mft-tilted-txt .elementor-icon-box-content, .mft-tilted-txt .elementor-icon-box-icon { display: flex; align-items: center; } .mft-tilted-txt * { z-index: 2; position: relative; } /* No affect the footer hotels titles */ span.mft-tilted-txt span { word-break: break-all; overflow-wrap: break-word; hyphens: auto; } .mft-tilted-txt.mft-tilted-400 { font-weight: 400; } .mft-tilted-txt.mft-tilted-800 { font-weight: 800; } .mft-tilted-txt.mft-black-variant span { color: var(--e-global-color-08ffb1c); } .mft-tilted-txt.mft-tilted-spirit:after { background-color: var(--e-global-color-1979eff); } .mft-tilted-txt.mft-tilted-spiritMain:after { background-color: #DF2D26; } /*-----------------*/ .mft-tilted-txt.mft-tilted-bilbao:after { background-color: #C3B9DC; } .mft-tilted-txt.mft-tilted-bilbao-darkened { color: #fff; font-family: var(--e-global-typography-text-font-family); } .mft-tilted-txt.mft-tilted-bilbao-darkened:after { background-color: #7768AC; } /*-------------*/ .mft-tilted-txt.mft-tilted-benalmadena, .mft-tilted-txt.mft-tilted-benalmadenaMain { font-family: var(--e-global-typography-2f43b89-font-family); } .mft-tilted-txt.mft-tilted-benalmadena:after { background-color: #6BA4D9; } .mft-tilted-txt.mft-tilted-benalmadenaMain { color: #fff; } .mft-tilted-txt.mft-tilted-benalmadenaMain:after { background-color: #266AB1; } /*-------------*/ .mft-tilted-txt.mft-tilted-burgos:after { background-color: #F7D7A7; } .mft-tilted-txt.mft-tilted-burgos-darkened:after { background-color: #BC8C1A; } .mft-tilted-txt.mft-tilted-burgosMain:after { background-color: #ECAD49; } /*-------------*/ .mft-tilted-txt.mft-tilted-fontereal:after { background-color: #96D8D3; } .mft-tilted-txt.mft-tilted-fontereal-darkened { color: #fff; } .mft-tilted-txt.mft-tilted-fontereal-darkened:after { background-color: #29A39B; } .mft-tilted-txt.mft-tilted-fonterealMain:after { background-color: #2EB5AD; } /*-----------------*/ .mft-tilted-txt.mft-tilted-atxuri:after { background-color: #A2CEA6; } .mft-tilted-txt.mft-tilted-atxuri-darkened { color: #fff; font-family: var(--e-global-typography-text-font-family); } .mft-tilted-txt.mft-tilted-atxuri-darkened:after { background-color: #56757C; } /*-------------*/ .mft-tilted-txt.mft-tilted-valladolid:after { background-color: #F3C5C8; } .mft-tilted-txt.mft-tilted-valladolid-darkened { font-family: var(--e-global-typography-text-font-family); } .mft-tilted-txt.mft-tilted-valladolid-darkened:after { background-color: #EE9AA0; } /*-------------*/ .mft-tilted-txt:after { content: ""; top: 0; bottom: 0; margin: auto; left: 0; position: absolute; width: 100%; height: 100%; transform: rotate(-1deg) skew(5deg); z-index: 0; } span.mft-stardom-titl-mix { font-weight: 400; font-family: Stardom; line-height: 90%; letter-spacing: -2%; text-transform: uppercase; } /* todo elemento padre de un tilted text, se le amplia el lineheight para salvar el espacio que genera el recuadro del tilted text*/ *:has(> span.mft-tilted-txt:not(.mft-no-lineheight)) { line-height: 1.4em!important; } /* Spirit logo slider */ @keyframes fx-spiritSliderLogo { 0% { transform: translateX(0px); } 100% { transform: translateX(-808px); } } @keyframes fx-spiritSliderLogoDev { 0% { transform: translateX(0px); } 100% { transform: translateX(-446px); } } .mft-spirit-slider { height: 163px; margin: 40px 0px; position: relative; } .e-parent:has(.mft-spirit-slider) { margin-block-start: 0px; margin-block-end: 0px; } @media only screen and (max-width: 768px) { .mft-spirit-slider { height: 90px; margin: 15px 0px; } } .mft-spirit-slider::before { animation: fx-spiritSliderLogo 10s linear infinite; content: ''; width: calc(200%); height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoB.svg); background-repeat: repeat-x; background-position: left center; background-size: auto 100%; } @media only screen and (max-width: 768px) { .mft-spirit-slider::before { animation: fx-spiritSliderLogoDev 8s linear infinite; height: 100%; } } body.cat-gran-bilbao .mft-spirit-slider:before { background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoBilbao.svg) !important; } body.cat-atxuri .mft-spirit-slider:before { background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoAtxuri.svg) !important; } body.cat-valladolid-centro .mft-spirit-slider:before { background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoValladolid.svg) !important; } body.cat-ciudad-burgos .mft-spirit-slider:before { background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoBurgos.svg) !important; } body.cat-benalmadena-beach .mft-spirit-slider:before { background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoBenalmadena.svg) !important; } body.cat-fonte-real .mft-spirit-slider:before { background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/spirit-slider-logoFonteReal.svg) !important; } @keyframes fx-weareinsideSliderLogoDev { 0% { transform: translateX(0px); } 100% { transform: translateX(-906px); } } @keyframes fx-weareinsideSliderLogoDev-mb { 0% { transform: translateX(0px); } 100% { transform: translateX(-484px); } } .mft-weareinside-slider { min-height: 260px; overflow-x: hidden!important; position: relative; } @media only screen and (max-width: 768px) { .mft-weareinside-slider { min-height: 120px; } } .mft-weareinside-slider::before { animation: fx-weareinsideSliderLogoDev 5s linear infinite; content: ''; width: calc(200%); height: 131px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(https://spirithotels2025.elementor-pro.mirai.com/app/uploads/sites/1628/weareinside.svg); background-repeat: repeat-x; background-position: left center; background-size: auto 100%; } @media only screen and (max-width: 768px) { .mft-weareinside-slider::before { animation: fx-weareinsideSliderLogoDev-mb 5s linear infinite; height: 70px; min-height: 70px; } } /* Tilted img & tilted img container */ .mft-tilted-img, .mft-tilted-img-cont img { clip-path: polygon(0% 0px, calc(100% - 25px) 0%, 100% 100%, calc(0% + 25px) 100%); } .img-trimed img { clip-path: polygon(0% 0px, calc(100% - 25px) 0%, 100% 100%, calc(0% + 25px) 100%); } /* Animation for default close button */ a.dialog-close-button { transform: rotate(0deg); transition: transform .5s ease; } a.dialog-close-button:hover { transform: rotate(90deg); transition: transform .3s ease; } /* Animation for mft-services-modal popups */ @keyframes fx-show-modal-anim { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0px); } } .elementor-popup-modal.mft-services-modal .dialog-widget-content { opacity: 0; animation: fx-show-modal-anim .5s ease forwards .3s; } @keyframes fx-popup-overlay { 0% { background-color: rgba(0,0,0,.0); } 100% { background-color: rgba(0,0,0,.8); } } .elementor-popup-modal { animation: fx-popup-overlay .5s ease; } .dialog-widget-content { transition: all .5s ease; } .dialog-widget-content:has(a.dialog-close-button:hover) { clip-path: polygon(calc(0% + 15px) 0, 100% 0%, calc(100% - 15px) 100%, 0 100%); transition: all .3s ease; } .mft-service-card-slide .elementor-cta__button:before { transform: rotate(0deg); transition: transform .4s ease; } .mft-service-card-slide .elementor-cta__button:hover:before { transform: rotate(360deg); transition: transform .6s ease; } .mft-video-ratio-16-9 video, .mft-video-ratio-16-9 .elementor-wrapper { max-height: 600px; width: 100%; object-fit: cover!important; } .mft-slider-scale-alt .swiper-slide { clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%); display: flex; align-content: center; align-items: center; } .mft-slider-scale-alt .swiper-slide:nth-child(even) { transform: scale(.9); } .mft-slider-scale-alt .swiper-slide .elementor-widget-heading { padding: 0 26px; text-align: center; } /* FIX FOR ICON BOXES ON RESPONSIVE */ @media (max-width: 767px) { .elementor-widget-icon-box .elementor-icon-box-wrapper { align-items: center; } } .menu-hotel-image-container { height: 100%; overflow: hidden; min-width: 200px; } .menu-hotel-image-container img { object-fit: cover; } .mft-corpo-link a { color: var( --e-global-color-primary ); text-decoration: underline; } /*------------HOME HOTEL CARDS CAROUSEL------------*/ .mft-home-hotels-carousel .e-n-carousel.swiper { margin: 0px!important; width: 100%; } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide { min-height: 700px; } @media only screen and (max-width: 1024px) { .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide { min-height: 600px; } } @media only screen and (max-width: 768px) { .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide { min-height: 450px; } } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card { position: relative; height: auto; width: 100%; margin-bottom: 0px; min-height: 165px; overflow: hidden; } @media only screen and (max-width: 1024px) { .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card { min-height: 120px; } } @media only screen and (max-width: 768px) { .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card { min-height: 120px; display: flex; flex-direction: row; } } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card .card-info-claim { margin-bottom: 0px; transition: margin-bottom .5s ease; } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card .card-info { display: block!important; overflow: hidden; transition: all .5s ease; margin-bottom: -200px; opacity: 0; } @media (max-width: 768px) { .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card .card-info { margin-bottom: -250px; } } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide .main-card .mft-btn-1 { justify-content: flex-end; } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide > .elementor-element:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.4); transition: all .5s linear; opacity: 0; } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide:hover > .elementor-element:before { opacity: 1; transition: all .5s linear .2s; } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide:hover .card-info-claim { margin-bottom: 10px; transition: margin-bottom .5s ease; } .mft-home-hotels-carousel .e-n-carousel.swiper .swiper-slide:hover .main-card .card-info { transition: margin .5s cubic-bezier(.0, 0, .5, 1.5), opacity 0.3s linear .2s; margin-bottom: 0px; opacity: 1; } /*FOR PAGES IN WHICH THE CAROUSEL HAS LESS THAN 3 SLIDES*/ @media screen and (min-width: 768px) { .mft-home-hotels-carousel[data-slides="1"] .swiper-wrapper, .mft-home-hotels-carousel[data-slides="2"] .swiper-wrapper { justify-content: center; } .mft-home-hotels-carousel[data-slides="1"] .swiper-wrapper .swiper-slide, .mft-home-hotels-carousel[data-slides="2"] .swiper-wrapper .swiper-slide { justify-content: center; max-width: 33%; } } /*HIDE ARROWS*/ @media (min-width: 767px) { .mft-home-hotels-carousel[data-slides="1"] .elementor-swiper-button-prev, .mft-home-hotels-carousel[data-slides="1"] .elementor-swiper-button-next, .mft-home-hotels-carousel[data-slides="2"] .elementor-swiper-button-prev, .mft-home-hotels-carousel[data-slides="2"] .elementor-swiper-button-next { display: none; } } .mft-dots-listing li { list-style: disc; margin-left: 20px; } /*WE ARE FIT - IMAGE CAROUSEL*/ .mft-image-sliders-container .mft-img-carousel img { height: 400px; width: 760px; object-fit: cover; } .mft-image-sliders-container .mft-img-carousel .elementor-swiper-button { background-color: white; border-radius: 50%; padding: 10px; bottom: 0; top: unset; left: unset; right: unset; } .mft-image-sliders-container .mft-img-carousel .elementor-swiper-button.elementor-swiper-button-prev { left: calc(50% - 30px); } @media only screen and (max-width: 767px) { .mft-image-sliders-container .mft-img-carousel .elementor-swiper-button.elementor-swiper-button-prev { left: calc(50% - 50px); } .mft-image-sliders-container .mft-img-carousel img { max-height: 300px; } } .mft-image-sliders-container .mft-img-carousel .elementor-swiper-button.elementor-swiper-button-next { left: calc(50% + 30px); } /**************************/ /*.MFT-WEB-ACCORDION*/ .mft-web-accordion div.mft-accordion-see-more { position: absolute; right: var(--mft-section-ph) !important; top: 40px; } .mft-web-accordion .mft-accordion .mft-inner-row:nth-child(odd) { background-color: var( --e-global-color-34e7064 ); } /**************************/ /***** OFFSET (TRANSFORM OFFSET) TO ANCHOR WIDGET ****/ body:not(.elementor-editor-active) .mft-anchor-offset-top { transform: translateY(calc(clamp(130px, calc(130px + (210 - 130) * ((100vw - 767px) / (1920 - 767))), 210px) * -1)); /*210 --- 130 | Space Header with Finder */ } body:not(.elementor-editor-active) .mft-anchor-offset-top-s{ transform: translateY(calc(clamp(70px, calc(70px + (105 - 70) * ((100vw - 767px) / (1920 - 767))), 105px) * -1)); /*105 --- 70 | Space Header without Finder*/ } /**************************/ /***** ELEMENTOR FORMS ****/ /* Form Recaptcha Acceptance Message */ .elementor-widget-form .elementor-field-group-recaptcha_acceptance { font-size: .85em; } /* Show item in pages Corpo/Hotel */ body :is(.mft-show-corpo, .mft-bilbao, .mft-burgos, .mft-atxuri, .mft-valladolid, .mft-benalmadena, .mft-fonte-real) { display: none; } body:not(:is(.cat-gran-bilbao, .cat-ciudad-burgos, .cat-atxuri, .cat-valladolid-centro, .cat-benalmadena-beach, .cat-fonte-real)) .mft-show-corpo, body:where(.cat-gran-bilbao) .mft-bilbao, body:where(.cat-ciudad-burgos) .mft-burgos, body:where(.cat-atxuri) .mft-atxuri, body:where(.cat-valladolid-centro) .mft-valladolid, body:where(.cat-benalmadena-beach) .mft-benalmadena, body:where(.cat-fonte-real) .mft-fonte-real { display: inline-block; } body:not(.cat-home) .mft-form .mft-newslettter-message .mft-bilbao{ display: none; } /** FIx for tags selector for posts **/ search.e-filter button:not(:is([data-filter="__all"],[data-filter="bilbao"],[data-filter="burgos"],[data-filter="valladolid"],[data-filter="benalmadena"],[data-filter="portugal"], [data-filter="spirit"])) { display: none; } search.e-filter button[data-filter="spirit"] { order: 1; }