/* Blocks related styles */

/* Desktop Margin And Padding Values */
@media screen and (width > 920px) {

    /* Margin Top */
    .custom-block:where(.d-mt-10) { --mt: 10px !important; }
    .custom-block:where(.d-mt-20) { --mt: 20px !important; }
    .custom-block:where(.d-mt-30) { --mt: 30px !important; }
    .custom-block:where(.d-mt-40) { --mt: 40px !important; }
    .custom-block:where(.d-mt-50) { --mt: 50px !important; }
    .custom-block:where(.d-mt-60) { --mt: 60px !important; }
    .custom-block:where(.d-mt-70) { --mt: 70px !important; }
    .custom-block:where(.d-mt-80) { --mt: 80px !important; }
    .custom-block:where(.d-mt-90) { --mt: 90px !important; }
    .custom-block:where(.d-mt-100) { --mt: 100px !important; }
    .custom-block:where(.d-mt-110) { --mt: 110px !important; }
    .custom-block:where(.d-mt-120) { --mt: 120px !important; }
    .custom-block:where(.d-mt-130) { --mt: 130px !important; }
    .custom-block:where(.d-mt-140) { --mt: 140px !important; }
    .custom-block:where(.d-mt-150) { --mt: 150px !important; }
    .custom-block:where(.d-mt-160) { --mt: 160px !important; }
    .custom-block:where(.d-mt-170) { --mt: 170px !important; }
    .custom-block:where(.d-mt-180) { --mt: 180px !important; }
    .custom-block:where(.d-mt-190) { --mt: 190px !important; }
    .custom-block:where(.d-mt-200) { --mt: 200px !important; }
    .custom-block:where(.d-mt-210) { --mt: 210px !important; }
    .custom-block:where(.d-mt-220) { --mt: 220px !important; }
    .custom-block:where(.d-mt-230) { --mt: 230px !important; }
    .custom-block:where(.d-mt-240) { --mt: 240px !important; }
    .custom-block:where(.d-mt-250) { --mt: 250px !important; }

    /* Margin Bottom */
    .custom-block:where(.d-mb-10) { --mb: 10px !important; }
    .custom-block:where(.d-mb-20) { --mb: 20px !important; }
    .custom-block:where(.d-mb-30) { --mb: 30px !important; }
    .custom-block:where(.d-mb-40) { --mb: 40px !important; }
    .custom-block:where(.d-mb-50) { --mb: 50px !important; }
    .custom-block:where(.d-mb-60) { --mb: 60px !important; }
    .custom-block:where(.d-mb-70) { --mb: 70px !important; }
    .custom-block:where(.d-mb-80) { --mb: 80px !important; }
    .custom-block:where(.d-mb-90) { --mb: 90px !important; }
    .custom-block:where(.d-mb-100) { --mb: 100px !important; }
    .custom-block:where(.d-mb-110) { --mb: 110px !important; }
    .custom-block:where(.d-mb-120) { --mb: 120px !important; }
    .custom-block:where(.d-mb-130) { --mb: 130px !important; }
    .custom-block:where(.d-mb-140) { --mb: 140px !important; }
    .custom-block:where(.d-mb-150) { --mb: 150px !important; }
    .custom-block:where(.d-mb-160) { --mb: 160px !important; }
    .custom-block:where(.d-mb-170) { --mb: 170px !important; }
    .custom-block:where(.d-mb-180) { --mb: 180px !important; }
    .custom-block:where(.d-mb-190) { --mb: 190px !important; }
    .custom-block:where(.d-mb-200) { --mb: 200px !important; }
    .custom-block:where(.d-mb-210) { --mb: 210px !important; }
    .custom-block:where(.d-mb-220) { --mb: 220px !important; }
    .custom-block:where(.d-mb-230) { --mb: 230px !important; }
    .custom-block:where(.d-mb-240) { --mb: 240px !important; }
    .custom-block:where(.d-mb-250) { --mb: 250px !important; }

    /* Padding Top */
    .custom-block:where(.d-pt-10) { --pt: 10px !important; }
    .custom-block:where(.d-pt-20) { --pt: 20px !important; }
    .custom-block:where(.d-pt-30) { --pt: 30px !important; }
    .custom-block:where(.d-pt-40) { --pt: 40px !important; }
    .custom-block:where(.d-pt-50) { --pt: 50px !important; }
    .custom-block:where(.d-pt-60) { --pt: 60px !important; }
    .custom-block:where(.d-pt-70) { --pt: 70px !important; }
    .custom-block:where(.d-pt-80) { --pt: 80px !important; }
    .custom-block:where(.d-pt-90) { --pt: 90px !important; }
    .custom-block:where(.d-pt-100) { --pt: 100px !important; }
    .custom-block:where(.d-pt-110) { --pt: 110px !important; }
    .custom-block:where(.d-pt-120) { --pt: 120px !important; }
    .custom-block:where(.d-pt-130) { --pt: 130px !important; }
    .custom-block:where(.d-pt-140) { --pt: 140px !important; }
    .custom-block:where(.d-pt-150) { --pt: 150px !important; }
    .custom-block:where(.d-pt-160) { --pt: 160px !important; }
    .custom-block:where(.d-pt-170) { --pt: 170px !important; }
    .custom-block:where(.d-pt-180) { --pt: 180px !important; }
    .custom-block:where(.d-pt-190) { --pt: 190px !important; }
    .custom-block:where(.d-pt-200) { --pt: 200px !important; }
    .custom-block:where(.d-pt-210) { --pt: 210px !important; }
    .custom-block:where(.d-pt-220) { --pt: 220px !important; }
    .custom-block:where(.d-pt-230) { --pt: 230px !important; }
    .custom-block:where(.d-pt-240) { --pt: 240px !important; }
    .custom-block:where(.d-pt-250) { --pt: 250px !important; }

    /* Padding Bottom */
    .custom-block:where(.d-pb-10) { --pb: 10px !important; }
    .custom-block:where(.d-pb-20) { --pb: 20px !important; }
    .custom-block:where(.d-pb-30) { --pb: 30px !important; }
    .custom-block:where(.d-pb-40) { --pb: 40px !important; }
    .custom-block:where(.d-pb-50) { --pb: 50px !important; }
    .custom-block:where(.d-pb-60) { --pb: 60px !important; }
    .custom-block:where(.d-pb-70) { --pb: 70px !important; }
    .custom-block:where(.d-pb-80) { --pb: 80px !important; }
    .custom-block:where(.d-pb-90) { --pb: 90px !important; }
    .custom-block:where(.d-pb-100) { --pb: 100px !important; }
    .custom-block:where(.d-pb-110) { --pb: 110px !important; }
    .custom-block:where(.d-pb-120) { --pb: 120px !important; }
    .custom-block:where(.d-pb-130) { --pb: 130px !important; }
    .custom-block:where(.d-pb-140) { --pb: 140px !important; }
    .custom-block:where(.d-pb-150) { --pb: 150px !important; }
    .custom-block:where(.d-pb-160) { --pb: 160px !important; }
    .custom-block:where(.d-pb-170) { --pb: 170px !important; }
    .custom-block:where(.d-pb-180) { --pb: 180px !important; }
    .custom-block:where(.d-pb-190) { --pb: 190px !important; }
    .custom-block:where(.d-pb-200) { --pb: 200px !important; }
    .custom-block:where(.d-pb-210) { --pb: 210px !important; }
    .custom-block:where(.d-pb-220) { --pb: 220px !important; }
    .custom-block:where(.d-pb-230) { --pb: 230px !important; }
    .custom-block:where(.d-pb-240) { --pb: 240px !important; }
    .custom-block:where(.d-pb-250) { --pb: 250px !important; }

}

