/* CE Banner - Balloon shape triangle for Layout 2 */
.ce-header.banner--layout-0 .banner__content-frame,
.ce-header.banner--layout-2 .banner__content-frame {
    position: relative;
}

.ce-header.banner--layout-0 .banner__content-frame:after,
.ce-header.banner--layout-2 .banner__content-frame:after {
    position: absolute;
    left: 1rem;
    top: -3.75rem;
    content: '';
    width: 2.875rem;
    height: 3.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23fff' d='M0 60h38l8-60z'/%3E%3C/svg%3E");
}

.ce-header.banner--layout-0.section--color-primary .banner__content-frame:after,
.ce-header.banner--layout-0.section--color-secondary .banner__content-frame:after,
.ce-header.banner--layout-0.section--color-support .banner__content-frame:after,
.ce-header.banner--layout-0.section--color-grey .banner__content-frame:after,
.ce-header.banner--layout-2.section--color-primary .banner__content-frame:after,
.ce-header.banner--layout-2.section--color-secondary .banner__content-frame:after,
.ce-header.banner--layout-2.section--color-support .banner__content-frame:after,
.ce-header.banner--layout-2.section--color-grey .banner__content-frame:after {
    display: none;
}

@media (min-width: 62rem) {
    .ce-header.banner--layout-0 .banner__content-frame:after {
        display: none;
    }

    .ce-header.banner--layout-2 .banner__content-frame:after {
        top: unset;
        left: unset;
        right: 1rem;
        bottom: -3.75rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23fff' d='M0 0h38l8 60z'/%3E%3C/svg%3E");
    }
}

/* Spotlight - Balloon shape triangle for Layout 6/7 */
.spotlight.spotlight--layout-6 .spotlight__content,
.spotlight.spotlight--layout-7 .spotlight__content {
    position: relative;
}

.spotlight.spotlight--layout-6 .spotlight__content:after,
.spotlight.spotlight--layout-7 .spotlight__content:after {
    position: absolute;
    left: 1rem;
    top: -3.75rem;
    content: '';
    width: 2.875rem;
    height: 3.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23fff' d='M0 60h38l8-60z'/%3E%3C/svg%3E");
}

.spotlight.spotlight--layout-6.section--color-primary .spotlight__content:after,
.spotlight.spotlight--layout-7.section--color-primary .spotlight__content:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23106e61' d='M0 60h38l8-60z'/%3E%3C/svg%3E");
}

.spotlight.spotlight--layout-6.section--color-secondary .spotlight__content:after,
.spotlight.spotlight--layout-7.section--color-secondary .spotlight__content:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23cc0069' d='M0 60h38l8-60z'/%3E%3C/svg%3E");
}

.spotlight.spotlight--layout-6.section--color-support .spotlight__content:after,
.spotlight.spotlight--layout-7.section--color-support .spotlight__content:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23c4e4dd' d='M0 60h38l8-60z'/%3E%3C/svg%3E");
}

.spotlight.spotlight--layout-6.section--color-grey .spotlight__content:after,
.spotlight.spotlight--layout-7.section--color-grey .spotlight__content:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23edefed' d='M0 60h38l8-60z'/%3E%3C/svg%3E");
}

@media (min-width: 62rem) {
    .spotlight.spotlight--layout-6 .spotlight__content:after,
    .spotlight.spotlight--layout-7 .spotlight__content:after {
        top: unset;
        left: unset;
        right: 1rem;
        bottom: -3.75rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23106e61' d='M0 0h38l8 60z'/%3E%3C/svg%3E");
    }

    .spotlight.spotlight--layout-6.section--color-primary .spotlight__content:after,
    .spotlight.spotlight--layout-7.section--color-primary .spotlight__content:after,
    .spotlight.spotlight--layout-6.section--color-secondary .spotlight__content:after,
    .spotlight.spotlight--layout-7.section--color-secondary .spotlight__content:after,
    .spotlight.spotlight--layout-6.section--color-support .spotlight__content:after,
    .spotlight.spotlight--layout-7.section--color-support .spotlight__content:after,
    .spotlight.spotlight--layout-6.section--color-grey .spotlight__content:after,
    .spotlight.spotlight--layout-7.section--color-grey .spotlight__content:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='60' fill='none' viewBox='0 0 46 60'%3E%3Cpath fill='%23fff' d='M0 0h38l8 60z'/%3E%3C/svg%3E");
    }
}

/* Card List - Balloon shape triangle */
.cards:not([data-maximum-columns="2"]) .card__image {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='20' height='30' fill='none' viewBox='0 0 20 30'%3E%3Cpath fill='%23000' d='m0 0 20 30H0z'/%3E%3C/svg%3E") bottom left / 1.25rem 1.875rem no-repeat, linear-gradient(#000 0 0);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='20' height='30' fill='none' viewBox='0 0 20 30'%3E%3Cpath fill='%23000' d='m0 0 20 30H0z'/%3E%3C/svg%3E") bottom left / 1.25rem 1.875rem no-repeat, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: exclude;
}

/*
  - Rectangle image above footer
  - Adjust enough padding for footer content
  - Reposition scroll to top button
*/
.page-footer {
    z-index: 2;
    position: relative;
}

.page-footer:after {
    z-index: -1;
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    height: 3rem;
    background-color: var(--root-color--white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 48' preserveAspectRatio='none'%3E%3Cpath fill='%23106e61' d='M0 48h375V0z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.page-footer__container {
    padding-top: 6rem;
}

.scroll-button__up {
    z-index: 3;
    transform: translate(-50%, 3rem);
}

@media (min-width: 42rem) {
    .page-footer:after {
        height: 6rem;
    }

    .page-footer__container {
        padding-top: 9rem;
    }

    .scroll-button__up {
        transform: translate(-50%, 4.438rem);
    }
}

/* Social share */
.social-share__header {
    --font-weight: var(--root-font-weight--semi-bold);
}