/* Stackable - Root
------------------------------------------- */

:root {
    --stk-column-margin: 0;
    --entrance-duration: 0.5s;
    --stk-button-ghost-border-width: var(--theme-button-border-width);
}

@media (max-width: 999.98px) {
    :root {
        /*  */
    }
}

@media (max-width: 689.98px) {
    :root {
        --stk-block-margin-bottom: 24px;
    }
}


/* Entrance Animations
----------------------------------------------- */

.entrance-animation-delay-sequence .stk-entrance {
    --entrance-transform: translateY(10px);
}


/* Heroes
----------------------------------------------- */

.wp-block-stackable-hero .stk-block-hero__content {
    min-height: 1px;
}

.stk-block-background:not(.stk--no-padding) {
    padding-top: 6em;
    padding-bottom: 6em;
}

@media (max-width: 999.98px) {
    .stk-block-background:not(.stk--no-padding) {
        padding-top: 4em;
        padding-bottom: 4em;
    }
}


/* Headings (Theme Margin Toggle)
------------------------------------------- */

.stk-block-heading .stk-block-heading__text.stk-block-heading--use-theme-margins {
    margin-top: 0 !important;
    margin-bottom: -0.5rem !important;
}


/* Buttons
------------------------------------------- */

.stk-button,
.stk-button:before,
.stk-button:after,
.stk-block-button.is-style-ghost .stk-button .stk-button__inner-text {
    transition: all 0.2s ease !important;
}

.stk-block-button:not(.is-style-link) .stk-button {
    --stk-icon-color: var(--theme-button-border-color);
    border-top-left-radius: var(--theme-button-border-radius, 3px);
    border-top-right-radius: var(--theme-button-border-radius, 3px);
    border-bottom-right-radius: var(--theme-button-border-radius, 3px);
    border-bottom-left-radius: var(--theme-button-border-radius, 3px);
    min-height: var(--theme-button-min-height);
    --stk-button-padding: var(--theme-button-padding);
}

body.stk--anim-init .stk-block .stk-button:before {
    border-width: var(--stk-button-ghost-border-width);
}

.stk-button:hover {
    /* --stk-button-text-color: var(--theme-button-text-hover-color); */
}

.stk-button.stk--hover-effect-darken:hover {
    /* --stk-button-text-color: var(--stk-button-text-color); */
}

.stk-button:hover:after {
    --stk-button-background-color: var(--theme-button-background-hover-color);
}

.stk-block-button:not(.is-style-link) .stk-button > .stk-button__inner-text {
    font-family: var(--theme-button-font-family, var(--theme-font-family));
    font-size: var(--theme-button-font-size);
    font-weight: var(--theme-button-font-weight);
    font-style: var(--theme-button-font-style);
    line-height: var(--theme-button-line-height);
    letter-spacing: var(--theme-button-letter-spacing);
    text-transform: var(--theme-button-text-transform);
    -webkit-text-decoration: var(--theme-button-text-decoration);
    text-decoration: var(--theme-button-text-decoration);
}

.stk-block-button.small .stk-button {
    min-height: calc(var(--theme-button-min-height) * 0.85);
    --theme-button-padding: 8px 24px;
}

.stk-block-button:not(.is-style-link).small .stk-button > .stk-button__inner-text {
    font-size: calc(var(--theme-button-font-size) * 0.85);
}


/* Ghost Buttons
------------------------------------------- */

.stk-block-button.is-style-ghost .stk-button {
    background: transparent;
}

.stk-block-button.is-style-ghost .stk-button:before {
    border-style: var(--theme-button-border-style);
    border-color: var(--theme-button-border-color);
    border-width: var(--stk-button-ghost-border-width);
    border-top-width: var(--stk-button-ghost-border-width);
    border-right-width: var(--stk-button-ghost-border-width);
    border-bottom-width: var(--stk-button-ghost-border-width);
    border-left-width: var(--stk-button-ghost-border-width);
}

.stk-block-button.is-style-ghost .stk-button .stk-button__inner-text {
    color: var(--theme-button-border-color);
}

.stk-block-button.is-style-ghost .stk-button:hover {
    --stk-icon-color: var(--stk-button-text-color);
}

.stk-block-button.is-style-ghost .stk-button:hover .stk-button__inner-text {
    color: var(--stk-button-text-color);
}


/* Link Buttons
------------------------------------------- */

.stk-block-button.is-style-link a.stk-link {
    display: flex !important;
    align-items: center;
    --theme-text-decoration: underline;
}

.stk-block-button.is-style-link a.stk-link span.stk-button__inner-text:after {
    content: none;
}

.stk-block-button.is-style-link a.stk-link:hover .stk--inner-svg svg * {
    fill: var(--theme-link-hover-color) !important;
}


/* Parallax Background Images
----------------------------------------------- */

.stk-block-background.parallax > figure {
    position: absolute;
    overflow: hidden;
    z-index: 1 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
}

.stk-block-background.parallax > figure .ct-image-container[data-width=cover] {
    height: 100%;
    vertical-align: top;
}

.stk-block-background.parallax > figure .ct-image-container[data-width=cover] img {
    height: 100%;
}

.stk-block-image.parallax .stk-img-wrapper.ct-media-container img {
    transition: none;
}


/* Stackable - Video Popup
------------------------------------------- */

#bp_container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#bp_container > .bp-x {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 48px !important;
    width: 48px !important;
    top: 2rem !important;
    right: 2rem !important;
    margin: auto !important;
    background: rgba(255, 255, 255, 0.5);
}

@media (max-width: 999.98px) {

    #bp_aud,
    #bp_container img,
    #bp_sv,
    #bp_vid {
        max-height: 100% !important;
        max-width: 100% !important;
    }
}


/* Custom Font Vertical Baseline Fix */
span.stk-button__inner-text:after {
    content: '';
    display: inline-block;
    height: 1.25em;
}