/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/generatepress_child/fonts/open-sans-v20-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Debby';
    src: url('/wp-content/themes/generatepress_child/fonts/Debby.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/fonts/Debby.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Medium.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Thin.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Bold.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow Book';
    src: url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Book.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Black.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/fonts/GothamNarrow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*= General =================== */

/** General >> CSS Reset + Responsive Sizes **/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	font-family: 'Gotham Narrow Book', Sans-Serif;
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	margin: 0;
}
*, 
*::before, 
*::after {
	box-sizing: border-box;
}
ul[class], 
ol[class] {
	padding: 0;
	list-style: none;
}
ul, 
ol {
	list-style-position: inside;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	line-height: 1.2;
	font-family: 'Gotham Narrow Book', Sans-Serif;
	font-weight: var(--fw-heading);
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
ul, 
ol, 
li, 
figure, 
figcaption, 
blockquote, 
dl, 
dd {
	margin: 0;
	font-size: clamp(var(--fs-min), var(--fs-val), var(--fs-max));
}
a:not([class]) {
	text-decoration-skip-ink: auto;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
input, 
button, 
textarea, 
select {
	font: inherit;
}
a {
	color: var(--col-primary);
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
article > * + *, 
.wp-block-column > * + *, 
.entry-content > * + *, 
.flow > * + *, 
.flow > .wp-block-group__inner-container > * + * {
	margin-top: var(--flow-space);
}
.logo-font {
	font-family: 'Debby', sans-serif;
	font-size: 1.6em;
	line-height: 1;
	color: var(--col-primary);
}

/** General >> Global Variables **/
:root {
	--site-width: 1200px;
	--site-padding: 6rem;
	--flow-space: 1.2em;
	--col-primary: hsl(356.7,94%,45.9%);
	--fs-base-min: 1.6;
	--fs-base-max: 1.8;
	--scale-ratio: 1.333;
	--fs-breakpoint: 992;
	--fw-heading: 400;
	--fs-s: 0.83;
	--fs-xs: 0.67;
	--fs-m: var(--h3);
	--fs-l: var(--h2);
	--fs-xl: var(--h1);
	--fs-base-minmax: calc(var(--fs-base-max) / var(--fs-base-min));
	--h6: calc(var(--fs-base-min) * var(--fs-xs));
	--h5: calc(var(--fs-base-min) * var(--fs-s));
	--h4: var(--fs-base-min);
	--h3: calc(var(--h4) * var(--scale-ratio));
	--h2: calc(var(--h3) * var(--scale-ratio));
	--h1: calc(var(--h2) * var(--scale-ratio));
}
body, 
p {
	--fs-min: calc(var(--fs-base-min) * 1rem);
	--fs-val: calc(calc(var(--fs-base-min) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--fs-base-max) * 1rem);
}
h6 {
	--fs-min: calc(var(--h6) * 1rem);
	--fs-val: calc(calc(var(--h6) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--h6) * var(--fs-base-minmax) * 1rem);
}
h5 {
	--fs-min: calc(var(--h5) * 1rem);
	--fs-val: calc(calc(var(--h5) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--h5) * var(--fs-base-minmax) * 1rem);
}
h4 {
	--fs-min: calc(var(--h4) * 1rem);
	--fs-val: calc(calc(var(--h4) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--h4) * var(--fs-base-minmax) * 1rem);
}
h3 {
	--fs-min: calc(var(--h3) * 1rem);
	--fs-val: calc(calc(var(--h3) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--h3) * var(--fs-base-minmax) * 1rem);
}
h2 {
	--fs-min: calc(var(--h2) * 1rem);
	--fs-val: calc(calc(var(--h2) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--h2) * var(--fs-base-minmax) * 1rem);
}
h1 {
	--fs-min: calc(var(--h1) * 1rem);
	--fs-val: calc(calc(var(--h1) / var(--fs-breakpoint)) * 1000vw);
	--fs-max: calc(var(--h1) * var(--fs-base-minmax) * 1rem);
}


/*= Header ==================== */

/** Header >> Masthead **/
#masthead {
	max-width: var(--site-width);
	margin-right: auto;
	margin-left: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-auto-rows: 1fr;
}

/** Header >> Header div:(1) **/
header > div:nth-of-type(1) {
	background-color: var(--col-primary);
	padding: calc(var(--site-padding) / 4);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	max-height1: 12rem;
}
.logo-image {
	height: 100%;
}

/** Header >> Masthead nav **/
#masthead nav {
	background-image: url("/wp-content/uploads/img_header-vhodl-rescaled.jpg");
	background-position: 46% 30%;
	background-size: cover;
}


/*= Content =================== */

/** Content >> Content **/
#content {
	max-width: var(--site-width);
	margin-right: auto;
	margin-left: auto;
}
body:not(.home) .entry-content {
	padding: calc(.5 * var(--site-padding)) 0;
}
.entry-content > *:not(.wp-block-columns) {
	padding: 0 calc(.5 * var(--site-padding));
}
.entry-content > div:not(.wp-block-columns) {
	padding: 0 calc(.5 * var(--site-padding)) calc(.5 * var(--site-padding));
}
.wp-block-columns, 
.wp-block-column:nth-child(2n) {
	margin: initial;
}
.wp-element-caption {
	padding-inline: 2em;
}

