/* 
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. BÁSICAS
02. ELEMENTOR
03. BLOG
04. MEDIA QUERIES
*/

/* ========
01. BÁSICAS
======== */

* {
    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-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: start !important;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
	margin: 5px 0 0 0 !important;
}

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

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

/* BOTÓN CTA */

#jet-menu-item-190 a {
    background: red !important;
}

#jet-menu-item-190 a:hover {
    background: orange !important;
}

.sticky-header.elementor-sticky--active #jet-menu-item-190 a {
    background: blue !important;
}

.sticky-header.elementor-sticky--active #jet-menu-item-190 a:hover {
    background: purple !important;
}

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

#articulo h2, #articulo h3, #articulo h4, #articulo h5, #articulo h6 {
    margin: 20px 0 !important;
}

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

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

#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: 20px !important;
    font-weight: 900;
    height: 80px !important;
    margin: -80px 0 10px 0 !important;
    padding: 30px !important;
    width: 80px !important;
}

#toc_container {
    margin: 0 0 30px 0 !important;
    padding: 20px !important;
}

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

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