.datum-dorpskalender span.dag,
blockquote .citaat
	{font-family: var(--wp--preset--font-family--heading);}

.dorpskalender h3.ondertitel,
.dropdown h4,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li h4
	{font-family: var(--wp--preset--font-family--body);}

input, label, textarea, select, option,
.wp-block-query h3.dorpskalender-categorie,
.dropdown h4,
.box .top-box h2,
button[type="submit"],
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li h4
	{font-size: var(--wp--preset--font-size--medium);}

.wp-block-query h2,
.wp-block-query h3,
.datum-dorpskalender span.dag
	{font-size: var(--wp--preset--font-size--large);}

h3.gsection_title
	{font-size: var(--wp--preset--font-size--x-large);}

.xx-large-font
	{font-size: var(--wp--preset--font-size--xx-large);}

.small-font,
.wp-block-query ul.dorpskalender h3.ondertitel,
.wp-block-query ul.dorpskalender p,
.overzicht-deelnemers ul h3.ondertitel,
.overzicht-deelnemers ul div.samenvatting p,
.wp-block-query p.wp-block-post-excerpt__excerpt,
.wp-block-query ul li p.activiteit-datum,
p.login-lost-password a
	{font-size: var(--wp--preset--font-size--small);}

blockquote .citaat:before, blockquote .citaat:after
	{font-size: calc(var(--wp--preset--font-size--xx-large) * 2);}

.fontsize0-9,
header section nav.primair-menu li a,
footer.wp-block-template-part nav,
footer.wp-block-template-part label,
footer.wp-block-template-part input,
.bestuurslid h3,
.wp-block-query h3.dorpskalender-categorie,
form.ovp-aanmeldformulier .gfield_description
	{font-size: calc(var(--wp--preset--font-size--medium) * 0.8);}

.wp-block-query ul a h2,
.box .ondertitel, 
blockquote .citaat
	{font-size: calc(var(--wp--preset--font-size--medium) * 0.9);}

.wp-block-query ul li p.post-datum
	{font-size: calc(var(--wp--preset--font-size--small) * 0.9);}

.hele-kleine-letters
	{font-size: calc(var(--wp--preset--font-size--small) * 0.7);}

footer.wp-block-template-part nav,
footer.wp-block-template-part label,
.button a
	{line-height: 2;}

.activiteit-datum
	{line-height: 1.2;}

.wp-block-post-excerpt__more-text a,
p.datum-dorpskalender
	{line-height: .9;}

blockquote .citaat,
blockquote .citaat:before, blockquote .citaat:after
	{line-height: 0;}

.hoofdletter:first-letter
	{text-transform: uppercase;}

.button a,
.wp-block-query ul:not(.opsomming) li a,
.wp-block-post-excerpt__more-text a,
.box .top-box h2 a
  {text-decoration: none}

.search .wp-block-query ul li p a
 {text-decoration: underline;}

h3,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li h4
	{font-weight: 400;}


.activiteit-heading,
.datum-dorpskalender span.dag,
.dorpskalender .dorpskalender-datums span,
form:not(.ovp-aanmeldformulier) .gfield_description,
input[type="submit"],
button[type="submit"],
.wp-block-loginout a,
.inlogformulier form p:not(.login-remember) label,
.inlogformulier .login-error
	{font-weight: 600;}

.bestuurslid h3,
blockquote .citaat
{font-style: italic;}

.datum-dorpskalender .hele-kleine-letters
	{text-align: start;}

.activiteit-datum h3,
.dorpskalender h3.datum-top,
.button.rondje:after,
.wp-block-post-excerpt__more-text a,
.datum-dorpskalender span,
.icon-socials,
.bestuurslid h2, .bestuurslid h3, .bestuurslid p,
blockquote .citaat,
.inlogformulier .login-error
	{text-align: center;}

.text-end,
.wp-block-post-excerpt__more-text 
	{text-align: end;}

p, h1, h2, h3, h4
{text-wrap: balance;}


/*** COLORS ***/
.single .activiteit-datum h3,
button.gform_show_password span:before
	{color: var(--wp--preset--color--base);}

.single .entry-content h2,
::placeholder,
h3.gsection_title,
.kalender-ovp-activiteiten p
	{color: var(--wp--preset--color--donkergroen);}

blockquote .citaat:before, blockquote .citaat:after
	{color: var(--wp--preset--color--ovp-geelgroen);}


