/*
Theme Name:   Kunstsafari
Theme URI:    https://www.rootcase.nl
Author: 	Rootcase
Author URI: https://www.rootcase.nl
Description:  Custom built template
Version: 1.0

*/


:root {
	--bruin: #605951;
	--beige: #ECE8E0;
	--beigelichter: #F8F7F4;
	--primary: #004F9F;
	--cta: #FECC00;
	--primary-light: #BCCDEB;
	--grey: #D9D9D9;
	--red: #E30512;
	--font-size-base: 1.125rem; /* 18px */
	--line-height-base: 1.7778; /* 32 / 18 */
	--font1: 'Raleway', sans-serif;
	--font2: 'Playfair Display', serif;
}


html {
	font-size: 100%; /* base */
	margin: 0px;
	padding: 0px;
}

body {
	font-family: var(--font1);
	font-size: 1.125rem; /* 18px */
	line-height: 1.7778; /* 32 / 18 */
	margin: 0px;
	padding: 0px;
	font-size: 14pt;
	color: black;
}

* {
	position: relative;
	box-sizing: border-box;
}


ul {
	list-style-position: outside;
	margin-left: 0;
	padding-left: 1em;
}

a {
	color: inherit;
	text-decoration: none;
}

.sectioninner {
	max-width: 1300px;
	margin: auto;
	padding: 0 1rem;
}

section.top {
	z-index: 999;
	margin-top: 3rem;
}

.ctahold {
	padding-bottom: 2rem;
	margin-left: 2rem;
}

.searchhold {
	margin-left: auto;
	padding-bottom: 1.75rem;
	cursor: pointer;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.searchhold svg {
	height: 1rem;
	fill:black;
	transition: fill .25s;
	width: auto;
}

.searchhold svg:hover {
	fill:var(--cta);
}

.zoekwrap {
	margin-right:.5rem;
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s;
}

.searchactive .zoekwrap {
	opacity: 1;
	pointer-events: auto;
}

.zoekwrap input {
	padding: .25rem 1rem;
	font-size: 1rem;
	font-family: var(--font1);
	outline: 0 !important;
	width: 100%;
}


.zoekwrap button {
	display: none;
}

.search-item {
	margin-bottom: 2rem;
}

.logohold {
	width: calc((100% / 12) * 3);
	background: white;
	border-radius: 0 0 2rem 2rem;
	padding: 0 2rem;
	z-index: 1;
}

.logo2 {
	padding-bottom: 1rem;
}

.logohold img {
	width: 100%;
	height: auto;	
	display: block;	
}

section.top .flexcontainer {
	align-items: flex-end;
}

.zebra {
	background: url(img/zebra4.jpg);
	background-size: cover;
	height: 8rem;
}

.menuhold ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menuhold ul li {
	display: inline-block;
	white-space: nowrap;
}

.menuhold ul li a {
	padding: .25rem;
	display: block;
	line-height: 2rem;
}

.menuhold ul li a:hover {
	text-decoration: underline;
}

.menuhold ul .sub-menu {
	display: none;
	position: absolute;
	padding: .5rem 1rem;
	left: -1rem;
}

.menuhold ul .sub-menu li {
	display: block;
}


.menuhold ul .sub-menu li a {
	padding:0 .25rem;
}

.menuhold ul li:hover .sub-menu:not(.sub-menu .sub-menu) {
	display: block;
}

.menuhold ul .sub-menu .sub-menu {
	display: none;
}

.menuhold ul li .sub-menu li:hover .sub-menu {
	display: block !important;
	left:100%;
	margin: 0;
	background: var(--bruin);
	margin-top:-2.5rem;
}

.menuholder .flexcontainer {
	width: 100%;
	justify-content: center;
}


.menuholder::before {
	position: absolute;
	right: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	background: var(--primary);
	z-index: -1;
}

.menuhold.infoedition ul .sub-menu {
	background: var(--primary);
	color: white;
}
.menuhold.otherinfo ul .sub-menu {
	background: black;
	color: var(--cta);
}

.menuholder::after {
	position: absolute;
	right: 0;
	left: 50%;
	top: 0;
	bottom: 0;
	content: '';
	display: block;
	background: black;
	color: white;
	z-index: -1;
}

.infoedition {
	color: white;
	display: flex;
	align-items: flex-end;
}

.infoedition ul li {
	margin-left: 1rem;
}

.otherinfo ul li {
	margin-right: 1rem;
}

.otherinfo {
	color: var(--cta);
}

.currentedition {
	background: var(--cta);
	color: black;
	font-weight: bold;
	margin: -.5rem 1.5rem;
	z-index: 1;
	padding: .75rem 1.5rem;
	border-radius: 1rem;
	white-space: nowrap;
	font-size: 1.2rem;
	transition: color .25s, background .25s;

}
.currentedition:hover {
	background: #e20612;
	color: white;
}

.currentedition svg {
	height: .75rem;
	margin-right: .5rem;
	width: auto;
	fill:black;
	transition:fill .25s;
}

.currentedition:hover svg  {
	fill:white;
}


.flexcontainer {
	display: flex;
	width: 100%;
	flex-direction: row;
}

.button.cta:hover,
.button {
	background: var(--primary);
	color: white;
	padding: .5rem 1.5rem;
	font-weight: 800;
	border-radius: 2rem;
	font-size: 1rem;
	letter-spacing: 0;
	text-transform: none;
	transition: background .25s, color .25s;
	white-space: nowrap;
}

.button.cta:hover svg,
.button svg {
	height: .6rem;
	top:-.1rem;
	width: auto;
	margin-left: .5rem;
	fill:white !important;
	transition: fill .25s, margin .25s;
}

.button.cta,
.button:hover {
	background: var(--cta);
	color: black;
}

.button.cta svg,
.button:hover svg {
	fill: black !important;
	margin-left: .75rem;
}

section.headerfoto img {
	width: 100% !important;
	display: block;
	height: auto !important;
}



section.headerfoto .bgvisual {
	position: relative;
	inset: 0;
	width: 100%;
	display: flex;
	height: auto;
}

section.headerfoto .imgwrap {
	width: 100%;
	display: flex;
	height: auto;
	aspect-ratio: 21 / 6;
}

section.headerfoto::after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 10%;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 59%);
	content:'';
	display: block;
	z-index: 0;
}

