/*
 Theme Name:   Silvertheme Child
 Theme URI:    https://www.silverfish.nl/
 Description:  SilverTheme Child Theme
 Author:       Silverfish
 Author URI:   https://www.silverfish.nl
 Template:     silvertheme
 Version:      7.0
*/

:root {	
  --main: #FF4D00;
  --secondary: #194276;
  --grey: #464547;
  --lightgrey: #5e6465;
  --lightblue: #D4E0F1;
  --black: #000000;
  --green:#CCFF00;
  --font: 'Grota Rounded', sans-serif;
  --subfont: "inter-18pt", sans-serif;
}

@font-face {
    font-family: 'Grota Rounded';
    src: url('fonts/GrotaRoundedBlack.woff2') format('woff2'),
         url('fonts/GrotaRoundedBlack.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grota Rounded';
    src: url('fonts/GrotaRoundedExtraBold.woff2') format('woff2'),
         url('fonts/GrotaRoundedExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Grota Rounded';
    src: url('fonts/GrotaRoundedBold.woff2') format('woff2'),
         url('fonts/GrotaRoundedBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Test National 2 Compressed Bold';
    src: url('fonts/TestNational2Compressed-Bold.woff2') format('woff2'),
         url('fonts/TestNational2Compressed-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Test National 2 Compressed';
    src: url('fonts/Test-National-2-Compressed.woff2') format('woff2'),
         url('fonts/Test-National-2-Compressed.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {scroll-behavior:smooth;}


* { font-family:var(--subfont); } /* Zelfde font overal */

.site-header hgroup, #main, .form-inner, .services-inner, .driekolommen-inner, .titel-3, .vierkolommen-inner, .titel-4, .titel-foto-links, .foto-links-inner, .titel-foto-rechts, .foto-rechts-inner, .alg-tekstblok-inner, .footercols, .kolommen-inner, .kolommen-vissen-inner, .kolommen-vissen-nodig-inner, .tekstvlak-inner, .kolommen-uitlegfilmpjes-inner, .kolommen-ouders-inner, .kolommen-leerlingen-inner, .vragen-inner, .kolommen-vissen-nodig-titel, .blauw-blok-inner, .oranje-blok-inner, .wit-blok-inner { max-width: 1440px; margin: 0 auto; }
body.mceContentBody { 
   background: #e3e3e3; 
   color:#000;
}

.wp-block-group.alignfull, 
  .wp-block-cover.alignfull {
    padding-left: 0;
    padding-right: 0;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
  }

.volledige-breedte {
    width: 100vw;
    max-width: 100%; background:var(--main);
}

.has-vivid-cyan-blue-color {
  color: #194276!important;
}

/* Leeftijd dropdown */
.leeftijd-dropdown {
    position: absolute;
    top: 50%;
    right: 110px;
    transform: translateY(-50%);
    z-index: 10;
}

.leeftijd-dropdown::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("https://development.stekkie.nl/wp-content/uploads/arrow-down.svg") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

.leeftijd-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: transparent;
    border: 0;
    padding: 10px 15px 10px 44px;

    color: white;
    font-family: var(--font);
    font-size: 19px;

    cursor: pointer;
    outline: none;
}

/* Algemeen */
h1, .entry-title { font-family:var(--font); font-size:56px; color:var(--secondary); line-height:1.2; font-weight:900;}
h2 { font-family:var(--font); font-size:55px; color:var(--secondary); line-height:1.2; font-weight: 900;}
h3 { font-family:var(--font); font-size:25px; color:white; line-height:1.2; font-weight: 900;}
h4 { font-family:var(--font); font-size:20px; color:white; line-height:1.2;}

a {color:var(--main); text-decoration:underline;}
a:hover {color:var(--zwart);}

.button {
  background:white;
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:var(--black);
  display:inline-block;
  margin-top:15px;
  border-radius:50px;
  text-decoration:none;
}
.button:hover {
  background:var(--secondary);
  color:white;
}

.button-oranje {
  background:var(--main);
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:white;
  display:inline-block;
  margin-top:15px;
  border-radius:50px;
  text-decoration:none;
}
.button-oranje:hover {
  background:var(--secondary);
  color:white;
}

.button-border {
  background:white;
	border:1px solid var(--secondary);
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:var(--secondary);
  display:inline-block;
  margin-top:15px;
  border-radius:50px;
  text-decoration:none;
}
.button-border:hover {
  background:var(--secondary);
  color:white;
}

/* Buttons Gutenberg */
.wp-block-button__link {
  color: white!important;
  background-color: var(--main)!important;
  border-radius: 50px;
  box-shadow: none;
  text-decoration: none;
  padding:10px 20px;
  font-size:20px;
  margin-top:15px;
	font-family:var(--font);
}

.wp-block-button__link:hover {
  background-color: var(--secondary)!important;
}

.tribe-events-back a, .tribe-events-back a:visited {
  font-family: var(--font);
  font-size: 20px;
  padding:10px 20px;
  background: var(--main);
  border-radius: 50px;
  color: white; 
}

/* Intro */
#intro{
    min-height:100vh;
    background-image:url('/wp-content/uploads/bg-6-12-jaar.svg');
    background-size:cover;
    background-repeat:no-repeat;
    transition:background-image .3s ease;
	background-position: top center;
}
.intro-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 2fr)); grid-gap:2em; width: 80%; margin-left: auto; margin-right: auto; padding-top: 60px;}
.intro-1{
  background-image:url('/wp-content/uploads/intro-stekkie-6-12.svg');
  background-size:contain;
  min-height:600px;
  background-position:center;
  background-repeat:no-repeat;
  transition: all 0.3s ease;
}
.intro-1:hover{}
.intro-2{background-image:url('/wp-content/uploads/intro-stekkie-12.svg');
    background-size:contain; min-height:600px;
    background-position:center;
    background-repeat:no-repeat;
    transition:all .3s ease;}
.intro-2:hover{}

.intro-inner h1{color:white; font-size:36px; line-height: 0.7; margin-bottom: 20px;}
.intro-tekst{font-size:15px; color:white; text-align:center; font-family:var(--subfont); width: 65%; margin-left: auto; margin-right: auto; padding-top: 300px; }
.intro-tekst .button {font-family: 'Test National 2 Compressed'; font-size: 25px; padding: 5px 30px;}
.intro-tekst1{font-size:15px; color:var(--black); font-family:var(--subfont); width: 25%; margin-left: auto; padding-top: 50px; margin-bottom: -50px;  }
.intro-tekst2{display:block; font-size:15px; color:var(--black); text-align:center; font-family:var(--subfont); width: 55%; margin-left: auto; margin-right: auto; padding-top:30px;}
.intro-2 .intro-tekst h1{font-family: 'Test National 2 Compressed Bold';}
.intro-logo {display: block; width: clamp(180px, 25vw, 350px); height: auto; margin: 20px auto 40px;}
.intro-tekst2-mob{display:none;}

/* Evenementen pagina */
.post-type-archive-tribe_events #banner .banner-slide img {min-height: 0; height: 300px;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {margin-top: -200px;}
.single-tribe_events .tribe-events-l-container {margin-top: -200px;}
.single-tribe_events #banner .banner-slide img {min-height: 0; height: 300px;}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container {padding-left: 5px; padding-right: 5px;}
.tribe-events .tribe-events-calendar-list__event-header {left: 1em; position: relative;}

.tribe-events-view {background-color: var(--lightblue); border-radius: 50px;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {margin-top: 50px;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {border-color: white;}
.single-tribe_events .entry-content, .entry-summary {background: var(--lightblue); border-radius: 50px;}
.tribe-events-before-html{margin-bottom:30px;}

.single-tribe_events .hentry {padding: 0em 0;}
.single-tribe_events h2 {font-size: 35px;}
.tribe-events-schedule__date {font-family: var(--subfont); color:var(--secondary);}
.tribe-events-schedule__time {font-family: var(--subfont); font-size: 21px; color:var(--secondary);}
.single-tribe_events #tribe-events-content.tribe-blocks-editor .tribe-events-event-meta .tribe-events-single-section-title {color: var(--secondary); font-family: var(--subfont); font-size: 21px;}
.single-tribe_events #tribe-events-content .tribe-events-event-meta .tribe-events-meta-label {font-size: 21px;}
.single-tribe_events #tribe-events-content .tribe-events-event-meta .tribe-events-meta-value {font-size: 19px;}

.tribe-block__venue {border: 0px solid var(--tec-color-border-secondary); font-family: var(--subfont); max-width: 100%; padding: 0px;}
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address{color: var(--secondary); font-size: 19px;}
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address a {color: var(--main);}
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3 {font-size: 25px;}

.tribe-events .tribe-events-calendar-month__calendar-event-datetime > * {font-size: 13px; color: var(--secondary); font-family: var(--subfont);}
.tribe-events-calendar-month__calendar-event-tooltip-description {display: none !important;}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description {display: none!important;}

.tribe-events .tribe-events-calendar-list__event-title-link {color: var(--main); font-family: var(--font);}
.tribe-events .tribe-events-calendar-list__event-title-link:visited {color: var(--main);}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {display: none;}
.tribe-events .tribe-events-calendar-list__event-datetime {color: var(--secondary); font-size: 19px; font-family: var(--subfont);}
.tribe-common .tribe-common-b2 {color: var(--secondary); font-family: var(--subfont); font-size: 17px;}

.tribe-events .tribe-events-c-subscribe-dropdown {display: none;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav {padding-bottom: 100px;}
.tribe-events .tribe-events-c-nav__prev:hover {color: var(--secondary);}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {color: var(--main);}
.tribe-events .tribe-events-c-nav__next:hover {color: var(--secondary);}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next {color: var(--main);}
.tribe-events .tribe-events-calendar-list-nav {padding-bottom: 100px;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {margin-top: 50px;}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {height: 60%; padding-top: var(--tec-spacer-0); background: var(--main); border-radius: 50px;}
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 {color: white; font-family: var(--font);}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {color: white; font-family: var(--font); font-size: 19px;}

.single-tribe_events .tribe-events-single-event-title {
  color: var(--secondary);
  padding-top: 50px; font-size: 30px !important;}

/* Header */
.site-header { position:fixed; top:0; left:0; right:0; z-index:99; padding-top:2em; width:100%; transition:all .3s ease; }
.site-header.fixed { margin-top:0; padding-top:1em; background:var(--main); }
.site-header.fixed .site-logo img { width:200px; }
.site-header hgroup { position:relative; margin:0 auto; padding:0; background:0; display:flex; justify-content:space-between; align-items:center; }
.site-header hgroup.logo-left .site-logo { order:1; }
.site-header hgroup.logo-left .main-navigation { order:2; }
.site-header hgroup.logo-left .mobile-button { order:2; }
.site-header hgroup.logo-middle { display:block; }
.site-header hgroup.logo-middle .main-navigation { text-align:center; }
.site-header hgroup.logo-middle .mobile-button { position:absolute; left:0; top:0; }
.site-header hgroup.logo-middle .site-logo { text-align:center; }
.site-header hgroup.logo-right .site-logo { order:2; }
.site-header hgroup.logo-right .main-navigation { order:1; }
.site-header hgroup.logo-right .mobile-button { order:1; }

.site-logo img { width:250px; transition:all .3s ease; }

/* Menu */
.main-navigation { background:0; padding:0; }
.main-navigation li { background:0; padding:0; }
.main-navigation li a {
  background:none;
  color:var(--secondary);
  font-size:18px;
  padding:3px 15px 4px 15px;
  box-sizing:border-box;
  margin-right:0.5em;
  display:flex;
  align-items:center;
}
.main-navigation li a:hover {color:var(--main);}
.main-navigation a { font-size: 18px !important; padding: 0 15px !important; }
.main-navigation ul { width: 100%; line-height:2.5; }
.main-navigation li { background:#fff; padding: 0; margin:0; text-align: right; }
.main-navigation li.current_page_parent a,
.main-navigation li.current-menu-item a,
.main-navigation li.current-menu-parent a {  color:var(--main); }
.main-navigation ul ul { top: 36px; margin-top:9px; width:auto; min-width:210px; background:white; border: none; color:var(--secondary);}
.main-navigation ul ul li { width:100%; background:none; }
.main-navigation ul ul a { width:auto; text-align: left; padding:.5em 1em; color:var(--secondary);}
.main-navigation ul ul a:hover { text-decoration: underline; color:var(--main);}
.main-navigation ul ul li.current-menu-item a { text-decoration: underline; color:var(--main);}

.mobile-button{
    display:none;
    font-size:40px;
    cursor:pointer;

    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    z-index:20;
}
.mobile-menu { display:none; }

/* Content */
#banner { width:100%; position:relative;}
.banner-inner { position:relative; }
#banner .banner-slide img { min-height:900px; object-fit:cover; object-position:top; width: 100%;}
.home #banner .banner-slide img { height:850px; }
.banner-slide video {width: 100%; height: auto; object-fit: cover; }


/* Wat is stekkie */
#stekkie {
  position: absolute;
  right: 1.3em;
  top: 20%;
  z-index: 5; display:none;
}

.stekkie-inner {
  font-family: var(--font);
  font-size: 24px;
  color: white;
  line-height: 1;
  text-align: right;
}

.stekkie-inner img{margin-top: -10px;}

/* Geen bannerfoto */
.page-template-paginazonderbanner #mainContainer {margin-top: 170px;}
.page-template-paginazonderbanner #banner { display:none; }
.page-template-paginazonderbanner .site-header {background: var(--secondary);}


/* Leer samen vissen pagina */
.page-template-stekkie-6-12-jaar .entry-title{display:none;}
.page-template-stekkie-6-12-jaar #mainContainer {background:var(--lightblue); padding-top: 200px;}

/* 2 kolommen */
#kolommen{background:var(--lightblue); padding-bottom: 50px; margin-top:-30px;}
.kolommen-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em; position: relative;}
.kolom-1 {
  background: var(--main);
  color: white;
  font-family: var(--subfont);
  font-size: 17px;
  border-radius: 50px;
  padding: 50px;
  min-height: 643px;
}
.kolom-1 h1{font-family:var(--font); font-size:52px; color:white; font-weight:900; line-height:0.9; margin-bottom:30px;}
.kolom-2{}

/* 3 kolommen */
#kolommen-vissen{margin-top: -20px; padding-bottom:100px; background-image:url('/wp-content/uploads/bg-vissen.svg'); background-size:cover; background-position:top center; background-repeat:no-repeat;}
.kolommen-vissen-titel{color:var(--secondary); font-family:var(--subfont); font-size:20px; text-align:center; padding-bottom: 50px;}
.kolommen-vissen-titel h2 {font-size:83px;}
.kolommen-vissen-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:4em; position: relative;}
.kolom-vissen-1{background:var(--secondary); color:white; font-family:var(--font); font-size:32px; border-radius:50px; padding:40px; text-align: center;}
.kolom-vissen-1 h2{color:white; font-size:39px; }
.kolom-vissen-1 img{transition:transform 1s ease;}
.kolom-vissen-1 img:hover{transform:rotate(360deg) scale(1.1);}

/* 2 kolommen wat heb je nodig om te gaan vissen */
#kolommen-vissen-nodig{margin-top: -20px; padding-bottom:100px; background:var(--lightblue); padding-top: 50px;}
.kolommen-vissen-nodig-titel{color:var(--secondary); font-family:var(--subfont); font-size:20px; text-align:center; padding-bottom: 50px;}
.kolommen-vissen-nodig-titel h2 {font-size:83px;}
.kolom-vissen-links h2{color:white; font-size:49px; margin-bottom:30px;}

/* OVERALL */
.kolommen-vissen-nodig-inner{display:grid; grid-template-columns:1fr 2fr; gap:40px; align-items:center;}

/* LINKER BLOK */
.kolom-vissen-links{position:relative; background:var(--main); color:white; font-family:var(--subfont); font-size:18px; border-radius:50px; text-align: center; padding: 30px; min-height: 590px;}

/* CONTENT BLOKKEN */
.vissen-content{display:none;}
.vissen-content.active{display:block;}

/* RECHTERKANT */
.kolom-vissen-rechts{
    position:relative;
    width:100%;
    aspect-ratio:1000 / 700;
    background-image:url('/wp-content/uploads/starterspakket.svg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

/* HOTSPOTS */
.hotspot{
    position:absolute;
    width:clamp(35px, 4vw, 55px);
    height:clamp(35px, 4vw, 55px);
    border-radius:50%;
    background:white;
    color:black;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:clamp(18px, 2vw, 28px);
    font-family:var(--font);
    font-weight:900;
    line-height:1;

    cursor:pointer;
    transform:translate(-50%, -50%);
    transition:.3s ease;
}

.hotspot span{
    display:block;
    line-height:1;
    transform:translateY(-4px);
}

.hotspot:hover{
    transform:translate(-50%, -50%) scale(1.1);
    background:#ff4b00;
    color:white;
}

.hotspot:hover{transform:translate(-50%, -50%) scale(1.1); background:#ff4b00; color:white;}

/* VISPAS */
.hotspot-1{left: 20%; top: 92%;}

/* HENGEL */
.hotspot-2{left: 81%; top: 12%;}

/* SCHEPNET */
.hotspot-3{left: 82%; top: 32%;}

/* ONTHAKER */
.hotspot-4{left: 58%; top: 65%;}

/* AAS */
.hotspot-5{left: 89%; top: 59%;}

/* TUIGJE */
.hotspot-6{left: 53%; top: 87%;}

/* Uitlegfilmpjes */
#kolommen-uitlegfilmpjes {
  margin-top: -20px;
  padding-top: 50px;
  padding-bottom: 100px;

  background: linear-gradient(
    to bottom,
    var(--lightblue) 0%,
    var(--lightblue) 40%,
    transparent 40%,
    transparent 100%
  );
}
.kolommen-uitlegfilmpjes-titel{color:var(--secondary); font-family:var(--subfont); font-size:20px; text-align:center; padding-bottom: 50px;}
.kolommen-uitlegfilmpjes-titel h2 {font-size:83px;}
.kolommen-uitlegfilmpjes-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em;}
.uitlegfilmpje{}

/* Background golven */
.achtergrond-golven{
    background-image:url('/wp-content/uploads/bg-wave.svg');
    background-size:cover;
    background-position:top;
    background-repeat:no-repeat;
    width:100%;
    height:200px;
	margin-top: -500px;
  z-index: -1; position:relative;
}

.achtergrond-golven-footer{
    background-image:url('/wp-content/uploads/bg-wave-footer.svg');
    background-size:cover;
    background-position:top;
    background-repeat:no-repeat;
    width:100%;
    height:200px;
	margin-top: -500px;
  z-index: -1; position:relative;
}

/* Op de hoogte */
#kolommen-opdehoogte {padding-top: 300px; padding-bottom: 100px;}
.kolommen-opdehoogte-titel{color:var(--secondary); font-family:var(--subfont); font-size:20px; text-align:center; padding-bottom: 50px;}
.kolommen-opdehoogte-titel h2 {font-size:83px;}
.kolommen-opdehoogte-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em;}
.opdehoogte{}

/* Gutslider */
.wp-block-gutsliders-photo-carousel .swiper-container-outer {height: 450px !important; width: 100%; margin-left: auto; margin-right: auto; border-radius: 50px;}


/* Voor ouders/verzorgers */
#kolommen-ouders{padding-top:50px; background: linear-gradient(to bottom, var(--lightblue) 0%, rgba(255,255,255,0) 100%); margin-top: -30px;}
.kolommen-ouders-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em;}
.ouders-tekst{font-family:var(--subfont); font-size:20px; color:var(--secondary); padding: 50px;}
.ouders-afb{text-align: right; text-align: right; left: 1em; position: relative;}
.ouders-afb img{border-radius:50px; width: 82%;}
.ouders-tekst h1{font-size:58px; }

/* Voor leerlingen en docenten */
#kolommen-leerlingen{background:var(--green); border-radius:50px; padding-top: 40px; margin: 4em;}
.kolommen-leerlingen-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em;}
.leerlingen-tekst{font-family:var(--subfont); font-size:20px; color:black; padding: 50px;}
.leerlingen-tekst h2{color:black;}
.leerlingen-afb{text-align: center; position: relative;}
.leerlingen-afb img{border-radius:50px; width:100%;}
.leerlingen-tekst h1{font-size:58px; color:black;}

/* Vragen */
.vragen-inner{padding-top: 100px; padding-bottom: 100px;}
.vragen-inner h2{font-size:83px;}
.sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon {
  float: right!important;
  color: white!important;
  font-size: 25px!important;
  background: var(--main);
  border-radius: 40px;
}
.sp-easy-accordion > .sp-ea-single > .ea-header a {border-bottom: 1px dashed var(--secondary);}
.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {color: var(--secondary)!important;; font-family: var(--subfont);}
.sp-easy-accordion .sp-ea-single{border:0!important;}

/* Leer samen vissen pagina */
.page-template-stekkie-6-12-jaar #blauw-blok {margin: 2em; }

/* Beginnen met vissen pagina */
.page-template-stekkie-6-12-jaar-beginnen-met-vissen #mainContainer{background:var(--lightblue); }
.page-template-stekkie-6-12-jaar-beginnen-met-vissen .stekkie-inner {top: 50%;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen #kolommen-vissen-nodig {margin-top: -29px; background: linear-gradient(to bottom, var(--lightblue) 0%, rgba(255,255,255,0) 100%); padding-top: 0px;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen .kolommen-vissen-nodig-titel {text-align: left;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen .kolommen-vissen-nodig-titel h2 {font-size: 55px;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen strong {font-weight: 900; font-family: var(--font); font-size: 40px;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen #blauw-blok {margin-bottom: 50px;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen .wp-block-image img {border-radius: 0px; max-width: 100%;}

/* Ik kan al een beetje vissen */
.page-template-stekkie-6-12-jaar-beetje-vissen #mainContainer {background-image:url('/wp-content/uploads/bg-blauw.svg'); background-repeat:no-repeat; background-size:contain; background-position:bottom;}
.page-template-stekkie-6-12-jaar-beetje-vissen strong {font-weight: 900; font-family: var(--font); font-size: 40px;}
.page-template-stekkie-6-12-jaar-beetje-vissen #blauw-blok{display:none; background: linear-gradient(to bottom, var(--lightblue) 0%, rgba(255,255,255,0) 100%); margin-top: -30px;}
.page-template-stekkie-6-12-jaar-beetje-vissen .wp-block-image img {border-radius: 0px; max-width: 100%;}



/* Ik kan al vissen en wil meer leren */
.page-template-stekkie-6-12-jaar-vissen-meer-leren #blauw-blok {margin-bottom: 50px;}
.page-template-stekkie-6-12-jaar-vissen-meer-leren .bg-meerleren { background-image:url('/wp-content/uploads/bg-meer-leren.svg'); background-repeat:no-repeat; background-position:top;}

/* Ouders */
.page-template-stekkie-6-12-jaar-ouders .entry-title {width: 400px;}
.page-template-stekkie-6-12-jaar-ouders .film {margin-top:-150px;}
.page-template-stekkie-6-12-jaar-ouders #tekstvlak h1 {width: 100%;}
.page-template-stekkie-6-12-jaar-ouders .kolommen-vissen-nodig-titel {text-align: left;}
.page-template-stekkie-6-12-jaar-ouders .kolommen-vissen-nodig-titel h2 {font-size: 55px;}
.page-template-stekkie-6-12-jaar-ouders .alignleft {margin-right: 2.5em; margin-bottom: 3em;}
.page-template-stekkie-6-12-jaar-ouders .stekkie-inner {top: 60%;}
.page-template-stekkie-6-12-jaar-ouders .vragen-inner h2 {text-align: center;}
.page-template-stekkie-6-12-jaar-ouders #blauw-blok {margin-bottom: 50px;}
.wave-footer-bg{background-image:url('/wp-content/uploads/bg-wave-footer.svg'); background-repeat:no-repeat; background-size:cover; background-position:center bottom; width:100%; height:200px;}

/* Scholen */
.page-template-stekkie-6-12-jaar-scholen .button {background: var(--main); color: white;}
.page-template-stekkie-6-12-jaar-scholen #mainContainer { background: linear-gradient(to bottom, var(--lightblue) 0%, rgba(255,255,255,0) 100%);}
.page-template-stekkie-6-12-jaar-scholen .entry-title {width: 500px;}
.visles img{margin-top:-110px;}
.page-template-stekkie-6-12-jaar-scholen #oranje-blok{ background: linear-gradient(to bottom, var(--lightblue) 0%, rgba(255,255,255,0) 100%); margin-top: 0px;}
.page-template-stekkie-6-12-jaar-scholen .vragen-inner h2 {text-align: center;}

/* Leerlingen */
.page-template-stekkie-6-12-jaar-leerlingen .button {background: var(--main); color: white;}
.page-template-stekkie-6-12-jaar-leerlingen .entry-title {width: 600px;}
.page-template-stekkie-6-12-jaar-leerlingen #mainContainer {background: linear-gradient(to top, var(--lightblue) 0%, rgba(255,255,255,0) 100%);}
.page-template-stekkie-6-12-jaar-leerlingen .entry-title{
	display:flex;
	align-items:center;
	gap:20px;
}

.page-template-stekkie-6-12-jaar-leerlingen .entry-title::before{
	content:"";
	display:block;
	flex-shrink:0;
	width:220px;
	height:220px;
	background-image:url('/wp-content/uploads/icon-spreekbeurt.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.page-template-stekkie-6-12-jaar-leerlingen .film{margin-top:-220px;}
.page-template-stekkie-6-12-jaar-leerlingen .driekolommen-blok {background: white;}
.page-template-stekkie-6-12-jaar-leerlingen .driekolommen-blok h2 {color: var(--secondary);}
.page-template-stekkie-6-12-jaar-leerlingen .driekolommen-inner {font-family: var(--subfont); font-size: 19px; color: var(--secondary);}
.page-template-stekkie-6-12-jaar-leerlingen .blauw-blok-inner {margin-bottom: 50px;}
.page-template-stekkie-6-12-jaar-leerlingen .driekolommen{background:white url('/wp-content/uploads/bg-leerlingen.svg'); background-repeat:no-repeat; background-position:top; background-size:cover;}

/* Wat heb je nodig om te gaan vissen? */
.page-template-stekkie-6-12-jaar-nodig h1 {text-align: center; width: 45%; margin-left: auto; margin-right: auto;}
.page-template-stekkie-6-12-jaar-nodig strong {font-weight: 900; font-family: var(--font); font-size: 40px;}
.page-template-stekkie-6-12-jaar-nodig .wp-block-gutsliders-any-content .swiper-container-outer {background-color: transparent !important;}
.page-template-stekkie-6-12-jaar-nodig .wp-block-gutsliders-any-content .gutslider-content-inner {background: transparent!important;}
.page-template-stekkie-6-12-jaar-nodig #wit-blok {background: var(--lightblue); padding-top: 100px; margin-top: -110px; padding-bottom: 50px;}
.page-template-stekkie-6-12-jaar-nodig #blauw-blok {background: var(--lightblue);}
.page-template-stekkie-6-12-jaar-nodig #oranje-blok {background: var(--lightblue); margin-top: 0px; margin-bottom: 0px; padding-bottom: 50px; padding-top: 50px;}

/* Stap voor stap leren vissen */
.page-template-stekkie-6-12-jaar-stap-voor-stap h1{color: white; font-size:120px; text-align: center; }
.page-template-stekkie-6-12-jaar-stap-voor-stap .entry-content, .entry-summary {color: white;}
.page-template-stekkie-6-12-jaar-stap-voor-stap h2 {color: white; font-size:55px;}
.page-template-stekkie-6-12-jaar-stap-voor-stap .entry-title {width: 75%; margin-left: auto; margin-right: auto;}
.page-template-stekkie-6-12-jaar-stap-voor-stap .kolommen-vissen-nodig-titel h2{color: var(--secondary); text-align: left;}
.page-template-stekkie-6-12-jaar-stap-voor-stap #kolommen-vissen-nodig {background: linear-gradient(to top, var(--lightblue) 0%, rgba(255,255,255,0) 100%);}
.page-template-stekkie-6-12-jaar-stap-voor-stap .foto-links-tekst {font-family: var(--subfont); color: var(--secondary);}
.page-template-stekkie-6-12-jaar-stap-voor-stap .foto-links-tekst h2{color: var(--secondary);}
.page-template-stekkie-6-12-jaar-stap-voor-stap .foto-links img {border-radius: 50px;}
.page-template-stekkie-6-12-jaar-stap-voor-stap .titel-foto-links h2{color: var(--secondary);}
.page-template-stekkie-6-12-jaar-stap-voor-stap #wit-blok {padding-bottom: 50px; padding-top: 50px;}
.page-template-stekkie-6-12-jaar-stap-voor-stap #blauw-blok {background: var(--lightblue);}
.page-template-stekkie-6-12-jaar-stap-voor-stap #oranje-blok {background: var(--lightblue); margin-top: 0px; margin-bottom: 0px; padding-bottom: 50px; padding-top: 50px;}
.page-template-stekkie-6-12-jaar-stap-voor-stap .kolommen-vissen-nodig-titel {text-align: left;}


/* Gutenslider flexibel */
.wp-block-gutsliders-any-content .gutslider-content-inner {padding: clamp(0px,0vw,0px); text-align: left!important; width: 100%; display: flex!important; background: var(--lightblue);}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{bottom: 0!important; top: auto!important; padding-bottom: 7px;}
.swiper-pagination-progressbar {background: white;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--green);}
.wp-block-gutsliders-any-content .gutslider-next:hover{background-color: white; color: black; border:1px solid black;}
.wp-block-gutsliders-any-content .gutslider-next{background-color: white; color: black; border:1px solid black;}
.wp-block-gutsliders-any-content .gutslider-prev:hover{background-color: white; color: black; border:1px solid black;}
.wp-block-gutsliders-any-content .gutslider-prev{background-color: white; color: black; border:1px solid black;}
.wp-block-image img {max-width: 90%;}
.wp-block-gutsliders-any-content .swiper-container-outer {background-color: var(--lightblue) !important;}
.wp-block-image img {border-radius: 50px;}

/* Op meerdere pagina's */
#wit-blok{background: var(--lightblue);}
.wit-blok-inner{background:white; border-radius:50px; box-sizing:border-box; padding:50px;}
.tekst-wit{font-size:20px; color:var(--secondary); font-family:var(--subfont);}
.wit-blok-inner h2{font-size:55px; color:var(--secondary);}

#blauw-blok{ }
.blauw-blok-inner{background:var(--secondary); border-radius:50px; box-sizing:border-box; padding:50px;}
.blauw-blok-inner .button:hover{background:var(--main); }
.tekst-blauw{font-size:20px; color:white; font-family:var(--subfont);}
.blauw-blok-inner h2{font-size:55px; color:white;}

#oranje-blok{margin-top: 50px; margin-bottom: 50px;}
.oranje-blok-inner{background:var(--main); border-radius:50px; box-sizing:border-box; padding:50px;}
.tekst-oranje{font-size:20px; color:white; font-family:var(--subfont);}
.oranje-blok-inner h2{font-size:55px; color:white;}

.wp-block-image img {border-radius: 50px;}

/* Extra volgpagina */
#extra{margin-top: -48px;}
.extra-inner{}

.titel-4{font-family:var(--font); font-size:36px; color:var(--main); padding-top: 50px;}
.vierkolommen-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em; font-family:var(--font); font-size:19px; color:var(--main);}

.titel-3{font-family:var(--subfont); font-size:19px; color:var(--secondary); padding-top: 50px; padding-bottom:50px;}
.driekolommen-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 2fr)); grid-gap:2em; font-family:var(--font); font-size:32px; color:white;}
.driekolommen{background:var(--lightblue); padding-bottom: 50px; }
.driekolommen-blok{background: var(--secondary);
  padding: 30px;
  margin-bottom: 50px;
  border-radius: 50px;
  text-align: center;}
