/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*
Rosa: #26E8A8
Rosa oscuro: #D11762
Rosa muy oscuro: #820D3D
*/

a{
    outline: none !important;
    transition: all 0.25s ease !important;
	-moz-transition: all 0.25s ease !important;
	-webkit-transition: all 0.25s ease !important;
}

strong, b{
    font-weight: bold !important;
}

hr {
    height: 4px;
    width: 150px;
    border: none;
    background-color: #26E8A8 !important;
    margin: 60px auto !important;
}

p:last-child{
    margin: 0 !important;
}

.stroke{
    -webkit-text-stroke: 2px #FFF;
}

.st1{
    fill: #26E8A8 !important;
}

.nf-before-form-content{
    display: none !important;
}

.nf-progress::after{
    color: #FFF !important;
    content: "Barra de progreso...";
    font-size: 12px;
    font-weight: bold;
    left: 12px;
    position: absolute;
    top: 12px;
}

.rrss-pie a{
    margin: 0 10px 0 0 !important;
}

.blog-lc ul{
    margin: 0 0 40px 0 !important;
}

.blog-lc li{
    margin: 0 0 10px 0 !important;
}

.blog-lc h1, .blog-lc h2, .blog-lc h3, .blog-lc h4{
    margin: 40px 0 !important;
}

.blog-lc figure{
    margin: 0 0 20px 0 !important;
}

.blog-lc table thead{
    background: #000 !important;
}

.blog-lc table tbody>tr:nth-child(odd)>td, .blog-lc table tbody>tr:nth-child(odd)>th{
    background: #333 !important;
}

.blog-lc table tbody>tr:nth-child(even)>td, .blog-lc table tbody>tr:nth-child(even)>th{
    background: #181818 !important;
}

.elementor-grid-0 .elementor-grid-item > a, .elementor-grid-0 .elementor-grid-item > div{
    margin: 0 20px 0 0 !important;
}

/* CABECERA -- STICKY */

/* La clase para habilitar el efecto sticky debe ser .sticky-cabecera */

.sticky-header.elementor-sticky--active{
    background: #FFF !important;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
	padding: 0 !important;
	transition: all 0.35s ease !important;
	-moz-transition: all 0.35s ease !important;
	-webkit-transition: all 0.35s ease !important;
}

/* LOGOTIPO -- STICKY */

.sticky-header .logo{
    display: contents !important;
    margin: 0 !important;
}

.sticky-header .sticky-logo{
    display: none !important;
    margin: 0 !important;
}

.sticky-header.elementor-sticky--active .logo{
    display: none !important;
    margin: 0 !important;
}

.sticky-header.elementor-sticky--active .sticky-logo{
    display: contents !important;
    margin: 0 !important;
}

/* MENÚ / MENÚ STICKY */

/* La clase del menú debe ser .menu-cabecera */
/* La clase para el botón destacado debe ser .btn-destacado */

/* Primer nivel */

.menu-cabecera ul li a{
    background: transparent !important;
    color: #FFF !important;
    /* Enlace */
}

.menu-cabecera ul li a:hover{
    background: transparent !important;
    color: #26E8A8 !important;
    /* Enlace cuando pasas el ratón por encima */
}

.menu-cabecera ul li a.elementor-item-active{
    background: transparent !important;
    color: #26E8A8 !important;
    /* Enlace activo */
}

.menu-cabecera ul li a:after, .menu-cabecera ul li a:before{
    background: #26E8A8 !important;
    color: transparent !important;
    /* Subrayado del enlace */
}

.menu-cabecera .btn-destacado a{
    background: #26E8A8 !important;
    border-radius: 5px !important;
    color: #FFF !important;
    margin: 0 0 0 20px !important;
    /* Botón */
}

.menu-cabecera .btn-destacado a:hover{
    background: #FFF !important;
    color: #26E8A8 !important;
    /* Botón cuando pasas el ratón por encima */
}

