/**
 * Theme Name:     Boost Ur Skillz
 * Author:         Niels van Dijk
 * Template:       twentytwentyfive
 * Text Domain:	   boost-ur-skillz
 * Description:    Custom child theme for boosturskillz.nl. Child of Twenty Twenty-Five.
 * Author URI:     http://n1design.nl
 * Version:        1.0
 */

body {
	overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}



body .gform_wrapper .gform_body legend, body .gform_wrapper .gform_body label {
    font-size: 18px;
}

nav button {
	background: #fff !important;
}
nav button svg {
	fill: #000 !important;
	height: 31px !important;
	width: 31px !important;
}

.bys-force-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

  gap: var(--wp--preset--spacing--60);

  padding: 0;
}

.bys-force-grid li {
	box-shadow: 10px 10px 0px #000;
  border: 5px solid #000;
  padding: 1em;
    list-style-type: none;
	background: #fbfaf3;
}

.gform_button {
font-style: italic !important;
  text-transform: uppercase !important;
  background-color: black !important;
  font-size: 100% !important;
  border-radius: 30px !important;
}

.gfield_visibility_administrative {
	display: none;
}

.wp-block-site-logo img {
  transform: translateX(-44px);
}

.bys-logo-gallery figure {
	flex-grow: inherit !important;
}

@media screen and (min-width: 1024px) {
.bys-hero-image {
	margin-block-start: 0;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 300" xml:space="preserve"><path fill="%23FFF" d="m162.51 83.99-151.8 100.2 89.52.65L0 282.36l133.96-34.41L101.53 300l136.83-43.81-3.85 43.81 119.36-57.91-13.62 55.96L440 223.5V0H216.09L98.29 75.53z"/></svg>') !important;
	mask-repeat: no-repeat;
  mask-position-x: right;
  max-width: 45%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -10;
}

.bys-single-datum .mfb-repeater-item:nth-child(2), .bys-single-datum .mfb-repeater-item:nth-child(3), .bys-single-datum .mfb-repeater-item:nth-child(4), .bys-single-datum .mfb-repeater-item:nth-child(5) {
margin-left: 25px;
}

.bys-single-datum .mfb-repeater-item:nth-child(2)::before, .bys-single-datum .mfb-repeater-item:nth-child(3)::before, .bys-single-datum .mfb-repeater-item:nth-child(4)::before, .bys-single-datum .mfb-repeater-item:nth-child(5)::before  {
	content: "+";
	position: absolute;
	margin-left: -20px;

}
}

@media screen and (max-width: 1024px) {
.bys-hero-image {
	margin-block-start: 0;
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 300" xml:space="preserve"><path fill="%23231F20" d="M0 0v207.78l45.74-31.05 39.28 90.03 68.4-19.63L201.83 300l49.02-47.85 41.07 24.42 33.55-48.36 39.21 5.23 26.83-53.29L440 232.19V0z"/></svg>');
	mask-repeat: no-repeat;
	mask-size: cover;
  max-height: 450px;
  position: absolute;
    top: 0;
    z-index: -1;
}

.wp-container-core-group-is-layout-fc9f69e7 {
	flex-wrap: wrap;
}

.bys-single-locatie {
	gap: 1em;
}
.bys-single-locatie .prefix {
	display: none;
}

.wp-block-site-logo img {
  height: auto;
  max-width: 100%;
  transform: scale(0.8) translateX(-64px);
}

.single-workshop main {
	margin-top: 5em !important;
}

.bys-workshop-data > div {
	width: auto;
}
}

  /* 2) Basic styles so transforms look clean */
  .bys-title-anim { line-height: 1.1;
text-shadow: 4px 4px 0px #fff44a, 3px 3px 0px #fff44a, 2px 2px 0px #fff44a, 1px 1px 0px #fff44a;  }
  .bys-title-anim .bys-word {
    display: inline-block;           /* needed for translate/opacity per word */
    will-change: transform, opacity; /* smoother */
    white-space: pre;                /* preserves spaces inside spans if any */
  }
  
.bys-workshop-query li {
  position: relative;       /* makes it the positioning context */
  height: 450px;            /* or whatever height you need */
	    opacity: 0;
    transform: translateY(20px);
    will-change: transform, opacity;
    box-shadow: 10px 10px 0px #000;
	border: 5px solid #000;
	overflow: hidden;
}

.bys-workshop-query li .taxonomy-thema.wp-block-post-terms {
	position: absolute;
  z-index: 13;
  background: aliceblue;
  width: 200px;
  text-align: center;
  padding: 5px;
  transform: rotateZ(45deg);
  right: -50px;
  top: 30px;
}

.bys-workshop-query li .taxonomy-thema.wp-block-post-terms a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
}

.tax-thema .bys-workshop-query li .wp-block-post-terms a {
	font-size: 13px;
}

.bys-workshop-query li figure {
height: 100%;
  position: absolute;
  width: 100%;
}

