/******   FONTS   ******/

.font-body,
input, textarea, button
{font-family: var(--wp--preset--font-family--body);}

.font-heading
{font-family: var(--wp--preset--font-family--heading);}

.agenda-content,
article.taxonomy-item p,
article.taxonomy-item h3
{font-size: var(--wp--preset--font-size--small);}

.activiteit-jaar
{font-size: var(--wp--preset--font-size--medium);}

strong,
.datum-activiteit,
.ondertitel,
.activiteit-jaar,
.taxonomy-tekst-link a
{font-weight: 600;}


h3.taxonomy-title
{text-align: center;}

.taxonomy-tekst-link
{text-align: end;}


.taxonomy-tekst-link a
{text-decoration: none;}


/******   COLORS   ******/

/* color */
footer.wp-block-template-part
{color: var(--wp--preset--color--base);}

/* background */
div.wp-site-blocks
{background-color: var(--wp--preset--color--base);}

body:not(.wp-admin):not(.block-editor-iframe__body),
footer.wp-block-template-part
{background-color: var(--wp--preset--color--contrast);}

.taxonomy-tekst-link a
{background-color: var(--wp--preset--color--donkergeel);}

.achtergrond-lichtgeel
{background-color: rgba(var(--wp--preset--color--donkergeel-rgb),.05);}

/* borders */
li.current-menu-item a span
{border-bottom: solid rgba(var(--wp--preset--color--contrast-rgb),.7) calc(var(--wp--style--block-gap) * .15);}

.taxonomy-tekst-link a,
figure.wp-block-image:not(.photoheader) img
{border-radius: calc(var(--wp--style--block-gap) * .2);}

main.wp-block-group:after
{background-image: url(https://josefrijns.nl/wp-content/uploads/2018/06/footer-1.png);
  content: '';
  width: 100%;
  display: block;
  height: calc(var(--wp--style--block-gap) * .3);
  background-repeat: no-repeat;
  background-size: cover;}

/* AGENDA */
.single-activiteit h1,
.single-project h2.wp-block-post-title,
.agenda-item h3
{background-color: rgba(var(--wp--preset--color--donkergeel-rgb),.7);
display: inline-block;
text-wrap: balance;}

.single-activiteit h1,
.single-project h2.wp-block-post-title
{margin-top: 0;
margin-bottom: calc(var(--wp--style--block-gap) * .7);
font-size: calc(var(--wp--preset--font-size--large) * 1);
padding: calc(var(--wp--style--block-gap) * .2) calc(var(--wp--style--block-gap) * .4);}

.agenda-item h3
{margin-top: calc(var(--wp--style--block-gap) * 1.3);
margin-bottom: calc(var(--wp--style--block-gap) * .7);
font-size: calc(var(--wp--preset--font-size--medium) * .9);
padding: calc(var(--wp--style--block-gap) * .2) calc(var(--wp--style--block-gap) * .3);}

.agenda-item figure.wp-block-image img
{aspect-ratio: 1;
object-fit: cover;}

.agenda-item .datum-activiteit
{font-size: calc(var(--wp--preset--font-size--small) * .9);}

/* PORTFOLIO */
.portfolio-filters
{display: flex;
flex-flow: wrap;
column-gap: calc(var(--wp--style--block-gap) * 2.5);
row-gap: calc(var(--wp--style--block-gap) * .5);
padding-bottom: calc(var(--wp--style--block-gap) * 1.5);
}

ul.dropdown-portfolio li
{list-style: none;}

.portfolio-filters div > button
{padding: calc(var(--wp--style--block-gap) / 3) calc(var(--wp--style--block-gap) / 2);
background: rgba(var(--wp--preset--color--donkergeel-rgb),.2);
border: solid 2px var(--wp--preset--color--contrast);
font-size: calc(var(--wp--preset--font-size--medium) * .9);
cursor: pointer;}

.portfolio-filters div ul li > button
{background: var(--wp--preset--color--base);
transform: rotate(45deg);
line-height: 0;
font-size: calc(var(--wp--preset--font-size--small) * 1.5);
border: none;
padding: 0;
cursor: pointer;}

.filterbox-portfolio button.filter-rubriek 
{anchor-name: --dropdownmenu_rubriek;}

.filterbox-portfolio ul#popover_rubriek
{position-anchor: --dropdownmenu_rubriek;}

.filterbox-portfolio button.filter-techniek 
{anchor-name: --dropdownmenu_techniek;}

.filterbox-portfolio ul#popover_techniek
{position-anchor: --dropdownmenu_techniek;}

.filterbox-portfolio button.filter-jaartal
{anchor-name: --dropdownmenu_jaartal;}

.filterbox-portfolio ul#popover_jaartal
{position-anchor: --dropdownmenu_jaartal;}

.portfolio-filters div ul
{border: solid 2px var(--wp--preset--color--contrast);
padding: calc(var(--wp--style--block-gap) / 2);
inset: unset;
position: absolute;
position-area: block-end block-end;
margin-top: calc(var(--wp--style--block-gap) * .3);
overflow: hidden;
min-width: calc(var(--wp--style--block-gap) * 5);
max-width: calc(var(--wp--style--block-gap) * 10);
text-wrap: balance;}

.portfolio-filters div ul li.is-active,
.filters-geselecteerd strong,
.portfolio-filter-clear
{font-weight: 800;}


.portfolio-filters div ul li.is-active:before,
.filters-geselecteerd strong:after
{content: '→';
margin-right: calc(var(--wp--style--block-gap) * .1);
font-family: var(--wp--preset--font-family--heading);}

.portfolio-filters div ul li.is-active:before
{margin-right: calc(var(--wp--style--block-gap) * .1);}
	
.filters-geselecteerd strong:after
{margin-left: calc(var(--wp--style--block-gap) * .1);}

a.portfolio-item
{display: grid;}

a.portfolio-item img
{grid-column-start: 1;
grid-row-start: 1;}

a.portfolio-item:after
{content: '';
background-image: url(https://irennooren.com/nl/wp-content/themes/joseTheme/assets/images/vergroten.png);
background-size: 80%;
background-position: center;
background-color: rgba(var(--wp--preset--color--base-rgb),.3);
background-repeat: no-repeat;
width: calc(var(--wp--style--block-gap) * 2);
height: calc(var(--wp--style--block-gap) * 2);
display: flex;
grid-column-start: 1;
grid-row-start: 1;
place-self: end;
filter: invert(1)}