/*
Theme Name: Jouw Coachmateriaal
Theme URI: https://jouwcoachmateriaal.nl/
Author: Marcello Ghilardi
Description: Custom one-page WordPress theme for Jouwcoachmateriaal.nl.
Version: 1.0.0
Text Domain: jouwcoachmateriaal
*/

:root {
/* 	--bg: #f7f1ed; */
	--bg: #f3e2ce;
	--lavender: #cfa4cc;
	--poppy: #ee5a36;
	--baby-blue: #9fc4e8;
	--forest: #1a9562;
	--mango: #f5ab54;
	--text: #2b1632;
	--white: #fffdf9;
}

@font-face {
    font-family: 'garetlight';
    src:
        url('assets/fonts/garet/Garet-Light.woff2') format('woff2'),
        url('assets/fonts/garet/Garet-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'garetregular';
    src:
        url('assets/fonts/garet/Garet-Regular.woff2') format('woff2'),
        url('assets/fonts/garet/Garet-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'garetmedium';
    src:
        url('assets/fonts/garet/Garet-Medium.woff2') format('woff2'),
        url('assets/fonts/garet/Garet-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'garetbold';
    src:
        url('assets/fonts/garet/Garet-Bold.woff2') format('woff2'),
        url('assets/fonts/garet/Garet-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'garetblack';
    src:
        url('assets/fonts/garet/Garet-Black.woff2') format('woff2'),
        url('assets/fonts/garet/Garet-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'garetbook';
    src:
        url('assets/fonts/garet.book-webfont.woff2') format('woff2'),
        url('assets/fonts/garet.book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'garetheavy';
    src:
        url('assets/fonts/garet.heavy-webfont.woff2') format('woff2'),
        url('assets/fonts/garet.heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
	box-sizing: border-box;
}

/* utility - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.hide{
	display: none!important;
}

/* 404 page */

.error404 nav.nav.header-menu , .error404 footer , .error404 .copyright , .error404 .top-note{
	display: none;
}

.error404 .hero{
	height: 100vh;
}

.error404 .hero-heading{
	margin-top: 1em;
	margin-bottom: 1em;
}

.error404 p{
	font-size: large;
	display: none;
}

.error404 img.custom-logo{
	width: 50%;
	height: auto;
	min-width: 100px;
	max-width: 200px;
}

/* global styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html{
  scroll-behavior: smooth;	
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: "tt-commons-pro", sans-serif;
}

ul li::first-letter{
	text-transform: uppercase; 
}

button {
	border: 0;
	background: var(--poppy);
	color: var(--white);
	padding: 15px 27px;
	font-weight: 900;
/* 	text-transform: uppercase; */
	border-radius: 2em;
	cursor: pointer;
	font-family: "tt-commons-pro", sans-serif;
	font-size: medium;
}

button a{
	text-decoration: none!important;
	color: inherit;
}

.wp-block-button a , .wc-block-grid__product a , .page-content ul.wc-block-grid__products a{
	text-decoration: none!important;
}

button a{
	color: white;
}

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

p a , .wie-en-wat ul a , td a, li a{
	text-decoration: underline;
}

h2 {
/* 	font-family: Fraunces, serif; */
	font-size: 34px;
	margin: 0 0 18px;
	letter-spacing: -.04em;
}

h2::first-letter{
	text-transform: uppercase;
}

h1, h2, h3, .hero-heading{
	font-family: 'garetbold';
/* 	word-break: break-word; */
}

textarea{
	width: 100%;
	height: 100px;
	padding: 1em;
}

.hero-heading{
	margin-bottom: 0;
}

p {
	/*   font-size: 14px; */
	line-height: 1.65;
	margin: 0;
	margin-bottom: 1em;
/* 	font-weight: 700; */
}

p:last-child {
	margin-bottom: 0;
}

.page-title{
	font-size: medium;
	font-weight: normal;
	font-family: 'garetregular';
	display: inline-block;
	border-bottom: 1px solid;
}

h2.wp-block-heading{
	margin-top: 1em;
}

h2.wp-block-heading:first-child{
	margin-top: 0;
	font-size: xxx-large;
}

.wp-block-column.is-vertically-aligned-stretch .wp-block-cover , .wp-block-column.is-vertically-aligned-stretch .wp-block-cover img{
	height: 100%!important;
}

.wp-block-column ul:first-child{
	margin-top: 0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner{
	
}

.wp-block-column .wp-block-heading:first-child {
	margin-top: 0;
}

.wp-block-separator{
	margin-top: 2em;
	margin-bottom: 2em;
}

.wp-block-table thead{
	border-bottom: 0!important;
}

.wp-block-table thead th{
	border-top: 0;
	text-align: left;
}

.wp-block-table td, .wp-block-table th{
	border-left: 0!important;
	border-right: 0!important;
}

.wp-block-table tr td:first-child , .wp-block-table tr th:first-child{
	padding-left: 0!important;
}

.wpcf7-form input , .wpcf7-form textarea{
	border: none;
	font-family: 'tt-commons-pro';	
	font-size: medium;	
}

.wpcf7-form input.wpcf7-text{
	height: 2em;
	padding-left: .5em;
}

label.form-small-label{
	font-size: small;
}

:root :where(.wp-element-button, .wp-block-button__link){
	background: var(--forest);
}

.product-template-default #main.site-main , .woocommerce-shop #main.site-main{
	max-width: 1200px;
	margin: auto;
	padding-top: 2em;
}

/* ------ */

/* global woocommerce styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* WooCommerce download links */
.woocommerce .woocommerce-order-downloads a {
    color: #1A5C4A;
}

.woocommerce .woocommerce-order-downloads a:hover {
    color: #124333;
}

/* WooCommerce download links */
.woocommerce-order-downloads a {
    color: var(--poppy);
}

/* WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--poppy);
    border-color: var(--poppy);
    color: #fff;
}

/* Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--poppy);
    border-color: var(--poppy);
    color: #fff;
}

.wp-block-separator.is-style-dots{
	opacity: 0!important;
}

.woocommerce .woocommerce-ordering select{
/* 	padding: .5em; */
	background: none;
	font-family: 'tt-commons-pro';
	border-radius: 5px;
}

.page {
	width: 100%;
	background: var(--bg);
/* 	overflow-x: hidden; */
}

.top-note {
	position: relative;
	z-index: 11;
	background: var(--lavender);
	color: var(--text);
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .08em;
	padding: 11px;
}

.woocommerce span.onsale{
	min-width: auto;
	min-height: auto;
	border-radius: 2em;
	background: var(--forest);
	padding: .5em;
	line-height: normal;
	top: 1em;
	left: 1em;
	z-index: 2;
}

.woocommerce div.product form.cart .button{
	background: var(--poppy);
	width: fit-content;
}

.woocommerce-cart .content-section .inner-wrap , .woocommerce-checkout .content-section .inner-wrap{
	grid-template-columns: 1fr;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before , .woocommerce div.product .woocommerce-tabs ul.tabs li::after{
	color: white;
	border-color: white;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	background: white;
	color: black;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
	font-weight: 700;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	border-color: white!important;
	border-width: 2px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	border-color: white;
	border-width: 2px;
}

li#tab-title-additional_information{
	margin-left: .5em;
}

.woocommerce div.product form.cart{
	display: grid;
	gap: 1em;
	margin-bottom: 0;
}

.woocommerce-variation-add-to-cart.variations_button {
	/* following rule due to the fact that there's no quanity field after all */
	display: block;
}

.woocommerce div.product form.cart .variations{
	margin-bottom: 0;
}

.woocommerce div.product form.cart .variations select{
	background: white;
	padding-left: .5em;
	padding-right: .5em;	
	font-family: "tt-commons-pro", sans-serif;
}

.woocommerce div.product form.cart .variations select option {
    padding: .5em;
}

table.variations th, table.variations label{
	display: block;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	color: #1a9562!important;
}

.woocommerce-tabs.wc-tabs-wrapper h2 , section.related.products h2 , section.up-sells.upsells.products h2{
	font-size: x-large;
}

.woocommerce-variation-price{
	margin-bottom: 1em;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message , .woocommerce-info li, .woocommerce-message li{
	display: flex;
	align-items: center;
	gap: 1em;
	background: transparent;
}

.woocommerce-message{
	border-top-color: var(--forest);
}

.woocommerce-message::before{
	color: var(--forest);
}

.woocommerce-message a.button.wc-forward , .woocommerce-error a.button.wc-forward{
	background: var(--forest);
	color: white;
}

.woocommerce-notices-wrapper::focus , .woocommerce-message::focus{
	border: none;
}

.woocommerce-error li{
	display: inline-grid!important;
	align-items: center;
	grid-template-columns: auto auto!important;
}

.woocommerce-error::after{
	display: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
	padding: 1em;
}

.woocommerce-error li, .woocommerce-info li, .woocommerce-message li{
	width: 100%;
	display: flex;
}

.woocommerce-error li font{
	flex: 1;
}

.woocommerce-error a.button.wc-forward{
	flex: unset;
	justify-self: flex-end;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	position: relative;
	top: unset;
	left: unset;
}

.woocommerce-message > font , .woocommerce-info > font , .woocommerce-error > font{
	flex: 1;
}

.woocommerce-message > a.button.wc-forward , .woocommerce-info > a.button.wc-forward , .woocommerce-error > a.button.wc-forward{
	flex: unset;
}

.woocommerce-tabs, .related.products , section.up-sells.upsells.products{
	grid-column: 1 / -1!important;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	width: 100%;
}

table.variations{
	max-width: 50%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li font > font{
	background: transparent;
	font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active font > font{
	background: transparent;
	font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	border-bottom: 0;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart , a.button.product_type_variable.add_to_cart_button{
	width: 100%;
	text-align: center;
	border: 2px solid var(--poppy);
	font-weight: 500;
	background: transparent;
	
	display: none!important;
}

.single-product .page{
	background: var(--bg);
}

a.added_to_cart.wc-forward::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* Solid icons */
    display: inline-block;
    margin-right: 0.5rem;
}

.upsells.products img.woocommerce-placeholder.wp-post-image , .related.products img.woocommerce-placeholder.wp-post-image{
	border-radius: 24px;
}

.no-products-found{
	display: flex;
	gap: .5em;
	align-items: center;
}

.no-products-found::before {
    content: "\f059";
    font: var(--fa-font-solid);
    display: block;
}

.woocommerce div.product form.cart .variations select{
	max-width: 120px;
	min-width: 100px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	margin-bottom: 0;
}

#main > .product.type-product{
	margin-bottom: 5em;
}

.woocommerce-Tabs-panel--description a{
	text-decoration: underline!important;
}

.woocommerce-Tabs-panel--description ul{
	list-style: none;
	padding-left: 1.5em;
}

.woocommerce-Tabs-panel--description li::before{
    content: "\f15c";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    left: 0;
	line-height: 22px;
}

/* header menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav.header-menu {
	height: 76px;
	display: flex;
	align-items: center;
	gap: 28px;
	padding: 0 36px;
	background: var(--white);
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.header-menu .links a , #mobile-menu .links a{
	font-size: medium;
}

.header-menu .links , #mobile-menu .links{
	list-style-type: none;
}

.logo {
	margin-right: auto;
	font-family: Archivo Black, sans-serif;
	font-size: 31px;
	color: var(--forest);
	letter-spacing: -.04em;
	white-space: nowrap;
	display: flex;
}

.logo span {
	display: inline-grid;
	place-items: center;
	background: var(--forest);
	color: var(--white);
	border-radius: 50%;
	width: 52px;
	height: 31px;
	font-size: 19px;
/* 	font-family: Fraunces, serif; */
	font-style: italic;
}

.logo-img{
	height: 45px;
}

.icon-wrap{
	margin: auto;
}

.icon-wrap .icon{
	width: 70%;
	height: auto;
	max-width: 300px;
}

.buttons-wrap{
	display: flex;
	gap: 1em;
}

.links {
	display: flex;
	gap: 24px;
	font-size: 12px;
/* 	font-weight: 800; */
}

.links a {
	color: var(--text);
	text-decoration: none;
}

.header-menu-cta{
	border-radius: 2em;
	border: 0;
	background: var(--poppy);
	color: var(--white);
	padding: 10px 22px;
	font-weight: 900;
	text-decoration: none;
}

/* ------ */

/* cart menu link - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.menu-cart-link {
    display: inline-flex;
    align-items: center;
    gap: .35em;
    color: var(--text);
    text-decoration: none;
    font-weight: 700;
}

.cart-count {
    display: inline-grid;
    place-items: center;
    min-width: 1.7em;
    height: 1.7em;
    padding: 0 .45em;
    border-radius: 999px;
    background: var(--poppy);
    color: var(--white);
    font-size: .8em;
}

.cart-total {
    opacity: .75;
}

/* ---- */

/* homepage hero - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.hero {
	height: 80vh;
	display: grid;
	place-items: center;
	background:
		linear-gradient(130deg, transparent 20%, var(--lavender) 21% 24%, transparent 25%),
		linear-gradient(65deg, transparent 30%, var(--mango) 31% 33%, transparent 34%),
		linear-gradient(110deg, transparent 35%, var(--baby-blue) 36% 39%, transparent 40%),
		radial-gradient(circle at 10% 70%, var(--mango) 0 20%, transparent 21%),
		repeating-linear-gradient(150deg, #147548 0 38px, var(--forest) 39px 78px);
	position: relative;
}

.hero-card {
	background: var(--white);
	padding: 34px 52px;
	border-radius: 20px;
	text-align: center;
/* 	font-family: Fraunces, serif; */
	font-size: 32px;
	line-height: 1.03;
	box-shadow: 0 8px 0 rgba(0,0,0,.04);
	position: relative;
	z-index: 2;
}

.hero-card .buttons-wrap{
	justify-content: center;
	margin-top: .5em;
	gap: .5em;
}

.hero .inner-wrap{
	width: auto;
}

.ribbon {
	height: 46px;
	background: var(--mango);
	color: var(--text);
	display: flex;
	align-items: center;
/* 	transform: skewY(-3deg); */
	margin-top: -20px;
	/*position: relative;*/
	position: relative;
	left: 0;
	right: 0;
	z-index: 2;
	overflow: hidden;
}

.marquee-track {
	display: flex;
	width: max-content;
	padding-left: 100%;
	animation: marquee-full 35s linear infinite;
}

.marquee-track span {
	flex-shrink: 0;
	white-space: nowrap;
	font-family: "tt-commons-pro", sans-serif;
	font-weight: 900;
	font-size: 13px;
	letter-spacing: .04em;
}

@keyframes marquee-full {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.art-wrap{
    margin:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background: var(--bg);
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}

#art path {
    vector-effect: non-scaling-stroke;
}

#art{
/*     width:100vw; */
/*     height:100%; */
    display:block;
}

#art path{
    fill:none;
    stroke-linecap:round;
/*     vector-effect:non-scaling-stroke; */
}

.tile{
    transform-box:fill-box;
    transform-origin:center;
    animation:spin linear infinite;
}

@keyframes spin{

    0%{
        transform:rotate(0deg);
    }

    25%{
        transform:rotate(90deg);
    }

    50%{
        transform:rotate(180deg);
    }

    75%{
        transform:rotate(270deg);
    }

    100%{
        transform:rotate(360deg);
    }

}

.green {
	background: var(--forest);
	min-height: 410px;
	padding: 95px 110px 70px;
	color: var(--white);
}

.illo {
	width: 150px;
	height: 150px;
	border: 6px solid var(--text);
	display: grid;
	place-items: center;
	font-size: 70px;
	color: var(--text);
}

.fan {
	background: var(--mango);
	border-radius: 45% 45% 15% 15%;
	transform: rotate(-10deg);
	margin-left: 30px;
}

.vase {
	border-radius: 44% 44% 50% 50%;
	background: var(--white);
	justify-self: center;
}

/* homepage cta section #1 - right after hero */
button.gratis-materialen-link{
	border: 2px solid white;
	color: white;
	background: transparent;
}
/* - - - */


.small-copy {
/* 	align-self: center; */
	max-width: 350px;
	line-height: 1.65;
/* 	font-weight: 800; */
}

.pink{
	background: var(--lavender);
}

.baby-blue{
	background: var(--baby-blue);	
}

.content-section {
	position: relative;
	display: flex;
	align-items: center;
	padding: 80px 105px;	
	min-height: 50vh;
}

#branding.content-section{
	display: inherit;
}

#branding.content-section .inner-wrap{
	grid-template-columns: 1fr;
	overflow: hidden;
}

#branding.content-section .inner-wrap .cta-icon-wrap{
	background: transparent;
	padding: 0;
	border: none;
}