/*** BACKGROUND-COLORS ***/

.single .activiteit-datum h3
	{background-color: var(--wp--preset--color--contrast);}

div.wp-site-blocks,
input:not([type="file"]),
aside.top-box p.datum-dorpskalender,
.ginput_container_select,
#ui-datepicker-div,
.background_white_ul ul li,
.kalender-ovp-activiteiten p
	{background-color: var(--wp--preset--color--base);}


/* bovenaan - is default */
.page-template-wp-custom-template-ovp header.wp-block-template-part,
.lid-template-wp-custom-template-bestuurslid-ovp header.wp-block-template-part,
.lees-meer:after,
.top-box,
.button.ovp-geelgroen,
.inlogformulier .login-error
	{background-color: var(--wp--preset--color--ovp-geelgroen);}

header.wp-block-template-part,
.single .datum-top,
.lees-meer.category-groen:after,
.top-box.category-groen,
.button.groen a,
.dropdown li.category-groen a:hover
	{background-color: var(--wp--preset--color--groen);}

footer.wp-block-template-part,
button.gform_show_password span:before
	{background-color: var(--wp--preset--color--donkergroen);}

/* ROZE > Call to Action */
input[type="submit"],
button[type="submit"],
.actie.button a
	{background-color: var(--wp--preset--color--roze);}

.page-template-wp-custom-template-dorpsraad header.wp-block-template-part,
.lid-template-wp-custom-template-dorpsraad header.wp-block-template-part,
.vraag-template-wp-custom-template-dorpsraad header.wp-block-template-part,
.tag-dorpsraad header.wp-block-template-part,
.lees-meer.category-dorpsraad:after,
.top-box.category-dorpsraad,
.page-template-wp-custom-template-wonen header.wp-block-template-part,
.tag-wonen-princenhage header.wp-block-template-part,
.lees-meer.category-wonen:after,
.top-box.category-wonen,
.dropdown li.category-wonen a:hover
	{background-color: var(--wp--preset--color--dorpsraad);}

.lees-meer.category-evenementen:after,
.top-box.category-evenementen,
.lees-meer.category-jeugd:after,
.top-box.category-jeugd,
.dropdown li.category-jeugd a:hover
	{background-color: var(--wp--preset--color--evenementen);}

.lees-meer.category-kunst-cultuur:after,
.top-box.category-kunst-cultuur,
.dropdown li.category-kunst-cultuur a:hover
	{background-color: var(--wp--preset--color--kunst);}

.lees-meer.category-eten-drinken:after,
.top-box.category-eten-drinken,
.dropdown li.category-eten-drinken a:hover,
.lees-meer.category-uitgaan-in-princenhage:after,
.top-box.category-uitgaan-in-princenhage,
.dropdown li.category-uitgaan-in-princenhage a:hover
	{background-color: var(--wp--preset--color--eten);}

.lees-meer.category-winkelen:after,
.top-box.category-winkelen,
.dropdown li.category-winkelen a:hover,
.lees-meer.category-persoonlijke-verzorging:after,
.top-box.category-persoonlijke-verzorging,
.dropdown li.category-persoonlijke-verzorging a:hover
	{background-color: var(--wp--preset--color--winkelen);}

.lees-meer.category-sport:after,
.top-box.category-sport,
.dropdown li.category-sport a:hover,
.lees-meer.category-wandelen:after,
.top-box.category-wandelen,
.dropdown li.category-wandelen a:hover
	{background-color: var(--wp--preset--color--sport);}

/* BACKGROUND > TITLE HEADERS + QUERY LI */
.single section .activiteit-datum,
.ui-datepicker-header
	{background-color: rgba(var(--wp--preset--color--contrast-rgb), 0.1);}

.single aside.header,
.single footer.wp-block-group,
.archive aside.header,
.archive footer.wp-block-group,
.page.page-template-wp-custom-template-ovp aside.header,
.wp-block-query ul:not(.opsomming) li,
/* 1 okt 2024 verwijderd .wp-block-query:not(.background_white_ul) ul:not(.opsomming) li, */
.box,
.wp-child-theme-BP-intern .aanmeldformulier
	{background-color: rgba(var(--wp--preset--color--ovp-geelgroen-rgb), 0.2);}

