/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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. FORMULARIOS
04. BLOG
04. MEDIA QUERIES
*/

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

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

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

.textarea-field {
	border-radius: 0.5rem !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;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-sub-menu .jet-mega-menu-item__inner {
	display: block !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;
}

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

.jet-parallax-section__image {
	background-size: 15rem !important;
}

/* ============
03. FORMULARIOS
============ */

.wp-block-columns {
	gap: 0.75em !important;
	margin: 0 !important;
}

.jet-form-builder a {
	color: #A2874E !important;
	text-decoration: underline !important;
}

.jet-form-builder a:hover {
	color: #A0A24E !important;
}

.jet-form-builder__field-wrap.checkradio-wrap span {
	gap: 0 !important;
}

.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span::before {
	display: inline-block !important;
	line-height: 1.5em !important;
}

.jet-form-builder-row.field-has-error .error-message {
	color: red !important;
	margin: 0.5rem 0 0 0 !important;
}

/* =====
04. BLOG
===== */

#contenido_articulo h2, #contenido_articulo h3, #contenido_articulo h4, #contenido_articulo h5, #contenido_articulo h6 {
    margin: 1.5rem 0 !important;
}

#contenido_articulo hr {
    height: 0.25em !important;
    width: 10em !important;
    border: none !important;
    background-color: #212121 !important;
    margin: 2.5em auto !important;
}

#contenido_articulo ul, #contenido_articulo ol {
	margin: 2.5em 0 !important;
}

#contenido_articulo figure {
	margin: 2.5em 0 !important;
}

#contenido_articulo .wp-block-quote {
    background: #FFEBDB !important;
    border-radius: 1.25em !important;
    color: #1D1D1D !important;
    font-size: 1.5em !important;
    font-weight: 800 !important;
    font-style: italic !important;
    line-height: 2em !important;
    margin: 5em 0 2.5em 0 !important;
    padding: 2.5em !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: 2rem !important;
    font-weight: 900;
    height: 5em !important;
    margin: -5em 0 0.75em 0 !important;
    padding: 1.5em 0.75em 1.5em 1.5em !important;
    width: 80px !important;
}

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

/* ==============
05. MEDIA QUERIES
============== */

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