.driekolommen-blok h2{font-size:32px; color:white; font-weight:900;}
.driekolommen-blok img{transition:transform 1s ease;}
.driekolommen-blok img:hover{transform:rotate(360deg) scale(1.1);}

.quote{font-family:var(--font); font-size:36px; color:white; padding-top: 50px; padding-bottom: 50px; background:#009391; text-align:center;}

.titel-foto-links{font-family:var(--font); font-size:36px; color:var(--main); }
.foto-links-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(100px, 2fr)); grid-gap:2em; margin-top: 50px;}
.foto-links img{width: 100%; max-height: 500px; object-fit: cover;}
.foto-links-tekst{font-family:var(--font); font-size:19px; color:var(--grey);}
#foto-tekst{background: var(--lightblue);}

.titel-foto-rechts{font-family:var(--font); font-size:36px; color:var(--main);}
.foto-rechts-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(100px, 2fr)); grid-gap:2em;}
.foto-rechts img{width: 100%; max-height: 500px; object-fit: cover; padding-top: 70px;}
.foto-rechts-tekst{font-family:var(--subfont); font-size:19px; color:var(--secondary);}

#alg-tekstblok{padding-top: 100px; padding-bottom: 50px; background: linear-gradient(to bottom, var(--lightblue) 0%, rgba(255,255,255,0) 100%);}
.alg-tekstblok-inner{color: var(--secondary); font-family: var(--subfont); font-size: 19px;}
.alg-tekstblok-inner h3{color:var(--secondary); font-size:33px; font-weight:900;}

