/*
Theme Name: Blank theme v5
Theme URI: http://www.mastercamping.com
Description: Plantilla Wordpress para Blank Theme
Author: mastercamping.com
Author URI: http://www.mastercamping.com
Version: 7.0.1
*/

/* CLAMP viewport de 900px */
/* Estos Estilos se aplican sólo en el frontend */

:root {
    --default-transition: all 0.4s ease;
}

.is-style-no-margin {
    margin-top: 0;
    margin-bottom: 0;
}

header.site-header {
    position: fixed;
    width: 100%;
    z-index: 101;
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
    padding: var(--wp--style--block-gap);
    background: transparent;
    transition: var(--default-transition);
    margin-top: 0;
    top: 0;
}

.scroll-down header.site-header {
    top: -100%;
}

.scroll-up header.site-header {
    background: var(--wp--preset--color--theme-granate);
    transition: var(--default-transition);
}

.scroll-up .widget-main-wrapper.fixed-widget {
    /* transition-delay: 0.1s; */
    transition: top .45s ease-in-out;
}

.widget-main-wrapper.fixed-widget {
    position: fixed;
    left: 0;
    margin-top: 0 !important;
    max-width: 100% !important;
    width: 100%;
    z-index: 100;
}

.scroll-down .widget-main-wrapper.fixed-widget {
    top: -120px;
}

.scroll-up .widget-main-wrapper.fixed-widget {
    top: 120px;
}

.widget-main-container {
    position: relative;
    z-index: 100px;
}

@media only screen and (min-width: 751px) {

    header.site-header {
        height: 122px;
    }

}

@media only screen and (max-width: 750px) {
    
    .scroll-down .widget-main-wrapper.fixed-widget {
        top: -95px;
    }
    
    .scroll-up .widget-main-wrapper.fixed-widget {
        top: 95px;
    }

}

@media only screen and (min-width: 650px) {

    .widget-main-container {
        height: 100px;
        margin-top: -50px !important;
    }

}

@media only screen and (max-width: 649px) {

    .scroll-down .widget-main-wrapper.fixed-widget {
        top: -221px;
    }
    
    .scroll-up .widget-main-wrapper.fixed-widget {
        top: 95px;
    }

    .widget-main-container {
        height: 220px;
        margin-top: -110px !important;
    }
}

/* .widget-next-block {
    position: relative;
}

.widget-main-wrapper.fixed-widget + .widget-next-block {
    padding-top: calc(6vh + 50px) !important;
} */

/* TODO - check if this is needed in small screens */
.scroll-up.vertical-slide-is-fixed header.site-header,
.hide-header header.site-header {
    margin-top: -100%;
    transition: var(--default-transition);
}

header.site-header .inner-header {
    margin: 0 auto;
    display: flex;
    gap: var(--wp--style--block-gap);
    max-width: 1640px;
    /* display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: 1fr;
    grid-template-areas:
        "logo icons main-menu";
    column-gap: calc(var(--wp--style--block-gap) * 2); */
}

header.site-header a {
    color: var(var(--wp--preset--color--theme-text));
    text-decoration: none;
    transition: var(--default-transition);
}

header.site-header .inner-header a,
header.site-header.init-header .inner-header a {
    color: #FFF;
}

header.site-header .wp-block-navigation-item__label {
    letter-spacing: 0.05em;
}


.side-menu-wrapper {
    position: fixed;
    right: 0;
    margin-right: -100%;
    /* margin-right: 0; */
    width: 100%;
    max-width: 500px;
    top: 0;
    transition: var(--default-transition);
    height: 100vh;
    z-index: 101;
}

.side-menu-content-wrapper {
    padding: 15vh var(--wp--style--block-gap) var(--wp--style--block-gap) calc(var(--wp--style--block-gap) *2);
}

.show-side-menu .side-menu-wrapper {
    margin-right: 0;
    box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.20);
}

.side-menu-wrapper a {
    color: var(--wp--preset--color--theme-text) !important
}

.side-menu-wrapper nav {
    overflow-y: auto;
    padding: calc(var(--wp--style--block-gap) *2) 0;
}

.side-menu-wrapper .wp-block-social-links a {
    color: #FFF !important;
}

.side-menu-wrapper .menu-booking {
    display: none;
}

.custom-logo-wrapper {
    grid-area: logo;
}

