/* 
Theme Name: QuoteWell
Theme URI: https://quotewell.com
Description: QuoteWell child theme for Elementor
Author: CSTMR
Author URI: https://cstmr.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: quotewell
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
*/



/* General */


/* -- WYSIWYG editor styles -- */

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin-bottom: 1.25rem;
}

.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a {
    color: var(--e-global-color-accent);
    text-decoration: none;
}

.elementor-widget-text-editor a:hover,
.elementor-widget-theme-post-content a:hover {
    color: var(--e-global-color-accent);
    text-decoration: underline;
}

.elementor-widget-text-editor h2,
.elementor-widget-theme-post-content h2,
.elementor-widget-text-editor h3,
.elementor-widget-theme-post-content h3,
.elementor-widget-text-editor h4,
.elementor-widget-theme-post-content h4,
.elementor-widget-text-editor h5,
.elementor-widget-theme-post-content h5,
.elementor-widget-text-editor h6,
.elementor-widget-theme-post-content h6 {
    margin: 0;
}

.elementor-widget-text-editor p:has(+ span[id*="elementor-toc__heading"]),
.elementor-widget-text-editor p:has(+ h3),
.elementor-widget-text-editor p:has(+ h4),
.elementor-widget-text-editor h3:has(+ h4),
.elementor-widget-text-editor p:has(+ h2),
.elementor-widget-text-editor h2:has(+ p),
.elementor-widget-theme-post-content p:has(+ span[id*="elementor-toc__heading"]),
.elementor-widget-theme-post-content p:has(+ h3),
.elementor-widget-theme-post-content p:has(+ h4),
.elementor-widget-theme-post-content h3:has(+ h4),
.elementor-widget-theme-post-content p:has(+ h2),
.elementor-widget-theme-post-content h2:has(+ p) {
    margin-block-start: 2rem;
    margin-block-end: 1.8rem;
}

.elementor-widget-text-editor h3:has(+ p),
.elementor-widget-theme-post-content h3:has(+ p),
.elementor-widget-text-editor h3:has(+ ul),
.elementor-widget-theme-post-content h3:has(+ ul),
.elementor-widget-text-editor h3:has(+ ol),
.elementor-widget-theme-post-content h3:has(+ ol)    {
    margin-block-end: 1.8rem;
}

.elementor-widget-text-editor h4:has(+ p),
.elementor-widget-theme-post-content h4:has(+ p),
.elementor-widget-text-editor h4:has(+ ul),
.elementor-widget-theme-post-content h4:has(+ ul),
.elementor-widget-text-editor h4:has(+ ol),
.elementor-widget-theme-post-content h4:has(+ ol)    {
    margin-block-end: 0.88rem;
}

.elementor-widget-text-editor p:has(+ h5),
.elementor-widget-text-editor h5:has(+ p),
.elementor-widget-theme-post-content p:has(+ h5),
.elementor-widget-theme-post-content h5:has(+ p) {
    margin-block-end: 1.4rem;
}

.elementor-widget-text-editor h2:has(+ p),
.elementor-widget-text-editor p:has(+ h2),
.elementor-widget-theme-post-content h2:has(+ p),
.elementor-widget-theme-post-content p:has(+ h2) {
    margin-block-end: 2.44rem;
}

.elementor-widget-text-editor h2,
.elementor-widget-theme-post-content h2 {
    color: var(--e-global-color-text);
    font-size: 2.875rem;
    font-weight: 800;
    line-height: 3.45rem;
}

.elementor-widget-text-editor h3,
.elementor-widget-theme-post-content h3 {
    color: var(--e-global-color-text);
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 3.15rem;
    letter-spacing: -0.0525rem;
}

.elementor-widget-text-editor h4,
.elementor-widget-theme-post-content h4 {
    color: var(--e-global-color-text);
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 2.55rem;
    letter-spacing: -0.0425rem;    
}

.wp-block-list li {
    margin-bottom: 0.6rem;
}


/* -- button styles
    -- primary */

.elementor-widget-button .elementor-button:hover svg path,
.elementor-widget-button .elementor-button:active svg path {
    stroke: var(--e-global-color-accent);
}

/*  -- secondary/ */

.elementor-widget-button.button-secondary .elementor-button {
    background-color: var(--e-global-color-text);
    color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-text);
}

.elementor-widget-button.button-secondary .elementor-button svg path {
    stroke: var(--e-global-color-secondary);
}

.elementor-widget-button.button-secondary .elementor-button:hover,
.elementor-widget-button.button-secondary .elementor-button:active {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-text);
}

