/* Content frame */
[data-document-type]:not([data-document-type="50"]):not([data-document-type="51"]):not([data-document-type="66"]) {
    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: 3rem;
    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;
}

/*  No breadcrumb border if content frame */
[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"]) .main-top__columns {
    --width-border: 0;
}

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

/* Contact page row 2 and 3 white */
.contact-page__row2 {
    margin-top: 3rem;
}

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

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