.header-booking-button-wrapper {
    grid-area: icons;
    display: flex;
    justify-content: flex-end;
    gap: var(--wp--style--block-gap);
    align-items: flex-start;
}

.main-menu-wrapper {
    width: 100%;
}

.custom-logo {
    width: auto;
    height: auto;
    width: 60px;
    display: block;
}

@media (min-width: 750px) {
    .init-header .custom-logo {
        width: 80px;
    }

    .custom-logo-wrapper[class*="logo-desktop-"] {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .custom-logo-wrapper[class*="logo-desktop-"] img {
        opacity: 0 !important;

    }

    .logo-desktop-events {
        background-image: url(assets/images/logo-desktop-events.webp);
    }

    .logo-desktop-restaurant {
        background-image: url(assets/images/logo-desktop-restaurant.webp);
    }

    .logo-desktop-hotel {
        background-image: url(assets/images/logo-desktop-hotel.webp);
    }

}

.main-menu-wrapper nav {
    display: none;
    flex-grow: 1;
}

.main-menu-wrapper ul {
    justify-content: center;
}

.close-widget-link:before,
.close-menu-link:before,
.show-menu-link:before {
    content: "\e907";
    font-size: 1.4em;
    display: block;
}

.close-widget-link,
.close-menu-link {
    position: absolute;
    top: 10vh;
    right: var(--wp--style--block-gap);
    z-index: 1;
}

.close-widget-link:before,
.close-menu-link:before {
    content: "\e906";
}

.header-phone:before {
    content: "\e909";
}



.site-header nav a {
    position: relative;
    line-height: 0.6;
}

.menu-lateral a {
    position: relative;
}


.menu-lateral a:after,
.site-header nav a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -10px;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}


.current-menu-item.main-menu-desktop a:after,
.menu-lateral a:hover:after,
.menu-side a:hover:after,
.site-header nav a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

a.header-bookings {
    text-transform: uppercase;
    background: var(--wp--preset--color--theme-granate);
    padding: 0.1em 0.9em;
    color: #FFF !important;
    border: 1px solid #FFF;
    position: relative;
}

a.header-bookings:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
    opacity: 0.15;
}

a.header-bookings:hover:after {
    transform: scaleX(1);
}

.show-menu-link {
    margin-bottom: 5px;
}

.icons-side-menu-wrapper {
    display: flex;
    gap: var(--wp--style--block-gap);
}

.header-phone:hover {
    color: var(--wp--preset--color--theme-granate) !important;
}

.main-menu-wrapper {
    display: flex;
    gap: var(--wp--style--block-gap);
    align-items: center;
    justify-content: flex-end;
}

li.wp-block-navigation-item.menu-navidad {
    display: none;
}

@media (min-width: 750px) {

    .main-menu-wrapper {
        align-items: flex-end;
    }

    .main-menu-wrapper nav {
        display: flex;
    }

    .main-menu-wrapper nav ul.wp-block-navigation {
        column-gap: 2.5vw;
    }

    header.site-header .inner-header {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "logo icons"
            "logo main-menu";
    }



    .side-menu-wrapper .main-menu-desktop,
    .main-menu-wrapper .side-menu-desktop {
        display: none;
    }

    .custom-logo {
        transition: all 0.4s ease;
        /* transition: ; */
    }

}

@media (min-width: 1400px) {
    .main-menu-wrapper nav ul.wp-block-navigation {
        column-gap: 3.5vw;
    }

    header.site-header {
        padding: var(--wp--style--block-gap) calc(var(--wp--style--block-gap) *2);
    }
}

.main-menu-desktop.menu-booking>a:hover {
    color: var(--wp--preset--color--theme-granate) !important
}



.main-menu-desktop.menu-booking>a {
    border-bottom: 1px solid currentColor;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.main-menu-desktop.menu-booking>a:after {
    height: 100%;
    background-color: #FFF;
    transform-origin: bottom left;
    z-index: -1;
}

/*****************
 NEW MAIN MENU
******************/

.main-menu-wrapper nav {
    justify-content: center;
}

ul.menu-principal {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

ul.menu-principal li::after {
    content: '';
    position: absolute;
    top: 0;
}

ul.menu-principal a {
    font-family: var(--wp--preset--font-family--freight-big-pro);
    font-size: var(--wp--preset--font-size--h-6-buttons-19);
    color: var(--wp--preset--color--theme-white);
    line-height: 0.6;
    letter-spacing: 0.05em;
    position: relative;
}

ul.menu-principal > li {
    position: relative;
}

ul.menu-principal > li:not(:first-child) > a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.25vw;
    width: 1px;
    height: 100%;
    max-height: 55%;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #FFF;
}
 
ul.menu-principal a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -10px;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}



