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

/* ==========
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 {
    background: #0548A1 !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;
}

.sticky-header.elementor-sticky--active .jet-mega-menu-item__label:hover {
	color: #16B495 !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;
}

.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;
}

.jet-form-builder__field-wrap.checkradio-wrap span::before {
	margin: 0 0.5em 0 0;
}

.ea11y-widget-button[tabindex="1"] {
  pointer-events: auto;
  outline: none !important;
}

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

#contenido_articulo h2, #contenido_articulo h3, #contenido_articulo h4, #contenido_articulo h5, #contenido_articulo h6 {
    margin: 40px 0 !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;
}

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

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