*, *:before, *:after {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	color: #1A1818;
	font-size: 100%;
	line-height: 1.6em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background: #fff;
}
img {
	max-width: 100%;
}
a {
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	
	color: #1A1818;
	text-decoration: none;
}
svg path {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.collapse .padded {
	padding: .9375rem;
}
.block {
	display: block;
}
.flex-container {
	display: flex;
}
.text-center {
	text-align: center;
}
.rel {
	position: relative;
}
.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* !Buttons */
.btn {
    display: inline-block;
	cursor: pointer;
    font-size: 0.9rem;
    color: #fff;
    background: #1A1818;
    border: 2px solid #1A1818;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 700;
	line-height: 33px;
	padding: 4px 2rem;
	letter-spacing: 1px;
    transition: .2s ease-out;
}
.no-touchevents .btn:hover {
	color: #1A1818;
	background: #fff;
}
.btn.small {
	font-size: 0.7rem;
	padding: 3px 1.4rem;
}

/* !HEADER */
header {
	padding: 3rem 0;
	background-color: #fff;
}
header .row.full-width .svg.logo {
	margin-left: 3rem;
}
header nav.main-nav {
	
}
header nav.main-nav ul {
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}
header nav.main-nav ul li {
	display: inline-block;
	margin-right: 1rem;
}
header nav.main-nav ul li a {
	color: #ACACAC;
	font-weight: 700;
	font-family: 'Barlow Condensed';
	font-size: 1.2rem;
	letter-spacing: 0.5px;
}
.no-touchevents header nav.main-nav ul li a:hover,
.no-touchevents header nav.main-nav ul li a.active {
	color: #1A1818;
}

/* !MOBILE NAV */
.hamburger {
	display: none;
	width: 30px;
	height: 25px;
	position: absolute;
	top: 25px;
	right: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transition: top 0.16s ease-in-out;
	-moz-transition: top 0.16s ease-in-out;
	-o-transition: top 0.16s ease-in-out;
	transition: top 0.16s ease-in-out;
	cursor: pointer;
	z-index: 200;
}
.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #111;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	z-index: 200;
}
.hamburger.open span {
	left: 0;
	z-index: 200;
}
.hamburger span:nth-child(1) {
	top: 2px;
}
.hamburger span:nth-child(2) {
	top: 12px;
}
.hamburger span:nth-child(3) {
	top: 22px;
}
.hamburger.open span:nth-child(1) {
	top: 14px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}
.hamburger.open span:nth-child(3) {
	top: 14px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.mobilenav {
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(255, 255, 255, 0.98);
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	margin-top: 80px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.mobilenav .first,
.mobilenav .second {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobilenav .first a,
.mobilenav .second a {
	text-decoration: none;
}
.mobilenav .first {
	margin-top: -1rem;
}
.mobilenav .first li a {
	opacity: 0;
	width: 100%;
	color: #1A1818;
	font-size: 1.5rem;
	font-weight: 700;
	display: block;
	width: 100%;
	padding: 10px 0;
	font-family: 'Barlow Condensed';
	letter-spacing: 0.5px;
}
.mobilenav .first li a.active {
	color: #999;
}
.mobilenav .language {
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	text-align: center;
	z-index: 101;
	/*visibility: hidden; /* TOT TALEN GEVULD */
}
.mobilenav .language ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobilenav .language li {
	display: inline;
}
.mobilenav .language li a {
	display: inline-block;
	font-size: 1.2rem;
	width: 50px;
	height: 50px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding: 6px 10px;
	padding-top: 8px;
	transition: all .3s ease-out;
	border-radius: 50%;
	line-height: 1.8;
	background: #ACACAC;
	color: #fff;
	font-family: 'Barlow Condensed';
	letter-spacing: 0.5px;
}
.mobilenav .language li a.active,
.no-touchevents .mobilenav .language li a:hover {
	background: #1A1818;
	color: #fff;
}
.mobilenav .language li a:last-child {
	margin: 0;
}


/* ==============================================
	!PAGES
/* ============================================== */

h1,
h2,
h3,
h4,
h5 {
	text-transform: capitalize;
}

/* !CENTER PAGES (Home, About/Gallery, Contact, ...) */
section.v-center {
	margin-top: 8rem;
	margin-bottom: 4rem;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
section.v-center .bg-cover {
	height: 100%;
	min-height: 40vh;
}
section.v-center div.scrollbox {
	height: 36vh;
	margin: 2vh 0;
	padding-right: 2rem;
}

/* !SCROLLBOX (custom scrollbar) */

/* wrap voor gradient overlay */
div.scrollbox-wrap {
	position: relative;
}
div.scrollbox-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #fff;
	/*background: linear-gradient(0deg, rgba(249,0,0,1) 0%, rgba(255,255,255,0) 50%);*/
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
}

/* scrollbox -> wordt ps-container */
div.scrollbox {
	position: relative;
	width: 100%;
	height: 50vh;
	overflow: scroll;
    
    direction: rtl;
	padding-left: 2rem;
    padding-bottom: 25px; /* gradient van wrapper tot onder text */
}
div.scrollbox div {
	direction: ltr;
}

/* perfect scrollbar styles */
.ps-container > .ps-scrollbar-y-rail,
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
	opacity: 1;
}
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
	width: 3px;
	background: #ddd;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
	width: 3px;
	background-color: #1A1818;
	background-color: #000;
}

/* !HOME */
section#home h1,
section#home h2 {
	margin: 0;
}
section#home h2 {
	font-weight: 400;
	margin-top: .5rem;
}
section#home h3 {
	font-size: 2rem;
	font-family: 'Barlow Condensed';
	letter-spacing: 0.5px;
}
.no-touchevents section#home a:hover svg.arrow-right path {
	stroke: #ACACAC;
}
.no-touchevents section#home a:hover div {
	opacity: 0.8;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}


