/* FONTS */

button,
input, textarea, label, select, option,
h2.ondertitel
	{font-family: var(--wp--preset--font-family--body);}


button
	{font-size: var(--wp--preset--font-size--medium);}

footer ul.lijst-paginas li
	{font-size: calc(var(--wp--preset--font-size--medium) * .9);}

input, label, select,
textarea, select, option,
.voorbeeldtekst
	{font-size: var(--wp--preset--font-size--small);}


header nav.top-menu ul li a,
p.bottom-menu,
p.login-lost-password a
	{font-size: calc(var(--wp--preset--font-size--small) * .9);}

footer h4.wp-block-heading,
#meedoen a.link-info h4
	{font-family: var(--wp--preset--font-family--heading);}

h1, h2, h3, h4, h5,
p.bottom-menu,
.textwrap-balance
	{text-wrap: balance;}

/* font-weight */

strong,
.actionbutton,
.aanmelden-externe-website,
.aanmelden-externe-website a,
header nav.main-menu ul li a,
.wp-block-loginout a,
.inlogformulier form p:not(.login-remember) label,
#meedoen a.link-info h4,
li.header-button a,
input[type="submit"],
button[type="submit"],
.aanmeldbutton a
	{font-weight: 700;}

h2.ondertitel
	{font-weight: 500;}


header nav.main-menu ul li.current-menu-item a,
input[type="submit"],
button[type="submit"],
ul.agenda .loop-item h4.wp-block-post-title.has-medium-font-size a,
.aanmeldbutton a
	{font-family: var(--wp--preset--font-family--heading);}


em, .italic,
.wp-block-quote p
	{font-style: italic;}

.uppercase,
header nav.top-menu ul li a
	{text-transform: uppercase;}

.gform_wrapper.gravity-theme .ginput_container_time input,
.breadcrumbs
	{text-transform: lowercase;}


/* line-height */

figcaption
	{line-height: 1;}

li.loop-item h4.wp-block-post-title 
	{line-height: 1.3;}

/* PARAGRAPH */

.text-start,
table th
	{text-align: start;}

.text-center,
.loop-datum,
h4.categorie-omschrijving,
ul.loop-items li > *:not(.header-blauw-vlak),
a.nu-te-zien > *:not(.header-blauw-vlak),
figure figcaption,
#meedoen a.link-info h4
	{text-align: center;} 

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

ul.agenda-overzicht li a,
ul.loop-afbeelding li a,
a.loop-item,
.aanmeldbutton a,
a.link-info,
ul.agenda .loop-item h4.wp-block-post-title.has-medium-font-size a,
footer.wp-block-template-part .twee_4 aside:not(.borderfelgeel) a,
.meer-info-blok p.meer-info-link a
	{text-decoration: none;}

ul.loop-afbeelding li a p.link-buttons,
a.wp-block-post-excerpt__more-link,
a.loop-item p.link-buttons,
a.link-info span.link-buttons,
ul.loop-afbeelding li a.wp-block-post-excerpt__more-link,
.bottom-menu ul.wp-block-navigation__container li a
	{text-decoration: underline;}

/******** COLOURS *******/

/* colors teksten */

ul.loop-afbeelding li,
ul.loop-afbeelding li a,
h4.categorie-omschrijving,
header.photoheader nav.main-menu ul li.header-button a.wp-block-navigation-item__content,
details.wp-block-details .gform_confirmation_message
	{color: var(--wp--preset--color--contrast);}

.blauwetekst,
.categorie-omschrijving,
.twee_3 .rubrieken, .twee_3 .rubrieken a,
.wp-block-quote p,
.aanmelden-email,
.aanmelden-email a,
.aanmelden-externe-website,
.aanmeldbutton a:after,
header nav.main-menu ul li a,
footer.wp-block-template-part *:not(.header-blauw-vlak),
.voorbeeldtekst,
details.wp-block-details
	{color: var(--wp--preset--color--blauw);}

.wp-block-button__link,
.background-blauw, .background-blauw a,
form.laposta input[type="submit"],
.loop-item h4.categorie-omschrijving,
header nav.main-menu ul li.header-button a.wp-block-navigation-item__content,
header.photoheader a.wp-block-navigation-item__content.wp-block-navigation-item__content,
header.tax-foto p.breadcrumbs a,
header.tax-foto p.breadcrumbs
	{color: var(--wp--preset--color--base);}

