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

:root {
    --stk-block-background-padding: 5em 2em;
    --entrance-duration: 1s;
    --stk-button-ghost-border-width: var(--theme-button-border-width);
}

@media (max-width: 999.98px) {
    :root {
        --stk-block-background-padding: 4em 2em;
    }
}

@media (max-width: 689.98px) {
    :root {
        --stk-block-background-padding: 3em 1em;
    }
}


/* 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 {
    min-height: var(--theme-button-min-height);
    --stk-button-padding: var(--theme-button-padding);
    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);
}

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


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


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

/* Testimonials
------------------------------------------- */

.stk-block-carousel .stk-block-carousel__buttons {
    align-items: flex-start;
    inset: 25% 0 0 0 !important;
}

@media (max-width: 999.98px) {
    .stk-block-carousel .stk-block-carousel__buttons {
        inset: 35% 0 0 0 !important;
    }
}

@media (max-width: 689.98px) {

    .stk-block-carousel.stk--hide-mobile-arrows .stk-block-carousel__slider {
        width: 100% !important;
    }
}

.stk-block-testimonial .stk-block-testimonial__text {
    border-radius: 16px;
}

.stk-block-testimonial .stk-button {
    pointer-events: none;
}

.stk-block-testimonial .stk-block-testimonial__text:after {
    content: '' !important;
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: -8px;
    background: inherit;
    transform: rotate(45deg);
    left: calc(50% - 8px);
}