#branding .bottom-content{
	max-width: 1200px;
	margin: auto;
}

.branding-slider {
    margin-top: 3rem;
}

#branding .navigation-wrap{
	display: flex;
	margin-bottom: 2em;
	gap: 12px;
	margin-top: 1em;
}

#branding .navigation-wrap > div{
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 44px;
	width: 44px;
	margin: 0;
	padding: 1em;
	border-radius: 2em;
	background: var(--poppy);
	color: white;
	text-align: center;
}

#branding .swiper-button-next:after, #branding .swiper-button-prev:after{
	font-size: medium;
}

.branding-slider .swiper-slide {
    border-radius: 12px;
    overflow: hidden;
}
/* 
.branding-slider img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
} */

.branding-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
	width: 100%;
    height: clamp(200px, 25vw, 350px);
    object-fit: cover;
    display: block;
}

.content-section .inner-wrap , #branding.content-section .inner-wrap .top-content{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;	
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.page-template-default .content-section .inner-wrap{
	grid-template-columns: 1fr;
}

#wie-en-wat.content-section{
	grid-template-columns: 1fr 1fr;
/* 	align-items: start; */
}

.baseline-vert-al, .baseline-vert-al td{
	vertical-align: baseline;
}

.wp-block-tab-panels{
	border-top: 1px solid;
}