.blog aside.header,
.blog nav.footer,
.page aside.header,
.page nav.footer,
.category-groen aside.header,
.category-groen nav.footer,
.single.groen aside.header,
.single.groen footer.wp-block-group,
.wp-block-query ul li.category-groen,
.box.category-groen,
.archive.term-groen aside.header,
.aanmeldformulier
	{background-color: rgba(var(--wp--preset--color--groen-rgb), 0.2);}

.has-dorpsraad-rgb-background-color.box,
.category-dorpsraad aside.header,
.category-dorpsraad nav.footer,
.single.dorpsraad aside.header,
.single.dorpsraad footer.wp-block-group,
.tag-dorpsraad aside.header,
.tag-dorpsraad footer.wp-block-group,
.page.page-template-wp-custom-template-dorpsraad aside.header,
.lid-template-wp-custom-template-dorpsraad aside.header,
.vraag-template-wp-custom-template-dorpsraad aside.header,
.wp-block-query ul li.category-dorpsraad,
.box.category-dorpsraad,
.archive.term-dorpsraad aside.header,
.single.wonen aside.header,
.single.wonen footer.wp-block-group,
.category-wonen aside.header,
.category-wonen nav.footer,
.wp-block-query ul li.category-wonen,
.box.category-wonen,
.archive.term-wonen aside.header
	{background-color: rgba(var(--wp--preset--color--dorpsraad-rgb), 0.2);}

.single.evenementen aside.header,
.single.evenementen footer.wp-block-group,
.category-evenementen aside.header,
.category-evenementen nav.footer,
.wp-block-query ul li.category-evenementen,
.box.category-evenementen,
.archive.term-evenementen aside.header,
.single.jeugd aside.header,
.single.jeugd footer.wp-block-group,
.category-jeugd aside.header,
.category-jeugd nav.footer,
.wp-block-query ul li.category-jeugd,
.box.category-jeugd,
.archive.term-jeugd aside.header
	{background-color: rgba(var(--wp--preset--color--evenementen-rgb), 0.2);}

.single.kunst-cultuur aside.header,
.single.kunst-cultuur footer.wp-block-group,
.category-kunst-cultuur aside.header,
.category-kunst-cultuur nav.footer,
.wp-block-query ul li.category-kunst-cultuur,
.box.category-kunst-cultuur,
.archive.term-kunst-cultuur aside.header
	{background-color: rgba(var(--wp--preset--color--kunst-rgb), 0.2);}

.single.eten-drinken aside.header,
.single.eten-drinken footer.wp-block-group,
.category-eten-drinken aside.header,
.category-eten-drinken nav.footer,
.wp-block-query ul li.category-eten-drinken,
.box.category-eten-drinken,
.archive.term-eten-drinken aside.header,
.single.uitgaan-in-princenhage aside.header,
.single.uitgaan-in-princenhage footer.wp-block-group,
.category-uitgaan-in-princenhage aside.header,
.category-uitgaan-in-princenhage nav.footer,
.wp-block-query ul li.category-uitgaan-in-princenhage,
.box.category-uitgaan-in-princenhage,
.archive.term-uitgaan-in-princenhage aside.header
	{background-color: rgba(var(--wp--preset--color--eten-rgb), 0.2);}

.single.winkelen aside.header,
.single.winkelen footer.wp-block-group,
.category-winkelen aside.header,
.category-winkelen nav.footer,
.wp-block-query ul li.category-winkelen,
.box.category-winkelen,
.archive.term-wandelen aside.header,
.single.persoonlijke-verzorging aside.header,
.single.persoonlijke-verzorging footer.wp-block-group,
.category-persoonlijke-verzorging aside.header,
.category-persoonlijke-verzorging nav.footer,
.wp-block-query ul li.category-persoonlijke-verzorging,
.box.category-persoonlijke-verzorging,
.archive.term-persoonlijke-verzorging aside.header
	{background-color: rgba(var(--wp--preset--color--winkelen-rgb), 0.2);}

.single.sport aside.header,
.single.sport footer.wp-block-group,
.category-sport aside.header,
.category-sport nav.footer,
.wp-block-query ul li.category-sport,
.box.category-sport,
.archive.term-sport aside.header,
.category-wandelen aside.header,
.category-wandelen nav.footer,
.single.wandelen aside.header,
.single.wandelen footer.wp-block-group,
.wp-block-query ul li.category-wandelen,
.box.category-wandelen,
.archive.term-wandelen aside.header
	{background-color: rgba(var(--wp--preset--color--sport-rgb), 0.2);}

footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li,
button.gform_show_password
	{background-color: transparent;}

/*** BORDERS ***/
/* border-width & border-style */
.single section .activiteit-datum,
.wp-block-query ul:not(.opsomming) li, 
.box,
.fotobanner .box .has-background,
input[type="submit"],
.button a, 
input.wp-block-search__input,
.lees-meer:after,
.wp-block-post-excerpt__more-text a,
.aanmeldformulier,
.inlogformulier,
aside.dorpskalender-opties div,
form.post-password-form input[type="password"],
.border_contrastcolor,
.kalender-ovp-activiteiten p
	{border-width: calc(var(--wp--style--block-gap) / 7);
	border-style: solid;}


/* BORDERS > QUERY LI */
.single section .activiteit-datum,
aside.dorpskalender-opties div,
input.wp-block-search__input,
form.post-password-form input[type="password"],
.border_contrastcolor,
.kalender-ovp-activiteiten p
	{border-color:  solid var(--wp--preset--color--contrast);}

input[type="submit"],
.button a,
.box.has-base-background-color
	{border-color: var(--wp--preset--color--base);}

.wp-block-query ul:not(.opsomming) li, 
.box,
.wp-child-theme-BP-intern .aanmeldformulier,
.inlogformulier
	{border-color: var(--wp--preset--color--ovp-geelgroen);}

.wp-block-query ul li.category-groen,
.box.category-groen,
.aanmeldformulier,
.fotobanner .box .has-groen-rgb-background-color
	{border-color: var(--wp--preset--color--groen);}

.wp-block-query ul li.category-dorpsraad,
.wp-block-query ul li.category-wonen,
.box.category-dorpsraad,
.box.category-wonen,
.has-dorpsraad-rgb-background-color.box
	{border-color: var(--wp--preset--color--dorpsraad);}

.wp-block-query ul li.category-evenementen,
.wp-block-query ul li.category-jeugd,
.box.category-evenementen,
.box.category-jeugd
	{border-color: var(--wp--preset--color--evenementen);}

.wp-block-query ul li.category-kunst-cultuur,
.box.category-kunst-cultuur
	{border-color: var(--wp--preset--color--kunst);}

.wp-block-query ul li.category-eten-drinken,
.box.category-eten-drinken,
.wp-block-query ul li.category-uitgaan-in-princenhage,
.box.category-uitgaan-in-princenhage
	{border-color: var(--wp--preset--color--eten);}

.wp-block-query ul li.category-winkelen,
.box.category-winkelen,
.wp-block-query ul li.category-persoonlijke-verzorging,
.box.category-persoonlijke-verzorging
	{border-color: var(--wp--preset--color--winkelen);}

.wp-block-query ul li.category-sport,
.box.category-sport,
.wp-block-query ul li.category-wandelen,
.box.category-wandelen
	{border-color: var(--wp--preset--color--sport);}


/* BORDERS > TITLE HEADERS */
footer.wp-block-group,
.single  .taxonomy-post_tag,
nav.footer,
h2.activiteit-locatie,
.border-top
	{border-top-width: calc(var(--wp--style--block-gap) / 7);
	border-top-style:  solid;}

aside.header
	{border-bottom-width: calc(var(--wp--style--block-gap) / 7);
	border-bottom-style:  solid;}

.gsection_title
	{border-bottom-width: calc(var(--wp--style--block-gap) / 10);
	border-bottom-style:  solid;}

/* border-colors */
.border-top,
.gsection_title
	{border-top-color: var(--wp--preset--color--contrast);}


.single aside.header,
.archive aside.header,
.page.page-template-wp-custom-template-ovp aside.header
	{border-bottom-color: var(--wp--preset--color--ovp-geelgroen);}

.archive footer.wp-block-group,
.single footer.wp-block-group,
.single .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--ovp-geelgroen);}

.single aside.header,
.archive aside.header,
.page.page-template-wp-custom-template-ovp aside.header
	{border-bottom-color: var(--wp--preset--color--ovp-geelgroen);}

.blog nav.footer,
.category-wandelen nav.footer,
.single.wandelen footer.wp-block-group,
.single.wandelen .taxonomy-post_tag,
.category-groen nav.footer,
.single.groen footer.wp-block-group,
.single.groen .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--groen);}

.blog aside.header,
.page aside.header,
.category-groen aside.header,
.single.groen aside.header,
.archive.term-groen aside.header
	{border-bottom-color: var(--wp--preset--color--groen);}