.bys-workshop-query li:hover div h2 a {
  text-decoration: underline;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px;
}

.bys-workshop-query li figure a {
background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 65%);
}

.bys-workshop-query li figure a img {
  display: block;           /* removes gap under image */
  width: 100%;
  height: 100%;
  object-fit: cover;        /* ensures image fills figure */
  position: relative;
  z-index: -1;
}

.bys-workshop-query li.category-vol::after {
content: "vol";
  background: #ff1562;
  padding: 1px 130px;
  position: absolute;
  top: 60px;
  right: -70px;
  display: inline;
  transform: rotateZ(45deg);
	
}

.single-workshop .bys-note-vol {
	display:none;
}

.single-workshop.category-vol .bys-note-vol {
	display:block;
}

.single-workshop.category-vol #inschrijven, .single-workshop.category-vol .wp-block-buttons  {
	display:none;
}

.bys-workshop-query-data {
position: absolute;
  bottom: 0;
  padding: 1em;
  width: 100%;
}



.bys-workshop-query-data p, .bys-workshop-query-data > div > div { 
padding: 5px 0px 5px 35px !important;
  margin-top: 10px;

  font-size: 18px;
  border-radius: 10px;
}


.bys-workshop-query-data span::before  {
	width: 16px;
	position: absolute;
	margin: 3px 0px 0px -25px;
}

.bys-workshop-query li.thema-together .bys-workshop-query-data p, .bys-workshop-query li.thema-together .taxonomy-thema, .thema-together .bys-workshop-meta, .bys-force-grid .cat-item-24 {background: #73ffaf;}
.bys-workshop-query li.thema-journal .bys-workshop-query-data p, .bys-workshop-query li.thema-journal .taxonomy-thema, .thema-journal .bys-workshop-meta, .bys-force-grid .cat-item-20 {background: #39e1e9;}
.bys-workshop-query li.thema-media .bys-workshop-query-data p, .bys-workshop-query li.thema-media .taxonomy-thema, .thema-media .bys-workshop-meta, .bys-force-grid .cat-item-21 {background: #73ffaf;}
.bys-workshop-query li.thema-visual .bys-workshop-query-data p, .bys-workshop-query li.thema-visual .taxonomy-thema, .thema-visual .bys-workshop-meta, .bys-force-grid .cat-item-25 {background: #ffc200;}
.bys-workshop-query li.thema-stage .bys-workshop-query-data p, .bys-workshop-query li.thema-stage .taxonomy-thema, .thema-stage .bys-workshop-meta, .bys-force-grid .cat-item-23 {background: #ff5a96;}
.bys-workshop-query li.thema-diy .bys-workshop-query-data p, .bys-workshop-query li.thema-diy .taxonomy-thema, .thema-diy .bys-workshop-meta, .bys-force-grid .cat-item-22 {background: #f7ff00;}

.bys-single-locatie, .bys-single-datum, .bys-single-tijd, .bys-single-leeftijd, .bys-single-meenemen {
padding: 5px 20px 5px 35px !important;
  border-radius: 10px;
  width: fit-content;
}

.bys-single-datum > div:first-child::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M144 0l0 64 160 0 0-64 48 0 0 64 96 0 0 416-448 0 0-416 96 0 0-64 48 0zm0 112l-96 0 0 64 352 0 0-64-256 0zM48 224l0 208 352 0 0-208-352 0z"/></svg>');
width: 16px;
  position: absolute;
  margin: 2px 0px 0px -26px;
}

.bys-workshop-meta-alt span:first-child {
font-weight: bold;
}


.bys-single-locatie > div:first-child::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 188.6c0 28.1 9.1 61 25.6 96.5 16.3 35.1 38.4 70.1 61.3 101.5 20.3 28 40.8 52.5 57.2 71.1 16.4-18.6 36.8-43.1 57.2-71.1 22.9-31.4 45-66.4 61.3-101.5 16.4-35.5 25.6-68.4 25.6-96.5 0-76.8-63.7-140.6-144-140.6S48 111.7 48 188.6zm336 0c0 111.2-104.3 242.8-159.1 304.4-10.2 11.5-18.7 20.5-24.5 26.5-5.3 5.5-8.4 8.5-8.4 8.5s-3-3-8.4-8.5C177.8 513.5 169.3 504.4 159.1 493 104.3 431.4 0 299.8 0 188.6 0 84.4 86 0 192 0S384 84.4 384 188.6zM224 192a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>');
		width: 16px;
	position: absolute;
	margin: 3px 0px 0px -25px;
}

.bys-single-tijd > div:first-child::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 256a208 208 0 1 1 -416 0 208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0 256 256 0 1 0 -512 0zM232 120l0 148.8 10.7 7.1 96 64 20 13.3 26.6-39.9c-2.4-1.6-37.5-25-105.3-70.2l0-147.2-48 0 0 24z"/></svg>');
width: 18px;
  position: absolute;
  margin: 1px 0px 0px -26px;
}


.bys-datum > div > div:first-child::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M144 0l0 64 160 0 0-64 48 0 0 64 96 0 0 416-448 0 0-416 96 0 0-64 48 0zm0 112l-96 0 0 64 352 0 0-64-256 0zM48 224l0 208 352 0 0-208-352 0z"/></svg>');
		width: 16px;
	position: absolute;
	margin: 3px 0px 0px -25px;
}

.bys-datum {
	margin-block-start: 0.2rem;
}

.bys-workshop-query-data .taxonomy-gemeente {
	margin-block-start: 1rem;
}

.bys-locatie span::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M48 188.6c0 28.1 9.1 61 25.6 96.5 16.3 35.1 38.4 70.1 61.3 101.5 20.3 28 40.8 52.5 57.2 71.1 16.4-18.6 36.8-43.1 57.2-71.1 22.9-31.4 45-66.4 61.3-101.5 16.4-35.5 25.6-68.4 25.6-96.5 0-76.8-63.7-140.6-144-140.6S48 111.7 48 188.6zm336 0c0 111.2-104.3 242.8-159.1 304.4-10.2 11.5-18.7 20.5-24.5 26.5-5.3 5.5-8.4 8.5-8.4 8.5s-3-3-8.4-8.5C177.8 513.5 169.3 504.4 159.1 493 104.3 431.4 0 299.8 0 188.6 0 84.4 86 0 192 0S384 84.4 384 188.6zM224 192a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z"/></svg>');
}

.bys-single-datum .mfb-repeater-item {
	flex-grow: 0 !important;
}

.bys-datum .mfb-repeater, .bys-single-datum .mfb-repeater {
	gap: 0; 
}



.wp-block-categories {
  width: 100%;
}

select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: white;
border: 2px solid #000;
border-radius: 2rem;
padding: 0.75rem 2.5rem 0.75rem 1rem;
font-size: 1rem;
color: #111827;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: all 0.2s ease;
background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1rem;
width: 100%;
}