#mainContainer { padding:0; }
#main { overflow:visible; }
#primary, #content { width:100%; margin:0; padding:0; }

#tekstvlak{}
.tekstvlak-inner{position: absolute;
	left:0;
	right:0;
top: 15%;
z-index: 9;
width: 90%;
color: white; 
font-family:var(--subfont);
font-size: 17px;

}

#tekstvlak h1{color:white; font-size:118px; font-weight: 900; line-height: 0.9;}
#tekstvlak h2{color:white; font-size:40px; font-weight: 900;}

#tekstvlak-buttons{}
.tekstvlak-buttons-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 2fr)); grid-gap:2em;}
.tekstvlak-button{}



/* Article */
.hentry { position:relative; border:0; padding:4em 0; }
.entry-title, .page-title { }

.entry-wrap { display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 2fr)); grid-gap:2em; }
.entry-content, .entry-summary {
  margin:0;
  font-family:var(--subfont);
  font-size:20px;
  color:var(--secondary);
}
.entry-content p:last-child { margin:0; }
.entry-content a{color:var(--main);}


/* Formulier*/
#form { position:relative; margin:4em 0; }
.form-inner { }

body .gform_wrapper ul li.gfield { margin-top:14px !important; }
.gform_wrapper li.hidden_label input { margin:0 !important; }
body .gform_wrapper .top_label div.ginput_container { margin:0 !important; }
::placeholder {
  font-family:var(--font);
  font-size:21px;
  opacity:1;
  color:var(--secondary);
  font-weight:normal;
}