.aanmelden-email:before,
.aanmelden-externe-website:before
	{color: var(--wp--preset--color--goudgeel);}

#meedoen a.link-info h4
	{color: var(--wp--preset--color--lichtgeel);}

.rodetekst
	{color: var(--wp--preset--color--rood);}

	
/* background colors */

.background-white,
.laposta.background-white,
/* header.frontpage, */
body.archive header.wp-block-group,
body.page header.wp-block-group:not(.agendaheader),
.single main header.wp-block-group,
ul.agenda-overzicht li a,
ul.loop-afbeelding li,
ul.agenda .loop-item,
.sideblock,
section#nieuws article,
ul.loop-items a.link-info figure img
	{background-color: var(--wp--preset--color--base);}

.background-blauw,
.header-button a,
form.laposta input[type="submit"],
#meedoen a.link-info:before
	{background-color: var(--wp--preset--color--blauw);}

.background-donkergeel,
.aanmeldbutton a,
table.edit-log-table thead,
body.wp-theme-hgh-theme-extern footer.wp-block-template-part
	{background-color: var(--wp--preset--color--felgeel);}

.background-donkergeel,
.mededeling,
header.photoheader .header-button a
	{background-color: var(--wp--preset--color--goudgeel);}

body,
.background-lichtgeel
	{background-color: var(--wp--preset--color--lichtgeel);}

.inlogformulier,
.background-witgrijs,
.background-witgeel,
table tbody tr:nth-child(2n)
	{background-color: var(--wp--preset--color--lichtgeel-30);}

table tbody tr,
.voorbeeldtekst
	{background-color: var(--wp--preset--color--lichtgeel-10);}

.rood-achtergrond /* rood */
	{background-color: var(--wp--preset--color--rood);}

/* color & background color */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open
	{background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);}


body.home header.photoheader:before
	{background: linear-gradient(183deg, rgba(var(--wp--preset--color--contrast-rgb), 1) 0%, rgba(var(--wp--preset--color--contrast-rgb), 0.1) 15%, rgba(var(--wp--preset--color--contrast-rgb),0) 30%);}

body:not(.home) header.photoheader:before
	{background: linear-gradient(7deg, rgba(var(--wp--preset--color--blauw-rgb), 1) 0%, rgba(var(--wp--preset--color--blauw-rgb), 0.3) 30%, rgba(var(--wp--preset--color--blauw-rgb),0) 45%);}


/* borders */
body.archive:not(.wp-child-theme-hgh-theme-intern) header.wp-block-group:not(.photoheader),
body.page:not(.wp-child-theme-hgh-theme-intern) header.wp-block-group:not(.photoheader):not(.agendaheader),
.single main header.wp-block-group,
.sideblock,
ul.agenda .loop-item,
input[type="password"],
input#user_login,
.borderfelgeel,
#nieuws article.bericht
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--felgeel);}


.wp-block-search__inside-wrapper,
table.edit-log-table
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--goudgeel); }

hr.wp-block-separator,
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	border-top: dotted calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--blauw);
	border-bottom: 0;
	opacity: 1;
	width: 100%;}

.wp-block-separator.solid
	{border-top: solid calc(var(--wp--style--block-gap) * .2) var(--wp--preset--color--blauw)}

.single header.wp-block-group hr.wp-block-separator,
.taxonomy-comments hr.wp-block-separator
	{border-top-color: var(--wp--preset--color--blauw);}

.borderwhite,
.borderwhite_img img
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--base);}

.borderblue,
.borderblue_img img,
.voorbeeldtekst
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--blauw);}

.border_30_lichtgeel
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--lichtgeel-30);}

form.laposta input
	{border: none;}

.wp-block-quote 
	{border-left: 0;}

figure.wp-block-image:not(.logo):not(.rechtehoeken):not(.is-style-rounded) img,
ul.loop-items li,
.inlogformulier,
.borderblue, .sideblock,
.borderfelgeel,
#meedoen a.link-info
	{border-bottom-right-radius: calc(var(--wp--style--block-gap) * 1.2);}

