.margin-left-5px { margin-left: 5px !important; } .home-hero { padding: 20px 0px 48px; position: relative; color: rgb(41, 43, 46); } .home-hero__container__col-a__subheading { font-size: 16px; font-weight: normal; text-align: center; margin-left: 4px; } .home-hero__container__col-a__heading { text-align: center; font-size: 34px; font-weight: 500; line-height: 40px; margin: 0px 0px 16px; } .home-hero__container__col-a__content__text { text-align: center; font-weight: 400; font-size: 14px; line-height: 20px; color: rgb(41, 43, 46); width: 87%; margin: 0px auto 32px; } .home-hero__container__col-a__content__division { width: 1px; height: 16px; background-color: rgb(228, 230, 234); } .home-hero__container__col-a .section-hero__searcher { width: auto; border: 1px solid rgb(228, 230, 234); height: 64px; padding: 8px 8px 8px 18px; border-radius: 16px; } .home-hero__container__col-a .section-hero__searcher-wrapper { -webkit-box-align: center; align-items: center; } .home-hero__container__col-a .section-hero__searcher-wrapper::before { content: none; } .home-hero__container__col-a .section-hero__searcher-wrapper img { width: 26px; height: auto; margin-right: 8px; } .home-hero__container__col-a .section-hero__searcher .cta-button-primary { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 48px; width: 48px !important; } .home-hero__container__col-a .section-hero__searcher .cta-button-primary svg { width: 26px; margin-right: 0px; } .home-hero__container__col-a .section-hero__searcher-input { height: 30px; } .home-hero__container__col-a .section-hero__searcher-input::-webkit-input-placeholder { font-weight: 400; font-size: 14px; line-height: 22px; } .home-hero__container__col-b__hero { display: none; } .home-hero__trustpilot { display: none; background-color: rgb(248, 248, 251); padding: 32px 0px; } .home-hero__trustpilot__container__rate { display: flex; -webkit-box-align: center; align-items: center; } .home-hero__trustpilot__container__rate__number { font-weight: 500; font-size: 34px; line-height: 34px; margin-right: 8px; } .home-hero__trustpilot__container__rate__number__bigger { font-weight: 500; font-size: 48px; line-height: 48px; } .home-hero__trustpilot__container__content p { font-weight: 400; font-size: 16px; line-height: 22px; color: rgb(41, 43, 46); } .home-hero__trustpilot__container__content p span { font-weight: 500; font-size: 16px; line-height: 22px; text-decoration-line: underline; color: rgb(41, 43, 46); } .home-value-proposal { padding: 30px 0px 40px; color: rgb(41, 43, 46); position: relative; } .home-value-proposal__container__carousel { margin-bottom: 0px; position: relative; } .home-value-proposal__container__carousel__card { padding: 25px; border: 1px solid rgb(228, 230, 234); box-shadow: rgba(0, 0, 0, 0.04) 0px 6px 24px; border-radius: 16px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; gap: 26px; min-height: 128px; margin: 0px 5px; } .home-value-proposal__container__carousel__card__icon { margin-top: 23px; margin-bottom: 27px; } .home-value-proposal__container__carousel__card__icon img { height: auto; width: 28px !important; } .home-value-proposal__container__carousel__card__content__title { margin-bottom: 8px; font-size: 20px; line-height: 24px; font-weight: 500; color: rgb(41, 43, 46); } .home-value-proposal__container__carousel__card__content__text { margin-bottom: 0px; font-size: 14px; line-height: 20px; font-weight: 400; color: rgb(98, 102, 107); } .home-value-proposal__container__items { display: none; } .wordpress-multilingual-multisite-country-selector { list-style: none; margin: 0px; padding: 5px 0px; } .wordpress-multilingual-multisite-country-selector { visibility: visible !important; opacity: 1 !important; } html { background: rgb(244, 244, 244); scroll-behavior: smooth; } .hide-desktop { display: none; } .shop-product table.variations td.value > div > label { background: rgb(255, 255, 255); border: 1px solid rgb(212, 212, 212); border-radius: 12px; padding: 20px; display: block; align-items: flex-start; grid-area: 1 / 1 / -1 / -1; } .shop-product ins, .shop-product del, .product-variation > span:nth-child(3) { bottom: 10px; text-decoration: none; grid-area: 2 / 1 / auto / auto; padding-top: 3px; height: fit-content; } .shop-product table.variations td.value > div > input { -webkit-appearance: none; border-radius: 50%; background: white; border: 6px solid white; box-shadow: rgb(172, 176, 183) 0px 0px 0px 1px; height: 5px; width: 5px; position: absolute; top: 20px; right: 20px; grid-area: 1 / 2 / auto / auto; } .solomovil { display: none; } img.open-menu-icon { width: 24px; height: 24px; } img.icon-open { width: 8px; height: 18.4px; } #overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; opacity: 0.5; z-index: 10000; } html { line-height: 1.15; text-size-adjust: 100%; } body { margin: 0px; } h1 { font-size: 2em; margin: 0.67em 0px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } a { background-color: transparent; } b, strong { font-weight: bolder; } small { font-size: 80%; } img { border-style: none; } button, input, select { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } button { -webkit-appearance: button; } [type="checkbox"] { box-sizing: border-box; padding: 0px; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } * { margin: 0px; padding: 0px; box-sizing: border-box; list-style: none; font-family: "Modern Era", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .wrapper { max-width: 1440px; margin: auto; padding: 0px; width: 90%; } a { text-decoration: none; color: inherit; } .hidden { display: none !important; } .main { background-color: rgb(255, 255, 255); width: 100vw; max-width: 100%; overflow-x: hidden; } .primary { color: rgb(230, 72, 92); } .header { background-color: rgb(255, 255, 255); z-index: 99; height: 108px; width: 100%; position: fixed; top: 0px; display: block; border-bottom: 1px solid rgb(226, 231, 235); } .main-menu { display: flex; justify-content: space-between; align-items: center; height: 72px; width: 100%; position: relative; } .main-menu__main-nav-container { flex-grow: 1; } .main-menu__main-nav { display: flex; justify-content: flex-start; align-items: center; height: 72px; margin-left: 60px; font-weight: 500; } .main-menu__main-nav li { padding-right: 4%; text-align: center; } .main-menu__logo { width: 133px; height: 100%; display: flex; justify-content: center; align-items: center; margin-right: 0px; } .main-menu__logo img { height: 100%; width: 100%; object-fit: contain; } .menu-item { position: relative; } .main-menu__main-nav li { position: relative; text-align: left; padding-right: 0px; margin-right: 4%; padding-bottom: 22px; padding-top: 22px; border-bottom: 2px solid transparent; } .menu-item-destinos > a { display: block; z-index: 1; position: relative; } .submenu-destinos { background: white; position: relative; border-radius: 0px 0px 16px 16px; text-align: center; } .submenu-destinos.oculto { display: none; } .submenu-destinos button.header-menu-button { width: 90%; margin-bottom: 100px; margin-top: 40px; margin-right: 32px; } .cerrar-buscador > img { max-width: 12px; } .top-header { background: rgb(237, 249, 254); mix-blend-mode: normal; position: relative; z-index: 4; font-size: 14px; } #menu-todos-los-productos li { margin: 0px; } .top-header .wrapper { display: flex; align-items: center; place-content: center; height: 40px; } .top-header-der { display: flex; align-items: center; color: rgb(41, 43, 46); } .top-header-der::after { content: ""; width: 1px; height: 12px; background-color: rgb(228, 230, 234); margin: 0px 8px; } .icono-menu-movil { width: 28px; height: 20px; position: relative; } .icono-menu-movil { display: none; } .floating-cart-hidden { display: none; } .floating-cart-hidden + #bg-loading { display: none; } #bg-loading { background: black; width: 100vw; height: 100vh; position: absolute; z-index: 1; opacity: 0.8; } .buscador-header > div { display: flex; align-items: center; justify-content: center; min-height: 30px; } .carrito, .buscador-header { border: 2px solid white; width: 40px; position: relative; height: 40px; align-items: center; justify-content: center; display: flex; border-radius: 12px; color: rgb(41, 43, 46); } .buscador-header { margin-right: 8px; border-radius: 12px; } .contador-carrito { display: flex; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); border-radius: 100%; height: 10px; width: 10px; padding: 1px; position: absolute; top: 8px; right: 13px; font-size: 8px; } .buscador-img, .carrito-img { position: relative; color: rgb(41, 43, 46); } select.wordpress-multilingual-multisite-country-selector { display: none; } .search-icon-top { position: absolute; top: 26px; left: 40px; } .header-submenu { display: flex; justify-content: flex-start; align-items: baseline; } .header-submenu-links { display: flex; margin-left: 5%; } .header-submenu-links div { padding: 5px 20px; } button.header-menu-button { width: 100%; background: white; margin: 40px 0px 1em; border: 1px solid rgb(210, 210, 213); color: black; padding: 10px; border-radius: 5px; } .menu-range-button.active { background: rgb(245, 255, 249); color: black; border-radius: 20px; border: 1px solid rgb(72, 236, 134); } .header-menu li { text-align: left; } .header-menu { text-align: center; } .empty_cart { text-align: center; } .empty_cart_text { width: 180px; margin: 24px auto; } p.modal-title { padding-left: 39px; padding-top: 40px; font-size: 22px; font-weight: 700; } .selector-item { display: flex; flex-direction: column; justify-content: center; border: 1px solid rgb(210, 210, 213); border-radius: 5px; height: 85px; margin: 8px; padding: 12px; font-size: 16px; line-height: 22px; } .selector-item.active { background: rgb(245, 255, 249); border: 1px solid rgb(72, 236, 134); } .modal-selector, .login-customer { padding: 12px 16px; width: 137px; display: flex; justify-content: center; white-space: nowrap; align-items: center; height: 40px; font-size: 14px; font-weight: 500; } .login-customer { display: flex; margin-right: 8px; justify-content: center; width: fit-content; border: 1px solid rgb(228, 230, 234); border-radius: 12px; padding: 12px 20px; } div#selector-button-currency { margin: 0px 0px 0px 20px; } .selector-item .content { color: rgb(150, 150, 157); } .selector-item .title { font-weight: 500; font-size: 18px; } .page-template-page-regular .main { padding-top: 0px; } .cta-button-primary { padding: 12px 20px; border-radius: 12px; gap: 8px; background: rgb(72, 236, 134); color: rgb(41, 43, 46); border: none; } .cta-button-secondary { padding: 12px 20px; border-radius: 12px; gap: 8px; background: rgb(255, 255, 255); color: rgb(41, 43, 46); border: 1px solid rgb(228, 230, 234); } .cta-button-ghost { padding: 12px 20px; border-radius: 12px; gap: 8px; background: rgb(255, 255, 255); color: rgb(41, 43, 46); border: none; } .section-hero__searcher-btn svg { width: 36px; height: 36px; } #buscador-destinos > div > button { width: 52px; height: 54px; } .autocomplete { padding: 0px; } .section-hero__wave { width: 100%; height: 170px; background-image: url("../img/hero-wave.svg"); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0px; right: 0px; z-index: 10; } .section-hero__searcher { position: relative; z-index: 11; width: 552px; height: 64px; padding: 5px 5px 5px 18px; background-color: rgb(255, 255, 255); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 24px; } .section-hero__searcher-wrapper { width: 100%; height: 100%; display: flex; justify-content: space-between; } .section-hero__searcher-input { flex-grow: 1; margin-right: 8px; padding-left: 8px; border: none; outline: none; } .section-hero__searcher-btn { height: 100%; width: auto; background: rgb(72, 236, 134); border: none; padding: 8px; border-radius: 14px; position: relative; } * { margin: 0px; padding: 0px; box-sizing: border-box; list-style: none; font-family: "Modern Era", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .hide-answer { display: none; } .owl-carousel { position: relative; } .owl-carousel { width: 100%; z-index: 1; } .gdpr_lightbox-hide { display: none; }  h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #checkoutButton, #shopping-cart__continue-btn_bottom { display: none; } @media (min-width: 640px) { .home-hero__container__col-a { margin: 0px auto 50px; width: 80%; } .home-hero__container__col-a__content__text { width: 55%; } .home-hero__container__col-a .section-hero__searcher-input::-webkit-input-placeholder { font-size: 16px; } } @media (min-width: 758px) { .submenu-destinos { top: -4px; width: 90%; margin: 0px auto; padding: 1em 0px; overflow: hidden; } } @media (min-width: 860px) { .main-menu__main-nav-container .login-customer { display: none; } } @media (min-width: 900px) { img.icon-open { display: none; } } @media (min-width: 992px) { .home-hero { background: url("/wp-content/plugins/holafly-features-frontend/assets/images/bg-instructions-page.svg") center center / cover repeat rgb(255, 255, 255); padding: 108px 0px 0px; } .home-hero .section-hero__wave { display: none; } .home-hero__container { display: flex; -webkit-box-align: center; align-items: center; width: 90%; margin: 0px auto; gap: 26px; } .home-hero__container__col-a { -webkit-box-flex: 1; flex: 1 1 0%; margin: -70px 0px 0px; width: unset; } .home-hero__container__col-a__subheading { text-align: left; } .home-hero__container__col-a__heading { font-size: 40px; line-height: 48px; text-align: left; margin: 0px 0px 27px; } .home-hero__container__col-a__content { width: 95%; } .home-hero__container__col-a__content__text { text-align: left; font-size: 16px; line-height: 22px; margin: 0px 0px 27px; width: 100%; } .home-hero__container__col-a .section-hero__searcher { margin-bottom: 25px; } .home-hero__container__col-b { -webkit-box-flex: 1; flex: 1 1 0%; } .home-hero__container__col-b__hero { display: block; width: 456px; height: auto; margin: 0px 0px 0px auto; } .home-hero__trustpilot { display: block; margin-top: -105px; } .home-hero__trustpilot__container { display: flex; -webkit-box-align: center; align-items: center; width: 90%; margin: 0px auto; gap: 26px; } .home-value-proposal { background: url("/wp-content/plugins/holafly-features-frontend/assets/images/bg-instructions-page.svg") center center / cover repeat rgb(255, 255, 255); padding: 60px 0px; } .home-value-proposal__container { width: 90%; margin: 0px auto; } .home-value-proposal__container__carousel { display: none; } .home-value-proposal__container__carousel__card { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .home-value-proposal__container__items { display: flex; flex-wrap: wrap; justify-content: space-around; column-gap: 25px; } .home-value-proposal__container__items__column { padding: 20px 25px; display: flex; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 20%; -webkit-box-pack: start; justify-content: flex-start; align-items: center; } .home-value-proposal__container__items__column__icon { margin-top: 0px; margin-bottom: 16px; min-height: 32px; display: flex; } .home-value-proposal__container__items__column__icon img { width: 36px; height: 36px; } .home-value-proposal__container__items__column__content { text-align: center; } .home-value-proposal__container__items__column__content__title { margin-bottom: 8px; font-size: 20px; line-height: 24px; font-weight: 700; } .home-value-proposal__container__items__column__content__text { margin-bottom: 0px; font-size: 14px; line-height: 20px; font-weight: 400; color: rgb(98, 102, 107); } } @media (min-width: 1200px) { .home-hero__container { gap: 30px; } .home-hero__container__col-a__heading { font-size: 54px; line-height: 62px; } .home-hero__container__col-a__content { width: 97%; } .home-hero__container__col-a .section-hero__searcher { width: 87%; } .home-hero__trustpilot__container { gap: 30px; } } @media (max-width: 991px) { .home-hero { background: linear-gradient( rgb(222, 232, 246) 9%, rgb(244, 238, 248) 38%, rgb(251, 225, 220) 61% ) !important; } } @media (max-width: 991px) and (min-width: 781px) { .home-hero { padding: 150px 0px 68px !important; } } @media (max-width: 900px) { .wrapper { width: 90%; margin: auto; padding: 0px; } } @media (max-width: 860px) { .top-header { max-height: 36px; } div > .top-header-der { display: none; } .header { height: 106px; } .main-menu .buscador-header { display: none; } .input-buscador-header { width: 100%; left: 40px; } .main-menu__main-nav-container { display: none; } .icono-menu-movil { display: block; } .main-menu__main-nav-container { display: none; position: absolute; top: 70px; left: -5.5%; right: 0px; background-color: rgb(255, 255, 255); width: 100vw; height: 100vh; } .main-menu__main-nav { display: block; background: white; } .main-menu__main-nav-container .autocomplete { height: 3em; padding: 0px 5%; width: 100%; margin: 1em 0px; position: relative; } .main-menu__main-nav-container .autocomplete input#searchHeader { width: 100%; height: 100%; border: 1px solid rgb(228, 230, 234); background: white; outline: none; border-radius: 12px; padding: 1em 1em 1em 3.7em; filter: drop-shadow(rgba(0, 0, 0, 0.04) 0px 5.90476px 23.619px); } .autocomplete::before { content: ""; width: 1px; height: 12px; background-color: rgb(228, 230, 234); margin: 0px 8px; position: absolute; left: 16%; top: 19px; z-index: 2; } .main-menu__main-nav-container .autocomplete .search-icon { position: absolute; top: 15px; left: 10%; } .main-menu__main-nav-container .autocomplete .close-icon { position: absolute; top: 15px; right: 8%; } .main-menu__main-nav { height: auto; margin-left: 32px; } .main-menu__main-nav-bottom { width: 100%; border-top: 1px solid rgb(228, 230, 234); display: flex; position: fixed; bottom: 0px; background: white; } .main-menu__main-nav li { padding: 10px 18px 10px 0px; width: calc(100% - 32px); text-align: left; } .main-menu__main-nav > li::after { content: url("/wp-content/themes/Holafly_v2-child/recursos/img/full-arrow.svg"); right: 0px; position: absolute; bottom: 30%; } .main-menu__main-nav li:not(:last-child) { border-bottom: 1px solid rgb(228, 230, 234); } .modal-selector, .login-customer { padding: 24px 20px; } .main-menu__main-nav li a { font-size: 18px; line-height: 30px; } .menu-item-destinos::after { bottom: 18px; right: -24px; background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: 9; } } @media (max-width: 797px) { @media (max-width: 780px) { .hide-desktop { display: block; } #buscador-destinos > div > button { height: 100%; padding: 7px; } .section-hero__wave { z-index: 14; } .section-hero__wave { height: 50px; } .section-hero__searcher { width: 100%; height: 56px; padding: 3px 3px 3px 9px; background-color: rgb(245, 247, 249); } .section-hero__searcher-input { background-color: rgb(245, 247, 249); border: none; font-size: 14px; } .section-hero__searcher-btn { width: 88px; } .woocommerce-currency { font-size: 10px; line-height: 14px; } } @media only screen and (max-width: 780px) { .main_menu_controls { display: flex; margin-left: 24px; } .main_menu_controls select { -webkit-appearance: none; background: url("../img/select_open.png") 92% 5px / 24px 24px no-repeat transparent; border: 1px solid rgb(223, 223, 223); border-radius: 5px; padding: 8px 2rem 8px 10px; text-align: right; } .main_menu_controls > div { position: relative; } header.header { position: relative; top: 0px !important; } header.header::after { bottom: -1px; background-color: rgb(226, 231, 235); height: 1px; width: 100%; position: absolute; left: 0px; right: 0px; content: ""; } .main-menu__logo { flex: 1 1 0%; } .main-menu__logo img { max-width: 133px; } .icono-menu-movil { width: 32px; max-width: 32px; } .main-menu__main-nav { display: block; background: white; } } @media (max-width: 767px) { .solomovil { display: block; } .main { padding-top: 72px; overflow: hidden; } body.home .main { padding-top: 0px; position: relative; } .shopping-cart { width: 100%; right: 0px; border-radius: 0px 0px 16px 16px; } .header-submenu, .header-menu { display: none; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { select, input { font-size: 16px; } }