.gform_footer input {
  width:30% !important;
  background:#3C5980;
  border:0;
  color:white !important;
  font-size:24px !important;
  padding:15px 15px !important;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
  background: #D0D0D7;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
  background: #D0D0D7;}
.gform_wrapper.gravity-theme input[type="text"]{font-size: 21px!important;}
.gform_wrapper.gravity-theme .gfield textarea.large {font-size: 21px;}

.gform_wrapper.gravity-theme .gfield_label {font-size: 21px!important; font-weight: 300!important;}


/* Services*/
#services { width:100%; height:auto; margin:0 0 4em 0; }
.services-inner { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 2fr)); grid-gap:2em; }
.services-inner a {
  font-family:var(--font);
  font-size:21px;
  color:var(--main);
  text-align:center;
}
.services-inner a span { display:inline-block; text-align:center; background:var(--secondary); padding:10px 20px; box-sizing: border-box; color:white; }

/* Footer */
.site-footer {
  width:100%;
  height:auto;
  background:var(--main);
}

.footercols { padding:5em 0; display:flex; justify-content:space-between; }
.footercol {
  font-family:var(--subfont);
  font-size:19px;
  color:white;
}
.footercol img{vertical-align: center;}
.footercol:first-child {  }
.footercol:first-child p:first-child img { position:relative; left:0em; }
.footercol a { color:white; }
.footercol a:hover { text-decoration:underline; }