button[role="tab"][aria-selected="true"] {
    background: white;
}

.wie-en-wat .image-wrap{
	margin: auto;
	margin-bottom: 1em;
}

.wie-en-wat .image-wrap img{
	height: 200px;
	width: auto;
	margin: auto;
}

.wie-en-wat ul{
	padding: 0;
	margin: 0;
}

/* 
.wie-en-wat , .wie-en-wat ul , .wie-en-wat li{
	text-align: center;
} */

/* .wie-en-wat li{
	font-size: x-large;
	list-style-type: none;
} */
/* 
.wie-en-wat li::after{
	content: ", ";
}

.wie-en-wat li:last-child::after{
	content: ".";
} */

#materiaal.content-section .inner-wrap{
	grid-template-columns: 1fr;
	margin: auto;
	text-align: center;
}

.content-section .cta-wrap{
	display: grid;
	gap: 2em;
	grid-template-columns: 1fr 1fr;
}

.cta-icon{
	width: 50%;
	height: auto;
	max-width: 200px;
}

.cta-icon-wrap{
	padding: 2em;
	background: white;
	border-radius: 25px;
	color: black;
}

.photo {
	background:
		linear-gradient(140deg, rgba(0,0,0,.18), transparent),
		linear-gradient(45deg, var(--forest), var(--mango));
	border-radius: 25px;
}

.tall {
/* 	height: 250px; */
	height: 100%;
}

