/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*------------------------------------@IMPORTS------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*-------------------------------------@FILES-------------------------------------*/
/*--------------------------------------------------------------------------------*/

@import url( '/wp-content/themes/flatsome-child/assets/css/root.css' );
@import url( '/wp-content/themes/flatsome-child/assets/css/presets-attributes.css' );
@import url( '/wp-content/themes/flatsome-child/assets/css/presets-elements.css' );
@import url( '/wp-content/themes/flatsome-child/assets/css/resets.css' );

/*--------------------------------------------------------------------------------*/
/*-------------------------------------@FONTS-------------------------------------*/
/*--------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Helvetica Neue';
    src: url( '/wp-content/themes/flatsome-child/assets/fonts/HelveticaNeue-Light.woff2' ) format( 'woff2' );
    font-weight: 300; 
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url( '/wp-content/themes/flatsome-child/assets/fonts/HelveticaNeue-Roman.woff2' ) format( 'woff2' );
    font-weight: 400; 
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url( '/wp-content/themes/flatsome-child/assets/fonts/HelveticaNeue-Medium.woff2' ) format( 'woff2' );
    font-weight: 500; 
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url( '/wp-content/themes/flatsome-child/assets/fonts/HelveticaNeue-Bold.woff2' ) format( 'woff2' );
    font-weight: 600; 
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*------------------------------------@TEMPLATES----------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*--------------------------------------@COVERS-----------------------------------*/
/*--------------------------------------------------------------------------------*/

/* - STYLE FULL HEIGHT */

