/*
Theme Name: Tijdlijn van Suriname
Author: Pieter Eg, Studio Ronduit
Description: Tijdlijn van Suriname
Version: 1.12
Tags: designstudio
*/

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

#wpadminbar{
	top: 0 !important;
	position: fixed !important;
}

html, body {
  scroll-behavior: smooth;
}

body *::-webkit-scrollbar {
	width: 0px;
	background: transparent; /* Chrome/Safari/Webkit */
}

body *{
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

*{
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	position: relative;
	box-sizing: border-box;
	padding: 0;
	margin: 0 ;
	font-display: swap;
	line-height: 120%;
	hyphens: auto;
	word-break: auto-phrase;
}

html{
	scroll-behavior: smooth;
}

body{
	font-size: clamp(14px, 2vw, 18px);
	display: flex;
	overflow-y: hidden;
	overflow-x: scroll;
	flex-flow: column wrap;
	align-items: center;
	height: 100vh;
	width: 100vw;
	justify-content: space-between;
}

body.post-type-archive-timeline{
	overflow: hidden !important;
}

body.single-context,
body.single-post, 
body.wp-singular.page:not(.page-template-nieuws),
body:has(.vertical-scroll){
	min-height: 100vh;
	height: auto;
	width: 100vw;
	overflow-y: scroll;
	overflow-x: hidden;
}

body:not(.post-type-archive-timeline) > .wrapper{
	max-width: 100% !important;
	
	//min-width: fit-content;
}

.wrapper-outer{
	min-height: fit-content;
}

.wrapper{
	transition: .5s ease all;
}

.wrapper.horizontal-scroll {
	overflow: scroll;
	height: inherit !important;
}

body.horizontal-scroll footer  {
	display: none;
}

html{
	background: var(--creme);
}


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

@media screen and (max-width: 800px) {
	body{
		overflow-y: scroll !important;
		overflow-x: hidden !important;
	}
	body > .wrapper, body > .wrapper.m-vertical-scroll{
		min-width: 100vw;
		overflow: visible;
		height: fit-content;
	}
}

/*------------------------- COLOR VARIABLES --------------------------*/

:root {
	--black-light: rgba(169, 169, 169, 1);
	--black-50: rgba(102, 102, 102, 1);
	--black: rgba(51, 51, 51, 1);
	--black-darkest: rgba(0, 0, 0, 1);
	--white: rgba(255, 255, 255, 1);
	--white-50: rgba(255, 255, 255, 0.5);
	--whiteish: rgba(246, 248, 255, 1);
	--translucent-white: rgba(255, 255, 255, .1);
	--grey: rgba(230, 230, 230, 1);
	--blue: #1B84FC;
	--green: #377E3F;
	--darker-green:#2e6a35;
	--dark-green:#20441b;
	--creme: #FFF4DE;
	--creme-darker: rgba(204, 189, 159, 0.7);
}

.has-no-background-color{
	background-color: transparent !important;
}

.has-white-background-color{
	background-color: var(--white) !important;
}

.has-black-background-color{
	background-color: var(--black) !important;
}

.has-blue-background-color{
	background-color: var(--blue) !important;
}

.has-green-background-color{
	background-color: var(--green) !important;
}

.has-dark-green-background-color{
	background-color: var(--dark-green) !important;
}

.has-darker-green-background-color{
	background-color: var(--darker-green) !important;
}

.has-translucent-white-background-color{
	background-color: var(--translucent-white) !important;
}

.has-blue-color, .has-blue-text-color{
	color: var(--blue);
}
.has-green-color, .has-green-text-color{
	color: var(--green);
}

.has-dark-green-color, .has-dark-green-text-color{
	color: var(--dark-green);
}

.has-creme-color, .has-creme-text-color{
	color: var(--creme);
}

/*------------------------- FONT STYLES --------------------------*/

::selection{
	background: var(--blue);
	color: var(--white);
}

*{
	font-family: 'Anonymous Pro', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}


h1{
	font-family: "Spectral", serif;
	font-size: 44px;
	font-weight: 400;
	color: var(--green);
}

.page-template-page-informational h1{
	color: inherit;
}

h2{
	font-size: 2.44em;
	font-weight: 400;
	color: var(--pink);	
}


h3{
	font-size: 30px;
	font-weight: 700;
	color: var(--green);
}

.font-spectral{
	font-family: "Spectral", serif;
	  font-weight: 700;
	  font-style: normal;
}

p{
	font-size: 1em;
	line-height: 1.6em;
}

body.content article p{
	color: var(--black-light);
}

.has-black-color{
	color: var(--black) !important;
}

.has-white-color{
	color: var(--white) !important;
}

footer{
	background-color: var(--creme-darker);
	
}

footer p{
	color: var(--black);
}

.main-menu-container {
	top: 0;
	overflow: hidden;
}

nav header{
	font-weight: 600;
	font-size: 2em;
}

nav a{
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

nav li{
	color: var(--green);
	list-style: none;
}

.mobile-nav li{
	color: var(--creme);
}

nav .sub-menu li{
	color: var(--creme);
	/* width: calc(6 * var(--one-column) + 5 * var(--one-gutter) ); */
}

button.close, .overlay-close{
	transition: ease all .2s;
}

button.close:hover, .overlay-close:hover {
	transform: scale(1.1);
	cursor: pointer;
}

nav li.menu-item.open > .sub-menu{
	transform: translateY(0%);
	box-shadow: 0px 0 200px 200px #00000024;
}

.wrapper{
	transform-origin: left;
}
.open-submenu .wrapper{
	transform: scale(.85);
	transform-origin: -200px;
}

nav li.menu-item.close > .sub-menu{
	transform: translateY(calc(-100% - 70px));
}

nav .extra-content{
	flex-grow: 2;
}

nav .menu-extra-content button{
	background-color: var(--translucent-white);
}

nav .menu-extra-content button:has(a.only-image){
	background: none;
}

nav .menu-extra-content button a{
	font-size: 20px;
	/* mix-blend-mode: multiply; */
}

nav .menu-extra-content button img{
	mix-blend-mode: soft-light;
	FILTER: contrast(.5) grayscale(1) brightness(0);
}

nav .extra-content h3{
	text-transform: uppercase;
}

nav .sub-menu {
	z-index: -1;
	display: flex;
	transform: translateX(calc(100% + 70px));
	transition: ease transform .4s, box-shadow .4s ease .1s;
	position: fixed;
	top: 68px; /* hoogte van je header */
	right: 0;
	bottom: 0;
	background: var(--green);
	padding: 2rem;
	box-shadow: 200px 0 0px 0px #00000024;
	box-sizing: border-box;
	flex-direction: column;
	min-width: 600px;
}

nav.mobile-nav .sub-menu {
	z-index: 1;
	min-width: 80%;
	width: calc(100% - 20px); 
}

nav:not(.mobile-nav) li:has(.sub-menu):after{
	content: "";
	display: block;
	left: 50%;
	width: 40px;
	height: 40px;
	transform: translateX(-50%) translateY(40px) rotate(45deg);
	position: absolute;
	background: var(--green);
	transition: .4s ease all;
}

nav li.open:has(.sub-menu):after{
	transition-delay: .2s;
	transform: translateX(-50%) translateY(8px) rotate(45deg);
}


@media screen and (max-width: 800px) {
	
	.submenu-title{
		font-size: 12px;
	}
}

button{
	padding: 4px 8px;
	font-weight: 500;
	border: 0;
	text-transform: uppercase;
	transition: .5s ease all;
}

button span[class*="icon"],
a span[class*="icon"]{
	transition: .5s ease all;
}

button:hover span + span[class*="icon"],
a:hover span + span[class*="icon"],
.timeline-block:hover button span + span[class*="icon"]{
	margin-left: 12px;
	transform: rotate(-45deg);
}

.wp-block-button__link, .wp-block-button__link *{
	border-radius: 0;
	font-size: 1.125em;
}

article p a{
	color: var(--blue);
	font-weight: 600;
}

article p a:after{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2px;
	transition: .2s ease all;
	border-radius: 1px;
}

article p a:after{
	width: 100%;
	height: 2px;
	background: var(--green);
}

article p a:hover:after{
	width: 110%;
}

article ol, article ul{
	padding-left: 28px;
}

.archive ul li a:hover{
	color: var(--blue) !important;
}

/*------------------------- HOMEPAGE --------------------------*/

.homepage-block .timeline-wrapper{
	padding-left: 40px;
}

.homepage-block .timeline-wrapper:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	min-height: 200%;
	height: 100vh;
	background: linear-gradient(90deg, transparent, var(--creme));
}

.homepage-block .timeline-wrapper{
	overflow-x: clip;
}

.homepage-block .timeline{
	height: 360px;
}

@media screen and (max-width: 800px) {
	
	.homepage-block .timeline, .homepage-block .timeline-wrapper:after{
		height: 500px;
		min-height: auto;
	}
	
}

.homepage-block .context-articles{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.homepage-block .news-items{
	display: grid;
	grid-template-columns: 1fr 1fr;
}


.homepage-block .news-items .blogpost-item{
	height: 100%;
}

@media screen and (max-width: 800px) {
	
	.homepage-block .context-articles, 
	.homepage-block .news-items{
		grid-template-columns: 1fr ;
	}
}



/*------------------------- context SINGLE --------------------------*/


body.single-context .article-header h1,
body.wp-singular.page:not(.page-template-nieuws) h1{
	-webkit-text-stroke: .02em var(--green);
	text-stroke: .02em var(--green);
	font-size: clamp(3.5em, 2vw, 4em);
	line-height: 1.2;
	letter-spacing: .1em;
	max-width: 100%;

}

.single article p.is-style-intro {
	font-size: 1.2em;
	font-weight: 600;
	width: min(864px, 100%);
}

.single article p{
	width: 80%;
}

.single article .wp-block-columns p{
	width: inherit;
}

.context-single .context-item h2, .context-item h2.has-small-font-size{
	font-size: 1.7em;
}

.context-single .context-articles{
	height: 515px;
}

/*------------------------- HEADER --------------------------*/

body > header{
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 999;
}

body > header *:has(.logo){
	left: 0;
}

body > header .logo{
	height: 56px;
}

body.home > header:first-of-type .logo,
body.home > header:first-of-type nav.nav 
{
	opacity: calc((var(--scroll) * 10 - 1));
}

.main-menu-button{
	transform: translate(-100%); 
	z-index: 9999;
	box-shadow: 0 0 60px -10px var(--dark-green);
}

.main-menu-button:after{
	content: "MENU";
	font-weight: 700;
	color: var(--creme) !important;
}

.active .main-menu-button{
	transform: translateX(0%);
}
.active .main-menu-button:after{
	content: "SLUITEN";
	color: var(--creme) !important;
}

.main-menu-drawer{
	transition: .5s ease all;
}

.main-menu-drawer:not(.active) {
	transform: translateX(100%);
}

.main-menu-drawer.active{
	transform: translateX(0%);
}

/*------------------------- Page Transition --------------------------*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#fader {
		display: none;
	}
}


#fader {
	position: fixed;
	top: -1300px;
	left: -1000px;
	border-radius: 50%;
	width: 1800px;
	height: 1800px;
	z-index: 999999999;
	pointer-events: none;
	background: var(--green);
	animation-duration: 600ms;
	animation-timing-function: ease-in-out;
	}

@keyframes fade-in {
	  0% {
		opacity: 1;      /* meteen zichtbaar */
		transform: scale(1);
	  }
	  100% {
		opacity: 1;      /* blijft zichtbaar */
		transform: scale(5);
	  }
	}
	
	@keyframes fade-out {
	  0% {
		opacity: 1;      /* start zichtbaar */
		transform: scale(5);
	  }
	  100% {
		opacity: 1;      /* in de allerlaatste 'tick' onzichtbaar */
		transform: scale(0);
	  }
	}