/* Mobile Margin And Padding Values */
@media screen and (width <= 920px) {

    /* Margin Top */
    .custom-block:where(.m-mt-10) { --mt: 10px !important; }
    .custom-block:where(.m-mt-20) { --mt: 20px !important; }
    .custom-block:where(.m-mt-30) { --mt: 30px !important; }
    .custom-block:where(.m-mt-40) { --mt: 40px !important; }
    .custom-block:where(.m-mt-50) { --mt: 50px !important; }
    .custom-block:where(.m-mt-60) { --mt: 60px !important; }
    .custom-block:where(.m-mt-70) { --mt: 70px !important; }
    .custom-block:where(.m-mt-80) { --mt: 80px !important; }
    .custom-block:where(.m-mt-90) { --mt: 90px !important; }
    .custom-block:where(.m-mt-100) { --mt: 100px !important; }
    .custom-block:where(.m-mt-110) { --mt: 110px !important; }
    .custom-block:where(.m-mt-120) { --mt: 120px !important; }
    .custom-block:where(.m-mt-130) { --mt: 130px !important; }
    .custom-block:where(.m-mt-140) { --mt: 140px !important; }
    .custom-block:where(.m-mt-150) { --mt: 150px !important; }
    .custom-block:where(.m-mt-160) { --mt: 160px !important; }
    .custom-block:where(.m-mt-170) { --mt: 170px !important; }
    .custom-block:where(.m-mt-180) { --mt: 180px !important; }
    .custom-block:where(.m-mt-190) { --mt: 190px !important; }
    .custom-block:where(.m-mt-200) { --mt: 200px !important; }
    .custom-block:where(.m-mt-210) { --mt: 210px !important; }
    .custom-block:where(.m-mt-220) { --mt: 220px !important; }
    .custom-block:where(.m-mt-230) { --mt: 230px !important; }
    .custom-block:where(.m-mt-240) { --mt: 240px !important; }
    .custom-block:where(.m-mt-250) { --mt: 250px !important; }

    /* Margin Bottom */
    .custom-block:where(.m-mb-10) { --mb: 10px !important; }
    .custom-block:where(.m-mb-20) { --mb: 20px !important; }
    .custom-block:where(.m-mb-30) { --mb: 30px !important; }
    .custom-block:where(.m-mb-40) { --mb: 40px !important; }
    .custom-block:where(.m-mb-50) { --mb: 50px !important; }
    .custom-block:where(.m-mb-60) { --mb: 60px !important; }
    .custom-block:where(.m-mb-70) { --mb: 70px !important; }
    .custom-block:where(.m-mb-80) { --mb: 80px !important; }
    .custom-block:where(.m-mb-90) { --mb: 90px !important; }
    .custom-block:where(.m-mb-100) { --mb: 100px !important; }
    .custom-block:where(.m-mb-110) { --mb: 110px !important; }
    .custom-block:where(.m-mb-120) { --mb: 120px !important; }
    .custom-block:where(.m-mb-130) { --mb: 130px !important; }
    .custom-block:where(.m-mb-140) { --mb: 140px !important; }
    .custom-block:where(.m-mb-150) { --mb: 150px !important; }
    .custom-block:where(.m-mb-160) { --mb: 160px !important; }
    .custom-block:where(.m-mb-170) { --mb: 170px !important; }
    .custom-block:where(.m-mb-180) { --mb: 180px !important; }
    .custom-block:where(.m-mb-190) { --mb: 190px !important; }
    .custom-block:where(.m-mb-200) { --mb: 200px !important; }
    .custom-block:where(.m-mb-210) { --mb: 210px !important; }
    .custom-block:where(.m-mb-220) { --mb: 220px !important; }
    .custom-block:where(.m-mb-230) { --mb: 230px !important; }
    .custom-block:where(.m-mb-240) { --mb: 240px !important; }
    .custom-block:where(.m-mb-250) { --mb: 250px !important; }

    /* Padding Top */
    .custom-block:where(.m-pt-10) { --pt: 10px !important; }
    .custom-block:where(.m-pt-20) { --pt: 20px !important; }
    .custom-block:where(.m-pt-30) { --pt: 30px !important; }
    .custom-block:where(.m-pt-40) { --pt: 40px !important; }
    .custom-block:where(.m-pt-50) { --pt: 50px !important; }
    .custom-block:where(.m-pt-60) { --pt: 60px !important; }
    .custom-block:where(.m-pt-70) { --pt: 70px !important; }
    .custom-block:where(.m-pt-80) { --pt: 80px !important; }
    .custom-block:where(.m-pt-90) { --pt: 90px !important; }
    .custom-block:where(.m-pt-100) { --pt: 100px !important; }
    .custom-block:where(.m-pt-110) { --pt: 110px !important; }
    .custom-block:where(.m-pt-120) { --pt: 120px !important; }
    .custom-block:where(.m-pt-130) { --pt: 130px !important; }
    .custom-block:where(.m-pt-140) { --pt: 140px !important; }
    .custom-block:where(.m-pt-150) { --pt: 150px !important; }
    .custom-block:where(.m-pt-160) { --pt: 160px !important; }
    .custom-block:where(.m-pt-170) { --pt: 170px !important; }
    .custom-block:where(.m-pt-180) { --pt: 180px !important; }
    .custom-block:where(.m-pt-190) { --pt: 190px !important; }
    .custom-block:where(.m-pt-200) { --pt: 200px !important; }
    .custom-block:where(.m-pt-210) { --pt: 210px !important; }
    .custom-block:where(.m-pt-220) { --pt: 220px !important; }
    .custom-block:where(.m-pt-230) { --pt: 230px !important; }
    .custom-block:where(.m-pt-240) { --pt: 240px !important; }
    .custom-block:where(.m-pt-250) { --pt: 250px !important; }

    /* Padding Bottom */
    .custom-block:where(.m-pb-10) { --pb: 10px !important; }
    .custom-block:where(.m-pb-20) { --pb: 20px !important; }
    .custom-block:where(.m-pb-30) { --pb: 30px !important; }
    .custom-block:where(.m-pb-40) { --pb: 40px !important; }
    .custom-block:where(.m-pb-50) { --pb: 50px !important; }
    .custom-block:where(.m-pb-60) { --pb: 60px !important; }
    .custom-block:where(.m-pb-70) { --pb: 70px !important; }
    .custom-block:where(.m-pb-80) { --pb: 80px !important; }
    .custom-block:where(.m-pb-90) { --pb: 90px !important; }
    .custom-block:where(.m-pb-100) { --pb: 100px !important; }
    .custom-block:where(.m-pb-110) { --pb: 110px !important; }
    .custom-block:where(.m-pb-120) { --pb: 120px !important; }
    .custom-block:where(.m-pb-130) { --pb: 130px !important; }
    .custom-block:where(.m-pb-140) { --pb: 140px !important; }
    .custom-block:where(.m-pb-150) { --pb: 150px !important; }
    .custom-block:where(.m-pb-160) { --pb: 160px !important; }
    .custom-block:where(.m-pb-170) { --pb: 170px !important; }
    .custom-block:where(.m-pb-180) { --pb: 180px !important; }
    .custom-block:where(.m-pb-190) { --pb: 190px !important; }
    .custom-block:where(.m-pb-200) { --pb: 200px !important; }
    .custom-block:where(.m-pb-210) { --pb: 210px !important; }
    .custom-block:where(.m-pb-220) { --pb: 220px !important; }
    .custom-block:where(.m-pb-230) { --pb: 230px !important; }
    .custom-block:where(.m-pb-240) { --pb: 240px !important; }
    .custom-block:where(.m-pb-250) { --pb: 250px !important; }

}