/** Content >> Wp block columnsvideoclip **/
.wp-block-columns.videoclip > :nth-child(1), 
.wp-block-columns.nieuwsbrief > :nth-child(1) {
	order: 1;
}

/** Content >> Gform button **/
.gform_button {
	color: white;
	background-color: var(--col-primary);
	padding: .8rem 2em .8rem 2em;
	border-width: medium;
	border-style: none;
}


/*= Footer ==================== */

/** Footer >> Site footer footer **/
.site-footer > footer {
	max-width: var(--site-width);
	margin-right: auto;
	margin-left: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.site-footer > footer > :nth-child(1) {
	order: 2;
}
.site-footer > footer > * {
	padding: calc(.5 * var(--site-padding));
}

/** Footer >> Copyright **/
.copyright {
	color: white;
	background: black;
}


/*= Glutenberg ================ */

/** Glutenberg >> wp-block-columns Copy 1 **/
.wp-block-columns {
	padding: initial;
	display: grid;
}
.wp-block-columns.overdeliefde {
	padding: initial;
	display: grid;
	grid-auto-rows: 1fr;
}
.wp-block-column {
	padding: calc(.5 * var(--site-padding));
}
.ct-alternating:not(:first-of-type) {
	margin: initial;
}
.cl-primary {
	background-color: var(--col-primary);
	color: white;
}
.cl-primary a {
	color: white;
}
.cl-black {
	color: white;
	background-color: black;
}
.cover--image {
	min-height: 100%;
}
.cover--image > img {
	object-fit: cover;
	max-width: 100%;
}
.bg-cover {
	background-size: cover;
}
.bg-cover.intro {
	background-image: url('/wp-content/uploads/Henk-Jan-van-Harten_9655-1024x683.jpg');
	background-position: center 25%;
}
.bg-cover.huiskamer img {
	
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
	margin-left: 0;
}

/** Glutenberg >> image stuff **/
.img-nopad-top {
	margin: calc(var(--site-padding) * -.5) calc(var(--site-padding) * -.5) calc(var(--site-padding) * .5) calc(var(--site-padding) * -.5);
}
.img-nopad-bot {
	margin: calc(var(--site-padding) * .5) calc(var(--site-padding) * -.5) calc(var(--site-padding) * -.5) calc(var(--site-padding) * -.5);
}
.img-nopad {
	margin: calc(var(--site-padding) * -.5);
}
.img-nopad-center {
	margin: calc(var(--site-padding) * .5) calc(var(--site-padding) * -.5);
}

/** Glutenberg >> Bandleden **/
.bandleden {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: baseline;
	align-items: baseline;
}

/** Glutenberg >> Bandleden figure **/
.bandleden figure {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}

/** Glutenberg >> Bandleden wp block group inner container **/
.twoimg .wp-block-group__inner-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/** Glutenberg >> Logos **/
.logos > .wp-block-group__inner-container {
	width: 50%;
	display: grid;
	grid-column-gap: 2rem;
	column-gap: 2rem;
	grid-row-gap: 2rem;
	row-gap: 2rem;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(auto-fit, minmax(50px, 1fr));
}

/** Glutenberg >> Social icons _2 **/
ul.social-icons {
	display: inline-block;
}
footer ul.social-icons {
	float: right;
}
.social-icons li {
	display: inline-block;
}
.social-icons li:not(:last-of-type) {
	margin-right: .5em;
}
i.fab {
	vertical-align: initial;
}
.fa-facebook {
	color: #4267B2;
}
.fa-instagram {
	color: #c32aa3;
}
.fa-youtube {
	color: #ff0000;
}


/*( 480 / 30 > )*/
@media (min-width: 30em) {
	/** Header >> Masthead **/
	#masthead {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-auto-rows: 1fr;
}
#masthead > :nth-child(1) {
	order: 0;
}

	/** Header >> Header div:(1) **/
	header > div:nth-of-type(1) {
	max-height: initial;
	padding: calc(var(--site-padding) / 2);
}

	/** Glutenberg >> wp-block-columns Copy 1 **/
	.wp-block-columns {
	
}
.wp-block-column {
	padding: calc(.75 * var(--site-padding));
}
.bg-cover.huiskamer img {
	
}

	/** Glutenberg >> image stuff **/
	.img-nopad-top {
	margin: calc(var(--site-padding) * -.75) calc(var(--site-padding) * -.75) calc(var(--site-padding) * .75) calc(var(--site-padding) * -.75);
}
.img-nopad-bot {
	margin: calc(var(--site-padding) * .75) calc(var(--site-padding) * -.75) calc(var(--site-padding) * -.75) calc(var(--site-padding) * -.75);
}
.img-nopad {
	margin: calc(var(--site-padding) * -.75);
}
.img-nopad-center {
	margin: calc(var(--site-padding) * .75) calc(var(--site-padding) * -.75);
}

	/** Content >> Content **/
	#content {
	
}
.entry-content > *:not(.wp-block-columns) {
	padding: 0 calc(.75 * var(--site-padding));
}
.entry-content > div:not(.wp-block-columns) {
	padding: 0 calc(.75 * var(--site-padding)) calc(.75 * var(--site-padding));
}

	/** Footer >> Site footer footer **/
	.site-footer > footer {
	
}
.site-footer > footer > * {
	padding: calc(.75 * var(--site-padding));
}

}