section.headerfoto .sectioninner {
	inset: 0;
	bottom: 20%;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	z-index: 1;
}


section.headerfoto .regel1 {
	background: black;
	color: var(--cta);
	font-size: 3rem;
	padding: .1rem 2rem;
	white-space: nowrap;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 10%;
	border-radius: 0 0 15px 15px;
	margin: 0;
}
section.headerfoto .regel2 {
	background: var(--primary);
	color:white;
	font-size: 1.5rem;
	padding: .1rem 2rem;
	white-space: nowrap;
	border-radius: 0 0 10px 10px;
	margin: 0;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: normal;
}

section:not(.top, .headerfoto, .footer, .endfooter, .prevedition) {
	margin: 6rem 0;
}

.footer p + table {
	margin-top: -1rem;
}

.footer table td {
	padding-right: 1rem;
}

section.headerfoto + section {
	margin-top: 2rem !important;
}

.content p:last-of-type {
	margin-bottom: 0;
}

.content table {
	margin-top: 1rem;
}

.content table tr td {
	padding-right: 1rem;
}

.content p a:not(.button) {
	color: var(--primary);
}
.content p a:not(.button):hover {
	color: var(--cta);
}

.content h2 {
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--primary);
	margin-top: 0;
}

.content p + h2 {
	margin-top: 3rem;
}

.content h1,
h2:not(.content h2){
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 10%;
}

h2 .button {
	margin-left: 2rem;
	top:-.25rem;
	vertical-align: middle;
}

section.inhoud .content {
	padding-right: calc((100% / 12) * 2);
}

.quoteholder {
	text-align: right;
	width: 100%;
	padding-right: 1rem;
}

.quoteholder .qc {
	font-size: 2rem;
	font-family: var(--font2);
	margin-bottom: .5rem;
}
.quoteholder .qa {
	font-style: italic;
}

section.footer {
	background: black;
	color: white;
	padding-bottom: 6rem;
	font-size: .9rem;
}
section.footer .flexcontainer {
	width: 100%;
	justify-content: space-between;
}

.footerlogo {
	position: relative;
	margin-bottom: 2rem;
	width: calc((100% / 12) * 2);
	height: auto;
	display: block;
	padding: 1rem;
	background: white;
	border-radius: 0 0 25px 25px;
}

.footerlogo img {
	width: 100%;
	height: auto;
	display: block;
}

.footcol {
	padding-right: 	calc((100% / 12) * 1);
}