.small {
	height: 170px;
	background:
		radial-gradient(circle at 65% 35%, var(--baby-blue) 0 16%, transparent 17%),
		linear-gradient(135deg, var(--white), var(--forest));
}

.stamp {
	position: absolute;
	right: 185px;
	top: 42px;
	width: 96px;
	height: 96px;
	border: 4px dotted var(--text);
	border-radius: 50%;
	display: grid;
	place-items: center;
	text-align: center;
	font-size: 10px;
	font-weight: 900;
	transform: rotate(14deg);
	background: var(--mango);
	color: var(--text);
}

/* homepage pinned product slider - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#home-product-slider {
/*     background: var(--bg); */
	background: var(--bg);
    padding: 80px 0;
}

#home-product-slider .inner-wrap {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

#home-product-slider .inner-wrap{
	display: grid;
	grid-template-columns: 1fr;	
}

#home-product-slider .swiper , #home-product-slider .swiper-wrapper{
	width: 100%;
}

.product-slider-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.product-slider-nav {
    display: flex;
    gap: 12px;
}

.product-slider-nav button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

.product-slide {
    height: auto;
}

.product-slide-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.product-slide-image {
/*     aspect-ratio: 1 / 1; */
    background: var(--lavender);
    overflow: hidden;
	border-radius: 24px;
}

.product-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-slide-content {
    padding: 20px;
}

.product-slide-content h3 {
    margin: 0 0 12px;
/*     font-family: Fraunces, serif; */
    font-size: 24px;
    line-height: 1.1;
}

.product-slide-tax {
    font-size: 14px;
    line-height: 1.4;
}

.product-slide-tax a {
    color: inherit;
    text-decoration: none;
}

.product-slide-tags {
    margin-top: 8px;
    opacity: .7;
}

/* personaliseer page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.custom-section{
	border-radius: 12px;
	padding: 1em;
/* 	border: 1px solid white;
	background: white; */
	border: 2px solid var(--forest);
}

.custom-section svg , .custom-section svg path{
	fill: black;
}

.wp-block-table.personaliseer-table table {
    width: 100%;
    table-layout: fixed;
}

.wp-block-table.personaliseer-table th:nth-child(1),
.wp-block-table.personaliseer-table td:nth-child(1) {
    width: auto;
}

.wp-block-table.personaliseer-table th:nth-child(2),
.wp-block-table.personaliseer-table td:nth-child(2) {
    width: 40%;
}

.wp-block-table.personaliseer-table th:nth-child(3),
.wp-block-table.personaliseer-table td:nth-child(3),.wp-block-table.personaliseer-table th:nth-child(4),
.wp-block-table.personaliseer-table td:nth-child(4) {
    width: 20%;
}

/* personaliseer contact form */

.wpcf7 form.sent .wpcf7-response-output{
	display: inline-block;
	border-color: var(--forest);
	border-radius: 12px;
}

.wpcf7-response-output::before {
    content: "\f164";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: .75em;
	color: var(--forest);
}

span.wpcf7-form-control.wpcf7-checkbox{
	display: grid;
}

.form-bijvoorbeeld-content{
	font-style: italic;
}

/* ----- */

/* testimonials - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* .testimonials-slider .swiper-slide img{
	width: 100%;
	height: auto;
}

.testimonials-slider .swiper-slide {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

#testimonials.content-section{
	display: block;
	min-height: auto;
}

.testimonials-slider {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.testimonials-slider .swiper-slide {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.testimonials-slider .swiper-slide img {
    max-width: 250px;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.testimonials-slider .swiper-wrapper {
    width: 100%;
}

.testimonials-slider .swiper-slide {
    flex-shrink: 0;
}

/* about / over page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.avatar-column{
	position: relative;
}

.noloc-overlay-logo{
	position: absolute;
	right: 1em;
	bottom: 0;
	width: 100px;
	z-index: 3;
}

/* verhalen blog page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.blog-grid{
	display: grid;
	gap: 2em;
	margin-bottom: 4em;
}

article.blog-card{
	display: grid;
	grid-template-columns: 30vw auto;
	gap: 2em;
	padding-bottom: 1em;
	
/* 	border-bottom: 2px solid rgba(0,0,0,.5); */
	padding-bottom: 0;
	overflow: hidden;
	background: white;
	border-radius: 24px;
}

article.blog-card:last-child{
	border-bottom: 0;
}

a.blog-card-image-link-wrap{
	aspect-ratio: 4/3;
	
	display: flex;
	height: 100%;
}

.blog-card-image-link-wrap , .blog-card-image-link-wrap img{
	width: 100%;
}

.blog-card-image-link-wrap img{
	height: 100%;
	width: 100%;
	object-fit: cover;	
}

.blog-card-text-wrap{
	padding: 2em;
	padding-left: 0;
}

.blog-card-text-wrap p:last-child::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
	display: block;
	margin-top: 1em;
}

span.single-post-tag{
	display: inline-block;
	border: 1px solid;
	border-radius: 1em;
	padding-left: .5em;
	padding-right: .5em;
	background: var(--forest);
	color: white;
	border-color: transparent;
}

.blog-card-tags{
	margin-bottom: 1em;
}

.blog-card-text-wrap h2{
	font-size: x-large;
}

.blog-card-read-more-link-wrap a i{
	color: var(--poppy);
}

/* single post page - single.php - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

header.single-post-header{
	padding-top: 2em;
	padding-bottom: 1.5em;
}

.single-post-content{
	padding-bottom: 5em;
}

header.single-post-header .single-post-title{
	margin-top: 0;
	margin-bottom: 0;
	font-size: xxx-large;
	line-height: 1em;
}

.single-post-subtitle{
	font-family: 'garetregular';
	font-size: x-large;
	margin-top: .5em;
}

.single-post-featured-image{
	margin-bottom: 2em;
}

.single-post-featured-image .inner-wrap{
	height: 40vh;
	display: flex;
}

.single-post-featured-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 24px;
}

.single-post-page .wp-block-image img{
	width: 100%;
}

.single-post-page .single-post-tags{
/* 	margin-top: 1em; */
	border-left: 1px solid;
	padding-left: .65em;
}

.single-post-content .wp-block-paragraph a{
	text-decoration: underline!important;
}

.single-post-page .wp-block-image img{
	border-radius: 24px;
}

.below-title-wrap{
	display: flex;
	align-items: center;
	gap: .5em;
	margin-top: 1em;
}

.back-to-blog-link{
	margin-bottom: 1em;
}

.back-to-blog-link a{
	display: flex;
	align-items: center;
}

.back-to-blog-link a i{
	font-size: x-large;
	color: var(--poppy);
}

