/* Rainbow on toptask header and card  */
.highlightmenu .card:after,
.top-tasks-header:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.5rem;
    background: linear-gradient(90deg, var(--root-color--primary) 0%, #C9CE26 100%);
    transform: translate(0,50%);
    z-index: 1;
}

.highlightmenu .card {
    position: relative;
}

.highlightmenu .card:after {
    background: linear-gradient(90deg, #C9CE26 0%, var(--root-color--primary) 100%);
}

/* Overview pages background color */
[data-document-type="56"],
[data-document-type="64"],
[data-document-type="66"],
[data-document-type="77"] {
    background-color: var(--root-color-background--grey);
}

/* Set background color for circle social links */
.page-footer__columns .footer__link .link:active,
.page-footer__columns .footer__link .link:focus,
.page-footer__columns .footer__link .link:hover {
    --color: var(--root-color--primary);
}

/* No borders on contactpage collapsible */
[data-document-type="64"] .collapsible:not(.accordion__item) {
    border: 0;
    margin-bottom: 0.25rem;
    --color-border-horizontal: transparent;
}

[data-document-type="64"] .collapsible__button:focus,
[data-document-type="64"] .collapsible__button:hover {
    --color-background: #FBFCF0;
}

/* Differentiate footer links hover color from social links hover color */
:not(.footer-social-media-links__container) > .footer__link-list .link:hover,
:not(.footer-social-media-links__container) > .footer__link-list .link:focus,
:not(.footer-social-media-links__container) > .footer__link-list .link:active {
    --color: var(--root-color--white-darkest);
}

/* Smaller icones to balance links */
.footer-social-media-links__container {
    margin-top: 1em;
}

.page-footer__columns .footer__element--icons .link {
    height: 2em;
    width: 2em;
}