/**
 * Theme Name:  Hello General Kenobi
 * Template:    hello-elementor
 * Description: A child theme of Hello Elementor in case one ends up being needed.
 * Author:      Stovepipe
 * Author URI:  https://stovepipeco.com/
 * Version:     1.0.0
 * Update URI:  false
 * Rant:        Writing CSS without Sass is the worst.
 */

/**
 * These are some useful variables you may want to use:
 *
 *   --e-global-color-primary
 *   --e-global-color-secondary
 *   --e-global-color-text
 *   --e-global-color-accent
 *   --e-global-typography-primary-font-size
 *   --e-global-typography-primary-font-weight
 *   --e-global-typography-secondary-font-size
 *   --e-global-typography-secondary-font-weight
 *   --e-global-typography-text-font-size
 *   --e-global-typography-text-font-weight
 *   --e-global-typography-accent-font-size
 *   --e-global-typography-accent-font-weight
 *   --container-max-width
 *
 * The last one is set on the container itself if set.
 *
 * Custom colors will be "hashed" and vary per site, e.g. `--e-global-color-d8d46bd`.
 */

/* Use this if you have Elementor's fonts turned off and need a solid base. */
/*
body {
    font-family: 'Gill Sans', sans-serif;
}
*/

p,
ol,
ul {
    margin-block-end: 1em;
}

p:last-child,
ol:last-child,
ul:last-child {
    margin-block-end: 0;
}

/* ----- Utility Classes ----- */

body:not(.elementor-editor-active) .hidden {
    display: none;
}

body.elementor-editor-active .hidden {
    opacity: 0.5;
}

    body.elementor-editor-active .hidden::after {
        background-color: orange;
        content: 'Not shown on front end via the "hidden" class.';
        font-size: 13px;
        font-weight: bold;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

/* ----- Whatevs ----- */

table {
    font-size: 1em;
}

/* Killing the underline is uncool, bro. Uncool. */
.elementor p > a {
    text-decoration: underline;
}

[type="button"], [type="submit"], button {
    border: 0;
}

a.elementor-button span {
    pointer-events: none;
}

/* Elementorize non-Elementor buttons. */
.wp-element-button,
.gform_button {
    background-color: var(--e-global-color-primary) !important;
    border-radius: 3px !important;
    color: #fff !important;
    display: inline-block;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.6em !important;
    padding: 0.5rem 1rem !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all .3s !important;
    user-select: none !important;
    white-space: nowrap !important;
}

    .wp-element-button:hover {
        background-color: var(--e-global-color-accent);
    }

/* The closest thing to ".entry-content" when Elementor's handling everything. */
div[data-elementor-type="wp-page"] {}

/* ----- Things for pages Elementor ain't controlling. ----- */

body:not(.elementor-page) {}

    body:not(.elementor-page) .elementor-widget-theme-post-content .elementor-widget-container {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1140px;
        width: 90%;
    }

    body:not(.elementor-page) .elementor-widget-theme-post-content .alignwide {
        margin-left: -5%;
        margin-right: -5%;
    }

        @media (min-width: 1340px) {
            body:not(.elementor-page) .elementor-widget-theme-post-content .alignwide {
                margin-left: -80px;
                margin-right: -80px;
            }
        }

    div[class^="wp-block"].hidden {
        display: none;
    }

/* ----- Animations, I guess! ----- */

@keyframes target-fade {
    from {
        color: var(--e-global-color-accent);
    }

    to {
        color: var(--e-global-color-primary);
    }
}

/* This only works if all the h2s are the primary color; selectively enable when relevant. */
/*
:target h2 {
    animation: target-fade 2s;
    animation-delay: 0.25s;
}
*/