.cover-full-height-wrap {
    display:flex;
    flex-flow:column;  
    justify-content: flex-end;

    padding-bottom:var(--gap-xl)!important;
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------@SLIDERS----------------------------------*/
/*--------------------------------------------------------------------------------*/

/* - SLIDER INFINITE */

.slider-infinite-loop-wrap {
    overflow: hidden;
}

.slider-infinite-loop-wrap .slider-container> .col-inner  {
    width: max-content; 
    display:flex; 
    flex-flow:row;

    animation-fill-mode: backwards;
    animation-iteration-count: infinite;
    animation-play-state: running; 
    animation-duration: 20s;
    animation-timing-function: linear;
}

.slider-infinite-loop-wrap .slider-item {
    width:fit-content!important;
    max-width:50%;

    padding-right:var(--gap-m); 

    flex-shrink: 0;
}



@keyframes sliderInfiniteLooping {

    from {
        transform: translateX( 0% ); 
    }
    to {
        transform: translateX( -100% );
    }
    
}

/* - SLIDER MINIMALIST */

.slider-minimalist-wrap .slider {
    display:flex; 
    flex-flow:column; 
}

.slider-minimalist-wrap .slider .flickity-page-dots {
    width:100%; 

    display:flex; 
    justify-content: flex-end;

    margin-top:var(--gap-m); 

    position:inherit;
    left:0px; 
}

.slider-minimalist-wrap .slider .flickity-page-dots .dot {
    width:48px; 
    height:1px; 

    display:flex;
    justify-content: center;
    align-items:center; 

    background:var(--color-black); 
    border:none; 
    opacity: .2;

    transition: all .33s ease-in-out;
}
.slider-minimalist-wrap .slider .flickity-page-dots .dot:hover {
    opacity:1;
}

.slider-minimalist-wrap .slider .flickity-page-dots .dot::after {
    padding:1.25em;

    position:absolute; 

    content:''; 
}

.slider-minimalist-wrap .slider .flickity-page-dots .dot.is-selected {
    opacity: 1;
}


/*--------------------------------------------------------------------------------*/
/*--------------------------------------@BANNERS----------------------------------*/
/*--------------------------------------------------------------------------------*/

/* @VARIANT DEFAULT */

.banner.variant-default .banner-inner {
    position:relative!important;
}


.banner.variant-default .banner-inner .fill {
    width:100%;
    height:100%;

    z-index:99;

    cursor:pointer;
}

.banner.variant-default .text-box {
    position:relative!important;

    top:0!important;
    left:0!important;

    transform:none!important;
    
}

.banner.variant-default .text-box .button-primary {
    padding-top:var(--gap-s);
    margin:0;

    position:absolute;
    left:0;
    bottom:0;
    z-index:99;

    transform:translateY( 100% );
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------@SERVICES---------------------------------*/
/*--------------------------------------------------------------------------------*/

.services-contracted-row > .col:has( .img ) {
    display:flex; 
    align-items: center;
}

.services-contracted-row > .col:has( .img ) > .col-inner {
    position:absolute; 
}

.services-contracted-row > .col:has( .text ) > .col-inner {
    padding:var(--gap-xl) 0px; 
}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-%TEMPLATES-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( max-width: 767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------%SLIDERS----------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /* - SLIDER INFINITE */

    .slider-infinite-loop-wrap.not-mobile .slider-container > .col-inner {
        display:flex; 
        flex-flow:column nowrap;
        grid-gap:var(--gap-m); 
    }

    .slider-infinite-loop-wrap .row .col-inner,
    .slider-infinite-loop-wrap .row .col-inner > .img,
    .slider-infinite-loop-wrap .row .col-inner > .img > .img-inner,
    .slider-infinite-loop-wrap .row .col-inner > .img > .img-inner > img {
        height:100%;
        object-fit: cover;
    }

    

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------%SERVICES---------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .services-wrap > .section-content {
        display:flex; 
        flex-flow:column; 
        grid-gap:var(--gap-l); 
    }

    .services-contracted-row > .col:has( .img ) {
        display:flex; 
        align-items: center;
    }

    .services-contracted-row > .col:has( .img ) > .col-inner {
        position:inherit;  
    }

    .services-contracted-row > .col:has( .text ) > .col-inner {
        padding:0px; 
    }

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------%BANNERS---------------------------------*/
    /*--------------------------------------------------------------------------------*/
       
    .banner.variant-default .text-box .button-primary {
        position:relative;
    }

}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*------------------------------------@HEADER-------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.header .header-wrapper {

    background:transparent; 

    transition: all .33s ease-in-out; 
}

.header .header-wrapper.stuck {
    box-shadow:none; 
    -webkit-box-shadow:none;

    background:var(--color-white); 
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------@LOGO---------------------------------------*/
/*--------------------------------------------------------------------------------*/

.home .header .header-wrapper .logo {
    transition: all .33s ease-in-out; 
}

.home .header .header-wrapper:not( .stuck ) .logo {
    opacity:0;
    visibility: hidden;
}

.header .header-wrapper .logo {
    height:75%; 
}

.header .header-wrapper .logo > a,
.header .header-wrapper .logo > a > img {
    height:100%; 
}

.header .header-wrapper:not( .stuck ) ul.nav-right .wpml-ls a:hover {
    color:var(--color-white); 
}

/*--------------------------------------------------------------------------------*/
/*-----------------------------------@NAV OUT-------------------------------------*/
/*--------------------------------------------------------------------------------*/

.header .header-wrapper ul.nav-right .wpml-ls li {
    transition: all .33s ease-in-out; 
}

.header .header-wrapper ul.nav-right .wpml-ls li:not( .wpml-ls-current-language ) {
    opacity:.5; 
}
.header .header-wrapper ul.nav-right .wpml-ls li:not( .wpml-ls-current-language ):hover {
    opacity: 1;
}

.header .header-wrapper ul.nav-right .wpml-ls li.wpml-ls-current-language {
    opacity:1; 
}

.header .header-wrapper ul.nav-right .wpml-ls li a {
    font-size:var(--text-body-m-size);
    font-weight:600;
}

.header .header-wrapper:not( .stuck ) ul.nav-right .wpml-ls li:hover a {
    color:var(--color-white);
}

.header .header-wrapper.stuck ul.nav-right .wpml-ls li a,
.page-template-page-blank .header .header-wrapper ul.nav-right .wpml-ls li a,
.page-template-page-blank .header .header-wrapper ul.nav-right .wpml-ls li a:hover {
    color:var(--color-brown-bistre);
}

/* /cartas url's */

.page-id-1349 .header .header-wrapper ul.nav-right .wpml-ls li a,
.page-id-1349 .header .header-wrapper ul.nav-right .wpml-ls li a:hover,
.page-id-1336 .header .header-wrapper ul.nav-right .wpml-ls li a,
.page-id-1336 .header .header-wrapper ul.nav-right .wpml-ls li a:hover {
    color:var(--color-brown-bistre);
}

/*--------------------------------------------------------------------------------*/
/*-----------------------------------@NAV IN--------------------------------------*/
/*--------------------------------------------------------------------------------*/

/* - LANGUAGE SWITCHER */

ul.nav-sidebar .html_topbar_left {
    width:100%; 
}

ul.nav-sidebar .wpml-ls {
    width:100%; 
}

ul.nav-sidebar .wpml-ls > ul {
    display:flex; 
    flex-flow: row wrap;
    justify-content: center;
    grid-gap:var(--gap-s); 
}

ul.nav-sidebar .wpml-ls > ul > li {
    width:auto; 
}

ul.nav-sidebar .wpml-ls > ul > li > .wpml-ls-link > span {
    font-size:var(--text-body-l-size); 
}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-%HEADER_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( max-width: 767px ) {

    .header .header-wrapper .header-inner .flex-right {
        display:none; 
    }


    /*--------------------------------------------------------------------------------*/
    /*------------------------------------%LOGO---------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .header .header-wrapper .logo {
        margin:0px; 
    }

    .header .header-wrapper .logo > a {
        display:flex; 
        justify-content: flex-start;
    }

    .header .header-wrapper .logo > a > img {
        margin:0px; 
    }

    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------%BURGER MENU---------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .header .header-wrapper .flex-col.show-for-medium.flex-left {
        display:flex;
        justify-content: flex-end;
        order:2;
    }

    .header .header-wrapper .flex-col.show-for-medium.flex-left .nav-left {
        justify-content: flex-end;
    }

    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------%NAV IN--------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /* - WRAPPER*/

    .off-canvas-center.mfp-bg.mfp-ready {
        opacity:.95; 
    }

    .off-canvas .sidebar-menu {
        padding:0px; 
    }

    .off-canvas-center .nav-sidebar.nav-vertical > li >a {
        padding:var(--gap-xs); 
    }

}


/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------@FOOTER------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/


.footer-wrap {
    padding:0px var(--gap-l);
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------------@MASTER------------------------------------*/
/*--------------------------------------------------------------------------------*/

.footer-wrap .master-footer {
    display:flex; 
    justify-content: space-between;

    padding:var(--gap-xl) 0px; 
}


.footer-wrap .master-footer > .column01 > .col-inner {
    display:flex; 
    flex-flow:column; 
    grid-gap:var(--gap-m); 
}

.footer-wrap .master-footer > .column01 > .col-inner .img-inner {
    display:flex; 
    justify-content: center;
}

.footer-wrap .master-footer > .column01 > .col-inner .company-logotype img {
    width:auto; 
}

.footer-wrap .master-footer > .column01 > .col-inner .certified-logotype img {
    width:auto; 
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------@AFTER------------------------------------*/
/*--------------------------------------------------------------------------------*/

.footer-wrap .after-footer {
    display:flex; 
    justify-content: space-between;

    padding:var(--gap-xs) 0px; 
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------@ABSOLUTE-----------------------------------*/
/*--------------------------------------------------------------------------------*/

.absolute-footer {
    display:none!important; 
}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-%FOOTER_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( max-width:767px )  {

    
    .footer-wrap {
        padding:0px var(--gap-s);
    }

    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%MASTER------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .footer-wrap .master-footer {
        display:flex;
        flex-flow:column; 
        grid-gap:var(--gap-s); 
        justify-content: space-between;

        padding-bottom:var(--gap-m); 
    }

    .footer-wrap .master-footer > .column01 > .col-inner {
        align-items: center; 
    }

    .footer-wrap .master-footer > .column01 > .col-inner .img-inner {
        display:flex;  
        justify-content: center;
    }

    .footer-wrap .master-footer > .column01 > .col-inner .company-logotype img {
        width:50%; 
    }

    .footer-wrap .master-footer > .column01 > .col-inner .certified-logotype img {
        width:auto; 
    }

    .footer-wrap .master-footer > .column02 > .col-inner .row .col-inner {
        display:flex; 
        flex-flow:column; 
        align-items: center;
    }

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------%AFTER------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .footer-wrap .after-footer {
        display:flex; 
        flex-flow:column;
        grid-gap:var(--gap-m);
        
        padding-bottom:var(--gap-s); 
    }
    
    .footer-wrap .after-footer .col .col-inner {
        display:flex;
        flex-flow:column;
        align-items: center;
    }
    
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------@HOME-------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*-----------------------------------@EASY BOOKER---------------------------------*/
/*--------------------------------------------------------------------------------*/

.txt-mb-0{
	margin-bottom:0 !important
}
.bar-booker {
    width:100%;

    display:none;
    grid-template-columns: 1fr 1fr;

    position:fixed;
    bottom:0;
    left:0;
    z-index:99;
}

.bar-booker a {
    width:100%; 

    padding:calc( var(--gap-s) * 1.25 ) var(--gap-xs);

    font-family:var(--text-sans-serif-main);
    font-size:var(--text-body-xs-size);
    line-height:var(--text-body-xs-line-height);
    color:var(--color-white);
    text-transform:uppercase;
    text-align:center;

    backdrop-filter: blur( var(--gap-s) );
    -webkit-backdrop-filter: blur( var(--gap-s) );

}

.bar-booker a:nth-child( 1 ) {
    background-color:rgba(  255, 255, 255, 0.33);
}

.bar-booker a:nth-child( 2 ) {
    background-color:rgba(  201, 169, 102, 0.33);
}

/* @LIGHTBOX */

#book_restaurant.lightbox-content,
#book_hotel.lightbox-content {
    padding:0!important;

}

#book_hotel.lightbox-content .booker-wrap {
    padding:0!important;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------@SERVICES BANNER------------------------------*/
/*--------------------------------------------------------------------------------*/

.home-services-wrap .row { 
    padding:var(--gap-xs);
}

.home-services-wrap .row .col {
    max-width:100%; 
}

.home-services-wrap .row .col .banner:hover .banner-bg .overlay {
    opacity:1; 

    transition:all .33s ease-in-out; 
}

.home-services-wrap .row .col .banner:hover .banner-bg .overlay {
    opacity:.66; 
}


/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-$HOME_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( min-width:768px ) and ( max-width: 1024px ) {

        
}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-%HOME_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( max-width: 767px ) {

    /*--------------------------------------------------------------------------------*/
    /*----------------------------------%SERVICES BANNER------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .home-services-wrap .row {
        grid-template-columns: 1fr;
    }

    
    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------%EASY BOOKER---------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .bar-booker { 
        display:flex;
    }

}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------@HOTEL------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*------------------------------------@BOOKER-------------------------------------*/
/*--------------------------------------------------------------------------------*/















.booker-wrap {
    height:100px; 
    
    transform:translateY( -50% );
}

.booker-wrap p:has( script ) {
    display:none; 
}

.booker-wrap .roi-search-engine {
    left:0px; 
    -webkit-transform: none; 
    transform: none; 

    background-color:transparent; /* rr def */ 
}

.booker-wrap .roi-search-engine form {
    display:flex; 
    flex-flow: row wrap;
    align-items:flex-start;
    grid-gap:var(--gap-s);  

    padding:var(--gap-m) var(--gap-l);
    margin-bottom:0px;

    font-family:var(--text-sans-serif-main); 
    color:var(--color-brown-bistre); 

    background:var(--color-gray-seasalt); 

    box-shadow:none; 
    -webkit-box-shadow:none;
    border-radius:0px;  
}
.booker-wrap .roi-search-engine form .roi-search-engine__item {
    padding-top: 0 !important;
}
.booker-wrap .roi-search-engine form #id_codpromo-widget-0 {
    box-shadow: none;
}
.booker-wrap .js-roi-search-engine-single-occupancy{
    padding-top: 2px;
}
.booker-wrap .roi-search-engine form .roi-search-engine__item.roi-search-engine__item--action {
    padding-top: 5px !important;
}

.booker-wrap .roi-search-engine form > .roi-search-engine__item:not( .roi-search-engine__item--dates, .roi-search-engine__item--hidden) {
    min-height:100px; 

    display:block; 
    
    padding:0px;
}

.roi-search-engine__form button.roi-search-engine__field.roi-search-engine__field--calendar.js-roicalendar-trigger{
    margin-bottom: 0;
}
                
.booker-wrap .roi-search-engine__item--hidden {
    display:none; 
}

.roi-search-engine__label,
.roi-search-engine__field--day,
.roi-search-engine__field--month-year,
.roi-search-engine__occupancy-amount, 
.roi-search-engine__occupancy-text {
    font-family:var(--text-sans-serif-main); 
    color:var(--color-brown-bistre); 
    font-weight:400; 
}

.booker-wrap .roi-search-engine__label--checkin,
.booker-wrap .roi-search-engine__label--checkout {
    font-size:var(--text-body-l-size);
    font-weight:300;
    text-transform:Capitalize; 
}

.booker-wrap .roi-search-engine__field--day {
    font-size:var(--text-head-l-size);
    font-weight:300;
    text-transform:none; 
}

.booker-wrap .roi-search-engine__field--month-year {
    font-size:var(--text-body-s-size);
    font-weight:300;
    text-transform:capitalize; 
}

.booker-wrap .svg-roi_arrow-thin-right {
    color:var(--color-gray-silver)
}

.booker-wrap .js-roi-search-engine-single-occupancy {
    margin-bottom:13px; 

    font-size:var(--text-body-l-size);
    font-weight:300;
    text-transform:capitalize; 
    text-align:left; 
}

.booker-wrap .roi-search-engine__occupancy-info {
    padding:12px 8px; 

    line-height:var(--text-body-l-line-height); 

    background:var(--color-white); 
    border-radius:0px; 
    border:1px solid var(--color-silver);
    
}

.booker-wrap .roi-search-engine__occupancy-info svg {
    display:none; 
}

.booker-wrap .roi-search-engine__occupancy-amount {
    font-size:var(--text-body-l-size); 
    font-weight:300;
}

.booker-wrap .roi-search-engine__occupancy-amount-text {
    display:inline-block;
}

.booker-wrap .roi-search-engine__label--promo {
    margin-bottom:14px; 

    bottom:unset; 

    font-size:var(--text-body-l-size);
    font-weight:300;
    text-transform:capitalize; 
    text-align:left; 
}

.booker-wrap .roi-search-engine__field--promo {
    padding:12px 8px; 
    margin-bottom:0px;

    font-size:var(--text-body-l-size);
    font-weight:300;
    text-transform:unset;
    line-height:1em; 
    text-align:left; 

    background:var(--color-white); 
    border-radius:0px; 
    border:1px solid var(--color-silver);
}
.booker-wrap .roi-search-engine__field--promo:focus,
.booker-wrap .roi-search-engine__field--promo:hover {
    box-shadow: none; 
    -webkit-box-shadow: none; 
}

.booker-wrap .roi-search-engine__item--action::before {
    display:block; 

    margin-bottom:var(--gap-s); 

    content: 'Botón';
    
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-l-size);
    font-weight:300;
    line-height:1.1em;

    visibility: hidden;
    opacity: 0;
}

.booker-wrap .roi-search-engine__field--action {
    height:47px; 
    min-height:unset;

    display:flex; 
    flex-flow:row;
    align-items: center;
    justify-content: center;
    grid-gap:1vw; 

    padding: 12px 32px;
    margin:0px;

    font-size:var(--text-button-primary-size); 
    font-weight:300;
    text-transform:unset;
    text-align:center; 

    background:var(--color-black); 
    border-radius:0px;
    border:none;
}
.booker-wrap .roi-search-engine__field--action:hover,
.booker-wrap .roi-search-engine__field--action:focus {
    text-decoration:none; 
}

.booker-wrap .roi-search-engine__field--action::before {
    width:1vw;
    height:1px; 

    position:relative; 

    content:'';

    background:var(--color-white); 

    transition: all .33s ease-in-out; 
}
.booker-wrap .roi-search-engine__field--action:hover::before {
    width:2vw; 
} 

/*--------------------------------------------------------------------------------*/
/*-----------------------------------@ATTRIBUTES----------------------------------*/
/*--------------------------------------------------------------------------------*/

.attributes-inline-wrap .row.table {
    display:grid; 
    grid-template-columns: repeat(4,1fr) 1fr;
    grid-gap:var(--gap-l);
}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-$HOTEL-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( min-width:768px ) and ( max-width: 1024px ) {

    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------$ATTRIBUTES----------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .attributes-inline-wrap .row.table {
        grid-template-columns: repeat( 3, 1fr );
        grid-gap:var(--gap-m);  
    }

        
}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-%HOTEL_-_-_-_-_-_-_-_-_-_-_-_-_-__-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( max-width: 767px ) {

    
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%BOOKER------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .booker-wrap {
        height:auto; 

        padding:var(--gap-xl) var(--gap-s) 0px!important; 
    
        transform:none; 
    }

    .booker-wrap .roi-search-engine form {
        padding:var(--gap-m) var(--gap-m); 
    }

    .booker-wrap .roi-search-engine form > .roi-search-engine__item:not( .roi-search-engine__item--dates, .roi-search-engine__item--hidden) {
        min-height:unset; 
    }

    .booker-wrap .roi-search-engine__field--action {
        height:unset; 
    }

    .booker-wrap .roi-search-engine__field--action::before {
        display:none; 
    }
    .booker-wrap .roi-search-engine__field--action:hover::before {
        width:10vw; 
    } 
    

    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------%ATTRIBUTES----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .attributes-inline-wrap .row.table {
        grid-template-columns: 1fr;
        grid-gap:var(--gap-m); 
    }

}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*---------------------------------------@MENU------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*----------------------------------------@NAV------------------------------------*/
/*--------------------------------------------------------------------------------*/

.tabbed-content ul.nav:not(:has(#tab-entrantes)) {
    display:flex; 
    flex-flow:row wrap; 
    justify-content: space-between;
}

.tabbed-content ul.nav:has(#tab-entrantes) {
    display:flex; 
    flex-flow:row wrap; 
	gap: 20vh;
}

.tabbed-content ul.nav > li > a {
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-l-size); 
    font-weight:300;
    color:var(--color-brown-bistre);

    opacity: .33;

    transition: all .33s ease-in-out; 
}
.tabbed-content ul.nav > li:hover > a,
.tabbed-content ul.nav > li.active > a {
    opacity:1; 
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------------@TABS-----------------------------------*/
/*--------------------------------------------------------------------------------*/

.tabbed-content .tab-panels {
    width:75%;

    display:flex; 
    flex-flow:column; 
    grid-gap:var(--gap-l); 

    padding-top:var(--gap-l);
}

.col-inner .tabbed-content .panel {
    width:100%;
    display:flex!important;
    flex-flow:column;
    grid-gap: var(--gap-m);
}

.col-inner .tabbed-content .panel:not( .active ) {
    display:none!important; 
}

.tabbed-content .panel .plato {
    width:100%; 
    display:flex; 
    flex-flow:row wrap;
}

.tabbed-content .panel .nombre {
    width:80%;
    padding-right:12px;
    font-family:var(--text-sans-serif-main);
    font-size:var(--text-body-m-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

@media (max-width:768px) {
	.tabbed-content .panel .nombre {
	 	width:100%;
	}
}

.tabbed-content .panel .precio {
    width:20%;
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 400;
    color:var(--color-brown-bistre);
    text-align:right;   
}

.tabbed-content .panel .descripcion {
    width:100%;

    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

.tabbed-content .panel .alergenos,
.tabbed-content .panel .ingredientes  {
    width:100%;
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-s-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
    opacity: .5; 
}

/* - COCKTAILS */

.tabbed-content #tab_destilados .plato {
    display:flex; 
    flex-flow:column; 
    grid-gap:var(--gap-s); 
}

.tabbed-content #tab_destilados .plato > .nombre {
    width:100%; 
}

.tabbed-content #tab_destilados .subplato {
    display:flex; 
    flex-flow:row wrap;  
}

.tabbed-content #tab_destilados .subplato > .nombre {
    width:80%;
    
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

.tabbed-content #tab_destilados .subplato > .precio-copa {
    width:10%;

    display:flex; 
    align-items:center;
    
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

.tabbed-content #tab_destilados .subplato > .precio-copa > svg {
    flex-shrink:0;
}

.tabbed-content #tab_destilados .subplato > .precio-botella {
    width:10%;

    display:flex; 
    align-items:center;

    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

.tabbed-content #tab_destilados .subplato > .precio-botella > svg {
    flex-shrink:0;
}

/* - WINES */

#wines .plato {
    grid-gap:0 !important;
    margin-bottom: 30px;
    row-gap: 0 !important;
}

#wines .plato,
.tabbed-content.wines .plato {
    display:flex; 
    flex-flow:column; 
    grid-gap:var(--gap-m);
}

#wines .plato > .nombre,
.tabbed-content.wines .plato > .nombre {
    width:100%;
}

#wines .subplato,
.tabbed-content.wines .subplato {
    display:flex; 
    flex-flow:row wrap;  
}

#wines .subplato > .nombre,
.tabbed-content.wines .subplato > .nombre {
    width:80%;

    margin-bottom:var(--gap-xs); 
    
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

#wines .subplato >  .precio,
.tabbed-content.wines .subplato > .precio {
    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-m-size);
    font-weight: 400;
    color:var(--color-brown-bistre);
    text-align: right;
}

#wines .subplato > .bodega,
.tabbed-content.wines .subplato > .bodega {
    width:100%;

    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-s-size);
    font-weight: 300;
    color:var(--color-brown-bistre);
}

#wines .subplato > .variedad,
.tabbed-content.wines .subplato > .variedad {
    width:100%;

    font-family:var(--text-sans-serif-main); 
    font-size:var(--text-body-s-size);
    font-weight: 300;
    color:var(--color-brown-bistre);

    opacity: .5;
}


/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_$MENU_-_-_-_-_-_-_-_-_-_-_-_-_-__-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( min-width:768px ) and ( max-width:1024px ) {

    

}

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_%MENU_-_-_-_-_-_-_-_-_-_-_-_-_-__-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

@media ( max-width:767px ) {

    /*--------------------------------------------------------------------------------*/
    /*----------------------------------------%NAV------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .tabbed-content ul.nav {
        width: 100%; 

        display:flex; 
        flex-flow:column;
        column-gap:var(--gap-l);
    }

    .tabbed-content ul.nav > li {
        width:100%;

        margin:0;
    }

    .tabbed-content ul.nav > li > a {
        width:100%;

        display:flex;
        flex-flow:row nowrap;
        justify-content:space-between;
        align-items: center;
        flex-shrink: 0;

        margin:0;

        font-family:var(--text-sans-serif-main); 
        font-size:var(--text-body-l-size); 
        font-weight:300;
        color:var(--color-brown-bistre);
        
        opacity: 1;

        transition: all .33s ease-in-out; 
    }
    .tabbed-content ul.nav > li:hover > a,
    .tabbed-content ul.nav > li.active > a {
        opacity:1; 
    }

    .tabbed-content ul.nav > li > a > span {
        padding:var(--gap-xs);
    }

    .tabbed-content ul.nav > li a::after {
        width:28px;
        height:28px;

        content:url( '/wp-content/uploads/2023/09/icon-dropdown-1.svg' );

        transform: rotate(0deg);

        transition:all .33s ease-in-out;
    }
    .tabbed-content ul.nav > li.dropdown-active a::after {

        transform: rotate(180deg);
    }

    /*--------------------------------------------------------------------------------*/
    /*----------------------------------------%PANELS---------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .tab-panels {
        display:none!important; 
    }
    
    .tabbed-content .panel {
        flex-flow:column;
    }
    .col-inner .tabbed-content li .panel {
        display:none!important;
    }
    .col-inner .tabbed-content li.dropdown-active .panel {
        display:flex!important;
    }


    /* - COCKTAILS */

    .col-inner #tab_destilados .subplato > .nombre {
        width:50%; 
    }

    .col-inner  #tab_destilados .subplato > .precio-copa {
        width:25%;

        display:flex; 
        align-items:center;
        flex-shrink:0; 
        
        font-family:var(--text-sans-serif-main); 
        font-size:var(--text-body-m-size);
        font-weight: 300;
        color:var(--color-brown-bistre);
    }

    .col-inner #tab_destilados .subplato > .precio-botella {
        width:25%;

        display:flex; 
        align-items:center;
        flex-shrink:0; 

        font-family:var(--text-sans-serif-main); 
        font-size:var(--text-body-m-size);
        font-weight: 300;
        color:var(--color-brown-bistre);
    }

}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------@MENUS------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.menu-language-switch-section .section-content {
    height:100%;

    padding:var(--gap-xl) 0px; 
}