/* HOVER */
main a:hover 
	{color: var(--wp--preset--color--blauw);}

.page-info div.excerpt-info a:hover
	{color: var(--wp--preset--color--base);}

form.laposta input[type="submit"]:hover,
#meedoen a.link-info:hover
	{background-color: var(--wp--preset--color--goudgeel);
	color: var(--wp--preset--color--blauw);}

article.meer-info-blok.has-geel-background-color:hover,
header.photoheader .header-button a:hover,
#vriend-vrijwilliger ul li.loop-item:hover
	{background-color: var(--wp--preset--color--felgeel) !important;}

a.has-felgeel-background-color:hover,
a.wp-block-button__link.has-base-color.has-blauw-background-color:hover
	{background-color: var(--wp--preset--color--goudgeel) !important;}


/* filter */
header.photoheader .zoeken a::after
	{filter: invert(1);}

/* opacity */
.tslider-action a
	{opacity: 1;}

/* AANMELDEN */

/* Aanmelden via e-mail */

.aanmelden-email:before,
.aanmelden-externe-website:before
	{content: '‣';
	font-size: 3em;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.3rem;
	margin-left: -0.4rem;}

.aanmelden-email,
.aanmelden-externe-website
	{font-size: 1.05em;}

/****** FORM ******/


.wp-block-search__button:hover, 
.wp-block-file .wp-block-file__button:hover, 
.wp-block-button__link:hover 
	{opacity: 1;
	background: var(--wp--preset--color--goudgeel);
	color: var(--wp--preset--color--blauw);}

/****** OPSOMMING ******/

/* LIST-TYPE */

/* Opsomming ol li > privacy */
ol.opsomming-letters
	{list-style-type: lower-alpha;}


/* Opsomming ol li > Voorwaarden */

ol.nummering 
	{counter-reset: count 0;}

ol.nummering li 
	{counter-increment: count 1;}

ol.nummering li::marker 
	{margin-right: 0.5em;}

ol.nummers2 li::marker 
	{content: '2.' counter(count) '  ' ;}

ol.nummers3 li::marker 
	{content: '3.' counter(count)  '  ';}

ol.nummers4 li::marker 
	{content: '4.' counter(count)  '  ';}

ol.nummers5 li::marker 
	{content: '5.' counter(count)  '  ';}

ol.nummers6 li::marker 
	{content: '6.' counter(count)  '  ';}

ol.nummers7 li::marker 
	{content: '7.' counter(count)  '  ';}


/* ul.agenda-overzicht li,
ul.loop-afbeelding li,
.rubrieken ul li */
ul.lijst-paginas li,
ul.loop-items li,
ul.dropdown-rubriek li
	{list-style: none;}

/* LISTS */

ul.lijst-paginas
	{padding: 0;}

ul.loop-items
	{padding-left: 0;}



/* AGENDA */

ul.agenda-overzicht li
	{border-bottom: solid 1px var(--wp--preset--color--blauw);}

ul.agenda-overzicht li a
	{display: grid;
	grid-template-columns: auto 2.5em;}

ul.agenda-overzicht li span
	{display: block;
	padding: 0.3rem calc(var(--tussenruimte) / 4);}

ul.agenda-overzicht li span span
	{padding: 0;}

ul.agenda-overzicht li span.activiteit-datum,
ul.agenda-overzicht li span.activiteit-titel
	{grid-column: span 2;}

ul.agenda-overzicht li span.activiteit-datum
	{color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--blauw);
	font-size: 0.9em;}

ul.agenda-overzicht li span.activiteit-titel
	{font-weight: 600;}

ul.agenda-overzicht li span.activiteit-meer
	{background: var(--wp--preset--color--geel);
	color: var(--wp--preset--color--blauw);
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	margin: 0.3rem calc(var(--tussenruimte) / 4);
	text-align: center;}

ul.agenda-overzicht li span.activiteit-meer:hover,
.voorbij ul.agenda-overzicht li span.activiteit-meer:hover
	{background: var(--wp--preset--color--blauw);
	color: var(--wp--preset--color--geel);}

/* agenda voorbij */
.voorbij ul.agenda-overzicht li
	{border-bottom: solid 1px var(--wp--preset--color--contrast);}