/* privacy & cookies page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.wp-block-group.laatse-update-wrap > div{
	display: inline-grid;
	grid-template-columns: auto 1fr;
	gap: 1em;
}

.wp-block-group.laatse-update-wrap > div p{
	margin-bottom: 0;
}

/* footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

footer {
	background: var(--poppy);
	color: var(--white);
	min-height: 220px;
	padding: 95px 110px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 45px;
	align-items: start;
}

footer h4 {
	margin: 0 0 16px;
	font-size: 12px;
}

footer a {
	color: white;
	text-decoration: none;
}

footer .logo-img-wrap .logo-img{
	width: 80%;
	max-width: 200px;
	height: auto;
}

footer, footer#contact li{
	list-style-position: inside;
	list-style-type: none;
}

.seal {
	width: 110px;
	height: 110px;
	border: 5px dotted var(--white);
	border-radius: 50%;
	display: grid;
	place-items: center;
	text-align: center;
	font-weight: 900;
}

.seal span {
	background: var(--white);
	color: var(--forest);
	border-radius: 50%;
	padding: 7px;
}

.copyright {
	background: var(--white);
	color: var(--text);
	text-align: center;
	padding: 13px;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

footer .certification-logo-wrap img{
	width: 150px;
}

footer .certification-logo-wrap{
	text-align: right;
}

/* ------ */

@media (max-width: 780px) {
	.nav {
		height: auto;
		flex-wrap: wrap;
		padding: 24px;
	}

	.links {
		width: 100%;
		flex-wrap: wrap;
		gap: 14px;
	}

	.green,
	.pink,
	footer {
		grid-template-columns: 1fr;
		padding: 60px 35px;
	}

	.stamp {
		right: 40px;
	}

	.hero-card {
		font-size: 25px;
		padding: 28px;
	}
}

.logo span {
	width: 70px;
	font-size: 14px;
}

.extra {
	grid-template-columns: 1fr 1fr;
	min-height: auto;
}

.photo {
	display: grid;
	place-items: center;
	padding: 24px;
}

.photo-text {
/* 	color: var(--white); */
/* 	font-family: Fraunces, serif; */
	font-size: 24px;
	line-height: 1.15;
	text-align: center;
	word-break: break-word;
}

/* woocommerce cart page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* empty cart page */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
	display: none;
}

h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title{
	text-align: left;
}

.wc-block-cart__empty-cart__title {
    font-size: 0!important;
}

.wc-block-cart__empty-cart__title::after {
    content: "Je winkelmandje is leeg";
    font-size: xxx-large;
}

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:nth-of-type(2) {
    font-size: 0;
}

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:nth-of-type(2)::after {
    content: "Nieuw in de winkel";
    font-size: large;
}