.footcol.col4 {
	padding-right: 0;
}

section.endfooter {
	background: var(--primary);
	color: white;
	text-align: center;
	padding: .5rem 0;
	font-size: .9rem;
}

.nieuwsholder {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.nieuwsitem {
	width: calc((100% - 2rem) / 3);
	overflow: hidden;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}


.nieuwsitem .imgwrap {
	width: 100%;
	height: auto;
	aspect-ratio: 370 / 318;
	display: flex;
}

.nieuwsitem .imgwrap img {
	display: block;
	object-fit: cover;
	width: 101%;
}

/* first */
.nieuwsitem:first-child {
	border-top-left-radius: 15px;
}

/* third */
.nieuwsitem:nth-child(3) {
	border-top-right-radius: 15px;
}

/* third from last */
.nieuwsitem:nth-last-child(3) {
	border-bottom-left-radius: 15px;
}

/* last */
.nieuwsitem:last-child {
	border-bottom-right-radius: 15px;
}

.newscontent h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.5rem;
	color: var(--cta);
	font-family: var(--font2);
}

.nieuwsitem.news-light {
	color: white !important;
}

.nieuwsitem.news-dark h3 {
	color: black !important;
}


.newscontent {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;	
	height: 100%;
}

.newsintro {
	margin-bottom: 1rem;
}

.newsmore {
	margin-top: auto;
	font-weight: bold;
}