.category-dorpsraad nav.footer,
.tag-dorpsraad nav.footer,
.single.dorpsraad footer.wp-block-group,
.single.dorpsraad .taxonomy-post_tag,
.single.wonen footer.wp-block-group,
.category-wonen nav.footer,
.tag-wonen nav.footer,
.single.wonen .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--dorpsraad);}

.category-dorpsraad aside.header,
.tag-dorpsraad aside.header,
.single.dorpsraad aside.header,
.archive.term-dorpsraad aside.header,
.category-wonen aside.header,
.single.wonen aside.header,
.archive.term-wonen aside.header,
.page.page-template-wp-custom-template-dorpsraad aside.header,
.lid-template-wp-custom-template-dorpsraad aside.header,
.vraag-template-wp-custom-template-dorpsraad aside.header
	{border-bottom-color: var(--wp--preset--color--dorpsraad);}

.category-evenementen nav.footer,
.single.evenementen footer.wp-block-group,
.single.evenementen .taxonomy-post_tag,
.category-jeugd nav.footer,
.single.jeugd footer.wp-block-group,
.single.jeugd .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--evenementen);}

.category-evenementen header.wp-block-group,
.category-evenementen aside.header,
.single.evenementen header.wp-block-group,
.single.evenementen aside.header,
.archive.term-evenementen aside.header,
.category-jeugd header.wp-block-group,
.category-jeugd aside.header,
.single.jeugd header.wp-block-group,
.single.jeugd aside.header,
.archive.term-jeugd aside.header
	{border-bottom-color: var(--wp--preset--color--evenementen);}

.category-kunst-cultuur nav.footer,
.single.kunst-cultuur footer.wp-block-group,
.single.kunst-cultuur .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--kunst);}

.category-kunst-cultuur aside.header,
.single.kunst-cultuur aside.header,
.archive.term-kunst-cultuur aside.header
	{border-bottom-color: var(--wp--preset--color--kunst);}

.category-eten-drinken nav.footer,
.single.eten-drinken footer.wp-block-group,
.single.eten-drinken .taxonomy-post_tag,
.category-uitgaan-in-princenhage nav.footer,
.single.uitgaan-in-princenhage footer.wp-block-group,
.single.uitgaan-in-princenhage .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--eten);}

.category-eten-drinken aside.header,
.single.eten-drinken aside.header,
.archive.term-eten-drinken aside.header,
.category-uitgaan-in-princenhage aside.header,
.single.uitgaan-in-princenhage aside.header,
.archive.term-uitgaan-in-princenhage aside.header
	{border-bottom-color: var(--wp--preset--color--eten);}

.category-winkelen nav.footer,
.single.winkelen footer.wp-block-group,
.single.winkelen .taxonomy-post_tag,
.category-persoonlijke-verzorging nav.footer,
.single.persoonlijke-verzorging footer.wp-block-group,
.single.persoonlijke-verzorging .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--winkelen);}

.category-winkelen aside.header,
.single.winkelen aside.header,
.archive.term-winkelen aside.header,
.category-persoonlijke-verzorging aside.header,
.single.persoonlijke-verzorging aside.header,
.archive.term-persoonlijke-verzorging aside.header
	{border-bottom-color: var(--wp--preset--color--winkelen);}

.category-sport nav.footer,
.single.sport footer.wp-block-group,
.single.sport .taxonomy-post_tag,
.category-wandelen nav.footer,
.single.wandelen footer.wp-block-group,
.single.wandelen .taxonomy-post_tag
	{border-top-color: var(--wp--preset--color--sport);}

.category-sport aside.header,
.single.sport aside.header,
.archive.term-sport aside.header,
.category-wandelen aside.header,
.single.wandelen aside.header,
.archive.term-wandelen aside.header
	{border-bottom-color: var(--wp--preset--color--sport);}

.fotobanner .box,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li
	{border: none;}

/* BORDER-RADIUS */

input, textarea,
.ginput_container_select,
.button a,
button
	{border-radius: calc(var(--wp--style--block-gap) / 2);}