/*( 768 / 48 > )*/
@media (min-width: 48em) {
	/** Header >> Header div:(1) **/
	header > div:nth-of-type(1) {
	max-height: initial;
	padding: calc(var(--site-padding) / 1);
}

	/** Glutenberg >> wp-block-columns Copy 1 **/
	.wp-block-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.wp-block-columns:not(.ct-alternating) + .wp-block-columns:not(.ct-alternating) {
	margin: 0;
	padding-top: 0;
}
.wp-block-column {
	padding: var(--site-padding);
}
.wp-block-column:not(:first-child) {
	margin: initial;
}
.bg-cover.huiskamer img {
	width: 1024px;
	height: 730px;
	object-fit: cover;
	object-position: 25% 25%;
}

	/** Glutenberg >> image stuff **/
	.img-nopad-top {
	margin: calc(var(--site-padding) * -1) calc(var(--site-padding) * -1) calc(var(--site-padding) * 1) calc(var(--site-padding) * -1);
}
.img-nopad-bot {
	margin: calc(var(--site-padding) * 1) calc(var(--site-padding) * -1) calc(var(--site-padding) * -1) calc(var(--site-padding) * -1);
}
.img-nopad {
	margin: calc(var(--site-padding) * -1);
}
.img-nopad-center {
	margin: calc(var(--site-padding) * 1) calc(var(--site-padding) * -1);
}

	/** Glutenberg >> Bandleden **/
	.bandleden {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

	/** Glutenberg >> Bandleden wp block group inner container **/
	.twoimg .wp-block-group__inner-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

	/** Content >> Content **/
	#content {
	
}
.entry-content > *:not(.wp-block-columns) {
	padding: 0 var(--site-padding);
}
.entry-content > div:not(.wp-block-columns) {
	padding: 0 var(--site-padding) var(--site-padding);
}

	/** Content >> Wp block columnsvideoclip **/
	.wp-block-columns.videoclip > :nth-child(1), 
.wp-block-columns.nieuwsbrief > :nth-child(1) {
	order: initial;
}

	/** Footer >> Site footer footer **/
	.site-footer > footer {
	
}
.site-footer > footer > :nth-child(1) {
	order: initial;
}
.site-footer > footer > * {
	padding: var(--site-padding);
}

}


/*( 992 / 62 > )*/
@media (min-width: 62em) {
	/** Glutenberg >> wp-block-columns Copy 1 **/
	.wp-block-columns {
	
}
.bg-cover.huiskamer img {
	object-position: 12.5% 25%;
}

}


/*( 1200 / 75 > )*/
@media (min-width: 75em) {
	/** Glutenberg >> wp-block-columns Copy 1 **/
	.wp-block-columns {
	
}
.bg-cover.huiskamer img {
	object-position: 47% 25%;
}

	/** Glutenberg >> Bandleden figure **/
	.bandleden figure {
	
}
.bandleden figure > img {
	max-width: 90%;
}

}