/* Page background color */
@media (min-width: 62rem) {
    [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) {
        background-color: var(--root-color-background--grey);
    }

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

/* Page header logo */
.page-header__logo {
    align-items: flex-start;
}

/* Top tasks */
.top-tasks-tile__description {
    margin-top: 0.5rem;
}

/* Contact button color for opening times in top tasks */
.opening-times__icon {
    display: none;
}

.opening-times .button.button-primary {
    --background-color: var(--root-color--footer);
    --border-top-color: var(--root-color--footer);
    --border-right-color: var(--root-color--footer);
    --border-bottom-color: var(--root-color--footer);
    --border-left-color: var(--root-color--footer);
    --color: var(--root-color--white);
}

.opening-times .button.button-primary:hover,
.opening-times .button.button-primary:focus,
.opening-times .button.button-primary:active {
    --border-top-color: var(--root-color--footer-dark);
    --border-right-color: var(--root-color--footer-dark);
    --border-bottom-color: var(--root-color--footer-dark);
    --border-left-color: var(--root-color--footer-dark);
    --background-color: var(--root-color--footer-dark);
}

/* 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__row2:last-child:not(.section--color),
.column > .contact-page__row3:last-child:not(.section--color) {
    margin-bottom: 0;
    padding-bottom: 3rem;
}