.wp-block-woocommerce-empty-cart-block h2.wp-block-heading{
	text-align: left!important;
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products{
	margin-bottom: 0;
	flex-direction: column;
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
	max-width: 100%!important;
	display: grid;
	align-items: center;
	grid-template-columns: 30vw 1fr 1fr;
	text-align: left;
	border-bottom: 1px solid;
	padding-bottom: 1em;
	padding-top: 1em;
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image , .woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product .wc-block-grid__product-onsale{
	display: none!important;
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link , .woocommerce-cart .wp-block-woocommerce-empty-cart-block span.woocommerce-Price-amount.amount{
	font-size: medium;
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title , .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price.price , .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-button.wc-block-grid__product-add-to-cart{
	margin-bottom: 0!important;	
}

.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title::before {
    content: "\f15c";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    display: inline-block;
    margin-right: 0.5rem;
}

/* woocommerce order completed - thank you page */

.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
	font-weight: 600;
	font-size: xxx-large;
	margin-bottom: 0;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
	margin-top: 2em;
	margin-bottom: 3em;
	border: 2px solid;
	border-radius: 12px;
	padding: 3em;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong{
	font-weight: 400;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li{
	font-size: medium;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li.woocommerce-order-overview__order.order strong{
	font-weight: 600;
}

.woocommerce-order-received .woocommerce-order section h2{
	font-size: x-large;
}

.woocommerce-order-received section.wc-block-order-confirmation-additional-fields-wrapper{
	margin-top: 2em;
}

.woocommerce-order-received dl.wc-block-components-additional-fields-list{
	align-items: center;
}

.woocommerce-order-received .woocommerce-customer-details address{
	padding: 1rem;
}

.woocommerce-order-received td.woocommerce-table__product-name.product-name strong, .woocommerce-order-received .wc-block-order-confirmation-additional-fields-wrapper .wc-block-components-additional-fields-list dt , .woocommerce-order-received span.woocommerce-Price-amount.amount{
	font-weight: 500;
}

/* section.wc-block-order-confirmation-additional-fields-wrapper::after {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    padding-top: 2em;
} */

.woocommerce-order-received section.woocommerce-order-details::after{
	content: "Vragen of hulp nodig? Neem gerust contact met ons op via info@jouwcoachmateriaal.nl.";
	display: block;
    padding-top: 1em;
}

.woocommerce-order-received li.woocommerce-order-overview__date.date{
	display: none;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before , .woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after{
	display: none;
}

.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li{
	padding-right: 1em;
	margin-right: 1em;
}

/* product page  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.woocommerce img.logo-img, .woocommerce-page img.logo-img{
	height: 45px;
}

.woocommerce footer img.logo-img, .woocommerce-page footer img.logo-img{
	height: auto;
}

.product-template-default #sidebar{
	display: none;
}

.product-template-default .product_meta{
	display: grid;
}

.product-template-default .product_meta a{
	text-decoration: underline;
}

.product-template-default div.quantity input{
	height: 35px;
}

.product_meta .product-taxonomy {
    display: block;
	display: flex;
	gap:.5em;
}

span.taxonomy-label::after{
	content: "";
}

ul.tabs.wc-tabs{
	display: none;
}

ul.tabs.wc-tabs li{
	background: transparent;
	border-color: white;
}

ul.tabs.wc-tabs li.description_tab.active{
	background: white;
}

.product_meta .product-taxonomy strong {
    font-weight: 600;
}
	
.woocommerce.single-product div.product form.cart::after, .woocommerce.single-product div.product form.cart::before , .single-product form.cart .quantity{
	display: none;
}

.single-product .summary.entry-summary{
	display: grid;
    align-content: start;
	gap: 1em;
}

.woocommerce.single-product div.product div.summary , .single-product h1.product_title.entry-title , .single-product p.price{
	margin-bottom: 0;
}

#main > .product.type-product.first{
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
}

.swiper.product-gallery-main{
	padding: 1em;
	border: 2px solid white;
}

.woocommerce-tabs , .related.products{
	grid-column: 1 / -1;
}

.product.type-product.first > * , .product-gallery{
	min-width: 0;
}

.product-gallery-main {
	overflow: hidden;
	border-radius: 20px;
}

.product-gallery-main img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	background: transparent;
}

.product-gallery-thumbs {
	margin-top: 1rem;
}

.product-gallery-thumbs .swiper-slide {
	width: 90px;
	opacity: .45;
	cursor: pointer;
	transition: opacity .25s;
}

.product-gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.product-gallery-thumbs img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 12px;
}

.product-gallery-prev,
.product-gallery-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	color: black;

	border: 0;

	background: rgba(255,255,255,.9);
	cursor: pointer;
}

.product-gallery-prev {
	left: 1rem;
}

.product-gallery-next {
	right: 1rem;
}

span.taxonomy-label{
	min-width: 25%;
}

.woocommerce div.product .woocommerce-tabs .panel{
	margin-bottom: 0;
}

/* custom product details */
.jcm-product-details-wrap{
	grid-column: 1 / -1!important;
	padding-top: 2em;
	padding-bottom: 2em;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

/* coach pakketten page - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#coach-pakketten-wrap #pakketten-table-1 th:nth-child(4), #coach-pakketten-wrap 
#pakketten-table-1 td:nth-child(4) , 
#coach-pakketten-wrap #pakketten-table-1 th:nth-child(5), #coach-pakketten-wrap 
#pakketten-table-1 td:nth-child(5) {
    text-align: center;
}

#coach-pakketten-wrap #pakketten-table-2 tr:nth-child(1) {
    font-size: x-large;
}

#coach-pakketten-wrap .wp-block-table td{
	border-left: 0;
	border-right: 0;
	padding-left: 0;
}

#coach-pakketten-wrap .wp-block-table tr:first-child td{
	border-top: 0;
}

.pakketten-image-col{
	margin-bottom: 0;
}

.pakket-group-block{
	border: 2px solid;
	border-radius: 12px;
	padding: 20px;
}

.pakket-group-block .wp-block-image{
	margin-bottom: 0;
}

.pakket-group-block .wp-block-heading:first-child{
	margin-top: 0;
}

.wp-block-group.pakket-group-block:hover{
	background: white;
}

.pakket-group-block .wp-block-button a{
	white-space: nowrap;
}

.pakket-group-block .wp-block-columns:last-child{
	margin-bottom: 0;
}

/* tabs section of coach pakketten page */
.wp-block-tabs button{
	color: initial;
	padding: .5em;
	border: initial;
	background: initial;
	font-weight: normal;
	border-radius: 12px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

.wp-block-tabs button::before{
	display: none;
	font-weight: bold;
}

.pakketten-tabs-block h2.wp-block-heading{
	font-size: 34px;
	margin: initial;
}


/* page template default  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.page-template-default article.page{
	background: transparent;
}

.page-content p a , .page-content ul a , .page-content ol a{
	text-decoration: underline!important;
}

/* product category page  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.product-category-header {
    background: var(--bg);
}

.product-category-header h1{
	margin-top: 1em;
	margin-bottom: .75em;
}

.product-category-header .inner-wrap{
	margin-bottom: 2em;
}

.product-category-feed {
	padding-bottom: 4em;
    background: var(--bg);
}

.product-category-page{
	min-height: 55vh;
}

.reset-product-filters{
	border: 0;
	color: black;
    padding: 0;
    background: none;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.inner-wrap {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.product-filters {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 40px;
}

.product-filters input{
	width: 100%;
    border: 2px solid var(--text);
    border-radius: 999px;
    padding: 14px 20px;
    background: var(--white); */
    color: var(--text);
    font-family: "tt-commons-pro", sans-serif;
    font-size: 18px;
}
.product-filters select {
/*  border: 2px solid var(--text);
    border-radius: 999px;
    padding: 14px 20px;
    background: var(--white); */
	width: 100%;
    color: var(--text);
    font-family: "tt-commons-pro", sans-serif;
    font-size: 18px;
	border: none;
	padding: 0;
	padding-right: 1em;
}

.taxonomy-filter-wrap{
/* 	width: 100%; */
    border: 2px solid var(--text);
    border-radius: 999px;
    padding: 14px 20px;
    background: var(--white);
}

.taxonomy-filter-wrap {
    position: relative;
	padding-left: 40px;
}

.taxonomy-filter-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
}

.taxonomy-filter {
    padding-left: 40px;
}

.product-search {
    position: relative;
}

.product-search i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.product-search input {
    padding-left: 45px;
}

.taxonomy-filter-wrap:focus-within {
    border-color: var(--baby-blue);
}

/* --bg: #f3e2ce;
	--lavender: #cfa4cc;
	--poppy: #ee5a36;
	--baby-blue: #9fc4e8;
	--forest: #1a9562;
	--mango: #f5ab54;
	--text: #2b1632;
	--white: #fffdf9; */

.taxonomy-filter:focus {
    outline: none;
}

.category-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
	align-items: start;
}

.category-product-card a , .woocommerce ul.products li.product a.woocommerce-loop-product__link , .home-products-swiper article.swiper-slide.product-slide{
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    background: var(--white);
    border-radius: 24px;
    overflow: hidden;
}

.category-product-image , .woocommerce ul.products li.product a , .home-products-swiper .product-slide-image{
/*     aspect-ratio: 1 / 1; */
/*     background: var(--lavender); */
    overflow: hidden;
}

.category-product-image img , .woocommerce ul.products li.product a img , .home-products-swiper .product-slide-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.category-product-image , .woocommerce ul.products li.product a img , .home-products-swiper .product-slide-image{
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 20px;
	padding-bottom: 0;
}

.category-product-image img , .woocommerce ul.products li.product a img , .home-products-swiper .product-slide-image img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border: 1px solid #000;
    display: block;
}

.home-products-swiper .product-slide-image{
	background: transparent;
}

.home-products-swiper .product-slide-link h3{
	font-size: large;
}

.woocommerce ul.products li.product a img{
	padding: 0;
}

.category-product-content , .woocommerce ul.products li.product a.woocommerce-loop-product__link{
    padding: 20px;
}

.category-product-content h2 {
    margin: 0 0 12px;
/*     font-size: 24px; */
	font-size: large;
    line-height: 1.1;
}

.product-meta {
    font-size: 14px;
    line-height: 1.4;
}

.product-tags {
    margin-top: 6px;
    opacity: .7;
}

.no-products-found {
    margin-top: 32px;
    font-size: 20px;
}

@media (max-width: 1000px) {
    .category-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 760px) {
    .product-filters {
        flex-direction: column;
    }

    .category-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .category-product-grid {
        grid-template-columns: 1fr;
    }
}

/* mobile menu  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.mobile-menu-toggle {
    display: none;
}

body.menu-open {
    overflow: hidden;
}

div#mobile-menu{
	display: flex;
	align-items: center;
	gap: 2em;
}

/* add 'price-range' text to variable products */
.product-type-variable .summary.entry-summary > .price::before {
    content: "Prijsklasse: ";
    font-weight: 600;
}

.reset_variations::before {
    content: "\f00d"; /* fa-xmark */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
}

#pakketten-table-1 td:first-child::after {
	content: "\f35d"; /* fa-arrow-up-right-from-square */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 0.75em;
	margin-left: 8px;
	opacity: 0;
	vertical-align: middle;
	transition: opacity .3s ease;
}

#pakketten-table-1 tr:hover td:first-child::after {
	opacity: .6;
}

/* Mobile version  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1200px */
@media screen and (max-width: 1200px){
	
	.header-menu {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
	
	.top-note{
		display: none;
	}
	
	.menu-cart-link {
		align-self: baseline;
	}

    .mobile-menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 32px;
        height: 24px;
        padding: 0;
        border: 0;
        background: none;
        cursor: pointer;
        z-index: 1001;
    }
	
	.page-title:first-child{
		margin-top: 0;
	}
	
    .mobile-menu-toggle span:not(.screen-reader-text) {
        width: 100%;
        height: 2px;
        background: var(--text);
        transition: transform .3s ease, opacity .3s ease;
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: min(55vw, 85vw);
        height: 100dvh;
        background: var(--white);
        padding: 100px 30px 30px;
        display: flex;
        flex-direction: column;
        gap: 30px;
        transition: right .35s ease;
        box-shadow: -10px 0 30px rgba(0,0,0,.1);
        z-index: 9;
    }

    .mobile-menu.active {
        right: 0;
    }

    .mobile-menu .links {
        display: flex;
        flex-direction: column;
        gap: 20px;
		width: 100%;
    }

    .mobile-menu .links ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mobile-menu .header-menu-cta {
        margin-top: auto;
    }
	
	.header-menu-cta{
		width: 100%;
		text-align: center;
	}

	table.variations{
		max-width: 100%;
	}

    /* Hamburger animation */

    .mobile-menu-toggle.active span:nth-child(1) {
        transform: translateY(11px) rotate(45deg);
    }

    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-menu-toggle.active span:nth-child(3) {
        transform: translateY(-11px) rotate(-45deg);
    }
	
	/* product filters 1200px */
	.product-filters{
		grid-template-columns: 1fr 1fr;
	}
	
/* 	.category-product-grid{
		grid-template-columns: repeat(2, 1fr);
	} */
	
	/* blog page on mobiles 1200px */
	article.blog-card{
		grid-template-columns: 1fr 1.5fr;
		gap: 0;
	}
	
	a.blog-card-image-link-wrap{
		aspect-ratio: auto;
	}
	
	.blog-card-text-wrap{
		padding-left: 2em;
	}
	
}


/* mobile version 900px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 900px */
@media screen and (max-width: 900px){
	
	/* order received thank you page */
	
	.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
		padding: 2em;
		grid-template-columns: 1fr;
		gap: 1em;
	}
	
	.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li{
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
	/*---- */
	
}


/* Mobile version 768px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 768px */
@media screen and (max-width: 768px) {
	
	/* global */
	
	h2.wp-block-heading:first-child{
		font-size: xx-large;
	}
	
	/* global end */
	
	#branding.content-section .inner-wrap{
		display: block;
	}
	
	.content-section{
		padding: 35px;
	}
	
	.icon-wrap , .top-content .cta-icon-wrap{
		text-align: center;
		grid-row-start: 1;
	}
	
	.image-wrap{
		text-align: center;
	}
	
	#home-product-slider{
		padding: 0;
	}
	
	#home-product-slider .inner-wrap{
		width: auto;
		margin: 0;
		padding: 0;
		gap: 0;
	}
	
	#home-product-slider .product-slider-header{
		padding: 35px;
		margin-bottom: 0;
	}
	
	#home-product-slider .swiper{
		padding: 35px;
	}
	
	#home-product-slider .product-slider-header h2{
		margin-bottom: 0;
	}
	
	.wie-en-wat ul{
		padding-left: 2em;
	}
	
	.content-section .inner-wrap, #branding.content-section .inner-wrap .top-content , .content-section .cta-wrap{
		grid-template-columns: 1fr;
	}
	
	#main > .product.type-product.first{
		grid-template-columns: 1fr!important;
	}
	
	.product-template-default #main.site-main, .woocommerce-shop #main.site-main{
		padding: 35px;
	}
	
	.inner-wrap{
		width: min(1180px, calc(100% - 70px));
	}
	
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		margin: 0 0 35px;
	}
	
	.hero-card{
		width: 90%;
		margin: auto;
	}
	
