/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
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
*/

/*
01. GLOBALES
02. ELEMENTOR
03. BLOG
04. MEDIA QUERIES
*/

/* ========
01. GLOBALES
======== */

* {
    outline: none !important;
    outline-style: none !important;
}

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

@font-face {
	font-display: swap !important;
}

/* ==========
02. ELEMENTOR
========== */

a, .elementor-icon-list-item a span {
    transition: all 0.25s ease !important;
	-moz-transition: all 0.25s ease !important;
	-webkit-transition: all 0.25s ease !important;
}

.elementor-image-box-title {
	display: block !important;
}

.elementor-post__title {
	display: block !important;
}

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

.sticky-header.elementor-sticky--active > div > div {
    background: #212121;
	-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;*/
	margin: 1em 0 0 0;
	transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
}

.sticky-header.elementor-sticky--active .jet-menu-title {
	color: #FFF;
}

.sticky-header.elementor-sticky--active .jet-menu-title:hover {
	color: #F8F339;
}

/* 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;
}

.sticky-header.elementor-sticky--active .jet-mega-menu-item__label, .sticky-header.elementor-sticky--active .jet-mega-menu-item__dropdown {
    color: #FFF;
}

.sticky-header.elementor-sticky--active .jet-mega-menu-item__label:hover, .sticky-header.elementor-sticky--active .jet-mega-menu-item__dropdown:hover {
    color: #F8F339 !important;
}

.sticky-header.elementor-sticky--active .jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label {
	color: #212121 !important;
}

.sticky-header.elementor-sticky--active .jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label:hover {
	color: #EC1A23 !important;
}

.jet-mobile-menu__toggle {
	border-radius: 5px !important;
}

.wp-block-columns {
	gap: 10px !important;
	margin: 0 !important;
}

.jet-form-builder__field-wrap.checkradio-wrap span {
	display: inline-block !important;
	line-height: 1.5em !important;
}

/* Animación mesh para el degradado */

.animated-background {
    background-color: #C41230;
    background-image:		
		radial-gradient(at 0% 77%,  hsla(360,  75%, 50%, 1) 0px, transparent 50%),
		radial-gradient(at 54% 10%, hsla(48, 90%, 45%, 1) 0px, transparent 50%),
        radial-gradient(at 16% 29%, hsla(48, 95%, 55%, 1) 0px, transparent 50%);
    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}

@keyframes animatedgradient {
    0%   { background-position: 0%   25%; }
    25%  { background-position: 100% 50%; }
    50%  { background-position: 50%  75%; }
    75%  { background-position: 25%  25%; }
    100% { background-position: 0%   25%; }
}

/* =====
03. BLOG
===== */

#contenido_articulo h2, #contenido_articulo h3, #contenido_articulo h4, #contenido_articulo h5, #contenido_articulo h6 {
    margin: 40px 0 !important;
	letter-spacing: -1px !important;
}

#contenido_articulo hr {
    height: 4px !important;
    width: 150px !important;
    border: none !important;
    background-color: #212121 !important;
    margin: 40px auto !important;
}

#contenido_articulo ul, #contenido_articulo ol {
	margin: 40px 0 !important;
}

#contenido_articulo figure {
	margin: 40px 0 !important;
}

#contenido_articulo .wp-block-quote {
    background: #FFEBDB !important;
    border-radius: 20px !important;
    color: #1D1D1D !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    line-height: 30px !important;
    margin: 80px 0 40px 0 !important;
    padding: 40px !important;
}

#contenido_articulo .wp-block-quote::before {
    background: #FF7700 !important;
    border-radius: 50% !important;
    color: #FFF !important;
    content: "\f10e";
    display: block !important;
    font-family: "Font Awesome 5 Free";
    font-size: 30px !important;
    font-weight: 900;
    height: 80px !important;
    margin: -80px 0 10px 0 !important;
    padding: 25px 10px 20px 20px !important;
    width: 80px !important;
}

#contenido_articulo cite {
	font-size: 18px !important;
	font-style: cursive !important;
}

.jet-listing-grid__slider-icon.prev-arrow, .jet-listing-grid__slider-icon.next-arrow {
	border-radius: 50% !important;
}

/*
.cky-revisit-bottom-left {
	bottom: 90px !important;
	left: 10px !important;
}
*/

.e-contact-buttons.has-h-alignment-end .e-contact-buttons__chat-button-container {
	padding-inline-end: 0 !important;
}

/* ==============
04. MEDIA QUERIES
============== */

@media only screen and (max-width: 600px) {
	
	.elementor-post__title, .elementor-post__read-more {
		display: block !important;
		text-align: center !important;
	}
		
}