body, #dashboardviews, #dashboardViewsHeader, .mosaic-header, .search-area-expanded, #dashboardTitleAndControls {
    background: #EEEDED;
}

#logo {
    max-width: 350px;
    margin-right: 0;
}

.logo-link {
    display: flex;
    width: 350px;
    margin-right: 50px;
}

#dashboardheader, #j-container header.topheader {
    background: #594d4a;
}

#innerheader {
    height: auto;
    padding: 24px 0;
    justify-content: space-between;
}

.mosaic-top-header::after {
    background-image: url(images/background.jpg?v1);
    background-position: bottom center;
}

.theme .theme__image img, .theme .theme__image object, .free-tile .theme-tile-image img, .free-tile .theme-tile-image object, #mainwrapper.gemeenteprofiel .wQuarter img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(3%) saturate(2437%) hue-rotate(325deg) brightness(86%) contrast(79%);;
}

#breadcrumb-container a.trail-link,
#breadcrumb-container .crumbtrail-menu-btn {
	color: #3A5B53;
}

#custommenu a, #innerheader h1 {
    color: #FFF;
}

#custommenu a:hover {
    color: #cdcdcd;
}

#show-feedback-popup {
    display: none!important;
}

#custommenu li {
    display: none;

    &:last-child {
        display: block;
    }
}

#dashboardView-search, .navbutton.mosaic-search, #j-ac-search-toggle {
    display: none;
}

#footer {
    padding: 0;
}

.contact-block {
    display: block!important;
    padding: 24px 24px 80px 24px;
    background: #FFF;
    font-size: 19px;
    line-height: 1.4;

    p {
        display: flex;
        align-items: center;
        gap: 24px;
        max-width: 1290px;
        padding: 0 24px;
        margin: 0 auto;

        span {
            max-width: 600px;
        }
        
        &:before {
            content: "\f05a";
            font-family: "Font Awesome 6 Pro";
            color: #1C3747;
            font-weight: 500;
            font-size: 28px;
        }
    }

    a {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 8px 16px;
        margin-left: auto;
        background: #db1457;
        color: #FFF;
        transition: .3s ease-in-out all;
        text-decoration: none;

        &:before {
            content: "\f0e0";
            font-family: "Font Awesome 6 Pro";
            font-weight: 500;
            font-size: 22px;
        }
        
        &:hover {
            color: #142328;
        }
    }
}

@media screen and (max-width: 1024px) {
    #innerheader, #dashboardheader {
        height: auto;
    }

    #innerheader {
        padding: 0;
    }

    .logo-link {
        width: 260px;
    }

    #logo {
        width: auto;
        max-height: none;
    }
}

@media (min-width: 1px) and (max-width: 900px) {
    #pull {
        color: #FFF;
    }

    #custommenu a {
        color: #000;

        &:hover {
            color: #000;
        }
    }
}