section.inhoud_met_afbeelding .flexcontainer {
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

section.inhoud_met_afbeelding .imghold  {
	width: calc((100% / 12) * 5);
}

section.inhoud_met_afbeelding .imghold .imgwrap {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	overflow: hidden;
}

section.inhoud_met_afbeelding .imghold .imgwrap img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

section.inhoud_met_afbeelding .content  {
	width: calc((100% / 12) * 6);
}

section.inhoud_met_afbeelding h2 {
	font-size: 2rem;
	font-weight: bold;
	color: black;
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 10%;
}

section.inhoud_met_afbeelding .txtright .imghold,
section.inhoud_met_afbeelding .txtleft .content {
	order: 0;
}

section.inhoud_met_afbeelding .txtleft .imghold,
section.inhoud_met_afbeelding .txtright .content {
	order: 1;
}

section.inhoud_met_afbeelding .txtright .imghold .imgwrap {
	border-radius: 15px 0 0 15px;
}

section.inhoud_met_afbeelding .txtleft .imghold .imgwrap {
	border-radius: 0 15px 15px 0;
}

section.met_dank_aan .flexcontainer {
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;	
	gap:3rem;
	justify-content: flex-start;
}


section.met_dank_aan .logowrap {
	width: calc((100% - 12rem) / 5);
	height: 5rem;
	display: flex;
	margin-top: 2rem;
}

section.met_dank_aan .logowrap img {
	display: block;
	width: 100%;
	object-fit: contain;
	filter:grayscale(1);
	opacity: .75;
}

section.met_dank_aan .logowrap:hover img {
	filter:grayscale(0);
}

.filterhold {
	z-index: 10;
}

.filterhold .filtergroup {
	width: 25%;
}

.filterhold .ico {
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	border-radius: 2rem;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	margin-right: .5rem;
	top:-.1rem;
}

.filterhold .ico svg {
	height: 1.25rem;
	width: auto;
	fill:white;
}

.filtergroup__label {
	font-weight: bold;
	letter-spacing: 10%;
	text-transform: uppercase;
	display: block;
	padding: .5rem 0;
}

.filterhover {
	position: absolute;
	background: white;
	border-radius: 0 0 30px 0;
	margin-left: -1rem;
	opacity: 0;
	pointer-events: none;
	padding: .5rem 1rem .5rem 1rem;
	min-width: 100%;
	transition: opacity .25s;
}

.filtergroup:hover .filterhover {
	opacity: 1;
	pointer-events: auto;
}

.filterbackdrop {
	position: absolute;
	content: '';
	width:100%;
	margin-top: 0rem;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	top:auto;
	pointer-events: none;
	transition: opacity .25s;
	z-index: 5;
}

.filterbackdrop.active {
	opacity: 1;
}


.filterhover a {
	display: block;
	margin-bottom: .25rem;
}

.currentfilters {
	display: flex;
	font-size: .9rem;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	margin-bottom: 1rem;
}

.filtericonhold {
	font-size: 1.5rem;
	font-family: var(--font2);
}

.filtericonhold svg {
	height: 2rem;
	width: auto;
	margin-right: 0;
	fill:black;
	vertical-align: middle;
	top:-.2rem;
	
}

.currentfilters .filteritem {
	color: black;
	padding: .25rem 1.25rem .25rem 1.25rem;
	border-radius: 2rem;
	font-size: 1rem;
	letter-spacing: 0;
	text-transform: none;
	transition: background .25s, color .25s;
	white-space: nowrap;
	line-height: 2rem;
}

.currentfilters .filteritem svg {
	height: .75rem;
	width: auto;
	margin-left: .5rem;
	vertical-align: middle;
	display: inline-block;
}


.filtergroup.deelnamejaar .ico {
	background: var(--cta);
}

.currentfilters .filteritem.part-of-deelnamejaar {
	background: var(--cta);
	border: 1px solid var(--cta);
}

.filtergroup.deelnamejaar .ico svg,
.currentfilters .filteritem.part-of-deelnamejaar svg {
	fill: black;
}

.currentfilters .filteritem.part-of-locatie {
	border: 1px solid var(--primary);
	color: var(--primary);
}


.filtergroup.locatie .ico {
	background: var(--primary);
}

.currentfilters .filteritem.part-of-locatie svg {
	fill: var(--primary);
}


.filtergroup.discipline .ico {
	background: var(--red);
}

.currentfilters .filteritem.part-of-discipline {
	border: 1px solid var(--red);
	color: var(--red);
}

.currentfilters .filteritem.part-of-discipline svg {
	fill: var(--red);
}


.filtergroup.extra .ico {
	background: var(--grey);
}

.currentfilters .filteritem.part-of-extras, 
.currentfilters .filteritem.part-of-extra {
	border: 1px solid var(--bruin);
	color: var(--bruin);
}

.currentfilters .filteritem.part-of-extras svg,
.currentfilters .filteritem.part-of-extra svg {
	fill: var(--bruin);
}

.filtergroup .filteritem:hover,
.filtergroup .filteritem.active {
	font-weight: bold;
}

.filtergroup .filteritem::before {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H2ZM2 16H16V2H2V16Z' fill='%231F1F1F'/></svg>");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	content:'';
	vertical-align: middle;
	margin-top:-.2rem;
	margin-right: .5rem;
	margin-left: .5rem;
}

.filtergroup .filteritem.active::before {
	background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M7.6 13.2L14.65 6.15L13.25 4.75L7.6 10.4L4.75 7.55L3.35 8.95L7.6 13.2ZM2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H2ZM2 16H16V2H2V16Z' fill='%231F1F1F'/></svg>");
}

.filtergroup .filteritem {
	white-space: nowrap;
	font-size: .9rem;
}


section.overzicht_locaties,
section.overzicht_kunstenaars {
	margin-bottom: 0;
}

section.locatiessection,
section.kunstenaarssection {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 4rem;
}

section.breadcrumb {
	font-size: .9rem;
	margin: 1rem 0;
}

section.breadcrumb + section {
	margin-top: 2rem;
}

section.breadcrumb svg {
	height: 1rem;
	width: auto;
	vertical-align: middle;
	top:-.1rem;
	margin-right: .5rem;
}

section.breadcrumb span:first-of-type + .sep {
	display: none;
}

.single-kunstenaar .inhoud h1 {
	margin: 0;
	white-space: nowrap;
}

.introhold {
	width: 50%;
}
.single-kunstenaar .titleholder {
	align-items: center;
	width: 100%;
	display: flex;
}

.single-kunstenaar .currentfilters {
	font-size: .9rem;
	margin: 0;
	margin-left: 1rem;
}

.single-kunstenaar .locatiehold .content b,
.single-kunstenaar .adres1 b {
	font-family: var(--font2);
	font-size: 1.2rem;
	margin-right: .5rem;
}

.single-kunstenaar .locatiehold .content svg,
.single-kunstenaar .adres1 svg {
	display: inline-block;
	margin-right: .5rem;
	height: 1.2rem;
	width: auto;
	top:.25rem;
}
.single-kunstenaar .adres1 {
	margin-bottom: 3rem;
	font-size: .9rem;
}

.workgrid-sizer {
	width: calc((100% - 2rem) / 3);
}

.gutter-sizer {
	width: 1rem;
}

.workitem {
	height: 45rem; 
	position: relative;
	overflow: hidden;
	margin-bottom: 1rem;
}

.workitem video,
.workitem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.workitem.landscape {
	width: calc(((100% - 2rem) / 3) * 1);
}

.workitem.square {
	width: calc(((100% - 2rem) / 3) * 1);
}

.workgrid.only-landscape .workgrid-sizer,
.workgrid.only-landscape .workitem {
	width: calc((100% - 1rem) / 2);
}

.workgrid.only-landscape .workitem.landscape {
	width: calc((100% - 1rem) / 2);
}

.workitem {
	display: flex;
	width: calc(((100% - 2rem) / 3) * 1);
}

.workitem img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* .workgrid {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.workitem {
	overflow: hidden;
	display: block;
	position: relative;
}

.workitem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	cursor: pointer;
}

.workitem.landscape {
	width: calc(66.666% - .5rem);
	aspect-ratio: 16 / 9;
}

.workitem.portrait {
	width: calc(33.333% - .5rem);
	aspect-ratio:  3 / 4;
}

.workitem.square {
	width: calc(33.333%);
	aspect-ratio: 1/1;
} */

.workitemcaption { 
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background: rgba(0,0,0,.5);
	text-align: center;
	color: white;
	opacity: 0;
	transition: opacity .5s;
	pointer-events: none;
	font-size: .9rem;
}

.workitem:hover .workitemcaption {
	opacity: 1;
}


.lightbox {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	flex-direction: column;
}

.lightbox-caption {
	color: white;
	font-size: .9rem;
	margin-top: .25rem;
}

.lightbox.active {
	display: flex;
}

.lightbox-img {
	max-width: 90%;
	max-height: 90%;
}

.lightbox-close {
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-size: 2rem;
	color: white;
	cursor: pointer;
}

.lightbox-close svg {
	height: 1rem;
	width: auto;
	position: absolute;
	top: .5rem;
	right: .5rem;
	fill:white;
}

.lightbox-prev,
.lightbox-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 3rem;
	color: white;
	cursor: pointer;
	padding: 1rem;
	user-select: none;
}

