.background-body {
background-color: #F4F3F1; }
.background-header {
background-color: #7e68a0; }
.background-accent {
background-color: #7e68a0; }
.background-accent * {
color: #ffffff; }
.pageselect a:hover {
color: #8aa068; }
.pageselect .pages a:hover {
border-color: #8aa068; }
.pageselect .pages strong {
background-color: #7e68a0;
border-color: #7e68a0;
color: #ffffff; }
.primairy-search-input {
border-color: #7e68a0;
color: #7e68a0; }
li.menu-item a:hover svg path {
fill: #7e68a0 !important; }
.foreground-accent, .background h2, .background-desktop h2 {
color: #7e68a0; }
.foreground-accent svg *, .background h2 svg *, .background-desktop h2 svg * {
fill: #7e68a0; }
.foreground-highlight {
color: #8aa068; }
.foreground-highlight svg * {
fill: #8aa068; }
#wrapper a:hover, footer a:hover, footer a:hover span {
color: #7e68a0; }
.cms-text h2, .cms-text h3 {
color: #7e68a0; }
.searchbox button svg path {
fill: #7e68a0; }
.searchbox button:hover svg path {
fill: #7e68a0; }
.button {
background-color: #7e68a0;
border-color: #7e68a0; }
.button * {
color: #ffffff; }
.button svg * {
fill: #ffffff; }
.button.outline {
background-color: #ffffff; }
.button.outline * {
color: #7e68a0; }
.button.outline svg * {
fill: #7e68a0; }
.button.highlight, .button:hover, a:hover .button {
background-color: #8aa068;
border-color: #8aa068; }
.button.highlight.outline {
background-color: #ffffff; }
.button.highlight.outline * {
color: #8aa068; }
.button.highlight.outline svg * {
fill: #8aa068; }
.button.highlight:hover, .button.outline:hover {
background-color: #7e68a0;
border-color: #7e68a0; }
.button.highlight:hover *, .button.outline:hover * {
color: #ffffff; }
.button.highlight:hover svg *, .button.outline:hover svg * {
fill: #ffffff; }
.profile-picture {
border-color: #7e68a0; }
#wrapper .wrap.profile-card .profile-location::before {
background-image: url('data:image/svg+xml,'); }
@media (min-width: 700px) {
#wrapper .wrap.profile-card .profile-location .place::before {
background-image: url('data:image/svg+xml,'); } }
#wrapper .wrap.profile-card .contact-method::before {
background-image: url('data:image/svg+xml,'); }
/* // Gevuld hartje
.button.css-icon.icon-favorite::before {
background-image: url('data:image/svg+xml,');
}
.button.css-icon.icon-favorite:hover::before {
background-image: url('data:image/svg+xml,');
}
*/
.button.css-icon.icon-favorite::before {
background-image: url('data:image/svg+xml,'); }
.button.css-icon.icon-favorite:hover::before {
background-image: url('data:image/svg+xml,'); }
.button.css-icon.icon-mail::before {
background-image: url('data:image/svg+xml,'); }
.button.css-icon.icon-mail:hover::before {
background-image: url('data:image/svg+xml,'); }
.button.css-icon.icon-profile::before {
background-image: url('data:image/svg+xml,'); }
.background-footer {
background-color: #7e68a0; }
.background-footer * {
color: #ffffff; }
@media (min-width: 800px) {
.background-mobile-footer {
background-color: #ffffff; }
.background-mobile-footer * {
color: #000000; }
.background-mobile-footer svg * {
fill: #7e68a0; }
.background-mobile-footer .logo * {
color: #7e68a0; }
.background-mobile-footer .copyright-line li:before {
color: #7e68a0; } }
@media (max-width: 799px) {
.background-mobile-footer .foreground-accent {
color: #ffffff; } }
@media (max-width: 425px) {
.wrap.logo .logo-inner {
font-size: 90%; } }
@media (max-width: 374px) {
.wrap.logo .logo-inner {
font-size: 84%; } }
@media (max-width: 349px) {
.wrap.logo .logo-inner {
font-size: 72%; } }
@media (max-width: 425px) {
.footer-column {
margin-left: 2.5em; } }
@media (min-width: 900px) {
.home-top-wrap .home-graphic {
position: absolute;
top: 0;
left: calc(50% + 48vw);
transform: translateX(-100%);
width: calc(100vw - 58em);
max-width: 20em;
height: 100%;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right; } }
@media (min-width: 900px) and (min-width: 1325px) {
.home-top-wrap .home-graphic {
transform: translateX(-3em);
left: 50%;
margin-left: 25vw; } }
.logo-bar .wrap.usp .usp-inner {
padding-left: 2.9em; }
@media (max-width: 500px) {
.logo-bar .wrap.usp .usp-inner {
padding-left: 2.7em;
font-size: 90%;
margin-top: -0.1em; } }
/*# sourceMappingURL=style-custom.css.map */