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

:root {
    --stk-column-margin: 0;
    --stk-block-background-padding: 6em 0;
    --stk-block-margin-bottom: 2rem;
    --stk-button-ghost-border-width: var(--theme-button-border-width);
    --entrance-duration: 0.75s;
}

body.stk--anim-init .stk--has-background-overlay:before,
body.stk--anim-init .stk-block .stk-button:after,
body.stk--anim-init .stk-block .stk-button:before,
body.stk--anim-init .stk-block li::marker,
body.stk--anim-init .stk-block-tabs__tab,
body.stk--anim-init .stk-img-wrapper:after,
body.stk--anim-init .stk-img-wrapper:before,
body.stk--anim-init :is(.stk-block, .stk-container, .stk-container-padding, .stk-img-wrapper, .stk-img-wrapper img, .stk-block-heading__top-line, .stk-block-heading__bottom-line, .stk-block-posts__item-hide, .stk-block-posts__title>a, .stk-button, .stk-button__inner-text, .stk-block li, .stk-block p, .stk-block h1, .stk-block h2, .stk-block h3, .stk-block h4, .stk-block h5, .stk-block h6, .stk-block [class*=__text]) {
    /* --stk-transition-duration: 250ms;
    transition: all var(--stk-transition-duration, .12s) cubic-bezier(0.215, 0.61, 0.355, 1), flex 0s, max-width 0s, visibility 0s */
}

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

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


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

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


/* Sections
----------------------------------------------- */

[class*=ct-container] > article > .entry-content > *:not(.subfooter) {
    margin-bottom: 6em;
}

@media (max-width: 999.98px) {
    [class*=ct-container] > article > .entry-content > *:not(.subfooter) {
        margin-bottom: 4em;
    }
}

@media (max-width: 689.98px) {
    [class*=ct-container] > article > .entry-content > *:not(.subfooter) {
        margin-bottom: 3em;
    }
}


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

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


/* Parallax Slider Carousel
----------------------------------------------- */

/* .stk-parallax-slider-carousel,
.stk-parallax-slider-carousel * {
    height: 100%;
    margin-bottom: 0 !important;
} */

/* .stk-parallax-slider-carousel .stk-block-carousel__slider figure img {
    transition: none !important;
} */

.simply-parallax-slider > figure .ct-media-container:not(.pgcsimplygalleryblock-slider-item-wrap) > img {
    visibility: hidden;
}

.simply-parallax-slider .wp-block-pgcsimplygalleryblock-slider {
    position: absolute;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

.simply-parallax-slider .pgcsimplygalleryblock-slider-collection {
    height: 100% !important;
}

.simply-parallax-slider .pgcsimplygalleryblock-slider-content,
.simply-parallax-slider .pgcsimplygalleryblock-slider-item .pgcsimplygalleryblock-slider-main-wrap {
    padding: 0 !important;
}

.simply-parallax-slider .pgcsimplygalleryblock-slider-item img {
    width: 100% !important;
    left: 0 !important;
}




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

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

@media (max-width: 999.98px) {
    .stk-block-heading .stk-block-heading__text.stk-block-heading--use-theme-margins {
        margin-bottom: 0.75rem !important;
    }
}


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

.stk-button {
    min-height: var(--theme-button-min-height);
    --stk-button-padding: var(--theme-button-padding);
    transition: all 0.2s ease !important;
    outline: none;
}

.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:after {
    --stk-button-background-color: var(--theme-button-background-hover-color);
}

.stk-block-button:not(.is-style-link) .stk-button:hover > .stk-button__inner-text {
    --stk-button-text-color: var(--theme-button-text-hover-color);
}

.fluentform .ff-el-group button,
.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 {
    background: var(--theme-button-border-color);
    --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);
}

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

/* .stk-block-tabs > .stk-block-tabs--fade > .stk-block-tab-content .stk-block-content .stk-block-column[hidden] {
    display: flex !important;
} */


/* Stackable - Image (text wrap)
----------------------------------------------- */

[class*='is-content-justification-left'] > .stk-block-image {
    margin-inline-end: 3em !important;
}

[class*='is-content-justification-right'] > .stk-block-image {
    margin-inline-start: 3em !important;
}

@media (max-width: 999.98px) {
    [class*='is-content-justification-left'] > .stk-block-image {
        margin-inline-end: 2em !important;
        margin-inline-start: 0em !important;
    }

    [class*='is-content-justification-right'] > .stk-block-image {
        margin-inline-end: 0em !important;
        margin-inline-start: 2em !important;
    }
}

@media (max-width: 689.98px) {
    [class*='is-content-justification-'] > .stk-block-image {
        margin-inline-end: 0em !important;
        margin-inline-start: 0em !important;
    }
}

/* Custom Carousel
------------------------------------------- */

.custom-carousel .stk-block-carousel {
    --button-offset: 0px;
    --dot-offset: 36px;
    --dot-gap: 24px;
    --dot-size: 18px;
    --dot-active-width: 18px;
    --dot-active-height: 18px;
    --dot-color: var(--theme-palette-color-6);
    --dot-color-hover: var(--theme-palette-color-6);
}

/* Stackable Image Captions
------------------------------------------- */
.stk-img-figcaption {
    position: absolute;
    bottom: 1em;
    left: 0;
    top: auto;
    width: fit-content !important;
    padding: 2px 10px 2px 12px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), 10px 0 0 rgba(0, 0, 0, 0.8);
    z-index: 1;
}

/* Rotating Badge
------------------------------------------- */

.rotating-badge .inner {
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="38" fill="black"/></svg>');
}

.rotating-badge .inner,
.rotating-badge .outer {
    aspect-ratio: 1/1;
    width: fit-content;
}

.rotating-badge .outer .stk--shape-icon {
    z-index: 1;
}