.lightbox-prev { left: .5rem; }
.lightbox-next { right: .5rem; }


.single-kunstenaar .biografie .flexcontainer {
	align-items: flex-start;
}

.single-kunstenaar .biografie .imgwrap {
	border-radius: 15px;
	overflow: hidden;
	height: auto;
	width: calc(100% - 4rem);
	margin-bottom: 2rem;
}

.single-kunstenaar .biografie .imgwrap img {
	width: 100%;
	height: auto;
	display: block;
}

.single-kunstenaar .locatiehold .imghold {
	border-radius: 0 30px 30px 0;
	overflow: hidden;
}



.single-kunstenaar .locatiehold .imghold .mapswitch iframe {
	position: absolute;
	inset: 0;
	pointer-events: none;
	transition: opacity .5s;	
	opacity: 0;
	height: 100%;
}

.single-kunstenaar .locatiehold:hover .imghold .mapswitch iframe {
	opacity: 1;
	pointer-events: all;
}

.single-kunstenaar .adres2 {
	font-family: var(--font2);
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.socialshold {
	margin-top: 4rem;
	width: 100%;
	display: flex;	
	justify-content: flex-start;
}

.socialshold a {
	margin-right: 1rem;
	display: block;
	width: 3rem;
	height: 3rem;
	background: var(--beige);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .25s;
}

.footer .socialshold {
	margin-top: 2rem;
}

.footer .socialshold a  {
	width: 2rem;
	height: 2rem;
	margin-right: .5rem;
}


.footer .socialshold a svg {
	height: 1rem;
	width: auto;
	fill:black;
}

.socialshold a svg {
	height: 1.75rem;
	width: auto;
	fill:black;
}

.socialshold a:hover {
	background: var(--cta);
}

.locatieshold,
.kunstenaarshold {
	display: flex;
	gap: 1rem;
	padding-top: 1rem;
	flex-wrap: wrap;
}

.locatie-item,
.kunstenaar-item {
	display: block;
	width: calc((100% - 3rem) / 4);
}

.locatie-item .imgwrap,
.kunstenaar-item .imgwrap {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	display: flex;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}


.locatie-item .contentwrap,
.kunstenaar-item .contentwrap {
	padding: .5rem;
	display: flex;
	align-items: flex-start;
}

.locatie-item .disciplines,
.kunstenaar-item .disciplines {
	padding-left: 1rem;
	text-align: right;
	margin-left: auto;
	text-transform: lowercase;
}

.locatie-item .imgwrap img,
.kunstenaar-item .imgwrap img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: auto;
	object-position: bottom center;
}

