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

/* ==========
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-post__title, .elementor-image-box-title {
	display: block !important;
}

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

.sticky-header.elementor-sticky--active {
    background: #212121 !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;
}

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

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

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

.jet-form-builder a:hover {
	color: blue !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.5rem !important;
}

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

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

.articulo h2, .articulo h3, .articulo h4, .articulo h5, .articulo h6 {
    margin: 2.5rem 0;
}

.articulo hr {
    height: 0.25rem;
    width: 10rem;
    border: none;
    background-color: #212121;
    margin: 2.5rem auto;
}

.articulo ul, .articulo ol {
	margin: 2.5rem 0;
}

.articulo img {
	width: 100%;
}

.articulo figure {
	margin: 2.5rem 0;
}

.articulo .wp-block-quote {
    background: #FFEBDB;
    border-radius: 1.25rem;
    color: #1D1D1D;
    font-size: clamp(1rem, 0.824rem + 0.563vw, 1.5rem);
    font-weight: 800;
    font-style: italic;
    line-height: 2rem;
    margin: 5rem 0 2.5rem 0;
    padding: 2.5rem;
}

.articulo .wp-block-quote::before {
    background: #FF7700;
    border-radius: 50%;
    color: #FFF;
    content: "\f10e";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 2rem;
    font-weight: 900;
    height: 5rem;
    margin: -5rem 0 0.75rem 0;
    padding: 1.5rem 0.75rem 1.5rem 1.5rem;
    width: 5rem;
}

.articulo cite {
	font-size: clamp(0.875rem, 0.743rem + 0.423vw, 1.25rem);
	font-style: cursive;
}

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

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