.menu-cabecera .btn-destacado a.elementor-item-active{
    background: #26E8A8 !important;
    color: #FFF !important;
    /* Botón activo */
}

.menu-cabecera .btn-destacado a.elementor-item-active:hover{
    background: #FFF !important;
    color: #26E8A8 !important;
    /* Botón activo cuando pasas el ratón por encima */
}

.menu-cabecera .btn-destacado a:after, .menu-cabecera .btn-destacado a:before{
    display: none !important;
    /* Eliminado el subrayado del botón */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li a{
    background: transparent !important;
    color: #000 !important;
    /* Enlace cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li a:hover{
    background: transparent !important;
    color: #26E8A8 !important;
    /* Enlace cuando pasas el ratón por encima y el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li a.elementor-item-active{
    background: transparent !important;
    color: #26E8A8 !important;
    /* Enlace activo cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li a:after{
    display: none !important;
    /* Subrayado oculto cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a{
    background: #26E8A8 !important;
    border-radius: 5px !important;
    color: #FFF !important;
    margin: 0 0 0 20px !important;
    /* Botón cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a:hover{
    background: #D11762 !important;
    color: #FFF !important;
    /* Botón cuando pasas el ratón por encima y el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a.elementor-item-active{
    background: #26E8A8 !important;
    color: #FFF !important;
    /* Botón activo cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a.elementor-item-active:hover{
    background: #D11762 !important;
    color: #FFF !important;
    /* Botón activo cuando pasas el ratón por encima y el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a:after{
    display: none !important;
    /* Eliminado el subrayado del botón */
}

/* Segundo nivel */

.menu-cabecera ul li ul li a{
    background: #FFF !important;
    color: #000 !important;
    /* Enlace */
}

.menu-cabecera ul li ul li a:hover{
    background: #26E8A8 !important;
    color: #FFF !important;
    /* Enlace cuando pasas el ratón por encima */
}

.menu-cabecera ul li ul li a.elementor-item-active{
    background: #D11762 !important;
    color: #FFF !important;
    /* Enlace activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li ul li a{
    background: #FFF !important;
    color: #000 !important;
    /* Enlace cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li ul li a:hover{
    background: #26E8A8 !important;
    color: #FFF !important;
    /* Enlace cuando pasas el ratón por encima y el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li ul li a.elementor-item-active{
    background: #D11762 !important;
    color: #FFF !important;
    /* Enlace activo cuando el efecto sticky está activo */
}

/* Tercer nivel */

.menu-cabecera ul li ul li ul li a{
    background: #FFF !important;
    color: #000 !important;
    /* Enlace */
}

.menu-cabecera ul li ul li ul li a:hover{
    background: #26E8A8 !important;
    color: #FFF !important;
    /* Enlace cuando pasas el ratón por encima */
}

.menu-cabecera ul li ul li ul li a.elementor-item-active{
    background: #820D3D !important;
    color: #FFF !important;
    /* Enlace activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li ul li ul li a{
    background: #FFF !important;
    color: #000 !important;
    /* Enlace cuando el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li ul li ul li a:hover{
    background: #26E8A8 !important;
    color: #FFF !important;
    /* Enlace cuando pasas el ratón por encima y el efecto sticky está activo */
}

.sticky-header.elementor-sticky--active .menu-cabecera ul li ul li ul li a.elementor-item-active{
    background: #820D3D !important;
    color: #FFF !important;
    /* Enlace activo cuando el efecto sticky está activo */
}

/* COOKIES */

#cookie-law-info-bar{
	padding: 40px !important;
}

#cookie-law-info-bar br{
	display: none !important;
}

#cookie-law-info-bar h5{
	color: #26E8A8;
	font-size: 24px !important;
	margin: 0 0 20px 0 !important;
}

#cookie-law-info-bar p{
	font-size: 14px;
}

#cookie-law-info-bar p a{
	color: #26E8A8 !important;
}