.current-menu-item.main-menu-desktop a:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.scroll-up .wp-block-navigation__submenu-container {
    flex-direction: row !important;
}

.scroll-up [data-wpml='language-item']:first-of-type {
    margin-top: 0 !important;
}

.scroll-up .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    left: -40px;
}

@media (min-width: 1400px) {
    
    ul.menu-principal {
        column-gap: 3.5vw;
    }

    ul.menu-principal li::after {
        right: -1.75vw;
    }

}

@media (min-width: 750px) {

    ul.menu-principal {
        column-gap: 2.5vw;
    }

    ul.menu-principal li::after {
        right: -1.25vw;
    }

}

/*****************
 SIDE MENU
******************/

.hide {
    display: none;
}

ul.menu-side {
    gap: calc(1.4* var(--wp--preset--font-size--text-16));
    display: flex;
    flex-direction: column;
}

ul.menu-side a {
    font-family: var(--wp--preset--font-family--freight-big-pro);
    font-size: var(--wp--preset--font-size--buttons-23);
    position: relative;
}

ul.menu-side a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: -10px;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

@media (max-width: 749px) {

    .side-menu-content-wrapper {
        padding: 10vh var(--wp--style--block-gap) var(--wp--style--block-gap) calc(var(--wp--style--block-gap)* 2);
    }

    ul.menu-side {
        gap: var(--wp--preset--font-size--text-16);
    }

    .side-menu-wrapper nav {
        padding: var(--wp--style--block-gap) 0;
    }

}

.wpml-language-switcher-block {
    width: auto !important;
}

.wpml-language-switcher-block::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 60%;
    background-color: #fff;
}

/*****************
 BANNER HOME
******************/

.banner-home img {
    max-height: 30vh;
}

.banner-home .show-hover {
    overflow: hidden;
    height: 0;
    transition: var(--default-transition);
}

.banner-home:hover h4 {
    color: #FFF !important;
}

.banner-home:hover .show-hover {
    height: 130px
}

.banner-home:hover .has-background-gradient {
    background: rgba(112, 27, 51, 1) !important;
    transition: var(--default-transition);
}

@media (max-width: 750px) {

    .group-covers-home .wp-block-cover {
        min-height: 20vh !important;
    }
}

/*****************
 NEW FOOTER
******************/

.footer-links p:not(.ico-white-duotone) {
    font-size: calc(var(--wp--preset--font-size--text-16) * 1.15);
    font-family: var(--wp--preset--font-family--freight-big-pro);
    color: #fff;
}

@media (max-width: 781px) {

    .footer-links > .wp-block-column:nth-child(2) .wp-block-group {
        align-items: center;
    }

}

/*****************
 TABS
******************/

.section-tab {
    /* display: none; */
    opacity: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
}

.section-tab.show-tab {
    /* display: block; */
    opacity: 1;
    height: auto;
    position: relative;
}

/*****************
 FOOTER
******************/

.site-footer {
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
}

footer .ico-white-duotone img,
footer .ico-duotone img {
    vertical-align: middle;
}

.custom-trip-advisor a {
    aspect-ratio: 1;
}

.custom-trip-advisor a:before {
    content: '\e90c';
    font-size: var(--wp--preset--font-size--text-16);
}

.custom-trip-advisor a svg {
    display: none;
}


.default-section.alignfull>div.default-section-text:first-child {
    padding-left: calc((100vw - (var(--wp--style--global--wide-size))) / 2 - var(--wp--style--block-gap));
}

.default-section.alignfull>div.default-section-text:last-child {
    padding-right: calc((100vw - (var(--wp--style--global--wide-size))) / 2 - var(--wp--style--block-gap));
}

/*****************
 ANIMATIONS
******************/

/*animations*/
/*.animation--init or .animation--init--once */
.has-animations .animation--init--once,
.has-animations .animation--init {
    opacity: 0;
}

.has-animations .animation--end {
    opacity: 1;
    transition: opacity 0.4s ease;
}