.menu-language-switch-section .section-content .row {
    height:70%; 

    display:flex; 
    flex-flow:column; 
    justify-content: space-between!important;
}

.menu-language-switch-section .section-content .row .col {
    flex-basis:unset!important; 
}

.menu-language-switch-section .menu-language-switch-title {
    margin-bottom:0px; 

    font-size: var(--text-body-xl-size);
    line-height: var(--text-body-xl-line-height);
    text-align:center; 
    letter-spacing:.2em; 
}

.menu-language-switch-section .menu-language-switch-button {
    width:40%; 

    display:flex;
    justify-content: center; 
    align-items: center;
    grid-gap:var(--gap-s); 

    padding:6px 12px;
    margin-right:0px; 

    font-size: var(--text-body-xl-size);
    line-height: 1; 
    text-align:center;
    letter-spacing:.2em;
    text-transform:uppercase;

    background-color:rgba( 255,255,255, .4)!important;
    backdrop-filter:blur( 10px )!important;  
}

.menu-language-switch-section .menu-language-switch-button > span {
    line-height: 2; 
}

.menu-language-switch-section .menu-language-switch-button.variant-spanish::before {
    width:20px; 
    height:20px; 

    content:''; 

    background:url( 'http://nueva.sabbiabygabbeach.com/wp-content/uploads/2023/08/flag-spain.png' );
}