.voorbij ul.agenda-overzicht li a
	{background: var(--wp--preset--color--rood);}

.voorbij ul.agenda-overzicht li span.activiteit-datum,
.voorbij ul.agenda-overzicht li span.activiteit-meer
	{background: var(--wp--preset--color--contrast);}

.voorbij ul.agenda-overzicht li span.activiteit-meer
	{color: var(--wp--preset--color--base);}

/* LOOP AFBEELDING FOTO */

ul.loop-afbeelding,
ul.loop-afbeelding li a
	{display: grid;}

ul.loop-afbeelding
	{grid-gap: var(--wp--style--block-gap);}

/* link in a new tab */
a[target = "_blank"]::after 
	{content: '↪'; 
	color: var(--wp--preset--color--blauw);
	font-size: 0.8em;}


#sponsors a[target = "_blank"]::after 
	{content: none; }



/* AGENDA • DROPDOWNS */
aside.filters
	{gap: calc(var(--wp--style--block-gap) * 1.5);
	align-items: center;}


button.filter-rubriek,
button.filter-soort,
button.filter-fase
	{padding: calc(var(--wp--style--block-gap) / 3) calc(var(--wp--style--block-gap) / 2);
	background: var(--wp--preset--color--base);
	border: solid 2px var(--wp--preset--color--blauw);}

button.filter-rubriek-remove,
button.filter-soort-remove,
button.filter-fase-remove
	{background: var(--wp--preset--color--base);
	transform: rotate(45deg);
	line-height: 0;
	font-size: 2rem;
	padding: 0;}
	
.dropdown_doen button.filter-rubriek
	{anchor-name: --dropdownmenu_rubriek_doen;}

.dropdown_kijken button.filter-rubriek
	{anchor-name: --dropdownmenu_rubriek_kijken;}

button.filter-soort
	{anchor-name: --dropdownmenu_rubriek_kijken;}


button.hgh_rubriek
	{anchor-name: --dropdownmenu_rubriek_kijken;}

ul.dropdown-rubriek
	{border: solid 2px var(--wp--preset--color--blauw);
	padding: calc(var(--wp--style--block-gap) / 2);
	inset: unset;
	position: absolute;
	position-area: bottom;
	margin-top: calc(var(--wp--style--block-gap) * .3);
	overflow: hidden;}

.dropdown_doen ul.dropdown-rubriek
	{position-anchor: --dropdownmenu_rubriek_doen;}

.dropdown_kijken ul.dropdown-rubriek
	{position-anchor: --dropdownmenu_rubriek_kijken;}

.dropdown_soort ul.dropdown-soort
	{position-anchor: --dropdownmenu_rubriek_soort;}

.dropdown_fase ul.dropdown-fase
	{position-anchor: --dropdownmenu_rubriek_fase;}

.dropdown_fase ul.dropdown-fase
	{position-anchor: --dropdownmenu_rubriek_fase;}

ul.dropdown-rubriek li.has-text-align-right
	{margin-bottom: calc(var(--wp--style--block-gap) * -.8);}

table.edit-log-table
	{width: 100%;}

table.edit-log-table th,
table.edit-log-table td
	{padding: calc(var(--wp--style--block-gap) / 6) calc(var(--wp--style--block-gap) / 3);}

table.edit-log-table th:nth-child(1)
	{min-width: 180px;}

table.edit-log-table th:nth-child(2)
	{min-width: 180px;}

table.edit-log-table th:nth-child(3)
	{min-width: 180px;
	width: 50%;}

/* footer > NU TE ZIEN */
a.nu-te-zien
	{background: var(--wp--preset--color--base);
	display: block;
	width: 95%}

/* BLAUW VAK • HEADING */
.header-blauw-vlak
	{text-align: start;
	background: var(--wp--preset--color--blauw);
	color: var(--wp--preset--color--base);
	padding: calc(var(--wp--style--block-gap) / 6) calc(var(--wp--style--block-gap) / 2);
	float: left;
	margin-bottom: calc(var(--wp--style--block-gap) / 4);}