.site-info {
  font-family:var(--font);
  font-size:17px;
  padding:1em 0;
  margin-bottom: 70px;
}
.site-info a { color:black; }
.site-info a:hover { text-decoration:underline; }

/* 404 page */
.entry-title-404{text-align:center;}

#mobile-social { display:none; }

/* Responsive */
@media all and (max-width:1463px) {
  .site-header,
  #content,
  #form,
  #services,
	#vier-kolommen,
	#drie-kolommen,
    #foto-tekst,
	#alg-tekstblok,
	#kolommen,
	#kolommen-vissen,
	#kolommen-vissen-nodig,
	#tekstvlak,
	#kolommen-uitlegfilmpjes,
	#kolommen-ouders,
	#kolommen-leerlingen,
	#blauw-blok,
	#oranje-blok,
	#wit-blok,
  .site-info { padding-left:2em; padding-right:2em; box-sizing: border-box; }
  .footercols { padding-left:4em; padding-right:2em; box-sizing: border-box; flex-wrap:wrap; }
  .footercol { margin-right:2em; }
  .footercol:last-child { margin-right:0; }
}

@media all and (max-width:5000px) {
  .site-header hgroup { display:flex; align-items:flex-start; }
  .main-navigation { display:none; }
.mobile-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    color: white;
    background: var(--main);
    border-radius: 50%;
	font-size: 30px;

}
	.site-header.fixed .mobile-button { width: 55px;
    height: 55px;
    color: var(--main);
    background: white;
    border-radius: 50%;
	font-size: 30px;
	 }
  .mobile-menu { position:absolute; width:100%; right:0; top:130px; }
  .site-header.fixed .mobile-menu { top:107px; }
  .site-header.fixed .mobile-button {color: var(--main);}
  .mobile-menu ul { list-style:none; padding:0; margin:0; }
  .mobile-menu ul li { position:relative; }
  .mobile-menu ul li a {
    font-family:var(--font);
    color:white;
    font-size:22px;
    background:var(--main);
    padding:9px 30px;
    box-sizing: border-box;
    display:block;
	text-decoration: none;
  }
  .mobile-menu ul ul { display:none; }
  .mobile-menu li.menu-item-has-children span.subitem,
  .mobile-menu li.menu-item-has-children span.subsubitem { position: absolute; top:12px; right:0; color:white; font-family:var(--font); font-size:20px; font-weight:bold; cursor:pointer; padding:5px 10px; box-sizing: border-box; background: var(--secondary);}
  .mobile-menu li.menu-item-has-children span.active { background: var(--secondary); }
}