/* !EXHIBITIONS - ARTISTS */

/* items (left) */
.items {
	padding: 3rem 4rem 2rem 3rem;
}
.items.agenda {
	padding: 3rem 0 2rem 3rem;
}
.items.artists {
	padding-right: 0;
}
.items h2 {
	font-size: 1.2rem;
	font-family: 'Barlow Condensed';
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-top: 0;
}
.items h3,
.items h4 {
	text-transform: capitalize;
}
.items h3,
.items h4,
.items li p {
	margin: 0;
	font-size: 0.95rem;
}
.items ul {
	list-style: none;
	margin: 0 0 1rem 0; 
	padding: 0;
}
.items.agenda ul li {
	margin-bottom: 1rem;
}
.items ul li a {
	color: #ACACAC;
	line-height: 1.2rem;
}
.no-touchevents .items ul li a:hover {
	color: #1A1818;
}

/* visuals cols (right) */
.visuals .inner {
	border-left: 1px solid #707070;
	height: 70vh;
	padding-top: 3rem;
}
.visuals .inner div.title {
	min-height: 52px;
}
.visuals .inner h3,
.visuals .inner h4 {
	margin: 0;
	font-size: 0.95rem;
	padding: 0 1rem;
	color: #777;
}
.visuals .inner h4 {
	font-weight: 400;
	font-style: italic;
}
.visuals svg.arrow-right path {
	stroke: #777;
}
.visuals .inner .bg-cover {
	min-height: 40vh;
	margin: 1rem 0;
}
.no-touchevents .visuals .inner a:hover {
	opacity: 0.8;
}

/* text (left-detail) */
div.text {
	padding: 3rem 4rem 2rem 3rem;
}
div.text h1,
div.text h2,
div.text h3,
div.text h4,
div.text p {
	margin: 0 0 1rem;
	font-size: 0.95rem;
}
div.text h1 {
	font-size: 1.2rem;
	font-family: 'Barlow Condensed';
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 0;
}
div.text h3 {
	margin: 0 0 1rem 0;
	font-weight: 400;
	color: #ACACAC;
	text-transform: capitalize;
}
div.text h4 {
	margin: 2rem 0 1rem;
}

/* !PHOTO GALLERY (Exhibitions + Artists) -- V1 (tem 2026-01) */

/* gallery caption */
section.caption {
	text-align: center;
}
section.caption a.back {
	position: absolute;
	left: .9375rem;
	left: 3.9375rem;
	top: 1rem;
}
.no-touchevents section.caption a.back:hover svg.arrow-left path {
	stroke: #ACACAC;
}
p#caption .year {
	color: #777;
}

