/* FONTS */

body
	{letter-spacing: -0.3px;}

input
	{font-family: var(--wp--preset--font-family--quicksand);}

label, button, select,
nav.bottom-menu li a,
nav.bottom-menu li a span,
nav.bottom-menu .wp-block-site-title,
.bottom-menu p
	{font-size: var(--wp--preset--font-size--normal);}

.wp-block-quote p,
.test-vraag
	{font-size: var(--wp--preset--font-size--medium);}

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


.aanmelden a,
input[type = submit],
p.test-button input
	{font-size: 1.05em;}

footer h3,
.agenda h2, .rubrieken h3,
h3.wp-block-post-title
	{font-size: 1.2rem;}

.small, input,
.wp-block-post-excerpt:not(.header-tekst) .wp-block-post-excerpt__excerpt
	{font-size: 0.9em;}

/* font-weight */

.aanmelden a, a.aanmelden,
input[type = submit],
.pt-checkout-form button.pt-payment-btn,
.pt-form-group-total-amount,
.gratis a,
.wp-block-quote,
header .wp-block-post-excerpt p,
.wp-block-search__button,
.wp-block-file .wp-block-file__button,
p.test-button input.submit-button,
.test-vraag
	{font-weight: var(--wp--preset--font-weight--bold, 700);}

li.wp-block-navigation-item,
.background-blauw p,
.year-sitetitle
	{font-weight: var(--wp--preset--font-weight--medium, 500);}

.pt-checkout-form button.pt-payment-btn
	{text-transform: unset;}


/* line-height */

figcaption
	{line-height: 1;}

/* inlog pagina */
div.swpm-password-input-visibility label.swpm-password-toggle-checkbox-label,
div.swpm-remember-me label.swpm-rememberme-label 
	{line-height: 0.5;}


/* PARAGRAPH */

.text-center
	{text-align: center;} 

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

ul.agenda-overzicht li a,
ul.loop-afbeelding li a,
a.loop-item,
h2.ondertitel a,
.aanmelden a,
ul.socials a,
a.loop-item-link,
.underlinenone a,
ul.loop-items li.les h2 a,
section.modules.loop-items.drie article h2 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,
a.loop-item-link p.underlinenone .leesmeer,
.underlinenone a .leesmeer
	{text-decoration: underline;}

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

/* colors teksten */

/* kleur = donkerblauw contrast voorgrondkleur */
a, .has-text-color,
ul.loop-afbeelding li,
ul.loop-afbeelding li a,
h4.categorie-omschrijving,
input, .has-text-color,
.header-foto .wp-block-post-title,
.header-foto .wp-block-query-title,
header .wp-block-navigation__responsive-container .wp-block-navigation-link.gratis a
	{color: var(--wp--preset--color--contrast);}

/* kleur = wit achtergrondkleur */
.has-base-color, .has-base-color a,
.wp-block-button__link,
.has-contrast-background-color,
.has-contrast-background-color a,
.aanmelden.rood a,
a.aanmelden, .aanmelden a,
input[type = submit],
span.dashicon-workshop,
.wp-block-search__button,
.wp-block-file .wp-block-file__button,
header .wp-block-navigation__responsive-container .wp-block-navigation-link a,
footer.wp-block-template-part a,
footer.wp-block-template-part p,
footer.wp-block-template-part h2,
footer.wp-block-template-part h3,
footer.wp-block-template-part label,
.page-id-417 header.main-header h1,
.page-id-942 header.main-header h1,
.page-id-943 header.main-header h1,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
.page-id-1497 header.main-header h1,
ul.loop-items li.les h2 a,
section.modules.loop-items.drie article h2 a
	{color: var(--wp--preset--color--base);}

/* blauw */
.blauwetekst,
.test-vraag
	{color: var(--wp--preset--color--blauw);}

/* geel */
.geletekst
	{color: var(--wp--preset--color--geel);}

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

ul.socials a span.dashicons::before,
.background-blauw,
.background-blauw h3,
.background-blauw .aanmelden a,
input[type = submit].aanmelden
	{color: var(--wp--preset--color--base);}

/* background colors */

/* ACHTERGROND: wit achtergrondkleur */
.background-white,
main ul.wp-block-post-template:not(.ervaringen) li:not(.les),
input,
ul.loop-items li:not(.les),
.has-diagonal-geel-to-base-gradient-background li.ervaring
	{background-color: var(--wp--preset--color--base);}