.wp-block-gutsliders-any-content .gutslider-content-inner {
  padding: 0;
  text-align: left !important;
  width: 100%;
  display: flex !important;
  background: var(--lightblue);
}

@media (max-width: 1227px) {
	.page-template-stekkie-6-12-jaar-vissen-meer-leren #banner {background: var(--lightblue); padding-bottom: 20px;}
	.page-template-stekkie-6-12-jaar-beetje-vissen #banner {background: var(--lightblue);}
	.page-template-stekkie-6-12-jaar #banner {background: var(--lightblue);}
	.page-template-stekkie-6-12-jaar-ouders #banner {background: var(--lightblue);}
	
	.page-template-stekkie-6-12-jaar-leerlingen .film {margin-top: 0px;}
	.page-template-stekkie-6-12-jaar-leerlingen #mainContainer {padding-top: 50px;}
	
}

@media (max-width: 1224px) {
    .intro-inner {padding-top: 0px;}
	.intro-tekst2{padding-top:0px; padding-bottom: 20px;}
}

@media (max-width: 1100px) {
  .wp-block-gutsliders-any-content .gutslider-content-inner {flex-direction: column; }
}

@media all and (max-width:1080px) {
	.kolommen-leerlingen-inner {display: block;}
	.leerlingen-afb {left: 0em;}
	.kolom-vissen-1 {padding: 10px;}
	.kolommen-opdehoogte-titel {width: 90%; margin-left: auto; margin-right: auto;}
	.intro-inner {display: block;}
	.intro-tekst2 {padding-bottom: 30px;}
	#intro {background-position: left bottom;}
	.intro-1 {margin-bottom: 50px;}
	.intro-tekst {width: 55%;}
	
	/* Beginnen met vissen */
	#stekkie {position: relative; right: 2em; top: 0%; margin-top: -250px;}
	.page-template-stekkie-6-12-jaar-beginnen-met-vissen .swiper {margin-top: -40px;}
	#kolommen {padding-top: 150px;}
	
	
	/* Hele GutSlider automatisch laten meegroeien met de inhoud */
.wp-block-gutsliders-any-content .swiper-container-outer,
.wp-block-gutsliders-any-content .swiper,
.wp-block-gutsliders-any-content .swiper-container,
.wp-block-gutsliders-any-content .swiper-wrapper,
.wp-block-gutsliders-any-content .swiper-slide,
.wp-block-gutsliders-any-content .gutslider-content-inner {
    height: auto !important;
    min-height: 0 !important;
}

/* Ruimte onder de tekst */
.wp-block-gutsliders-any-content .gutslider-content-inner {
    padding-bottom: 30px !important;
}

/* Groene voortgangsbalk onder de tekst zetten */
.wp-block-gutsliders-any-content .swiper-pagination,
.wp-block-gutsliders-any-content .swiper-pagination-progressbar {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 20px !important;
    width: 100% !important;
}	
	/* Ik kan al een beetje vissen */
	.page-template-stekkie-6-12-jaar-beetje-vissen #mainContainer {background-image: none; background: var(--lightblue);}

	/* Spreekbeurt */
	.page-template-stekkie-6-12-jaar-beetje-vissen #stekkie {display:none;}
}