.custom-block {
    margin-block: var(--mt, 0px) var(--mb, 0px);
    padding-block: var(--pt, 0px) var(--pb, 0px);
}

.custom-block .custom-block {
    --mt: 0px !important;
    --mb: 0px !important;
    --pt: 0px !important;
    --pb: 0px !important;
}

/* WP Block Columns */

.wp-block-columns.content-w-sidebar,
.wp-native-block .wp-block-columns.content-w-sidebar {
    justify-content: space-between;
    gap: 5rem;
}

.wp-block-columns.content-w-sidebar .wp-block-column.sidebar,
.wp-native-block .wp-block-columns.content-w-sidebar .wp-block-column.sidebar {
    align-self: flex-start;
    position: sticky;
    top: 10rem;
    margin-top: 4.6875rem;
    transition: top 300ms ease-out;
}

.site-header.hide ~ .site-content .wp-block-columns.content-w-sidebar .wp-block-column.sidebar,
.site-header.hide ~ .site-content .wp-native-block .wp-block-columns.content-w-sidebar .wp-block-column.sidebar {
    top: 4.6875rem;
}

@media screen and (width < 782px) {
    .wp-block-columns.content-w-sidebar,
    .wp-native-block .wp-block-columns.content-w-sidebar {
        gap: 3.125rem;
    }
    .wp-block-columns.content-w-sidebar .wp-block-column.sidebar,
    .wp-native-block .wp-block-columns.content-w-sidebar .wp-block-column.sidebar {
        position: relative;
        top: 0 !important;
        align-self: auto;
        margin-top: 0;
    }
    .wp-block-columns.content-w-sidebar.is-layout-flex,
    .wp-native-block .wp-block-columns.content-w-sidebar.is-layout-flex {
        flex-direction: column;
    }
    .wp-block-columns.content-w-sidebar.is-layout-flex > *,
    .wp-native-block .wp-block-columns.content-w-sidebar.is-layout-flex > * {
        max-width: 100%;
    }
}