.has-animations :where(h1, h2, h3, h4, h5, p, .overlap-section-text, .overlap-section-image, .default-section-image, .yoast-breadcrumbs).animation--init,
.has-animations .animation--init :where(h1, h2, h3, h4, h5, p, .overlap-section-text, .default-section-image, .overlap-section-image, .wp-block-button, .two-image-section figure, .yoast-breadcrumbs),
.has-animations :where(h1, h2, h3, h4, h5, p, .overlap-section-text, .overlap-section-image, .default-section-image, .yoast-breadcrumbs).animation--init--once,
.has-animations .animation--init--once :where(h1, h2, h3, h4, h5, p, .overlap-section-text, .default-section-image, .overlap-section-image, .wp-block-button, .two-image-section figure, .yoast-breadcrumbs) {
    transform: translateY(4vh);
    opacity: 0;
}

.has-animations :where(h1, h2, h3, h4, h5, p, .overlap-section-text, .overlap-section-image, .default-section-image, .banner-home, .two-image-section figure, .yoast-breadcrumbs).animation--end,
.has-animations .animation--end :where(h1, h2, h3, h4, h5, p, .overlap-section-text, .overlap-section-image, .default-section-image, .banner-home, .wp-block-button, .two-image-section figure, .yoast-breadcrumbs) {
    transform: translateY(0);
    transition: all 0.6s ease 0.1s;
    opacity: 1;
}

.has-animations .animation--end :where(.overlap-section-image, .default-section-image) {
    transition-delay: 0.3s;
}

.has-animations .animation--init--once.animation--end .two-image-section figure {
    transition-delay: 0.4s;
}

.has-animations .animation--init--once.animation--end .two-image-section figure:nth-child(2) {
    transition-delay: 1s;
}

.has-animations .animation--init--once.image-side-group figure {
    opacity: 0;
    transform: translateX(1vh);
}

.has-animations .animation--init--once.animation--end.image-side-group figure {
    transform: translateX(0);
    opacity: 1;
    transition: all 0.5s ease;
}

.image-side-group figure:nth-child(1) {
    transition-delay: 0.1s !important;
}

.image-side-group figure:nth-child(2) {
    transition-delay: 0.4s !important;
}

.image-side-group figure:nth-child(3) {
    transition-delay: 0.6s !important;
}

.image-side-group figure:nth-child(4) {
    transition-delay: 0.8s !important;
}

.image-side-group figure:nth-child(5) {
    transition-delay: 1s !important;
}

.image-side-group figure:nth-child(6) {
    transition-delay: 1.2s !important;
}

.image-side-group figure:nth-child(7) {
    transition-delay: 1.4s !important;
}

.image-side-group figure:nth-child(8) {
    transition-delay: 1.6s !important;
}

@keyframes move_arrows_right {

    0%,
    100% {
        transform: translate(0, -50%);
    }

    50% {
        transform: translate(10%, -50%);
    }
}

@keyframes move_arrows_left {

    0%,
    100% {
        transform: translate(0, -50%);
    }

    50% {
        transform: translate(-10%, -50%);
    }
}

/*****************
 CONTACT FORM
******************/
.form-contacto {
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--wp--style--block-gap)/3);
}

.form-contacto .like-field,
.form-contacto input[type=text],
.form-contacto input[type=email],
.form-contacto input[type=date],
.form-contacto textarea,
.form-contacto select {
    width: 100%;
    font-size: var(--wp--preset--font-size--text-14);
    font-family: inherit;
    padding: 0.8em 1em;
    border: 1px solid rgba(80, 70, 80, 0.20);
    color: inherit;
}

.form-contacto input[type=text]::placeholder,
.form-contacto input[type=email]::placeholder,
.form-contacto input[type=date]::placeholder,
.form-contacto textarea::placeholder {
    opacity: 1;
    color: var(--wp--preset--color--theme-text)
}

.form-contacto input[type="file"]::file-selector-button {
    appearance: none;
    border: 1px solid currentColor;
    background: transparent;
    color: var(--wp--preset--color--theme-granate);
    padding: 0.4em 0.8em;
}


.form-contacto input[type=text]:focus,
.form-contacto input[type=email]:focus,
.form-contacto input[type=date]:focus,
.form-contacto textarea:focus {
    outline-color: var(--wp--preset--color--theme-granate);
}