.menu-language-switch-section .menu-language-switch-button.variant-english::before {
    width:20px; 
    height:20px; 

    content:''; 

    background:url( 'http://nueva.sabbiabygabbeach.com/wp-content/uploads/2023/08/flag-uk.png' );
}

.menu-language-switch-section .menu-language-switch-logotype, 
.menu-language-switch-section .menu-language-switch-logotype > .img-inner,
.menu-language-switch-section .menu-language-switch-logotype > .img-inner > img {
    height:64px;
}


@media ( max-width: 767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------%MENUS------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .menu-language-switch-section .menu-language-switch-button {
        width:80%; 
    }

}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------@FORMS------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*-------------------------------------@DEFAULT-----------------------------------*/
/*--------------------------------------------------------------------------------*/

form .frm_form_fields {
    padding:0px;
}

form .frm_form_fields fieldset {
    padding:0px!important;
}

form .frm_form_fields .frm_fields_container {
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    grid-gap:var(--gap-s);
}

form .frm_form_fields .frm_form_field {
    width:100%; 
    margin-bottom:0px!important;
}

form .frm_form_fields .frm_form_field:has( .frm_checkbox ) {
    width:calc( 70% - var(--gap-s) / 2 );
}

form .frm_form_fields .frm_form_field input[ type="text" ],
form .frm_form_fields .frm_form_field input[ type="tel" ],
form .frm_form_fields .frm_form_field input[ type="email" ],
form .frm_form_fields .frm_form_field select {
    height:auto;

    padding:12px 6px;
    margin:0px;

    font-family:var(--text-sans-serif-main);
    font-size:var(--text-body-m-size);
    line-height:var(--text-body-m-line-height);
    color:var(--color-brown-bistre);
    font-weight:300;

    background-color:transparent;
    
    border:0px;
    border-bottom:1px solid rgba(117, 108, 108, 0.5);
    border-radius:0px;
    
    box-shadow:none;
}
form .frm_form_fields .frm_form_field input[ type="text" ]::placeholder,
form .frm_form_fields .frm_form_field input[ type="tel" ]::placeholder,
form .frm_form_fields .frm_form_field input[ type="email" ]::placeholder,
form .frm_form_fields .frm_form_field select::placeholder {
    color:var(--color-brown-bistre);
}
form .frm_form_fields .frm_form_field input[ type="text" ]:focus,
form .frm_form_fields .frm_form_field input[ type="tel" ]:focus,
form .frm_form_fields .frm_form_field input[ type="email" ]:focus,
form .frm_form_fields .frm_form_field select:focus {
    background-color:transparent!important;
    
    border-bottom:1px solid rgba(  0,0,0,1 )!important;

    box-shadow:none!important;
}
form .frm_form_fields .frm_form_field input[ type="text" ]:invalid,
form .frm_form_fields .frm_form_field input[ type="tel" ]:invalid,
form .frm_form_fields .frm_form_field input[ type="email" ]:invalid,
form .frm_form_fields .frm_form_field select:invalid {
    border-top:0px!important;
    border-right:0px!important;
    border-left:0px!important;

    background-color:transparent!important;
}