#fader.fade-out {
	transform: scale(0);
	opacity: 0;
	animation-name: fade-out;
}

#fader.fade-in {
	transform: scale(5);
	opacity: 1;
	animation-name: fade-in;
}

/*------------------------- PAGEINTRO --------------------------*/

:root {
	--intropadding-left: 100px;
	--intropadding-top: 196px;
	--titlecircle-offset-x: -200px;
	--titlecircle-offset-y: clamp(-700px, calc(-700px + 300 * ((100vw - 320px) / 1000)), -400px);
	--titlecircle-size: 0px;
}

.pageintro{
	position: sticky;
	left:0;
	padding-top: var(--intropadding-top);
	padding-left: var(--intropadding-left);
	min-height: fit-content;
}


.pageintro h1{
	font-size: 5.33em;
	line-height: 1.2;
	white-space: nowrap;
	letter-spacing: .1em;
	animation: title-scroll 20s cubic-bezier(0.6, 0.7, 0.2, 1) forwards;
	animation-play-state: paused;
	transform-origin: top left;
	animation-delay: calc(var(--scrollPixels) * -1s);
}

.pageintro circle{
	animation: circle-scroll 20s cubic-bezier(0.6, 0.7, 0.2, 1) forwards;
	animation-play-state: paused;
	transform-origin: top left;
	animation-delay: calc(var(--scrollPixels) * -1s);
}

