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

/* Blog headers color */
.\#fffcf4 h2, .\#fffcf4 h3 {
    color: var(--e-global-color-primary) !important;
}

.\#151413 h2, .\#151413 h3 {
    color: var(--e-global-color-secondary) !important;
}

.\#91191b h2, .\#91191b h3 {
    color: var(--e-global-color-text) !important;
}

.\#a7d5cc h2, .\#a7d5cc h3 {
    color: var(--e-global-color-accent) !important;
}

.\#f3b313 h2, .\#f3b313 h3 {
    color: var(--e-global-color-ce29a93) !important;
}

.\#a6c866 h2, .\#a6c866 h3 {
    color: var(--e-global-color-111dc5e) !important;
}

.\#ef8528 h2, .\#ef8528 h3 {
    color: var(--e-global-color-78eb5cc) !important;
}

.\#e7d3c7 h2, .\#e7d3c7 h3 {
    color: var(--e-global-color-1a639e7) !important;
}
/* End of Blog headers color */

#alegriaBlogSinglePost h2 {
    font-family: "Oswald", Sans-serif;
    font-size: 2rem;
    font-weight: 500;
    margin-top: 2rem;
}

#alegriaBlogSinglePost h3 {
    font-family: "Oswald", Sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    margin-top: 2rem;
}


#alegriaBlogSinglePost blockquote {
    padding: 2rem;
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

#alegriaBlogSinglePost blockquote p, #alegriaBlogSinglePost blockquote p span {
    font-family: "Iowan Old Style", Sans-serif !important;
}

#alegriaBlogSinglePost blockquote cite {
    font-family: "Oswald", sans-serif !important;
}

#alegriaBlogSinglePost .\#fffcf4 a {
    color: var(--e-global-color-primary) !important;
}

#alegriaBlogSinglePost .\#151413 a {
    color: var(--e-global-color-secondary) !important;
}

#alegriaBlogSinglePost .\#91191b a {
    color: var(--e-global-color-text) !important;
}

#alegriaBlogSinglePost .\#a7d5cc a {
    color: var(--e-global-color-accent) !important;
}

#alegriaBlogSinglePost .\#f3b313 a {
    color: var(--e-global-color-ce29a93) !important;
}

#alegriaBlogSinglePost .\#a6c866 a {
    color: var(--e-global-color-111dc5e) !important;
}

#alegriaBlogSinglePost .\#ef8528 a {
    color: var(--e-global-color-78eb5cc) !important;
}

#alegriaBlogSinglePost .\#e7d3c7 a {
    color: var(--e-global-color-1a639e7) !important;
}

#alegriaBlogSinglePost .wp-block-button {
	margin-top: 1rem;
}

#alegriaBlogSinglePost .wp-block-button a {
	padding: 12px 45px;
	font-family: "Oswald", Sans-serif;
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-width: 2px;
	border-style: solid;
}

.\#fffcf4 .wp-block-button a {
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.\#151413 .wp-block-button a {
    background-color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-secondary) !important;
}

.\#91191b .wp-block-button a {
    background-color: var(--e-global-color-text) !important;
    border-color: var(--e-global-color-text) !important;
}

.\#a7d5cc .wp-block-button a {
    background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
}

.\#f3b313 .wp-block-button a {
    background-color: var(--e-global-color-ce29a93) !important;
    border-color: var(--e-global-color-ce29a93) !important;
}

.\#a6c866 .wp-block-button a {
    background-color: var(--e-global-color-111dc5e) !important;
    border-color: var(--e-global-color-111dc5e) !important;
}

.\#ef8528 .wp-block-button a {
    background-color: var(--e-global-color-78eb5cc) !important;
    border-color: var(--e-global-color-78eb5cc) !important;
}

.\#e7d3c7 .wp-block-button a {
    background-color: var(--e-global-color-1a639e7) !important;
    border-color: var(--e-global-color-1a639e7) !important;
}

/* Hover state */
.\#fffcf4 .wp-block-button a:hover, .\#fffcf4 .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-primary) !important;
}

.\#151413 .wp-block-button a:hover, .\#151413 .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-secondary) !important;
}

.\#91191b .wp-block-button a:hover, .\#91191b .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-text) !important;
}

.\#a7d5cc .wp-block-button a:hover, .\#a7d5cc .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-accent) !important;
}

.\#f3b313 .wp-block-button a:hover, .\#f3b313 .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-ce29a93) !important;
}

.\#a6c866 .wp-block-button a:hover, .\#a6c866 .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-111dc5e) !important;
}

.\#ef8528 .wp-block-button a:hover, .\#ef8528 .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-78eb5cc) !important;
}

.\#e7d3c7 .wp-block-button a:hover, .\#e7d3c7 .wp-block-button a:focus {
    background-color: white !important;
    color: var(--e-global-color-1a639e7) !important;
}

@media (max-width: 1024px) {
    #alegriaBlogSinglePost h2 {
        font-size: 1.75rem;
    }
    
    #alegriaBlogSinglePost h3 {
        font-size: 1.5rem;
    }

    #alegriaBlogSinglePost blockquote {
        max-width: 640px;
    }
}

@media (max-width: 767px) {
    #alegriaBlogSinglePost h2 {
        font-size: 1.5rem;
    }
    
    #alegriaBlogSinglePost h3 {
        font-size: 1.375rem;
    }

    #alegriaBlogSinglePost blockquote {
        max-width: 100%;
    }

    #alegriaBlogSinglePost .wp-block-button {
        flex-basis: 100% !important;
    }

    #alegriaBlogSinglePost .wp-block-button a {
        width: 100% !important;
    }
}