.elementor-widget-button.button-secondary .elementor-button:hover svg path,
.elementor-widget-button.button-secondary .elementor-button:active svg path {
    stroke: var(--e-global-color-text);
}


/*  -- secondary/negative */

.elementor-widget-button.button-secondary-negative .elementor-button {
    /* background-color: var(--e-global-color-text); */
    background-color: transparent;
    color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.elementor-widget-button.button-secondary-negative .elementor-button svg path {
    stroke: var(--e-global-color-secondary);
}

.elementor-widget-button.button-secondary-negative .elementor-button:hover,
.elementor-widget-button.button-secondary-negative .elementor-button:active {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-secondary);
}

.elementor-widget-button.button-secondary-negative .elementor-button:hover svg path,
.elementor-widget-button.button-secondary-negative .elementor-button:active svg path {
    stroke: var(--e-global-color-text);
}


/*  -- text link */

.elementor-widget-button.button-text-link .elementor-button:hover svg path,
.elementor-widget-button.button-text-link .elementor-button:active svg path {
    stroke: var(--e-global-color-secondary);
}


/*  -- text link / accent */

.elementor-widget-button.button-text-link-accent .elementor-button:hover svg path {
    stroke: var(--e-global-color-accent);
}

.elementor-widget-button.button-text-link-accent .elementor-button:hover svg path,
.elementor-widget-button.button-text-link-accent .elementor-button:active svg path {
    stroke: var(--e-global-color-text);
}




/* Header */

@media screen and (max-width: 1024px) {

    .elementor-sticky--active.elementor-sticky--effects {
        padding-block-end: 0rem;
        padding-block-start: 0rem;
    }

}

@media screen and (min-width: 1025px) {

    .elementor-sticky--active.elementor-sticky--effects {
        padding-block-end: 0.5rem;
        padding-block-start: 0.5rem;
    }


    .elementor-sticky--active.elementor-sticky--effects .header-logo img {
        opacity: 0;
        height: 2.125rem;
    }

    .elementor-sticky--active.elementor-sticky--effects .header-logo {
        background-size:  contain;
    }

    .elementor-sticky--active {
        transition: 0.3s ease;
    }

}



/* Homepage */

.gallery-center .gallery {
    align-items: center;
    display: flex;
}

.icon-box-plus .elementor-icon {
    margin-top: 0.8rem;
}

summary.e-n-accordion-item-title[aria-expanded="true"] {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}


@media screen and (min-width: 1540px) {
    
    .elementor-2 .elementor-element.elementor-element-f04bad3:not(.elementor-motion-effects-element-type-background), 
    .elementor-2 .elementor-element.elementor-element-f04bad3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .elementor-2 .elementor-element.elementor-element-c36757b:not(.elementor-motion-effects-element-type-background), 
    .elementor-2 .elementor-element.elementor-element-c36757b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-position: center left;
        background-repeat: no-repeat;
        background-size: contain;
    }

}




/* Careers */

#careers_listing .elementor-shortcode {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

@media screen and (max-width: 1024px) {
    #careers_listing .elementor-shortcode {
        grid-template-columns: 1fr;
    }
}

#careers_listing .elementor-shortcode .career-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
    border-radius: 1rem;
    border: 1px solid var(--e-global-color-9264264);
    background: var(--e-global-color-secondary);
    transition: 0.3s ease;
}

#careers_listing .elementor-shortcode .career-item h4 {
    margin-block-end: 0;
    color: var(--e-global-color-accent);    
}

#careers_listing .elementor-shortcode .career-item p {
    font-size: 1rem;
}

#careers_listing .elementor-shortcode .career-item a h4 {
    transition: 0.3s ease;
    margin-bottom: 0.8rem;
}

#careers_listing .elementor-shortcode .career-item a:hover h4 {
    text-decoration: underline;
}

.elementor-kit-7 .career-item a {
    color: inherit;
    display: block;
    height: 100%;
    width: 100%;
    padding: 1.5rem 2rem;
}

.elementor-kit-7 .career-item a:hover {
    text-decoration: none;
}

#careers_listing .elementor-shortcode .career-item:has(a:hover) {
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.05);
}




/* Footer */

.footer-menu a {
    text-decoration: none;
    color: var(--e-global-color-primary);
}

.footer-menu a:hover {
    text-decoration: underline;
    color: var(--e-global-color-primary);
}

@media screen and (max-width: 767px) {

    .footer-menu ul {
        flex-flow: column;
        align-items: flex-start;
    }

    .footer-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a {
        margin-inline-end: 0;
        margin-inline-start: 0;
    }    

    
}