.home .newsitems-block .pageintro circle{
	animation: none;
	transition: none;
	transform: translateX(calc(30% + var(--intropadding-left))) translateY(var(--intropadding-top));
}

.pageintro subtitle, .pageintro p{
	animation: introcontent-scroll 10s cubic-bezier(0.6, 0.7, 0.2, 1) forwards;
	animation-play-state: paused;
	transform-origin: top left;
	animation-delay: calc(var(--scrollPixels) * -1s);
}

@keyframes circle-scroll {
0%{ transform: translateX(calc(-50% - var(--intropadding-left))) translateY(calc(-50% - var(--intropadding-top)));}
100%{transform: translateX(calc(-50% - var(--intropadding-left) + calc(1.5 * var(--one-column)))) translateY(calc(-50% - var(--intropadding-top) - calc(2.5 * var(--one-column))));}
}


@keyframes title-scroll {
0%{ transform: translateY(-0px) translateX(-0px) scale(1);}
100%{transform: translateY(clamp(-100px, -10vw, -60px)) translateX(clamp(-60px, -2vw, -10px)) scale(.6);}
}

@keyframes introcontent-scroll {
0%{ transform:  translateX(-0px) ; opacity: 1;}
100%{transform: translateX(-40px); opacity: 0;}
}

.pageintro subtitle{
	font-size: 2.88em;
	font-style: italic;
	line-height: 1.2;
	text-wrap: nowrap;
}