#cookie-law-info-bar p:last-child{
	margin: 40px 0 0 0 !important;
}

#cookie-law-info-bar #cookie_action_close_header{
    margin: 0 20px 0 0;
}

/* MEDIA QUERIE PARA MÓVILES */

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

    .stroke{
        -webkit-text-stroke: 1px #FFF;
    }
    
    /* MENÚ / MENÚ STICKY */

    /* Primer nivel */

    .menu-cabecera ul li a{
        background: #FFF !important;
        color: #000 !important;
        /* Enlace */
    }
    
    .menu-cabecera ul li a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace cuando pasas el ratón por encima */
    }
    
    .menu-cabecera ul li a.elementor-item-active{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace activo */
    }
    
    .menu-cabecera ul li a:after{
        display: none !important;
        /* Eliminado el subrayado del enlace */
    }
    
    .menu-cabecera .btn-destacado a{
        background: #820D3D !important;
        border-radius: 0 !important;
        color: #FFF !important;
        margin: 0 !important;
        /* Botón */
    }
    
    .menu-cabecera .btn-destacado a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Botón cuando pasas el ratón por encima */
    }
    
    .menu-cabecera .btn-destacado a.elementor-item-active{
        background: #820D3D !important;
        color: #FFF !important;
        /* Botón activo */
    }
    
    .menu-cabecera .btn-destacado a.elementor-item-active:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Botón activo cuando pasas el ratón por encima */
    }
    
    .menu-cabecera .btn-destacado a:after{
        display: none !important;
        /* Eliminado el subrayado del botón */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li a{
        background: transparent !important;
        color: #000 !important;
        /* Enlace cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace cuando pasas el ratón por encima y el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li a.elementor-item-active{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace activo cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li a:after{
        display: none !important;
        /* Subrayado oculto cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a{
        background: #820D3D !important;
        border-radius: 0 !important;
        color: #FFF !important;
        margin: 0 !important;
        /* Botón cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Botón cuando pasas el ratón por encima y el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a.elementor-item-active{
        background: #820D3D !important;
        color: #FFF !important;
        /* Botón activo cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a.elementor-item-active:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Botón activo cuando pasas el ratón por encima y el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera .btn-destacado a:after{
        display: none !important;
        /* Eliminado el subrayado del botón */
    }
    
    /* Segundo nivel */
    
    .menu-cabecera ul li ul li a{
        background: #D11762 !important;
        color: #FFF !important;
        /* Enlace */
    }
    
    .menu-cabecera ul li ul li a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace cuando pasas el ratón por encima */
    }
    
    .menu-cabecera ul li ul li a.elementor-item-active{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li ul li a{
        background: #D11762 !important;
        color: #FFF !important;
        /* Enlace cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li ul li a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace cuando pasas el ratón por encima y el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li ul li a.elementor-item-active{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace activo cuando el efecto sticky está activo */
    }
    
    /* Tercer nivel */
    
    .menu-cabecera ul li ul li ul li a{
        background: #820D3D !important;
        color: #FFF !important;
        /* Enlace */
    }
    
    .menu-cabecera ul li ul li ul li a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace cuando pasas el ratón por encima */
    }
    
    .menu-cabecera ul li ul li ul li a.elementor-item-active{
        background: #820D3D !important;
        color: #FFF !important;
        /* Enlace activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li ul li ul li a{
        background: #820D3D !important;
        color: #FFF !important;
        /* Enlace cuando el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li ul li ul li a:hover{
        background: #26E8A8 !important;
        color: #FFF !important;
        /* Enlace cuando pasas el ratón por encima y el efecto sticky está activo */
    }
    
    .sticky-header.elementor-sticky--active .menu-cabecera ul li ul li ul li a.elementor-item-active{
        background: #820D3D !important;
        color: #FFF !important;
        /* Enlace activo cuando el efecto sticky está activo */
    }

    .blog-lc figure{
        margin: 0 0 20px 0 !important;
    }    

}