/* 	#art path{
		stroke-width: 30px!important;
	} */
	
/* 	#art path {
		fill: none;
		stroke-linecap: round;
		vector-effect: non-scaling-stroke;
	} */
	
	.buttons-wrap{
		flex-direction: column;
	}
	
	/* product filters 768px */
	.product-filters{
		grid-template-columns: 1fr;
	}
	
	/* pakketten page */
	.pakketten-groups-wrap{
		flex-direction: column;
	}
	
	.pakket-group-block .wp-block-buttons .wp-block-button{
		margin: auto;
	}
	
	.pakket-group-block figure.wp-block-image.size-thumbnail , .pakket-group-block .wp-block-paragraph , .pakket-group-block .wp-block-heading{
		text-align: center;
	}
	
	/* pakketten comparison table */
	 #pakketten-table-1 table,
    #pakketten-table-1 tbody {
        display: block;
        width: 100%;
    }

    /* Hide the first row (headers) */
    #pakketten-table-1 tbody tr:first-child {
        display: none;
    }

    /* Each product becomes a 3-column row */
    #pakketten-table-1 tbody tr {
        display: grid;
        grid-template-columns: 1fr 60px 60px;
/*         gap: 12px; */
        padding: 16px 0;
        border-bottom: 1px solid #ddd;
    }

    #pakketten-table-1 td {
        padding: 0;
        border: 0;
    }


    /* Main info column */
    #pakketten-table-1 td:nth-child(1),
    #pakketten-table-1 td:nth-child(2),
    #pakketten-table-1 td:nth-child(3) {
        grid-column: 1;
    }

    /* Coachmateriaal */
    #pakketten-table-1 td:nth-child(1) {
        font-weight: 700;
        font-size: 16px;
    }

    /* Thema */
    #pakketten-table-1 td:nth-child(2) {
        font-size: 14px;
        opacity: .7;
    }

    /* Format */
    #pakketten-table-1 td:nth-child(3) {
        font-size: 14px;
    }

    /* Klein */
    #pakketten-table-1 td:nth-child(4) {
        grid-column: 2;
        grid-row: 1 / span 3;
        text-align: center;
        align-self: center;
        font-weight: bold;
    }

    /* Groot */
    #pakketten-table-1 td:nth-child(5) {
        grid-column: 3;
        grid-row: 1 / span 3;
        text-align: center;
        align-self: center;
        font-weight: bold;
    }

    /* Add labels above ✓ */
    #pakketten-table-1 td:nth-child(4)::before {
        content: "Klein";
        display: block;
        font-size: 11px;
        font-weight: normal;
        opacity: .6;
        margin-bottom: 5px;
    }

    #pakketten-table-1 td:nth-child(5)::before {
        content: "Groot";
        display: block;
        font-size: 11px;
        font-weight: normal;
        opacity: .6;
        margin-bottom: 5px;
    }
	
	#pakketten-table-1 td:nth-child(2)::before {
		content: "Onderdeel: ";
		font-weight: 600;
		color: black;
	}
	