.pageintro .titlecircle,
.pageintro .titlecircle-duplicate{
	font-size: clamp(.5em, 2vw, 1em);
} 

.pageintro .titlecircle h1{
	color: var(--creme);
	-webkit-text-stroke: .02em var(--green);
	text-stroke: .02em var(--green);
}

.pageintro .titlecircle-duplicate h1{
	color: var(--green);
	-webkit-text-stroke: .02em var(--creme);
	text-stroke: .02em var(--creme);
}

.pageintro circle{
	transition: ease all .4s;
	width: var(--titlecircle-size);
	height: var(--titlecircle-size);
	top: var(--titlecircle-offset-y);
	left:var(--titlecircle-offset-x);
	transform: translateX(calc(-50% - var(--intropadding-left))) translateY(calc(-50% - var(--intropadding-top)));
	border-radius: 50%;
}

.titlecircle-duplicate{
	transition: ease all .4s;
	clip-path: circle(calc(var(--titlecircle-size) / 2) 
		at 	calc((var(--intropadding-left) * -1) + var(--titlecircle-offset-x)) 
			calc((var(--intropadding-top) * -1) + var(--titlecircle-offset-y)));
}

@media screen and (max-width: 800px) {
	:root {
		--intropadding-left: 32px;
		--intropadding-top: 80px;
		--titlecircle-offset-x: -200px;
		--titlecircle-offset-y: clamp(-700px, calc(-700px + 300 * ((100vw - 320px) / 1000)), -400px);
		--titlecircle-size: 0px;
	}
	
	body:not(.home) .pageintro{
		/* position: sticky;
		left: 0;
		overflow: hidden; */
		
		position: relative;
		overflow-x: clip;
	}
	
}