form .frm_form_fields .frm_form_field .frm_checkbox label{
    margin:0;

    font-family:var(--text-sans-serif-main);
    font-size:var(--text-body-s-size);
    line-height:var(--text-body-s-line-height);
    color:var(--color-brown-bistre);
    font-weight:300;
}

form .frm_form_fields .frm_form_field .frm_checkbox label a {
    font-family:var(--text-sans-serif-main);
    font-size:var(--text-body-s-size);
    line-height:var(--text-body-s-line-height);
    color:var(--color-brown-bistre);
    font-weight:300;
}
form .frm_form_fields .frm_form_field .frm_checkbox label a:hover {
    font-weight:400;
    text-decoration:underline;
}

form .frm_form_fields .frm_form_field .frm_checkbox input[ type="checkbox "]:focus {
    border-color: var(--color-black)!important;

    box-shadow:none!important;
}

form .frm_form_fields .frm_form_field .frm_checkbox input[ type="checkbox "]::before {
    box-shadow:inset 10px 10px var(--color-black)!important;
}

form .frm_form_fields .submit {
    width:calc( 30% - var(--gap-s) / 2 );

    padding-top:var(--gap-s);

    display:flex;
    justify-content: flex-end;
}

/* @DROPZONE */

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone {
    width:100%;
    max-width:unset;
    min-height:unset;

    padding:12px 6px;

    margin:0;

    background-color:transparent!important;

    border-bottom:1px solid rgba(117, 108, 108, 0.5);
    border-radius:0;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message {
    display:flex;
    flex-flow:row nowrap;
    justify-content: space-between;
    grid-gap:var(--gap-xs);

    padding:0;
    margin:0;

    line-height:1!important;

    background-color:transparent!important;

    border:0;
    border-radius:0;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message .frm_upload_icon {
    order:2;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message .frm_upload_icon::before {
    width:16px;
    height:16px;

    font-size:unset;
    
    content:url( "/wp-content/uploads/2023/11/download-color-bistre.svg" );
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message svg path {
    fill:var(--color-gray-davis);
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message::after {
    background-color: transparent!important;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message .frm_upload_text {
    height:unset!important;
    min-height:unset!important;

    line-height:1!important;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message button {
    height:unset!important;
    min-height:unset!important;

    order:0;

    margin:0;

    font-family:var(--text-sans-serif-main)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-brown-bistre)!important;
    font-weight:300!important;
    text-align:left;
    text-transform:initial!important;
    letter-spacing:initial!important;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-message .frm_small_text {
    display:none;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-progress,
.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-upload {
    background:var(--color-gray-davis)!important;
}

.frm_forms form fieldset .frm_fields_container .frm_form_field .frm_dropzone .dz-remove svg path {
    fill:var(--color-gray-davis);
}

/* @DATEPICKER */

.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background:var(--color-black)!important;
}

.ui-datepicker .ui-datepicker-calendar thead,
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background:var(--color-gray-silver)!important;
}

@media ( max-width: 767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------%FORMS------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/

    form .frm_form_fields .frm_fields_container {
        grid-gap:var(--gap-m);
    }    

    form .frm_form_fields .frm_form_field:has( .frm_checkbox ) {
        width:100%;
    }

    form .frm_form_fields .submit {
        width:100%;
    
        padding-top:0;
    }

    form .frm_form_fields .submit button {
        width:100%;

        justify-content: flex-start;
    } 

    .precio-chupito, .precio-botella, .precio-copa {
    margin-right: 35px !important;
}

}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------@POPUP-------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.pum-overlay {
    background-color:rgba( 0,0,0, .85 )!important;
}

.pum-container {
    max-width:max( 33vh, 620px )!important;

    padding:0!important;
}

button.pum-close {
    font-size:var(--text-body--size)!important;
    color:var(--color-white)!important;
    
    opacity: 1!important;

    background-color:transparent!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------@BLACK FRIDAY---------------------------------*/
/*--------------------------------------------------------------------------------*/

.popup-black-friday > .section-content > .row > .col.has-textual-content {
    padding:var(--gap-m) var(--gap-m) var(--gap-s)!important;

    background-color:var(--color-black);
}

.popup-black-friday > .section-content > .row > .col.has-hero-image > .col-inner {
    height:100%;

    display:flex;
    flex-flow:column;
    justify-content:flex-end;

    padding:calc( var(--gap-xl) * 1.25 ) var(--gap-m) var(--gap-s) var(--gap-m)!important;

    position:relative;
}

.popup-black-friday > .section-content > .row > .col .hero-image {
    height:100%;

    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}

.popup-black-friday > .section-content > .row > .col .hero-image::after {
    width:100%;
    height:100%;
    
    position:absolute;
    top:0;
    left:0;

    content:"";

    background:linear-gradient( 0deg, rgba( 0,0,0, .5 ), rgba( 0,0,0,0 ) )
}

.popup-black-friday > .section-content > .row > .col .hero-image > .img-inner {
    height:100%;
}

.popup-black-friday > .section-content > .row > .col .hero-image > .img-inner > img {
    height:100%;

    object-fit: cover;
}

.popup-black-friday > .section-content > .row > .col .discount-code {
    width:fit-content;

    padding:var(--gap-xs) var(--gap-s);

    font-family:var(--text-sans-serif-main);
    font-size:var(--text-body-xl-size);
    line-height:var(--text-body-xl-line-height);
    font-weight:500;
    color:var(--color-white);
    text-transform:uppercase;

    border:1px solid var(--color-white);
}

 .section > .section-content > .row > .col .conditions {
    font-family:var(--text-sans-serif-main);
    font-size:11px;
    line-height:var(--text-body-xs-line-height);
    font-weight:300;
    color:var(--color-white);
}

@media ( min-width: 1025px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------#POPUP-------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( min-width:768px ) and ( max-width:1024px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------$POPUP-------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( max-width: 767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%POPUP-------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .mfp-container:has(  ) {
        padding:var(--gap-s)!important;
    }

}