.form-contacto .hide-label {
    display: none;
}

.form-contacto input[type=submit] {
    background: var(--wp--preset--color--theme-granate);
    color: #FFF;
    /* font-family: var(--wp--preset--font-family--freight-big-pro); */
    /* font-size: var(--wp--preset--font-size--buttons-23); */
    border: none;
    padding: 0.4em 2em;
}

.form-contacto .fields-wrapper p {
    margin: 0;
}

@media (min-width: 750px) {

    .form-contacto {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

    .form-contacto>div {
        grid-column: span 6;
    }

    .form-contacto div.desktop-span-3 {
        grid-column: span 2;
    }

    .form-contacto div.desktop-span-2 {
        grid-column: span 3;
    }

}


/*****************
 WIDGET
******************/

.widget-fixed-wrapper {
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100%;
    align-items: center;
    z-index: 101;
    left: 0;
    width: 100%;
    top: auto;
    bottom: calc(-100% + 50px);

}

.show-side-menu .widget-fixed-wrapper {
    display: none;
}

.show-widget .widget-fixed-wrapper {
    transition: width .8s ease;
    top: 100px;

}

.widget-fixed-link {
    background: var(--wp--preset--color--theme-granate);
    color: #FFF;
    padding: 1.4em 0.4em;
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--freight-big-pro);
    font-size: var(--wp--preset--font-size--h-6-buttons-19);
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
}

.widget-fixed-link:hover {
    cursor: pointer;
}

.widget-fixed-link:after {
    content: "\e902";
    font-size: 0.8em;
}