/* gallery-main */
.gallery-main {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.gallery-main img {
	display: block;
	margin: 0 auto;
}
.gallery-main img#large,
.gallery-main div.img-wrap {
	height: 400px;
	position: relative;
}
.gallery-main img#slide_prev,
.gallery-main img#slide_next {
	height: 200px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.gallery-main a.btn.prev,
.gallery-main a.btn.next {
	position: absolute;
	z-index: 100;
	top: 50%;
	transform: translate(0,-50%);
	font-size: 2rem;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	padding: .6rem 1rem;
	border: none;
}
.gallery-main a.btn.prev {
	left: -0px;
}
.gallery-main a.btn.next {
	right: -0px;
}
.gallery-main a#zoom {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(255,255,255,0.5);
	padding: 0.5rem 1rem;
}
.no-touchevents .gallery-main a#zoom:hover {
	background-color: rgba(255,255,255,0.7);
}

/* gallery-nav */
.gallery-nav ul.thumbs {
	margin: 2rem 0; 
	padding: 0;
	list-style: none;
	text-align: center;
}
.gallery-nav ul.thumbs li {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.gallery-nav ul.thumbs li a {
	display: block;
	height: 100px;
	text-decoration: none;
	border: 1px solid #aaa;
}
.gallery-nav ul.thumbs li a.active {
	border: 1px solid #000;
}

/* !PHOTO GALLERY (Exhibitions + Artists) -- V2 (vanaf 2026-02) */
p.back {
	padding-left: 3.9375rem;
}
.no-touchevents p.back a:hover svg.arrow-left path {
	stroke: #ACACAC;
}
/* Swiper - main */
.gallery-top,
.gallery-top img {
	max-height: 50vh;
}
.gallery-top {
	width: 100%;
	overflow: visible; /* owv de caption nu ff buiten de container positioneren */
}
.gallery-top .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery-top img {
	max-width: 100%;
	object-fit: contain;
}
/* Swiper - thumbs */
.gallery-thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 4rem;
}
.gallery-thumbs .thumb {
	width: 100px;
	height: 100px;
	cursor: pointer;
	border: 1px solid #eee;
}
.gallery-thumbs .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.gallery-thumbs .thumb.active {
	border-color: #000;
}
/* Swiper - captions */
.slide-caption {
	position: absolute;
	top: 100%;
	width: 100%;
	padding: 1rem;
	text-align: center;
	color: #000;
	border-top: 1px solid #000;
}
.slide-caption .year {
	color: #777;
}

/* update swiper vars */
:root {
	--swiper-theme-color: #000;
	--swiper-navigation-sides-offset: 3rem;
	/*
	--swiper-navigation-size: 44px;
	--swiper-navigation-top-offset: 50%;
	--swiper-navigation-color: var(--swiper-theme-color);
	...
	*/
}

/* !CONTACT */
.no-touchevents #contact .padded a:hover {
	text-decoration: underline;
}
#contact ul.social li {
	margin-left: 0;
}

/* !PAGE: Private view v1 */
#privateview .work {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#privateview .work .column > a {
	display: block;
	text-decoration: none;
	color: inherit;
	transition: all .2s ease-out;
}
.no-touchevents #privateview .work .column > a:hover {
	opacity: 0.75;
}
#privateview .work .column .thumb {
	width: 100%;
	height: 320px;
	background: #fff url('') no-repeat center center / cover;
	border: 1px solid #ddd;
}
#privateview .work .column h4,
#privateview .work .column h3 {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	text-transform: uppercase;
}
#privateview .work .column h4 {
	margin: 1rem 0 0;
	color: #aaa;
	font-weight: 400;
}
/* !PAGE: Private view v2 */
#privateview .work {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#privateview .flex-container img {
	display: block;
}
#privateview .flex-container .img {
	width: 50%;
}
#privateview .flex-container .txt {
	width: 50%;
	padding: 1rem 4rem;
	align-self: center;
	text-align: center;
}
#privateview .flex-container .txt h3,
#privateview .flex-container .txt h4 {
	margin: 0;
	font-size: 0.95rem;
	text-transform: uppercase;
}
#privateview .flex-container .txt h4 {
	color: #aaa;
	font-weight: 400;
}

/* !OPTIN Fancybox */
.btn.optin .fa {
	position: relative;
	bottom: 1px;
}
.OPTIN-popup .fancybox-slide {
	padding-left: 0;
	padding-right: 0;
}