/*------------------------- context --------------------------*/


.long-read h2{
	font-size: 1.5em;
	font-weight: 600;
	color: var(--black);	
}

.context-articles{
	padding: calc(2 * var(--one-column));
	/* padding-right: 0; */
}
.context-item .dot {
	position: absolute;
}
.context-item .dot > div{
	background: var(--blue);
	mix-blend-mode: exclusion;
	opacity: .33;
	position: absolute;
	width: 14rem;
	height: 14rem;
	border-radius: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}

.home .context-item .dot > div{
	width: 12rem;
	height: 12rem;
}

.context-item{
	border-radius: 4px;
	overflow: hidden;
	width: 480px;
	transition: all ease .3s;
}

.context-item p{
	font-size: 1.2em;
	color: #195FAF;
	mix-blend-mode: multiply;
}

.context-item-wrapper{
	max-height: 800px;
}

.context-item-wrapper:before{
	content: ""; display: block; position: absolute; bottom: -12px; left: 50%;
	width: 100%;
	height: 10px;
	transform: translateY(-20px) translateX(-50%);
	background: #8d877a;
	opacity: .4;
	filter: blur(10px);
	transition: all ease .3s;
	border-radius: 50%;
}

@media screen and (min-width: 801px) {


	.archive .context-item-wrapper:hover:before{
		bottom: -20px;
		opacity: 1;
		width: 120%;
		filter: blur(20px);
	}
	
	.archive .context-item-wrapper:hover .context-item{
		transform: translateY(-20px);
	}
	
	.home .context-item-wrapper:hover .context-item-bg{
		transform: scale(1.2);
	}
	

}

.context-item img{
	object-fit: cover;
	opacity: 60%;
	mix-blend-mode: soft-light;

}

.context-item-bg{
	border-radius: 2px;
	background: var(--blue);
	transition: .3s all ease;
}

@media screen and (max-width: 800px) {
	.context-articles{
		padding: 0 40px;
	}
}

/*------------------------- BLOG --------------------------*/

timestamp{
	font-size: .7em;
	border-radius: 2px;
}

timestamp.has-large-font-size{
	font-size: 1em !important;
	border-radius: 4px;
}

.blogpost-item{
	height: calc(33.33% - 14px) ;
	max-height: 300px;
	overflow: hidden;
	border-radius: 6px; 
	border: 2px var(--blue) solid;
	padding: calc(.75 * var(--one-gutter));
	transition: box-shadow 0.3s ease, transform 0.3s ease;
	background-color: var(--creme);
}

.blogpost-item:hover{
	transform: scale(1.03);
	box-shadow: 0 0 40px rgba(79, 65, 36, 0.13); 
}
.blogpost-item > section{
	overflow: hidden;
}

.blogpost-item a{
	top: 0; left: 0;
}

.blogpost-item p{
	font-size: .78em;
}

.blogpost-item h2, .blogpost-item p{
	line-height: 115%;
}

.blogpost-item img{
	border-radius: 4px;
	width: 180px;
	object-fit: cover;
	object-position: center center;
}


/*------------------------- Page scroll navigation --------------------------*/

.arrow-buttons{
	bottom: 0;
	right: 0;
}

/*------------------------- TIMELINE --------------------------*/

.timeline{
	height: 60vh;
	
}

.timeline-year-list{
	min-width: 200px;
	max-width: 700px;
	flex-direction: revert;
	border-bottom: 4px solid var(--blue);
	padding-bottom: var(--one-gutter);
}

.timeline-year-list:has(.empty){
	border-bottom: 4px dashed var(--blue);
	min-width: 50px;
}

.timeline .timeline-item:hover a{
	z-index: 99;
}

.timeline-item > a{
	transition: ease all .2s;
}

.timeline .timeline-item:hover > a{
	transition: ease all .4s;
	transform: translateY(-10px);
}

.timeline li {
	list-style: none;
}

.timeline-item-bar{
	height: 100%;
	width: 4px;
	border-left: 4px solid var(--green);
	z-index: -1;
}
.timeline-item:not(.timeline-reverentie-block){
	width: 60px;
	height: 100px;
	overflow: visible;
}