.locatie-item:hover .imgwrap img,
.kunstenaar-item:hover .imgwrap img {
	object-fit: contain;
}


.locatie-item .naam,
.kunstenaar-item .naam {
	font-weight: bold;
	line-height: 1.5rem;
}

.locatie-item .naam svg,
.kunstenaar-item .naam svg {
	display: inline-block;
	vertical-align: middle;
	fill:black;
	margin-left: .5rem;
	transition: margin-left .25s;
	position: absolute;
	bottom:.4rem;
}


.locatie-item:hover .naam svg,
.kunstenaar-item:hover .naam svg {
	margin-left: .75rem;
}

.locatie-item .disciplines,
.kunstenaar-item .disciplines {
	font-size: .9rem;
	line-height: 1.2rem;
}

.locatie-item .locatie,
.kunstenaar-item .locatie {
	font-size: .9rem;
	margin-top: .25rem;
	white-space: nowrap;
}
.locatie-item .locatie svg,
.kunstenaar-item .locatie svg {
	fill:black;
	height: 1.1rem;
	width: auto;
	vertical-align: middle;
	margin-right: .35rem;
	top:-.1rem;
} 


.team .nopictures .lid-foto {
	display: none;
}

.team .flexcontainer {
	flex-direction: column;
}

.team .lid {
	display: flex;
	width: 100%;
	margin: 3rem 0; 
	align-items: center;
}

.lid-foto {
	width: calc((100% / 12) * 3);
	aspect-ratio: 1 / 1;	
	display: flex;
	overflow:hidden;
	border-radius: 15px 0 0 15px;
}

.lid-content {
	width: calc((100% / 12) * 9);
	padding-left: 2rem;
}

.lid-foto img {
	object-fit: cover;
	width: 100%;
	height: auto;
}

.lid-naam {
	font-weight: bold;
	font-family: var(--font2);
	font-size: 2rem;
	margin-top: -1rem;
}

.lid-beroep,
.lid-functie {
	font-size: 1.1rem;
}

.lid-omschrijving {
	margin-top: 1rem;
	font-size: .9rem;
}


.imgcaption {
	position: relative;
}



/* Slider */
.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	z-index: 0;
	height: 100%;
}

.slick-slide img {
	width: 100vw !important;
}

.fullscreenproductimage .slick-slider {
	pointer-events:  none !important;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: zoom-in;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-bottom: 15px;
	box-sizing: border-box;
	display: flex;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	height: auto !important;
	display: flex;
	min-height: 1px;


.headerfoto .bgvisual,
.headerfoto .bgvisual .slick-list,
.headerfoto .bgvisual .slick-track,
.headerfoto .bgvisual .slick-slide {
	width: 100% !important;
}
	
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img,
.slick-slide svg
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slick-slide.slick-loading img,
.slick-slide.slick-loading svg
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
	position: relative;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}



				/* these classes can be used to style the form */
.form-5rqjxvkbfr {

}

.form-5rqjxvkbfr label {
		display: block;
		padding: .4em 0 .1em 0;
}

.form-5rqjxvkbfr fieldset {
	border: 0;
}

.form-5rqjxvkbfr fieldset label {
		display: inline;
		padding: 0 0 0 .1em;
}

.form-5rqjxvkbfr input[type=text], .form-5rqjxvkbfr input[type=email], .form-5rqjxvkbfr input[type=number] {
}

.form-5rqjxvkbfr input[type=submit] {
	margin-top: 1em;
}

/* client side validation */
.form-5rqjxvkbfr input:invalid {
	border: 2px dashed red;
}

.form-5rqjxvkbfr input:invalid:required {
		border: 2px solid #ccc;
}

.form-5rqjxvkbfr input:valid {
		border: 2px solid #ccc;
}

.preveditionstoggle {
	cursor: pointer;
	margin-top: 2rem;
	display: inline-block;
	background: var(--cta);
	color: black;
	margin-bottom: 6rem;
}

.prevactive .preveditionstoggle,
.preveditions {
	display: none;
}

.prevactive .preveditions {
	display: block;
}

.extrahold {
	display: flex;
}