/* HOME • meer-info-blok */
.meer-info-blok p.meer-info-link a:after
	{content: '>';
	color: var(--wp--preset--color--base);
	border-radius: 50%;
	border: solid calc(var(--wp--style--block-gap) / 6) var(--wp--preset--color--base);
	width: calc(var(--wp--style--block-gap) * 2);
	height: calc(var(--wp--style--block-gap) * 2);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: font-size: var(--wp--preset--font-size--medium);}

.meer-info-blok:hover p.meer-info-link a:after
	{border: solid calc(var(--wp--style--block-gap) / 6) var(--wp--preset--color--blauw);
	color: var(--wp--preset--color--blauw);}


/* BLOK ACTIVITEITEN • HOME */
#slider-activiteiten .loop-item
{display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: 
  "plaatje"
  "tekst";}

#slider-activiteiten .loop-item h4.wp-block-post-title 
	{margin: 0;
	padding: 0;
	grid-area: plaatje;
	align-self: end;}

#slider-activiteiten .loop-item h3.header-blauw-vlak 
	{margin: 0;
	grid-area: plaatje;
	place-self: start;}

#slider-activiteiten .loop-item figure 
	{margin: 0;
	grid-area: plaatje;
	position: relative;
	z-index: -1;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: 
	"heading";
	overflow: hidden;
	border-bottom-right-radius: calc(var(--wp--style--block-gap) * 1.2);}

#slider-activiteiten .loop-item figure a
	{grid-area: heading;}

#slider-activiteiten .loop-item h4.wp-block-post-title a
	{text-decoration: none;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 500;
	letter-spacing: 1px;
	display: inline-block;
	margin: 0;
	padding-bottom: calc(var(--wp--style--block-gap) / 2);
	padding-left: calc(var(--wp--style--block-gap) / 2);
	color: var(--wp--preset--color--base);}

#slider-activiteiten .loop-item figure:after
	{grid-area: heading;
	content: '';
	background: linear-gradient(3deg, rgba(var(--wp--preset--color--contrast-rgb), 1) 0%, rgba(var(--wp--preset--color--contrast-rgb), 0.3) 35%, rgba(var(--wp--preset--color--contrast-rgb),0) 90%, rgba(var(--wp--preset--color--contrast-rgb),0) 100%);
	height: 25%;
	place-self: end;
  	height: 25%;
  	width: 100%;}

#slider-activiteiten .loop-item figure img
	{width: 100%;}

#slider-activiteiten .loop-item p.activiteit-datum
	{grid-area: tekst;}

#slider-activiteiten .tslider-action > a
	{top: 40%;}

/* BLOK TAX ACTIVITEITEN • HOME */
a.tax-activiteit,
header.tax-foto
	{	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: 
	"tax-plaatje";}

header.tax-foto
	{height: 30vh;
    max-height: 300px;}

a.tax-activiteit:before,
header.tax-foto:before
	{content:'';
	grid-area: tax-plaatje;
	background: var(--wp--preset--color--blauw);
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
	mix-blend-mode: soft-light;}

a.tax-activiteit figure.tax-foto,
header.tax-foto figure.tax-foto
	{grid-area: tax-plaatje;
	margin: 0;
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: flex;}

a.tax-activiteit figure.tax-foto img,
header.tax-foto figure.tax-foto img
	{object-fit: cover;
	width: 100%;
  	height: auto;}

a.tax-activiteit h4,
header.tax-foto h1,
header.tax-foto p.breadcrumbs
	{grid-area: tax-plaatje;
	margin: 0;
	position: relative;
	z-index: 1;}

header.tax-foto h1
	{align-content: end;}

a.tax-activiteit h4
	{align-content: center;}

a.tax-activiteit h4,
header.tax-foto h1
	font-size: var(--wp--preset--font-size--x-large);}

header.tax-foto p.breadcrumbs
	{position: absolute;}

/* Forms > intern */

input[type="submit"],
button[type="submit"]
	{padding-top: calc(var(--wp--style--block-gap) * .5) ;
	padding-bottom: calc(var(--wp--style--block-gap) * .5) ;
	padding-left: calc(var(--wp--style--block-gap) * 2) ;
	padding-right: calc(var(--wp--style--block-gap) * 2) ;
	background-color: var(--wp--preset--color--goudgeel);
	color: var(--wp--preset--color--contrast);
	border: none;
	font-weight: 600 !important;
	cursor: pointer;}

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