/* ACHTERGROND: constrast / voorgrond */
.background-donker,
.has-contrast-background-color,
.background-donkerblauw,
header.wp-block-template-part,
footer.wp-block-template-part,
p.activiteit-info,
.page-info div.excerpt-info, a.aanmelden,
.wp-block-search__button,
.wp-block-file .wp-block-file__button,
span.dashicon-workshop:before
	{background-color: var(--wp--preset--color--contrast);}

/* ACHTERGROND: blauw */
.background-blauw,
.aanmelden a,
input[type = submit],
ul.socials a span.dashicons::before,
.page-id-417 header.main-header,
.page-id-942 header.main-header,
.page-id-943 header.main-header,
.page-id-1497 header.main-header
	{background-color: var(--wp--preset--color--blauw);}

/* ACHTERGROND: groen */
.background-groen,
.gratis a,
.aanmelden.groen a,
p.test-button .submit-button
	{background-color: var(--wp--preset--color--groen);}


/* ACHTERGROND: geel */
.background-geel
	{background-color: var(--wp--preset--color--geel);}


/* ACHTERGROND: rood */
.error,
.aanmelden.rood a
	{background-color: var(--wp--preset--color--actie);}

.lichtblauw_achtergrond
	{background-color: rgba(var(--wp--preset--color--blauw-rgb),0.1);}

/* 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);}

.wit-gradient
	{background: linear-gradient(rgba(var(--wp--preset--color--base-rgb), 1) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 100%);}

.page-template-homepage .header-foto figure
	{background: radial-gradient(circle farthest-corner at 90% 65%, rgba(var(--wp--preset--color--base-rgb), 0.3) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 60%),radial-gradient(circle farthest-corner at 70% 95%, rgba(var(--wp--preset--color--base-rgb), 0.5) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 50%),
	radial-gradient(circle farthest-corner at 80% 100%, rgba(var(--wp--preset--color--base-rgb), 0.5) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 60%);}

.page-template-homepage .header-foto.foto-links figure
	{background: radial-gradient(circle closest-corner at 10% 65%, rgba(var(--wp--preset--color--base-rgb), 0.3) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 60%),radial-gradient(circle closest-corner at 30% 70%, rgba(var(--wp--preset--color--base-rgb), 0.5) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 50%), radial-gradient(circle closest-corner at 30% 60%, rgba(var(--wp--preset--color--base-rgb), 0.5) 0%,rgba(var(--wp--preset--color--base-rgb), 0) 30%);}

ul.loop-items li.les h2,
section.modules.loop-items.drie article h2
	{background: linear-gradient(rgba(var(--wp--preset--color--contrast-rgb), 0) 0%,rgba(var(--wp--preset--color--contrast-rgb), 0.7) 100%);}

/* FILL */
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg
	{fill: var(--wp--preset--color--base);}

/* BORDERS */

.header-foto,
header.wp-block-template-part,
.borderbottombase
	{border-bottom: solid calc(var(--wp--preset--font-size--normal) / 8) var(--wp--preset--color--base);}

.borderbottomcontrast
	{border-bottom: solid calc(var(--wp--preset--font-size--normal) / 8) var(--wp--preset--color--contrast);}
	
.borderbottomblauw
	{border-bottom: solid calc(var(--wp--preset--font-size--normal) / 8) var(--wp--preset--color--blauw);}

.borderbottomgroen,
nav.wp-block-query-pagination
	{border-bottom: solid calc(var(--wp--preset--font-size--normal) / 8) var(--wp--preset--color--groen);}

footer.wp-block-template-part
	{border-top: solid calc(var(--wp--preset--font-size--normal) / 8) var(--wp--preset--color--blauw);}


/* BORDER 0.2em */

.borderwit,
.borderwit_img img
	{border: solid 0.2em var(--wp--preset--color--base);}

.bordercontrast_img img
	{border: solid 0.2em var(--wp--preset--color--contrast);}

.borderblauw,
.borderblauw_img img
	{border: solid 0.2em var(--wp--preset--color--blauw);}

.bordergroen_img img
	{border: solid 0.2em var(--wp--preset--color--groen);}