/* !FOOTER */
footer {
	margin: 2rem 0;
}
ul.social {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.social li {
	display: inline-block;
	margin: 0 .5rem;
}
.no-touchevents ul.social li a:hover {
	color: #ACACAC;
}
footer p {
	font-size: .9rem;
}

/* ==============================================
	!MEDIA - width
/* ============================================== */

/* Large and up */
@media screen and (min-width: 64em)
{
	/*body {color: blue;}*/
}
/* Medium */
@media screen and (max-width: 63.99em) /* 1024 */
{
	/*body {color: red;}*/
	
	nav {
		display: none;
	}
	.hamburger {
		display: block;
	}
	#wrap {
		padding-top: 80px;
	}
	header {
		position: fixed;
		z-index: 100;
		top: 0;
		width: 100%;
		height: 80px;
		padding: 0;
		border-bottom: 1px solid #707070;
	}
	header .svg.logo {
		max-width: 180px;
		margin-top: 5px;
	}
	
	/* Exhibitions + Artists */
	.items h2,
	.items h3,
	.items h4,
	.visuals .inner h2,
	.visuals .inner h3,
	.visuals .inner h4 {
		line-height: 1.2rem;
	}
	.visuals .columns:first-child .inner {
		border: none;
	}
	
	/* photo-gallery v1 > hide prev/next images */
	.gallery-main div.img-wrap.side {
		display: none;
	}
	
	/* photo-gallery v2 > hide prev/next btn */
	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}
	p.back {
		padding-left: 0.9375rem;
	}
	
	/* Page: Private view v2 */
	#privateview .flex-container .txt {
		padding: 1rem;
	}
	
}
/* Small */
@media screen and (max-width: 40em) /* 640 */
{
	/*body {color: green;}*/
	
	header .row.full-width .svg.logo {
		margin-left: 0;
	}
	/* Center pages */
	section.v-center {
		margin: 2rem 0;
		border: none;
	}
	section.v-center div.bg-cover {
		border-top: 1px solid #707070;
		border-bottom: 1px solid #707070;
	}
	
	/* Exhibitions + Artists */
	.items,
	.items.agenda {
		padding: 2rem 0;
	}
	.visuals {
		padding: 0;
		border-top: 1px solid #707070;
	}
	.visuals .inner {
		height: auto;
		padding: 2rem 0 0 0;
		border: none;
	}
	.visuals .inner div.title {
		min-height: initial;
	}
	.visuals .inner h3,
	.visuals .inner h4 {
		padding: 0;
	}
	div.text {
		padding: 2rem 0;
	}
	div.text h4 {
		margin: 1rem 0;
	}
	
	/* Scrollbox (custom scrollbar) -- reset */
	div.scrollbox-wrap::after {
		display: none;
	}
	div.scrollbox,
	section.v-center div.scrollbox {
		position: static;
		height: auto;
		overflow: auto;
		padding: 0;
		margin: 0;
	}
	section.v-center div.scrollbox {
		padding: 0 .9375rem;
		margin-bottom: 2rem;
	}
	.ps-container > .ps-scrollbar-y-rail,
	.ps-container.ps-active-y > .ps-scrollbar-y-rail {
		display: none;
	}
	
	/* Photo gallery */
	section.caption a.back {
		position: static;
	}
	p#caption {
		margin-top: 0;
	}
	
	/* photo-gallery v1 > lagere fixed hoogtes */
	.gallery-main img#large,
	.gallery-main div.img-wrap {
		height: 300px;
	}
	.gallery-main img#slide_prev,
	.gallery-main img#slide_next {
		height: 150px; /* ook al wordt het niet meer getoond, geeft nog ns aan dat het de helft is */
	}
	
	/* Page: Private view v2 */
	#privateview .work .flex-container {
		flex-direction: column;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	#privateview .work .flex-container:not(.odd) {
		border-bottom: 1px solid #ddd;
	}
	#privateview .flex-container .img,
	#privateview .flex-container .txt {
		width: 100%;
	}
	
}

/* ==============================================
	!MEDIA - height
/* ==============================================

/* 800 */
@media screen and (max-height: 800px)
{
	/*body {color: aqua;}*/
	
	/* Center pages */
	section.v-center {
		margin: 2rem 0;
	}
	
}

/* 600 */
@media screen and (max-height: 600px)
{
	/*body {color: fuchsia;}*/
	
	/* Center pages */
	section.v-center {
		margin: 0 0 1rem 0;
	}
	section.v-center .bg-cover {
		min-height: 50vh;
	}
}