/* WP Block Pullquote */

.wp-block-pullquote,
.wp-native-block .wp-block-pullquote {
    font-size: inherit;
    line-height: inherit;
    border: 0;
    padding: 2.875rem 3rem 3.125rem;
    background-color: var(--c-primary);
    color: var(--c-heading-d);
    text-align: left;
}

.wp-block-pullquote blockquote > p,
.wp-native-block .wp-block-pullquote blockquote > p {
    font-family: var(--ff-featured);
    font-style: italic;
    font-optical-sizing: auto;
    font-weight: 400;
    font-variation-settings: "wdth" 100;
    line-height: 1.5;
    letter-spacing: -.03em;
    font-size: var(--font-24-20);
    margin-bottom: 2.3125rem;
    padding-top: 4.1875rem;
    position: relative;
}

.wp-block-pullquote blockquote > p::before,
.wp-native-block .wp-block-pullquote blockquote > p::before {
    content: var(--i-quote);
    position: absolute;
    top: 0;
    left: 0;
    width: 1.9375rem;
    height: 2.25rem;
}

.wp-block-pullquote cite,
.wp-native-block .wp-block-pullquote cite {
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
    text-transform: none;
}

.wp-block-pullquote cite > *,
.wp-native-block .wp-block-pullquote cite > * {
    margin-block: 0;
}

@media screen and (width <= 620px) {
    .wp-block-pullquote,
    .wp-native-block .wp-block-pullquote {
        padding: 3.125rem 1.5rem 3.25rem;
    }
    .wp-block-pullquote blockquote > p,
    .wp-native-block .wp-block-pullquote blockquote > p {
        padding-top: 3.25rem;
    }
}