/* BORDER 2px */
.borderforeground,

main ul.wp-block-post-template:not(.ervaringen) li a.aanmelden
	{border: solid 2px var(--wp--preset--color--contrast);}

.aanmelden.rood a,
footer .aanmelden a, a.aanmelden,
input[type = submit].aanmelden,
.gratis a,
.aanmelden a,
.wp-block-button__link
	{border: solid 2px var(--wp--preset--color--base);}

input,
.single-product main input[type="submit"].aanmelden,
.wp-block-search__input,
.wp-block-search__button,
.wp-block-file .wp-block-file__button
	{border: solid 2px var(--wp--preset--color--blauw);}

main ul.wp-block-post-template:not(.ervaringen) li:not(.les)
	{border: solid 2px var(--wp--preset--color--groen);}

.ervaringen li
	{border: solid 2px var(--wp--preset--color--geel);}

/* BORDER 0.5px */
ul.socials a span.dashicons::before
	{border: solid 0.5px var(--wp--preset--color--base);}

/* BORDER NONE */
noborder
	{border: none;}


/* BORDER-RADIUS */

.gratis a,
.aanmelden a, a.aanmelden,
input,
ul.socials a span.dashicons::before,
input[type = submit].aanmelden,
.wp-block-search__button,
.wp-block-file .wp-block-file__button,
.wp-block-search__input,
ul.loop-items li:not(.les)
	{border-radius: calc(var(--wp--preset--font-size--normal) / 4);}

main ul.wp-block-post-template li:not(.les)
	{border-radius: calc(var(--wp--preset--font-size--normal) / 2);}

.is-style-rounded img,
span.dashicon-workshop:before
	{border-radius: 50%;}

/* HOVER */
input[type = submit]:hover,
a:hover p.underlinenone,
.aanmelden a:hover, a.aanmelden:hover,
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.has-base-color a:hover
	{color: var(--wp--preset--color--contrast);}

h2.ondertitel a:hover,
p.activiteit-info a:hover,
.aanmelden.rood a:hover,
footer .aanmelden.groen a:hover,
.page-info div.excerpt-info a:hover,
.wp-block-navigation__responsive-container .wp-block-navigation-link.gratis a:hover,
p.test-button .submit-button:hover
	{color: var(--wp--preset--color--base);}

main a:hover,
.background-base .aanmelden a:hover,
footer .aanmelden a:hover,
input[type = submit].aanmelden:hover,
a:hover p.underlinenone span.leesmeer
	{color: var(--wp--preset--color--blauw);}

.aanmelden.groen a:hover
	{color: var(--wp--preset--color--groen);}

/* HOVER background */

.aanmelden.rood a:hover,
.aanmelden.groen a:hover,
p.test-button .submit-button:hover
	{background-color: var(--wp--preset--color--contrast);}

.background-geel .aanmelden a:hover,
input[type = submit].aanmelden:hover
	{background-color: var(--wp--preset--color--base);}


.gratis a:hover,
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
footer .aanmelden.groen a:hover
	{background-color: var(--wp--preset--color--blauw);}

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


/* Aanmelden via e-mail */

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

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

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

.wp-block-button__link,
.wp-block-post-comments input[type="submit"] 
	{font-size: 1.7rem;
	padding: .2em .5em;}

.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--lichtblauw);
	color: var(--wp--preset--color--blauw);}

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

/* LIST-TYPE */

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

ul.wp-block-post-template,
ul.loop-items,
ul.socials li
	{list-style: none;}

/* ICONS */

/* link in a new tab */
a[target = "_blank"]::after 
	{content: '↪'; 
	font-size: 0.8em;}


/* SOCIALS in a new tab = no after */

ul.socials a[target = "_blank"]::after 
	{content: none;}

ul.socials a span.dashicons::before,
.dashicons, .dashicons-before::before
	{font-size: 1.3rem;
	margin-right: 0.6rem;
	padding: 1px;}

span.dashicon-workshop
	{width: 100%;
	font-size: 4rem;
	height: 6rem;}
	
li.postid-346 span.dashicon-workshop:before	
	{content: "\f127";}

li.postid-349 span.dashicon-workshop:before	
	{content: "\f338";}

li.postid-862 span.dashicon-workshop:before	
	{content: "\f118";}