.timeline-item.empty{
	border: none;
}

.timeline-item .timeline-img{
	width: 28px;
	height: 40px;
}

.timeline-item .timeline-img img{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	object-fit: cover;
	left: -40px;
}

.post-type-archive-timeline .timeline-item .timeline-img img{
	border: 8px solid var(--creme);
}

.timeline-year{
	transform: translateY(8px);
	height: 0;
	text-align: right;
	width: 100%;
}

.timeline-item .timeline-title,
.timeline-item .timeline-date, 
.timeline-date  {
	padding-bottom: 4px;
	color: var(--white);
}

.timeline-item .timeline-title{
	width: 300px;
}

.timeline-title span,
.timeline-date span,
.post-overlay-content .timeline-post-header h1 span{
	width: fit-content;
	background-color: var(--blue);
	padding: 4px;
	box-decoration-break: clone;
}

.post-type-archive-timeline .timeline-title span,
.post-type-archive-timeline .timeline-date span,
.post-type-archive-timeline .post-overlay-content .timeline-post-header h1 span{
	box-shadow: -4px 4px 0px 4px var(--creme);
}

.post-overlay-content .timeline-post-header h1
{
	text-align: center;
	color: var(--white);
	/* background-color: var(--blue); */
	/* width: auto; */
}

.post-overlay-content .timeline-date,
.post-overlay-content .timeline-post-header h1{
	color: var(--white);
	/* background-color: var(--blue); */
	width: auto;
	font-size: min(1.6em, 6vw);
}

@media screen and (max-width: 800px) {
	body:not(.home) .timeline-wrapper{
		position: absolute;
		bottom: var(--one-column);
		left: 20vw;
	}
}

/* .timeline-item:before {
	content: '⎬';
	font-size: 32px;
	left: -40px;
	top:-10px;
	position: absolute;
	
} */

.commentmodal .close{
	top: 4px;
	right: 4px;	
}

.commentmodal{
	visibility: hidden;
	width: calc(var(--one-column) * 3);
	position: absolute;
	background: rgb(255, 255, 255);
	transform: translateX(-100%);
}

.commentmodal textarea{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}

.commentmodal.active{
	visibility: visible;
}

.comment-list{
	list-style: none;
}

.thread-odd{
	background-color: var(--white-50);
}

.comment-block > section > span:first-of-type{
	width: 50%;
	font-weight: 600;
}

.post-overlay{
	overflow: scroll;
	width: 100vw;
	height: 100vw;
	position: fixed;
	top: 0;
	left:0;
	background-color: #8d877a66;
	padding: var(--one-column);
	z-index: 999999999;
	opacity: 0;
	transition: opacity ease .3s;
	
}

.post-overlay.close-animation:not(.hidden){
	opacity: 0;
	transition-delay: .3s;
}

.post-overlay:not(.hidden){
	opacity: 1;
}

.post-overlay.hidden{
	visibility: hidden;
}

.post-overlay.hidden > .post-overlay-content,
 .post-overlay.close-animation > .post-overlay-content{
	transform: translateY(100%) rotate(20deg);
	transform-origin: left bottom;
}

.post-overlay > .post-overlay-content{
	transform: translateY(0%) rotate(0deg);
}

.post-overlay > .post-overlay-content{
	background: var(--creme);
	width: 100%;
	box-shadow: #f7e0ba 4px 10px 0 4px;
	max-width: calc(12 * var(--one-column));
	min-height: 100vh;
	transition: ease all .4s;
	overflow-x: hidden;

}

/*------------------------- SLIDER --------------------------*/

.wp-block-gallery{
	display: flex;
}

.slick-track{
	display: flex;
	align-items: center;
}

.slick-arrow{
	writing-mode: vertical-rl;
}

.wp-block-image{
	border-radius: 4px;
	overflow: hidden;
}

/*------------------------- FORMS --------------------------*/

/* .gfield {
	position: relative;
} */

.gfield label{
	display: none !important;
}

.gform-theme--api,.gform-theme--foundation{
	--gf-form-gap-y: 16px !important;
}