@media all and (max-width:986px) {
	.kolommen-vissen-inner {grid-gap: 1em;}
	
}

@media all and (max-width:901px) {
	#kolommen {padding-top: 250px; }
	.kolommen-inner {display: block; }
	.kolom-1 {margin-bottom: 20px;}
	.kolom-2 {text-align: center;}
	.intro-logo {width: clamp(380px, 25vw, 350px);}
	.intro-tekst1 {margin-bottom: 0px; text-align: center; width: 100%;}
	.intro-inner {padding-top: 0px;}
	.kolommen-opdehoogte-inner {display: block;}
	.opdehoogte {text-align: center;}
	#kolommen-uitlegfilmpjes {background: linear-gradient( to bottom, var(--lightblue) 0%, var(--lightblue) 40%, transparent 100%, transparent 100% );}
	.achtergrond-golven {display: none;}
	#kolommen-opdehoogte {padding-top: 0px;}
	 #stekkie {margin-top: 0px; }
	.page-template-stekkie-6-12-jaar-ouders #mainContainer {padding-top: 0px; overflow-x: hidden;}
	/* Scholen */
	.visles img {margin-top: 0px;}
	.page-template-stekkie-6-12-jaar-scholen h2 {font-size: 45px;}
	.page-template-stekkie-6-12-jaar-scholen #tekstvlak h1 {font-size: 90px;}
	.page-template-stekkie-6-12-jaar-leerlingen #mainContainer {padding-top: 50px;}
	.page-template-stekkie-6-12-jaar-leerlingen #tekstvlak h1 {font-size: 80px;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren #tekstvlak h1 {font-size: 90px;}

}

@media all and (max-width:886px) {
.page-template-stekkie-6-12-jaar-beetje-vissen #mainContainer {padding-top: 50px; margin-top: -30px;}
}

@media all and (max-width:834px) {
  .page-template-stekkie-6-12-jaar-beginnen-met-vissen #mainContainer {margin-top: 0px;}
}