.widget-fixed-content {
    height: 100%;
    background: var(--wp--preset--color--theme-pink-pale);
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.show-widget .widget-fixed-content {
    box-shadow: -5px 0 20px 0 rgb(0 0 0 / 20%);
}

.widget-fixed-content .widgetBookingContainer {
    background: transparent;
}

@media only screen and (min-width: 600px) {
    .widget-fixed-wrapper {
        left: auto;
        flex-direction: row;
        right: 0;
        top: 0;
        width: 0;
        bottom: auto;
    }

    .show-widget .widget-fixed-wrapper {
        width: 100%;
        max-width: 400px;
        bottom: auto;
        top: 0;
    }

    .widget-fixed-link {
        writing-mode: vertical-lr;
        transform: rotate(180deg);
        padding: 2em 0.4em;
    }

    .widget-fixed-link:after {
        transform: rotate(90deg);
        margin-top: 0.5em;
    }


}

@media only screen and (min-width: 1200px) {
    .is-style-desktop-100vh {
        min-height: 100vh;
    }

    .is-style-desktop-100vh.is-vertical {
        justify-content: center;
    }
}


.slider-alojamientos .splide__track {
    padding-top: var(--wp--style--block-gap);
    padding-bottom: var(--wp--style--block-gap);
}

.slider-alojamientos .splide__slide figure+.wp-block-group,
.slider-alojamientos .splide__slide .wp-block-slider+.wp-block-group {
    height: 100%;
}

.slider-alojamientos .splide__slide {
    opacity: 0.5;
    transition: all 0.5s ease;
}

.slider-alojamientos .splide__slide.is-active {
    opacity: 1;
    transform: scale(1.05);
}




/* SLIDER ARROWS */

/* .splide__arrow:before {
    content: "\e90d";
    color: #FFF;
    font-size: 20px;
}

.splide__arrow--prev:before {
    transform: scaleX(-1);
}

.splide .splide__arrow {
    background: none;
    opacity: 1;
}

.splide .splide__arrow--prev {
    margin-left: var(--wp--style--block-gap);
}

.splide .splide__arrow--next {
    margin-right: var(--wp--style--block-gap);
} */

.splide .splide__arrow {
    height: 100%;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
}

.splide .splide__arrow--prev {
    left: 0;
}

.splide .splide__arrow--next {
    right: 0;
}

.goverlay {
    background-color: rgba(255, 255, 255, .9) !important;
}

.iframe-google-maps {
    width: 100%;
    max-width: 100% !important;
    min-height: 60vh;
}

/* BANNER ABOUT US */

.about-section .wp-block-cover__inner-container {
    padding-left: calc((100vw - (var(--wp--style--global--wide-size))) / 2 - var(--wp--style--block-gap));
}

.room-tabs h3 {
    display: none;
}

.scroll-down .is-style-header-fix.widget-is-fixed {
    top: -100% !important;
    opacity: 0;
}


.is-style-header-fix.widget-is-fixed {
    padding: calc(var(--wp--style--block-gap) / 2) calc(var(--wp--style--block-gap) *2) !important;
    max-width: calc(100% + 2 * var(--wp--style--block-gap)) !important;
    /* width: 100% !important; */
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
    opacity: 1;
    /* transition: opacity 0.1s ease 0.4s; */
}

.is-style-header-fix.widget-is-fixed label,
.is-style-header-fix.widget-is-fixed .widget-tagline>div:first-child {
    display: none;
}

.is-style-header-fix.widget-is-fixed .simple_booking.widgetBookingContainer .searchButton {
    margin-top: 0px;
}

.is-style-header-fix.widget-is-fixed>.widget-tagline {
    max-width: 100% !important;
}

.widget-is-fixed + .default-section {
    padding-top: calc(6vh + (43px)) !important;
}

/* bug in custom size images */
.footer-logos img {
    width: auto;
}


/*popup*/
.bod-block-popup {
    padding: 1em;
}

.otgs-development-site-front-end {
    display: none !important;
}

.bod-block-close-btn {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border: 0 !important;
    appearance: none !important;
}

.slider-bodas .splide .splide__arrow--prev {
    left: -2em;
}

/* @media only screen and (min-width: 601px) {

    .custom-media-text {
        height: 100vh;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden;
    }

    .custom-media-text .wp-block-media-text__media {
        height: 100%;
    }

    .custom-media-text img {
        height: 100%;
        object-fit: cover;
    }

}

@media only screen and (max-width: 600px) {

    .custom-media-text {
        margin-bottom: 5vh !important;
    }

    .custom-media-text .wp-block-media-text__content {
        text-align: center;
    }

    .custom-media-text .wp-block-buttons {
        justify-content: center;
    }

    .custom-media-text img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

}

.pre-section,
.wrapper.alignfull {
    display: none;
} */


.logos-eventos {
    overflow: hidden;
    padding: 80px 30px!important;
}
.logos-eventos .slider-counter {
    display: none;
}
.logos-eventos .splide__arrow--prev {
    left: -25px
}
.logos-eventos .splide__arrow--next {
    right: -25px
}
.logos-eventos .splide__arrow svg {
    fill: black!important;
}

.menu-principal .menu-navidad {
    /* display: none; */
}

.menu-navidad:after {
    content: "";
    position: absolute;
    background-image: url('assets/images/arbol-blanco.png');
    background-size: cover;
    width: 55px;
    height: 66px;
    top: -26px!important;
    pointer-events: none;
    transition: .3s all;
    right: -48px!important;
}

@media only screen and (max-width: 749px) {
    .menu-navidad:before {
        content: none;}
    .menu-navidad:after {
        top: 3px;
        right: -40px;
        transform: rotate(177deg);}
}

/* VIDEO */

.oh {
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oh::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.iframe-top iframe {
    display: block;
    height: 100%;
    max-width: unset;
    aspect-ratio: 16 / 9;
}

.iframe-top .titre-top {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%;
    width: 100%;
    color: #fff;
    z-index: 1;
}

@media only screen and (min-width: 1475px) {
    
    .iframe-top iframe {
        width: 100%;
        max-width: 100%;
        scale: 1.21;
        height: auto;
    }

}

.yoast-breadcrumbs {
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    width: 100%;
    max-width: 100% !important;
    text-align: center;
}

.yoast-breadcrumbs > span {
    border: 1px solid var(--wp--preset--color--theme-white);
    border-radius: 2rem;
    padding: 8px 16px;
    color: var(--wp--preset--color--theme-white);
}

.yoast-breadcrumbs span.breadcrumb_last {
    font-weight: var(--wp--custom--font-weight--bold);
}

.hotel-breadcrumbs {
    bottom: 4.5rem;
}

.faqs-wrapper .wp-block-details summary {
    font-weight: var(--wp--custom--font-weight--bold);
    font-size: var(--wp--preset--font-size--h-6-buttons-19);
}

.faqs-wrapper .wp-block-details summary::marker {
    content: none;
}

.faqs-wrapper .wp-block-details summary::before {
    content: '\22C1';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 2px solid #514653;
    border-radius: 2rem;
    margin-right: 16px;
}

.faqs-wrapper .wp-block-details[open] summary::before {
	content: "\22C0";
}

.faqs-wrapper .wp-block-details[open] summary {
    color: var(--wp--preset--color--theme-granate);
}

.faqs-wrapper .wp-block-details[open] summary::before {
    border-color: var(--wp--preset--color--theme-granate);
}

@media only screen and (max-width: 649px) {

    .hotel-breadcrumbs {
        bottom: 8rem !important;
    }

}

/*** single ***/

.single .site-header {
    z-index: 4;
}

.single .post {
    max-width: unset !important;
}

.single .post > .entry-header {
    position: relative;
    min-height: 70vh;
    max-width: calc(100% + 2 * var(--wp--style--block-gap));
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
    margin-top: 0;
}

.single .post > .entry-header .post-date {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}

.single .post > .entry-header .entry-title-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--wp--style--block-gap);
    flex-wrap: wrap;
    padding: 5em 2em;
    z-index: 3;
}