.single .sidebar ul li.wp-block-post,
figure.wp-block-post-featured-image img,
figure.wp-block-image:not(.nietafgerond) img,
figure.wp-block-post-featured-image img,
.wp-block-query ul:not(.opsomming) li, 
.box,
.fotobanner .box .has-groen-rgb-background-color,
iframe,
.aanmeldformulier,
.single section .activiteit-datum,
.top-box p.datum-dorpskalender,
aside.dorpskalender-opties div,
#ui-datepicker-div,
.inlogformulier,
.kalender-ovp-activiteiten p
	{border-top-left-radius: calc(var(--wp--style--block-gap) / 2);
	border-top-right-radius: calc(var(--wp--style--block-gap) / 2);
	border-bottom-left-radius: calc(var(--wp--style--block-gap) / 2);}

.lees-meer:after,
.wp-block-post-excerpt__more-text a
	{border-radius: 50%;}

/* FILTERS & BLEND MODE */
.overzicht-deelnemers ul figure.wp-block-post-featured-image img
	{mix-blend-mode: darken;}

/* figure.zwart-wit img
	{filter: grayscale(100%);} */

/* BEFORE & AFTER */
aside .wp-block-post-author-name:after
	{content: '•';
	padding-left: calc(var(--wp--style--block-gap) / 4);
	padding-right: calc(var(--wp--style--block-gap) / 4);}

.breadcrumbs > *:after
	{content: '>';
	padding-left: calc(var(--wp--style--block-gap) / 4);
	padding-right: calc(var(--wp--style--block-gap) / 4);}

header section nav.primair-menu ul li:after
	{content: '•';}

.date-category .taxonomy-category:before
	{content: '•';
	padding-left: calc(var(--wp--style--block-gap) / 5);
	padding-right: calc(var(--wp--style--block-gap) / 5);}

.breadcrumbs > *:last-child:after,
header section nav.primair-menu ul li:last-child:after
	{content: '';
	padding-left: 0;
	padding-right: 0;}


.icon-zoeken a:after,
.top-box:after,
.wp-block-query .wp-block-post a:before,
p.text-end.lees-meer:after,
button.wp-block-navigation__responsive-container-open:before,
button.wp-block-navigation__responsive-container-close:before,
.single h1:after,
.icon-socials a:before,
.gravity-theme .ginput_container_select::after
	{content: " ";
	width: calc(var(--wp--style--block-gap) * 1.7);
	height: calc(var(--wp--style--block-gap) * 1.7);
	background-position: bottom;
	background-repeat: no-repeat;
	display: inline-block;}

.search .wp-block-query .wp-block-post a:before
	{float: right;}

.search .wp-block-query .wp-block-post p a:before,
footer ul:not(.dorpskalender):not(.opsomming) li h4 a:before
	{content: none;}


.icon-zoeken a
	{line-height: 0.3;}

.icon-socials a:before
{margin-right: calc(var(--wp--style--block-gap) * .7);}

.activiteit-begindatum:before,
.activiteit-tijd:before,
.activiteit-locatie:before,
.icon-adres:before,
.icon-telefoon:before,
.icon-email:before,
.icon-website:before
	{content: " ";
	width: calc(var(--wp--style--block-gap) * 1.2);
	height: calc(var(--wp--style--block-gap) * 1.2);
	margin-right: calc(var(--wp--style--block-gap) / 5);
	background-position: bottom;
	background-repeat: no-repeat;
	display: inline-block;}

aside.dorpskalender-opties h4::after
	{content: " ";
	background-position: bottom;
	background-repeat: no-repeat;}


/*** ICONS ***/

button.gform_show_password span:before
{width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;}


button.wp-block-navigation__responsive-container-open:before 
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/menu.svg);}

button.wp-block-navigation__responsive-container-close:before 
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/verwijder.svg);}

.icon-zoeken a:after
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/zoeken.svg);}

.icon-adres:before,
.activiteit-locatie:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/locatie.svg);}

.icon-telefoon:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/telefoon.svg);}

.icon-email:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/email.svg);}

.icon-website:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/website.svg);}

.icon-socials a[href^="https://facebook.com"]:before,
.icon-socials a[href^="https://www.facebook.com"]:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/facebook.svg);}

.icon-socials a[href^="https://instagram.com"]:before,
.icon-socials a[href^="https://www.instagram.com"]:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/instagram.svg);}

.icon-socials a[href^="https://youtube.com"]:before,
.icon-socials a[href^="https://www.youtube.com"]:before
	{background-image: url(https://beleefprincenhage.nl//wp-content/themes/beleefprincenhage/assets/images/youtube.svg);}

.icon-socials a[href^="https://linkedin.com"]:before,
.icon-socials a[href^="https://www.linkedin.com"]:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/linkedin.svg);}