/* 	#pakketten-table-1 td:nth-child(3){
		border: 1px solid;
		padding: .25em;
		border-radius: 1em;
		display: inline-block;
	} */

/* 	#pakketten-table-1 td:nth-child(3)::before {
		content: "Format: ";
		font-weight: 600;
	} */
	
	#pakketten-table-1 td:nth-child(3)::before {
		content: "\f15c"; /* fa-file-lines */
		font-family: "Font Awesome 5 Free";
		font-weight: 400;
		margin-right: 6px;
	}
	
	/* product page on mobiles */
	
	#main > .product.type-product{
		margin-bottom: 0;
	}
	
	.woocommerce.single-product .related.products .products ul, .woocommerce.single-product .related.products ul.products{
		margin-bottom: 0;
	}
	
	/* personaliseer mobile page */
	.custom-section{
		padding: 1em;
		border-radius: .75em;
	}
	
	input.wpcf7-form-control{
		width: 100%!important;
	}
	
	.wpcf7-list-item{
		margin: 0;
	}
	
    .wp-block-table.personaliseer-table table,
    .wp-block-table.personaliseer-table tbody,
    .wp-block-table.personaliseer-table tr {
        display: block;
        width: 100%;
    }
	
	.wp-block-table.personaliseer-table th:nth-child(2), .wp-block-table.personaliseer-table td:nth-child(2){
		width: 70%;
	}
	
	.wp-block-table.personaliseer-table th:nth-child(3), .wp-block-table.personaliseer-table td:nth-child(3), .wp-block-table.personaliseer-table th:nth-child(4), .wp-block-table.personaliseer-table td:nth-child(4){
		width: auto;
	}

    .wp-block-table.personaliseer-table thead {
        display: block;
    }
	
	.wp-block-table.personaliseer-table thead tr{
		padding: 0;
	}
	
	.wp-block-table.personaliseer-table thead tr th{
		border: 0;
	}
	
	.wp-block-table.personaliseer-table thead tr th:nth-child(2){
		display: none;
	}

    .wp-block-table.personaliseer-table tr {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-areas:
            "title price discount"
            "icons price discount";
        gap: .25rem 1rem;
        padding: 1rem 0;
        border-bottom: 1px solid #000;
    }
	
	.wp-block-table.personaliseer-table td:nth-child(3) , .wp-block-table.personaliseer-table td:nth-child(4){
		grid-row-start: 1!important;
		grid-row-end: 2!important;
	}
	
/* 	.wp-block-table.personaliseer-table tbody tr:last-child{
		border-bottom: 0;
	} */

    .wp-block-table.personaliseer-table td {
        border: 0;
        padding: 0;
    }

    .wp-block-table.personaliseer-table td:nth-child(1) {
        grid-area: title;
        font-weight: 600;
    }

    .wp-block-table.personaliseer-table td:nth-child(2) {
        grid-area: icons;
    }

    .wp-block-table.personaliseer-table td:nth-child(3) {
        grid-area: price;
        text-align: center;
        align-self: center;
		white-space: nowrap;
    }

    .wp-block-table.personaliseer-table td:nth-child(4) {
        grid-area: discount;
        text-align: center;
        align-self: center;
		white-space: nowrap;
    }
	
	/* blog page on mobiles 768px */
	article.blog-card{
		grid-template-columns: 1fr;
	}
	
	article.blog-card{
		gap: 0;
	}
	
	a.blog-card-image-link-wrap{
		aspect-ratio: 10/5;
	}
	
	/* single post 768px */
	
	header.single-post-header .single-post-title{
		font-size: xx-large;
	}
	
	.single-post-subtitle{
		font-size: large;
	}
	
	/* order received confirmation thank you page 768px */
	
	.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{
		padding: 2em;
		display: grid;
		grid-template-columns: 1fr;
		gap: 1em;
	}
	
	.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::before , .woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details::after{
		display: none;
	}
	
	.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li{
		font-size: small;
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
	}
	
	/* empty cart page on mobiles 768px */
	.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
		grid-template-columns: 1fr;
		padding-top: 2em;
		padding-bottom: 2em;
		margin: 0;
	}
	
	.woocommerce-cart .wp-block-woocommerce-empty-cart-block li.wc-block-grid__product:first-child{
		border-top: 1px solid;
	}
	
	.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wc-block-grid__product-link{
		margin-bottom: .5em;
	}
	
	.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart.wp-block-button, .woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price{
		width: 100%;
	}
	
	.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart.wp-block-button{
		margin-top: 1em!important;
	}
	
	
	/* 404 page on mobiles 768px */
	.page-404 #art{
		height: 100%;
	}
	
	/* footer on mobiles */
	footer .certification-logo-wrap{
		text-align: left;
	}
	
	.certification-logo-wrap img{
		max-width: 50%;
		height: auto;
	}
  
}


/* Mobile version 500px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 500px */
@media screen and (max-width: 500px) {
	
	h2{
		font-size: x-large;
	}
	
	.hero-card .buttons-wrap{
		margin-top: 1em;
	}
}