.single .post > .entry-header .entry-title {
    color: var(--wp--preset--color--theme-white);
    margin-top: 0;
    margin-bottom: 0;
}

.single .post > .entry-header .yoast-breadcrumbs {
    position: relative;
    bottom: 0;
    width: auto;
}

.single .post > .entry-header .yoast-breadcrumbs > span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .25rem;
}

.single .post > .entry-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .9;
    background: var(--wp--preset--gradient--theme-black-transparent) !important;
}

.single .post > .entry-header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/*** blog ***/

.articles-grid {
    margin: 2em auto;
}

.articles-grid:not(.splide) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1rem;
}

.articles-grid .post {
    background-color: var(--wp--preset--color--theme-pink-pale);
    overflow: hidden;
}

.articles-grid .info-container {
    padding: 0 1.5rem  1.5rem  1.5rem;
}

.articles-grid .entry-header p {
    font-family: var(--wp--preset--font-family--freight-big-pro);
    margin-block-start: .5em;
    margin-block-end: .5em;
    line-height: 1.25;
}

.articles-grid img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 2;
    object-fit: cover;
}

.articles-grid em {
    text-transform: capitalize;
}

.articles-grid .wp-block-buttons {
    z-index: 1;
    position: relative;
}

.articles-grid .wp-block-buttons .wp-block-button__link {
    text-transform: uppercase;
}

.articles-grid .not-found,
.articles-grid .posts-navigation {
    margin: 2em auto;
}

.articles-grid.splide .splide__arrow--next {
    right: -27px;
}

.articles-grid.splide .splide__arrow--prev {
    left: -27px;
}

@media only screen and (max-width: 862px) {

    .articles-grid .articles-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }

    .articles-grid.splide .splide__arrow--next {
        right: 0;
    }

    .articles-grid.splide .splide__arrow--prev {
        left: 0;
    }

}

@media only screen and (max-width: 749px) {

    .articles-grid h3.is-style-bottom-line:after {
        left: 0;
    }

        .btn-tannenbaum {
    /* background: var(--wp--preset--color--theme-granate); */
    padding: 0.1em 0.9em;
/*     border: 1px solid var(--wp--preset--color--theme-white);
    transition: var(--default-transition)!important; */
    display: flex!important;
    position: relative;
}
.btn-tannenbaum:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
    opacity: 0.15;
}
.btn-tannenbaum:hover:after {
    transform: scaleX(1);
}
.btn-tannenbaum > div {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 50px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
}

.btn-tannenbaum > div > p {
    margin: 0!important;
    font-size: var(--wp--preset--font-size--text-16);
    text-transform: uppercase!important;
}
.btn-tannenbaum > div > figure{
    display: flex;
}
.btn-tannenbaum > div > figure > img {
    max-height: 60px;
    /* filter: invert(); */
}

}

@media only screen and (max-width: 430px) {

    .articles-grid:not(.splide) {
        display: block;
    }

    .articles-grid:not(.splide) .post {
        margin-bottom: 1rem;
    }
    a.header-bookings {
    font-size: 10px;
    }
    .btn-tannenbaum > div > p {
    font-size: 10px!important;
    }
    .btn-tannenbaum > div {
    gap: 8px!important;
    width: 65px!important;

    }

}

.btn-tannenbaum {display: none;}

.is-hidden {display: none!important;}