/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1715681153
Updated: 2024-05-14 10:05:53

*/



body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
    position: relative;
    z-index: -1;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display: block;
    height: 120px;
    margin: -120px 0 0;
    visibility: hidden;
    pointer-events: none;
}

/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-container.elementor-element {
    --header-height: 100px;
    /* Set your own header height */
    --shrink-header-to: 0.6;
    /* Shrinks to 60%, values: 0.1 to 1 */
    --transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
    /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
    background-color: rgba(244, 245, 248, 1);
    /* Set your own background color */
    --min-height: var(--header-height);
    --transition: background-color var(--transition-timing),
        backdrop-filter var(--transition-timing),
        box-shadow var(--transition-timing),
        min-height var(--transition-timing);
}

header.sticky-header.e-container.elementor-element.elementor-sticky--effects {
    background-color: rgba(244, 245, 248, .8);
    /* Set your own background color on scroll */
    box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
    /* Delete this line if you don't want shadow on scroll */
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    /* Delete this line if you don't use transparency on scroll */
    backdrop-filter: saturate(180%) blur(20px);
    /* Delete this line if you don't use transparency on scroll */
    --min-height: calc(var(--header-height) * var(--shrink-header-to));
}

/***
* class: .sticky-header
*/
header.sticky-header {
    --header-height: 100px;
    --shrink-header-to: 0.6;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    background-color: transparent;
    transition: background-color var(--transition),
        backdrop-filter var(--transition),
        box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
    background-color: rgb(0 0 0 / 37%);
    box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header.elementor-sticky--effects .e-con-inner {
    padding: 0;
    align-items: center;
}

header.sticky-header>.elementor-container {
    min-height: var(--header-height);
    transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects>.elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-header-to));
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
    header.sticky-header {
        --header-height: 70px;
    }
}

/***
* class: .logo
*/
header.sticky-header .logo img {
    transition: transform var(--transition);
}

header.sticky-header.elementor-sticky--effects .logo img {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
}

#activa-menu .elementor-button-text {
    font-size: 16px;
    line-height: 1.6em;
    margin-left: 7px;
}
.luz-fuerte {
    mix-blend-mode: hard-light;
}

/*CARTA*/


.eael-advance-tabs .eael-tabs-nav>ul {
    column-gap: 40px;
}

.eael-advance-tabs .eael-tabs-nav>ul li{
  justify-content:left !important;
  flex:0 1 auto !important;
}

/*MENU*/
section#menuFull {
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.menuCol2 {
    background-size: cover !important;
    background: url('https://leiner.pramos.es/wp-content/uploads/2024/05/leinerbrau.jpg')no-repeat;
}
.menuCol1 {
    padding: 100px 0% 100px 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;

}
.seccionesMenuFull h4 {
    font-family: 'Rubik';
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--e-global-color-accent);
}

.menuCol1 ul.menu a {
    font-size: 25px;
    font-family: 'Leiner';
    color: #000;
    font-weight: bold;
}

.menuCol1 ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.seccionesMenuFull {
    margin-bottom: 45px;
}

section#menuFull:before {
    content: '';
    background: #B9A78F url('https://leiner.pramos.es/wp-content/uploads/2024/05/texturamenu.jpg');
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -29%;
    mix-blend-mode: hard-light;
}

@media only screen and (max-width: 768px) {
section#menuFull {
        width: 100vw;
        height: 100vh;
        display: grid;
        grid-template-columns: 1fr;
    }
.menuCol1 {
    padding: 103px 0% 0px 60px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    position: relative;
    z-index: 1;
}
    .seccionesMenuFull {
        margin-bottom: 20px;
    }
    section#menuFull:before {
        left: 0;
        top: 0;
    }
    .menuCol2 {
        background-size: cover !important;
        background: url('https://leiner.pramos.es/wp-content/uploads/2024/05/leinerbrau.jpg')no-repeat;
        display: none;
    }
}