/* 	3D7D8F = individuele kleur | Nieuw: #D7007F 
 	225E6F = Mengkleur 1 | Nieuw: #AB204B 
*/


h1, h2, h3,
.umb-grid h2,
.umb-grid h3 {
	color: #AB204B;
}

#pay-off path {
	fill: #D7007F;
}

#twitter-custom #background {
	fill: #AB204B;
}

#facebook-custom #background {
	fill: #AB204B;
}

.navigation {
	background: linear-gradient(to right, #B0A073, #B0A073 calc(100% - 15px), #D7007F 15px);
}

.navigation .responsive-menu {
	background-color: #B0A073;
}

.navigation .search {
	background-color: #D7007F;
}

.navigation .search .search-label {
	background-color: #AB204B;
}

.navigation .search .search-field:focus {
	outline: 2px solid #D7007F;
}

.hero__navigation {
	background: linear-gradient(to bottom, #D7007F, #D7007F calc(100% - 80px), #AB204B 80px);
}

.hero__navigation--bottom {
	background-color: #B0A073;
}

.subnav .content ul li:hover {
    color: #AB204B;
}

.block .block__background:hover .block__content .title, 
.block .block__background:hover .block__content .date {
    color: #AB204B;
}

.split-background .container {
	background-color: #D7007F;
}

.split-background.wide .container::after {
    background-color: #D7007F;
}

.split-background .left {
	background-color: #D7007F;
}

.split-background .right {
	background-color: #B0A073;
}

.split-background .split {
	background-color: #AB204B;
}

.social-title {
    color: #AB204B;
}

.smoelenboek .name {
	color: #D7007F
}
.block.agenda-item .block__background{background:#AB204B}
.block.agenda-item .block__background .block__content .date,
.block.agenda-item .block__background .block__content .title{color:#fff}

.footer {
	background-color: #B0A073;
}

.footer::after {
	background-color: #AB204B;
} 

@media (min-width: 768px) {
	.footer {
		background: linear-gradient(to right, #B0A073, #B0A073 50%, #D7007F 50%);
	}

    .footer .social {
        background: linear-gradient(to right, #B0A073, #B0A073 120px, #D7007F 120px);
    }

    .footer .social::before {
        background-color: #AB204B;
	}
}

@media (min-width: 1024px) {
	.navigation .search-bar {
		background-color: #AB204B;
	}
	
	.navigation .responsive-menu .menu-item.current {
		background-color: #AB204B;
	}
	.navigation .responsive-menu .menu-item:hover {
		background-color: #AB204B;
	}
}

@media (min-width: 1170px) {
	.navigation {
		background: linear-gradient(to right, #B0A073, #B0A073 50%, #D7007F 50%);
	}
	
	.split-background.wide .container {
		background: linear-gradient(to right, #D7007F, #D7007F 50%, rgba(255, 255, 255, 0) 50%);
	}
}