/* Page background color */
@media (min-width: 62rem) {
    [data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]) {
        background-color: #e9f0f6;
    }

    [data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]):not([data-document-type="1"].layout-1) .main-column {
        background-color: var(--root-color--white);
        margin-top: 3.5rem;
        margin-bottom: 6rem;
        position: relative;
    }

    /* Using a pseudo element here, because adding the outline to .main-column itself will fail in FF */
    [data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="56"]):not([data-document-type="64"]):not([data-document-type="66"]):not([data-document-type="1"].layout-1) .main-column::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        outline: 3rem solid var(--root-color--white);
        pointer-events: none;
    }
}

/* Readspeaker button */
.readspeaker__button.button.button--small {
    --font-weight: var(--root-font-weight--semi-bold);
}

/* Facets filter */
@media (min-width: 62rem) {
    .facets-filter .collapsible__button,
    .facets-filter .collapsible__panel {
        --color-background: transparent;
    }
}

/* Footer image */
.page-footer {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 350' preserveAspectRatio='xMinYMax' fill='%231864ae'%3E%3Ctitle%3Etoptask-curve%3C/title%3E%3Cpath d='M0,327.093L0,350L2400,350L2400,0C1739.24,311.303 699.337,334.808 184.639,334.683C68.814,334.655 0,327.093 0,327.093Z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size: 100%;
    background-position:100% 100%
}

/* Contact page */
.contact-page__row2,
.contact-page__row3 {
    background-color: var(--root-color--white);
}

.contact-page__row2 {
    margin-top: 3rem;
    padding-top: 1rem;
}

.column > .contact-page__row3:last-child:not(.section--color) {
    margin-bottom: 0;
    padding-bottom: 3rem;
}

/* Document type product */
[data-document-type="52"] .main-column > .ce-textpic:first-of-type ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .top-links + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .ce-shortcut:first-of-type + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .ce-shortcut + .ce-textpic ul:first-of-type,
[data-document-type="52"] .main-column > .page-title + .top-links + .ce-shortcut + .ce-textpic ul:first-of-type {
    font-weight: var(--root-font-weight--semi-bold);
}

/* CE Highlight menu */
.highlightmenu .card:not(.card--color) .card__title {
    --color: var(--root-color--primary);
}

/* Top tasks mask */
@media (min-width: 30rem) {
    .top-tasks-background {
        -webkit-mask: url("data:image/svg+xml,%3Csvg width='1201' height='477' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1201v308.16C997.268 408.351 606.976 476.118 158.97 476.118c-53.905 0-106.963-.988-158.97-2.89V0Z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E");
        mask: url("data:image/svg+xml,%3Csvg width='1201' height='477' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1201v308.16C997.268 408.351 606.976 476.118 158.97 476.118c-53.905 0-106.963-.988-158.97-2.89V0Z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E");
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-position: bottom right;
        mask-position: bottom right;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }
}

/* Scroll button position because of mask */
@media (min-width: 30rem) {
    .scroll-button__down {
        transform: translate(-50%, 0);
    }
}

@media (min-width: 62rem) {
    .scroll-button__down {
        transform: translate(-50%, -40%);
    }
}