.icon-socials a[href^="https://tiktok.com"]:before,
.icon-socials a[href^="https://www.tiktok.com"]:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/tiktok.svg);}

.activiteit-tijd:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/tijd.svg);}

p.text-end.lees-meer:after,
aside.dorpskalender-opties h4::after,
.gravity-theme .ginput_container_select::after
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/meer-info.svg);
	background-size: 70%;
	background-position: center;}

/* icons Categories */
.top-box.category-ovp:after,
.single.ovp h1:after,
.wp-block-query .wp-block-post.category-ovp a:before
	{background-image: url(https://beleefprincenhage.nl//wp-content/themes/beleefprincenhage/assets/images/ovp.svg);}

.top-box.category-advertentie:after,
.single.advertentie h1:after,
.wp-block-query .wp-block-post.category-advertentie a:before,
.top-box.category-overige:after,
.single.overige h1:after,
.wp-block-query .wp-block-post.category-overige a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/advertentie.svg);}

.top-box.category-groen:after,
.single.groen h1:after,
.wp-block-query .wp-block-post.category-groen a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/groen.svg);}

.activiteit-begindatum:before,
.top-box.category-evenementen:after,
.single.evenementen h1:after,
.wp-block-query .wp-block-post.category-evenementen a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/datum.svg);}

.top-box.category-kunst-cultuur:after,
.single.kunst-cultuur h1:after,
.wp-block-query .wp-block-post.category-kunst-cultuur a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/kunst-cultuur.svg);}

.top-box.category-eten-drinken:after,
.single.eten-drinken h1:after,
.wp-block-query .wp-block-post.category-eten-drinken a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/eten-drinken.svg);}

.top-box.category-uitgaan-in-princenhage:after,
.single.uitgaan-in-princenhage h1:after,
.wp-block-query .wp-block-post.category-uitgaan-in-princenhage a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/muziek.svg);}


.top-box.category-jeugd:after,
.single.jeugd h1:after,
.wp-block-query .wp-block-post.category-jeugd a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/jeugd.svg);}

.top-box.category-dienstverlening:after,
.top-box.category-ondernemen:after,
.single.dienstverlening h1:after,
.single.ondernemen h1:after,
.wp-block-query .wp-block-post.category-dienstverlening a:before,
.wp-block-query .wp-block-post.category-ondernemen a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/dienstverlening.svg);}

.top-box.category-winkelen:after,
.single.winkelen h1:after,
.wp-block-query .wp-block-post.category-winkelen a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/winkelen.svg);}

.top-box.category-persoonlijke-verzorging:after,
.single.persoonlijke-verzorging h1:after,
.wp-block-query .wp-block-post.category-persoonlijke-verzorging a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/persoonlijke-verzorging.svg);}

.top-box.category-wonen:after,
.single.wonen h1:after,
.wp-block-query .wp-block-post.category-wonen a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/wonen.svg);}

.top-box.category-wandelen:after,
.single.wandelen h1:after,
.wp-block-query .wp-block-post.category-wandelen a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/wandelen.svg);}

.top-box.category-sport:after,
.single.sport h1:after,
.wp-block-query .wp-block-post.category-sport a:before
	{background-image: url(https://beleefprincenhage.nl/wp-content/themes/beleefprincenhage/assets/images/sport.svg);}

.single.dorpsraad h1:after,
.wp-block-query .wp-block-post.category-dorpsraad a:before
	{background-image: url(https://beleefprincenhage.nl//wp-content/themes/beleefprincenhage/assets/images/dorpsraad.svg);}


blockquote .citaat:before
	{margin-right: 3px;
	margin-left: -3px;
	vertical-align: bottom;
	content: "“";}

blockquote .citaat:after
	{vertical-align: middle;
	padding-top: 3px;
	content: "”";}

/* FOTOBANNER */
.fotobanner
	{background-position: bottom;}


/*** HOVER ***/

input[type="submit"]:hover,
.actie.button a:hover
	{background: var(--wp--preset--color--groen);}

.button.groen a:hover
	{background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);}

p.text-end.lees-meer:hover:after
	{background-color: var(--wp--preset--color--base);}

figure.zwart-wit:hover img
	{filter: none;}

details.wp-block-details summary::marker
{font-size: 0.65em;
margin-bottom: 0.1em;}