@media all and (max-width:810px) {
	.kolommen-vissen-nodig-inner {display: block;}
	.kolom-vissen-links {min-height: 100%; margin-bottom:30px;}
	.kolommen-ouders-inner {display: block;}
	.ouders-afb {text-align: center; left: 0em;}
	.page-template-stekkie-6-12-jaar-beetje-vissen #tekstvlak h1 {font-size: 90px;}
	.page-template-stekkie-6-12-jaar-beetje-vissen .tekstvlak-inner {min-height: 700px;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren #tekstvlak h1 {font-size: 85px;}
}

@media (max-width: 781px) {
.page-template-stekkie-6-12-jaar-ouders .film {margin-top: 0px;}
.page-template-stekkie-6-12-jaar-ouders #foto-tekst {margin-top: -20px;}
}

@media (max-width: 737px) {
    .banner-slide video {max-height: 250px; }
	.foto-rechts-inner {display: block;}
	.foto-links-inner {display: block;}
  .page-template-stekkie-6-12-jaar-beginnen-met-vissen #mainContainer {}
}

@media all and (max-width:650px) {
	.vierkolommen-inner {display: block;}
	.driekolommen-inner {display: block;}
  #gform_fields_1 { display:block; }
  #gform_fields_1 .item-wrap,
  #gform_fields_1 li#field_1_5 { width:100%; }
  #gform_fields_2 li { width:100% !important; }
	.kolommen-vissen-inner {display: block;}
	.kolom-vissen-1 {margin-bottom: 50px;}
	.kolommen-uitlegfilmpjes-titel h2 {font-size: 63px;}
	#tekstvlak {background: var(--lightblue);}
	.kolommen-opdehoogte-titel h2 {font-size: 50px;}
	.page-template-stekkie-6-12-jaar-scholen #tekstvlak h1 {font-size: 70px;}
	.page-template-stekkie-6-12-jaar-scholen #stekkie {display:none;}
	.page-template-stekkie-6-12-jaar-leerlingen #stekkie {display:none;}
	.page-template-stekkie-6-12-jaar-leerlingen #mainContainer {overflow-x: hidden;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren #mainContainer {padding-top: 0px;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren .oranje-blok-inner {padding: 20px;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren .oranje-blok-inner h2 {font-size: 35px;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren .blauw-blok-inner h2 {font-size: 25px;}
	.page-template-stekkie-6-12-jaar-vissen-meer-leren .blauw-blok-inner h3 {font-size: 20px;}
	 .page-template-stekkie-6-12-jaar-vissen-meer-leren #tekstvlak h1 {font-size: 75px;}
	.page-template-stekkie-6-12-jaar-ouders .entry-title {width: 100%;}
	.page-template-stekkie-6-12-jaar-scholen .entry-title {width: 100%;}
	.page-template-stekkie-6-12-jaar-scholen .oranje-blok-inner {padding: 20px;}
	.page-template-stekkie-6-12-jaar #kolommen {padding-top: 200px;}
}

@media all and (max-width:622px) {
	.intro-tekst1 {padding-top: 20px;}
	.intro-tekst {width: 90%;}
	.intro-tekst2{display:none;}
	 .intro-1 {margin-bottom: 0px;}
	.intro-2 {margin-top: -180px;}
	 .intro-logo { width: clamp(280px, 25vw, 350px);}
	.intro-inner {margin-top: -100px;}
	.intro-tekst2-mob{display:block; font-size:15px; color:var(--black); text-align:center; font-family:var(--subfont); width: 85%; margin-left: auto; margin-right: auto;}
	.leeftijd-dropdown {top: 5%; right: unset; left:-30px;}
	
	#tekstvlak h1 {font-size: 70px;}
	.tekstvlak-inner {top: 20%;}
	  
  h1, .entry-title { font-size:30px; }
  .site-header { margin-top:0; transition:none; }
  .site-header hgroup { display:block; text-align:center; }
  .site-header.fixed .site-logo {}
  .site-logo { padding-top:0.5em; }
	
  .main-navigation li a { margin-right:0; }
  .mobile-button { position:fixed !important; right:0.5em; top:1.5em; width:55px; height:55px; background:var(--main); color:white; font-size:36px; display:flex; justify-content:center; align-items:center; }
	.mobile-menu ul.sub-menu li a {background-color: var(--secondary) !important;}
  .mobile-menu { top:98px; }
  .site-header.fixed .mobile-menu { top:94px; }
	.gform_footer input {width:100% !important;}
  .entry-wrap { display:block; }
  .footercol:first-child { padding-left:0; }
  .footercol:first-child p:first-child img { left:0; }
  .footercols { padding-left:2em; }
	 #mobile-social {
    display:none;
    justify-content:flex-start;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
    overflow:hidden;
  }
  #mobile-social a {
    background:var(--main);
    padding:15px;
    box-sizing: border-box;
    color:white;
    flex:1 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
	  text-decoration:none;
  }
	
	
	/* Leer samen vissen */
	.kolommen-uitlegfilmpjes-titel h2 {font-size: 40px;}
	 .opdehoogte { padding: 20px;}
	#kolommen-leerlingen {margin: 1em; padding: 20px;}
	.blauw-blok-inner h2 {font-size: 40px;}
	.blauw-blok-inner {padding: 20px;}
	#blauw-blok {margin: 0em!important;}
	.kolommen-vissen-titel h2 {font-size: 55px;}
	.kolommen-vissen-nodig-titel h2 {font-size: 55px;}
	.vragen-inner h2 {font-size: 55px;}
	.kolom-1 {padding: 20px;}
	.kolom-vissen-links {padding: 20px;}
	.ouders-tekst {padding: 20px;}
	
	/* Beginnen met vissen */
	.uitlegfilmpjes{font-size: 40px;}
	.wp-block-gutsliders-any-content .gutslider-content-inner {display: block !important;}
	 #stekkie {
    margin-top: -20px;
    background: var(--lightblue);
    right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
	.stekkie-inner .alignright {margin-right: 1em;}
	
	/* Beter leren vissen */
	 .page-template-stekkie-6-12-jaar-beetje-vissen #mainContainer {margin-top: 0px;}
	/* Activiteiten */
	.post-type-archive-tribe_events #stekkie {display: none;}
	.single-tribe_events #stekkie {display: none;}
	/* Spreekbeurt geven */
	.page-template-stekkie-6-12-jaar-leerlingen .entry-title {display: block;}
	.page-template-stekkie-6-12-jaar-leerlingen .entry-title {width: 100%;}
	
}

@media all and (max-width:550px) {
 .page-template-stekkie-6-12-jaar-beetje-vissen #mainContainer {padding-top: 50px; margin-top: -50px;}
 .page-template-stekkie-6-12-jaar-scholen #tekstvlak h1 {font-size: 50px;}
 .page-template-stekkie-6-12-jaar-scholen #mainContainer {overflow-x: hidden;}
 .page-template-stekkie-6-12-jaar-leerlingen #tekstvlak h1 {font-size: 50px;}
	 .page-template-stekkie-6-12-jaar #kolommen {padding-top: 350px;}
	 .page-template-stekkie-6-12-jaar-beetje-vissen #tekstvlak h1 {font-size: 70px;}

}

@media all and (max-width:500px) {
.page-template-stekkie-6-12-jaar #kolommen {padding-top: 450px;}
}

@media all and (max-width:480px) {
.page-template-stekkie-6-12-jaar #kolommen {padding-top: 550px;}
.page-template-stekkie-6-12-jaar-beginnen-met-vissen #mainContainer {padding-top: 50px;}
.page-template-stekkie-6-12-jaar-vissen-meer-leren #tekstvlak h1 {font-size: 60px;}
.page-template-stekkie-6-12-jaar-ouders	.vragen-inner h2 {font-size: 50px;}
}