select:hover {
border-color: #9ca3af;
}

select:focus {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
}

.wp-block-navigation__responsive-container {
	width: 450px;
	left: unset; 
}

.bys-bottom-bar {
background-position: -7px -13px !important;
  background-size: 102% !important;
}

  .bys-faq {
    cursor: pointer;
  }
  .bys-faq h2 {
    user-select: none;

padding-left: 1.5em;
font-size: 25px;
  }
 
.bys-faq:hover h2 {
	text-decoration: underline;
}

  .bys-faq h2::before {  
  	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M96.3 402.9l10.7-26.2-17.8-22C63.1 322.4 48 282.7 48 240 48 136.8 138.2 48 256 48s208 88.8 208 192-90.2 192-208 192c-30.5 0-59.2-6-85.1-16.8l-16.8-7c-5.6 1.9-28.8 9.9-69.8 24l12-29.4zM0 512c34.9-12 85.7-29.5 152.5-52.4 31.6 13.1 66.7 20.4 103.5 20.4 141.4 0 256-107.5 256-240S397.4 0 256 0 0 107.5 0 240C0 294.4 19.3 344.6 51.8 384.8 32.7 431.8 15.4 474.2 0 512zM256 165.2c17.7 0 32 14.3 32 32 0 13.2-6.8 20.5-15.8 25.6-9.4 5.3-20 6.6-30.5 8-2.3 .3-4.6 .6-6.9 .9l0 53.5 42.4 0 0-18.3c4.8-1.7 10.3-4 15.8-7.1 17.6-9.9 37.4-29.2 37.4-62.5 0-41.1-33.3-74.4-74.4-74.4s-74.4 33.3-74.4 74.4l42.4 0c0-17.7 14.3-32 32-32zM232 312l0 48 48 0 0-48-48 0z"/></svg>');
width: 25px;
  position: absolute;
  margin-left: -1.5em;
  }

  .bys-faq p {
    max-height: 0;            /* Hidden initially */
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    margin: -.4em;
  }

  .bys-faq.active p {
    max-height: 200px;        /* Adjust based on expected text length */
    opacity: 1;
	margin: 0em;
  }

.koekje-banner {
  position: fixed; inset: auto 1rem 1rem 1rem;
  max-width: fit-content; margin: 0 auto;
  background: #111; color: #fff;
  padding: 1rem; border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
  z-index: 99999; display: none;
  font-size: 14px; line-height: 1.4;
  gap: 1em;
}
.koekje-banner.show { display: flex; }
.koekje-actions {  }
.koekje-btn {
  background: #fff44a; color: #111;
  border: 0; border-radius: 8px;
  padding: .6rem 1rem; font-weight: 600;
  cursor: pointer;
}
.koekje-text a { color: #fff44a; text-decoration: underline; }

/*
  @media (prefers-reduced-motion: reduce) {
    .bys-workshop-query li {
      opacity: 1 !important;
      transform: none !important;
    }
  }
*/