/* 
Theme Name: Natuurlijk op vakantie
Theme URI: 
Description: A 2025 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.00004 
Tags:

General comments (optional).
*/

/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */


:root {
	--width-base: 1280px;
	--width-large: 1760px;
	--font-size-base: 16px;
	--font-family-base: 'Nunito Sans', sans-serif;
	--font-family-heading: 'Didact Gothic', sans-serif;
	--font-family-icon: 'icomoon';
	--line-height-base: 1.5;
	--color-white: #fff;
	--color-black: #000;
	--color-text: #333;
	--color-primary: #6d9558;
	--color-primary-hover: #5d8c40;
	--color-grey: #ececec;
	--color-light-grey: #707070;
	--color-blue: #587d8e;
	--color-light-blue: #e4ebf8;
	--color-blue-hover: #3f6678;
	--heading-lineheight: 1.2;
	--font-size-h1: 48px;
	--font-size-h2: 32px;
	--font-size-h3: 22px;
	--font-size-h4: 18px;
	--font-size-h5: 16px;
	--input-height: 48px;
	--textarea-height: 145px;
	--w-full: 100%;
	--h-full: 100%;
	--base-duration: all 0.3s;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* #Site Styles
================================================== */

/* ### general ### */
html,
body { font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); font-weight: 500; line-height: var(--line-height-base); color: var(--color-text); background: var(--color-white); }
input,
select,
textarea { padding: 10px; width: var(--w-full); height: var(--input-height); font-family: var(--font-family-base), sans-serif; font-size: 16px; color: var(--color-text); border: 1px solid var(--color-blue); border-radius: 10px 0 10px 10px; }
textarea { height: var(--textarea-height); }
select { --webkit-appearance: none; appearance: none; cursor: pointer; }
.custom-select-arrow { background: url('images/arrow-down.svg') no-repeat center right 10px; }
.custom-select-arrow-reverse { background: url('images/arrow-up.svg') no-repeat center right 10px; }
input::placeholder,
textarea::placeholder { font-weight: 300; color: var(--color-text); }
input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid var(--color-text); -webkit-appearance: none; }
input[type='checkbox']:checked:after { display: flex; align-items: center; width: 12px; height: 12px; font-family: var(--font-family-icon), sans-serif; font-size: 9px; color: var(--color-primary); background-color: var(--color-white); content: '\e903'; }
input[type='radio'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid var(--color-text); -webkit-appearance: none; }
input[type='radio']:checked:after { display: flex; align-items: center; width: 12px; height: 12px; font-family: var(--font-family-icon), sans-serif; font-size: 9px; color: var(--color-primary); background-color: var(--color-white); content: '\e903'; }

textarea::placeholder { font-weight: 300; }
textarea::placeholder { color: var(--color-text); }
label { display: block; color: var(--color-text); }
img { display: block; max-width: var(--w-full); border: 0; }
ul { margin: 0 0 30px; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { display: inline-block; text-decoration: none; }
p { margin-bottom: 30px; }
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 { margin-bottom: 20px; font-family: var(--font-family-heading), sans-serif; line-height: var(--heading-lineheight); }



h1 { font-size: 26px; }
h2.h1{ font-size: 26px; }
h2 { font-size: 22px; }


.alle_dagen_btn_holder{ display: flex; justify-content: flex-start; gap:20px; margin-bottom: 40px; flex-direction: column; }
.open_alle_dagen{ border: 1px solid var(--color-blue); border-radius: 10px 0 10px 10px; min-width: 220px; display: flex; justify-content: center; align-items: center; height: 47px; cursor: pointer; }
.sluit_alle_dagen{ border: 1px solid var(--color-blue); border-radius: 10px 0 10px 10px; min-width: 220px; display: flex; justify-content: center; align-items: center; height: 47px; cursor: pointer; }

.js-day-slider{border-radius: 10px 0 10px 10px; overflow: hidden;  }
.js-day-slider .swiper-slide{ margin-left: -20px!important; width: calc(100% + 20px)!important; }
.js-day-slider .swiper-slide img{ width: calc(100% - 30px); height: auto;  }
.desktop_dag_afbeeldingen{ display: none; }
.mobiel_dag_afbeeldingen{ display: block; }


/* ### global classes ### */
.centered,
.centered-lg { padding-left: 15px; padding-right: 15px; }
.button-wrap { margin-top: 40px; display: flex; justify-content: center; }
.button-wrap a { width: var(--w-full); }
.button { padding: 10px 28px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); font-weight: 500; line-height: 1.5; text-align: center; color: var(--color-white); border: 1px solid var(--color-primary); border-radius: 10px 0 10px 10px; background-color: var(--color-primary); transition: var(--base-duration); cursor: pointer; }
.button:after { padding-left: 10px; display: inline-block; font-family: var(--font-family-icon), sans-serif; font-size: 10px; content: '\e901'; }
.button:focus,
.button:hover { border-color: var(--color-primary-hover); background-color: var(--color-primary-hover); }
.button.white { color: var(--color-primary); border: 1px solid var(--color-white); background-color: var(--color-white); }
.button.white:focus,
.button.white:hover { color: var(--color-white); background-color: transparent; }
.button.blue { color: var(--color-white); border: 1px solid var(--color-blue); background-color: var(--color-blue); }
.button.blue:focus,
.button.blue:hover { background-color: var(--color-blue-hover); }
.button.outline { color: var(--color-primary); background-color: transparent; }
.button.outline:focus,
.button.outline:hover { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); }
.button.white-outline { color: var(--color-white); border-color: var(--color-white); background-color: transparent; }
.button.white-outline:focus,
.button.white-outline:hover { color: var(--color-primary); background-color: var(--color-white); }
.button.blue-outline { color: var(--color-blue); border-color: var(--color-blue); background-color: transparent; }
.button.blue-outline:focus,
.button.blue-outline:hover { color: var(--color-white); background-color: var(--color-blue); }
.link { text-decoration: underline; color: var(--color-primary); }
.link:focus,
.link:hover { text-decoration: none; }
.link-blue { text-decoration: underline; color: var(--color-blue); }
.link-blue:focus,
.link-blue:hover { text-decoration: none; }

.gform-field-label a{ color: #587d8e; text-decoration: underline; }
.gform-field-label a:hover{ text-decoration: none; }


/* ### wrapper ### */
.wrapper { padding-top: 35px; position: relative; display: block; width: var(--w-full); min-height: var(--h-full); overflow: clip; }

/* ### header ### */
.header { position: fixed; top: 0; left: 0; z-index: 11; width: var(--w-full); background-color: rgba(255, 255, 255, 0.7); transition: var(--base-duration); }
.header-logo a { display: block; max-width: 70px; transition: var(--base-duration); }
.header-logo img { width: var(--w-full); height: auto; }
.header-top { padding: 8px 0; display: none; font-size: 16px; text-align: center; background-color: var(--color-black); }
.header-top i { font-family: var(--font-family-icon), sans-serif; color: var(--color-white); }
.header-top-content { display: flex; flex-wrap: wrap; justify-content: center; }
.header-top ul { margin-right: 5px; display: flex; flex-wrap: wrap; }
.header-top ul li { padding: 0 2px; }
.header-top p { margin-bottom: 0; color: var(--color-white); }
.header-top p a { text-decoration: underline; color: var(--color-white); }
.header-top p a:focus,
.header-top p a:hover { text-decoration: none; }
.header-main { padding: 10px 0; position: relative; }
body.active .header { transform: translateY(-40px); }
body.sticky .header .m-menu__checkbox:checked ~ .m-menu { transform: translateY(80px); }


/* ### header menu ### */
.header-menu { display: none; }
.header-menu ul { margin-bottom: 0; }
.header-menu ul > li { margin-right: 25px; padding-top: 27px; padding-bottom: 26px; position: relative; display: inline-block; font-family: var(--font-family-heading), sans-serif; transition: var(--base-duration); }
.header-menu ul > li:last-child { margin-right: 0; }
.header-menu ul > li:after { margin-bottom: 3px; margin-left: 4px; display: inline-block; font-family: var(--font-family-icon), sans-serif; font-size: 5px; vertical-align: middle; transition: var(--base-duration); content: '\e900'; }
.header-menu ul > li > a { font-size: 18px; font-weight: 400; color: var(--color-text); transition: var(--base-duration); white-space: nowrap; }
.header-menu ul > li > a:focus,
.header-menu ul > li > a:hover { text-decoration: underline; color: var(--color-primary); }
.header-menu ul > li > ul { padding: 16px 0; position: absolute; top: 100%; left: 0; display: flex; flex-wrap: wrap; opacity: 0; visibility: hidden; height: auto; border-radius: 0 0 5px 5px; background-color: var(--color-white); transition: all 0.3s ease-in-out; pointer-events: none; }
.header-menu ul > li:hover ul { opacity: 1; visibility: visible; pointer-events: unset; }
.header-menu ul > li > ul > li { margin-right: 0; padding: 0 16px; position: relative; display: block; width: var(--w-full); }
.header-menu ul > li > ul > li:after { display: none; }
.header-menu ul > li > ul > li > ul { top: 0; left: 100% !important; display: none; transform: translateX(0); }
.header-menu ul > li > ul > li:hover > ul { display: block; }
.header-menu .button { position: absolute; top: 48%; right: 0; font-size: 14px; transform: translateY(-50%); }
.header-logo { transition: var(--base-duration); }


/* ### mobile menu ### */
.mobile-menu { display: block; }
.mobile-menu .hamburger { position: absolute; top: 50%; right: 0; display: flex; align-items: center; color: #1a202c; transform: translateY(-50%); transition: all 0.3s ease-in-out; cursor: pointer; }
.mobile-menu label { margin-bottom: 0; }
.m-menu__checkbox { display: none !important; }
.m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; }
.m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--color-white); -moz-transform: translate3d(768px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(768px, 0, 0); -webkit-transform: translate3d(768px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--color-black); }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--color-white); }
.m-menu .m-menu { transform: translate3d(768px, 0, 0); }
.header-submenu { padding: 5px 0; border-bottom: 1px solid var(--color-black); }
.m-menu ul { height: 100%; overflow-y: auto; }
.m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; }
.m-menu ul li ul { display: block !important; padding-top: 35px; }
.m-menu ul li a { padding: 0 15px !important; color: var(--color-black); border-bottom: 1px solid var(--color-black); }
.m-menu ul li a:focus,
.m-menu ul li a:hover { text-decoration: none !important; }
.m-menu ul li a.button { border-bottom: 1px solid var(--color-primary); }
.m-menu ul li a,
nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: none; border-bottom: 1px solid var(--color-black); cursor: pointer; }
nav .m-menu ul li label { border-bottom: 0; }
.m-menu .btn-last { padding: 15px 10px; }
.m-menu .button { padding: 7px 20px !important; width: 100%; line-height: unset; text-align: center !important; color: var(--color-white); }
.m-menu .button:focus,
.m-menu .button:hover { border-bottom: 1px solid var(--color-primary); }
.m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-black); }
.m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-black); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; }
.m-menu ul li .-invisible { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }

/* ### usp ### */
.usp { background-color: var(--color-primary); }
.usp-wrap { padding-top: 10px; padding-bottom: 9px; }
.usp .swiper-slide { display: flex; align-items: center; justify-content: center; opacity: 0 !important; width: var(--w-full); font-size: 12px; font-weight: 500; text-align: center; color: var(--color-white); }
.usp .swiper-slide-active { opacity: 1 !important; }
.usp .swiper-slide strong,
.usp .swiper-slide i { margin-right: 10px; font-size: 12px; color: var(--color-white); }


/* ###  blog  ### */
.blog { padding-top:40px; padding-bottom: 40px; }
.blog h2 { margin-bottom: 0; }
.blog-holder { margin-bottom: 40px; }
.blog-left { margin-bottom: 30px; line-height: 1.75; }
.blog-social { margin-bottom: 27px; }
.blog-social a { text-decoration: underline; color: var(--color-blue); }
.blog-social a:hover { text-decoration: none; color: var(--color-primary); }
.blog-social a:not(:last-child):after { margin: 0 15px; display: inline-block; width: 1px; height: 10px; vertical-align: middle; background-color: var(--color-text); content: ''; }
.blog-caption p { margin-bottom: 0; }
.blog-right { border-bottom-right-radius: 10px; overflow: hidden; }
.blog-right-image { border-radius: 10px; overflow: hidden; }
.blog-right-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.blog-wrapper { margin-bottom: 40px;  }
.blog-text { padding: 20px 20px 50px; font-weight: 300; line-height: 1.75; border: 1px solid var(--color-light-blue); border-bottom: none; border-radius: 10px 10px 0 0; display: flex; flex-direction: column; justify-content: center; }
.blog-text a { text-decoration: underline; color: var(--color-primary); }
.blog-text span { font-size: 14px; font-weight: 500; }
.blog-text p:last-of-type { margin-bottom: 13px; }
.blog h5 { margin-bottom: 15px; font-family: var(--font-family-base); font-weight: 700; }
.blog-image { border-radius: 0 0 10px 10px; overflow: hidden; }
.blog-image img { width: 100%; height: 100%; object-fit: cover; }

#reviews_holder{ margin-top: 40px; }
.reviews_btn_holder{ display: flex; justify-content: center; width: 100%; }
/* ### banner ### */
.banner { position: relative; color: var(--color-white); }
.banner-content { padding: 120px 0 40px; position: relative; z-index: 2; min-height: 540px; }
.banner-content h1 { font-size: 30px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); margin-bottom: 6px; }
.banner-content p { text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); margin-bottom: 20px; }
.banner-border { position: absolute; bottom: 0; left: 0; width: var(--w-full); pointer-events: none; }
.banner-border img { width: var(--w-full); height: var(--h-full); }
.banner-shape { position: absolute; bottom: 0; left: 0; pointer-events: none; }
.banner-info { padding: 20px; max-width: 720px; border-radius: 40px 0 40px 40px; background-color: rgba(109, 149, 88, 0.6); }
.banner-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); pointer-events: none; }
.banner-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.banner .button { margin-bottom: 20px; display: block; }
.banner .link { display: block; text-align: center; }

.banner.is-alt { margin-bottom: 40px; min-height: 636px; }
.banner.is-alt h1 { margin-bottom: 30px; line-height: 1; }
.banner-check { margin-bottom: 15px; }
.banner-check li:before { margin-right: 7px; display: inline-block; font-family: var(--font-family-icon); font-size: 10px; content: '\e903'; }
.banner.is-alt span { margin-bottom: 25px; display: block; font-size: 12px; }
.banner.is-alt span strong { font-size: 20px; font-weight: 700; }
.banner.is-alt .banner-info { margin-top: 0; padding: 30px 20px 10px; max-width: 740px; }
.banner-tag { margin-left: 5px; padding-right: 33px; padding-bottom: 1px; padding-left: 30px; display: inline-block; font-size: 14px; border: 1px solid var(--color-white); border-radius: 10px 0 10px 10px; }
.banner.is-alt .banner-content { min-height: auto; }





/* ### breadcrumbs ### */
.breadcrumbs { display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 500; }
.breadcrumbs span{margin-bottom: 0px!important; font-size: 14px!important; }
.breadcrumbs nav p { display: flex; flex-wrap: wrap; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);font-size: 14px;  font-weight: 500; margin-bottom: 0; gap:6px; }
.breadcrumbs a { text-decoration: underline; color: var(--color-white); transition: var(--base-duration); }
.breadcrumbs a:focus,
.breadcrumbs a:hover { text-decoration: none; }








/* ### travel ### */
.travel { padding-top: 40px; padding-bottom: 40px; }
.travel h2 { margin-bottom: 5px; }
.travel-holder { display: grid; grid-template-columns: auto; gap: 15px; }
.travel-item { margin-bottom: 15px; }
.travel-title { margin-bottom: 37px; }

/* ### card-travel ### */
.card-travel { position: relative; display: block; width: var(--w-full); }
.card-travel-image { border-top-left-radius: 10px; overflow: hidden; }
.card-travel-image img { width: var(--w-full); height: 220px; border-top-left-radius: 10px; transition: var(--base-duration); object-fit:cover; }
.card-travel-image ul { position: absolute; top: 0; display: flex; gap: 20px; justify-content: center; width: var(--w-full); }
.card-travel-image ul li { padding: 1px 0 2px; min-width: 120px; font-size: 14px; font-weight: 500; text-align: center; color: var(--color-white); border-radius: 0 0 10px 10px; background-color: var(--color-blue); }
.card-travel-content { padding: 20px; color: var(--color-text); border: 1px solid var(--color-light-blue); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.card-travel-content h3 { margin-bottom: 15px; }
.card-travel-content ul { margin-bottom: 28px; }
.card-travel-content li { padding-left: 18px; position: relative; }
.card-travel-content li:before { position: absolute; top: 7px; left: 0; font-family: var(--font-family-icon), sans-serif; font-size: 10px; color: var(--color-primary); content: '\e903'; }
.card-travel-price { border-top: 1px solid var(--color-light-blue); }
.card-travel-price-info { padding: 10px 0 17px; display: block; font-size: 12px; text-align: center; }
.card-travel-price strong { font-size: 20px; font-weight: 700; }
.card-travel-price .button { display: block; }
.card-travel:focus .card-travel-image img,
.card-travel:hover .card-travel-image img { transform: scale(1.05); }
.card-travel:focus .button,
.card-travel:hover .button { background-color: var(--color-primary-hover); }


/* ### reviews ### */
.reviews { padding-top: 40px; padding-bottom: 40px; margin-top: 40px; margin-bottom: 40px; position: relative; color: var(--color-white); }
.reviews-content { position: relative; z-index: 1; color: var(--color-white); }
.reviews-top { margin-bottom: 37px; }
.reviews h2 { margin-bottom: 5px; }
.reviews-border { position: absolute; bottom: 0; left: 0; width: var(--w-full); pointer-events: none; }
.reviews-border img { width: var(--w-full); height: var(--h-full); }
.reviews-shape { position: absolute; right: 0; bottom: 0; pointer-events: none; }
.reviews-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); pointer-events: none; }
.reviews-image:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); background-color: #4f673d; content: ''; }
.reviews-image img { opacity: 0.2; width: var(--w-full); height: var(--h-full); object-fit: cover; }
.reviews-holder { position: relative; z-index: 1; display: grid; grid-template-columns: auto; column-gap: 15px; row-gap: 30px; }
.reviews-item { padding: 20px; font-size: 16px; font-weight: 300; color: var(--color-text); border-radius: 10px 0 10px 10px; background-color: var(--color-white); display: flex; flex-direction: column; justify-content: space-between; }
.reviews-item-title { margin-bottom: 10px; font-size: 14px; }
.reviews-item-subtitle { margin-bottom: 20px; font-size: 16px; }
.reviews-item-image { margin-top: 30px; }
.reviews-item img { width: var(--w-full); height: var(--h-full); max-height: 240px; border-radius: 10px 0 10px 10px; }
.reviews-item p { margin-bottom: 25px; }
.reviews-item .link-blue{ flex:auto; }

/* ###  filter  ### */
.filter { margin-bottom: 60px; }
.filter-form { margin: 0 auto 20px; }
.filter-form-wrap { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.filter-select { position: relative; }
.filter-select i { position: absolute; top: 50%; right: 10px; font-size: 5px; transform: translateY(-50%); }
.filter-select .custom-select { padding-right: 145px; height: 48px; font-size: 16px; font-weight: 300; color: var(--color-text); border-radius: 10px 0 10px 10px; -webkit-appearance: none; }
.filter-form-wrap .button { width: var(--w-full); max-width: 200px; background-color: var(--color-blue); }
.filter-holder { display: grid; grid-template-columns: auto; gap: 15px; }

/* ###  card-filter  ### */
.card-filter { position: relative; display: block; color: var(--color-text); border: 1px solid var(--color-light-blue); border-radius: 10px 0 1px 10px; overflow: hidden; }
.card-filter-image { overflow: hidden; }
.card-filter-image img { width: 100%; height: 100%; object-fit: cover; transition: var(--base-duration); max-height: 220px; }
.card-filter-caption { padding: 0 32px 3px; position: absolute; top: 0; left: 50%; font-size: 14px; font-weight: 500; color: var(--color-white); border-radius: 0 0 10px 10px; background-color: var(--color-blue); transform: translateX(-50%); }
.card-filter-body { padding: 20px; line-height: 1.75; }
.card-filter h3 { margin-bottom: 15px; line-height: 1; }
.card-filter p { margin-bottom: 12px; }
.card-filter-body .link { font-weight: 300; color: var(--color-blue); transition: var(--base-duration); }
.card-filter:focus .card-filter-image img,
.card-filter:hover .card-filter-image img { transform: scale(1.05); }
.card-filter:focus .link,
.card-filter:hover .link { text-decoration: none; }


/* ###  destination  ### */
.destination { padding-top: 40px; padding-bottom: 40px; }
.destination h2 { margin-bottom: 5px; }
.destination-holder { display: grid; grid-template-columns: auto; column-gap: 15px; row-gap: 20px; }
.destination-title { margin-bottom: 37px; }

/* ###  card-destination  ### */
.card-destination { position: relative; display: block; width: var(--w-full); border-radius: 10px 0 10px 10px; }
.card-destination:hover .card-destination-image img { transform: scale(1.05); }
.card-destination-title { padding: 0 20px; position: absolute; top: 50%; left: 50%; width: var(--w-full); font-size: 26px; font-weight: 700; text-align: center; color: var(--color-white); text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); transform: translate(-50%, -50%); }
.card-destination-link { padding: 0 30px; position: absolute; bottom: 30px; width: var(--w-full); }
.card-destination-link .button { display: block; }
.card-destination-image { width: var(--w-full); border-radius: 10px 0 10px 10px; overflow: hidden; }
.card-destination-image img { width: var(--w-full); border-radius: 10px 0 10px 10px; transition: var(--base-duration); object-fit:cover; }
.card-destination-shape { position: absolute; top: 0; right: 0; }


/* ###  tips  ### */
.tips { padding-top: 40px; padding-bottom: 40px; margin-top: 40px; margin-bottom: 40px; position: relative; color: var(--color-white); }
.tips-holder { display: flex; flex-wrap: wrap; gap: 15px; }
.tips-content { position: relative; z-index: 1; color: var(--color-white); }
.tips-top { margin-bottom: 37px; }
.tips h2 { margin-bottom: 5px; }
.tips-border { position: absolute; bottom: 0; left: 0; width: var(--w-full); pointer-events: none; }
.tips-border img { width: var(--w-full); height: var(--h-full); }
.tips-shape { position: absolute; right: 0; bottom: 0; pointer-events: none; }
.tips-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); pointer-events: none; }
.tips-image:before { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); background-color: var(--color-blue); content: ''; }
.tips-image img { opacity: 0.2; width: var(--w-full); height: var(--h-full); object-fit: cover; }
.tips-item { position: relative; width: var(--w-full); border-radius: 10px 0 10px 10px; }
.tips-item-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); }
.tips-item-image img { width: var(--w-full); height: var(--h-full); border-radius: 10px 0 10px 10px; object-fit: cover; }
.tips-item-content { padding: 30px; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; height: var(--h-full); min-height: 480px; }
.tips-item-number { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 26px; font-weight: 700; color: var(--color-text); border-radius: 10px 0 10px 10px; background-color: var(--color-white); }
.tips-item-title { margin-bottom: 15px; font-size: 26px; font-weight: 700; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
.tips-item-intro { margin-bottom: 20px; padding: 15px; font-size: 18px; color: var(--color-text); border-radius: 10px 0 10px 10px; background-color: var(--color-white); }
.tips-item-intro p { margin-bottom: 0; }


/* ###  nature  ### */
.nature { margin-top: 40px; margin-bottom: 40px; position: relative; color: var(--color-white); }
.nature-content { padding: 120px 0 40px; position: relative; z-index: 2; min-height: 540px; }
.nature-content h1 { font-size: 30px; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
.nature-content p { text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
.nature-border { position: absolute; bottom: 0; left: 0; width: var(--w-full); pointer-events: none; }
.nature-border img { width: var(--w-full); height: var(--h-full); }
.nature-shape { position: absolute; right: 0; bottom: 0; pointer-events: none; }
.nature-info { padding: 30px; max-width: 720px; border-radius: 40px 0 40px 40px; background-color: rgba(109, 149, 88, 0.6); }
.nature-image { position: absolute; top: 0; left: 0; width: var(--w-full); height: var(--h-full); pointer-events: none; }
.nature-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.nature .button { margin-bottom: 20px; display: block; }
.nature .link { display: block; text-align: center; }
.nature.is-alt { margin-bottom: 57px; }
.nature.is-alt .nature-content { padding: 0; align-items: flex-start; }
.nature.is-alt .nature-content h2 { margin-bottom: 12px; font-weight: 400; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); }
.nature.is-alt .nature-info { margin-top: 0; padding: 30px; max-width: 685px; font-size: 18px; line-height: 1.55; border-radius: 0 0 40px 40px; }
.nature.is-alt .button { margin-top: 26px; width: var(--w-full); max-width: 240px; }
.nature.is-alt .nature-border { z-index: 2; }
.nature.is-alt .flight { margin-left: 114px; position: absolute; bottom: -120px; left: 50%; z-index: 1; transform: translateX(-50%); }


/* ### travelling ### */
.travelling { padding-top: 40px; padding-bottom: 40px; position: relative; }
.travelling h2 { margin-bottom: 5px; }
.travelling-title { margin-bottom: 47px; }
.travelling-holder { margin-left: auto; display: grid; grid-template-columns: auto; gap: 8px 20px; max-width: 845px; }
.travelling-item h4 { margin-bottom: 5px; }
.travelling-item-icon { margin-bottom: 15px; }
.travelling-item p { opacity: 0.6; }
.travelling-shape { position: absolute; bottom: 0; left: 0; }


/* ###  destinations  ### */
.destinations { padding-bottom: 40px; padding-top: 40px; }
.destinations-image { border-radius: 10px 0 10px 10px; overflow: hidden; }
.destinations-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.destinations-right { padding: 30px 0 0; }
.destinations-right h2 { margin-bottom: 15px; }


/* ###  intro  ### */
.intro { padding-top:40px; padding-bottom: 40px; }
.intro.is-alt { padding-top:40px; padding-bottom: 40px; }
.intro h2 { margin-bottom: 11px; }
.intro-left { margin-bottom: 30px; }
.intro-center { margin-bottom: 30px; line-height: 1.75; }
.intro-image { position: relative; height: 100%; border-radius: 10px 0 10px 10px; overflow: hidden; }
.intro-image img { width: 100%; height: 100%; object-fit: cover; }
.intro .icon-image { position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0.3; }
.intro .button { max-width: 300px; }

.intro-center li a{ color: var(--color-text); text-decoration: underline;  }

/* ###  people  ### */
.people { padding-top: 40px; padding-bottom: 40px; text-align: center; }
.people h2 { margin-bottom: 11px; }
.people-title { margin: 0 auto 27px; max-width: 640px; line-height: 1.75; }
.people-title p { margin-bottom: 0; }
.people-holder { display: grid; grid-template-columns: auto; gap: 15px; }
.people-item { border-radius: 40px 0 40px 40px; overflow: hidden; background-color: var(--color-blue); }
.people-item-image { border-bottom-right-radius: 40px; overflow: hidden; }
.people-item-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.people-item-text { padding: 20px; line-height: 1.75; text-align: left; color: var(--color-white); }
.people-item-text h3 { margin-bottom: 3px; }
.people-item-text p:last-of-type { margin-bottom: 0; }

/* ###  contact  ### */
.contact { margin-bottom: 40px; }
.contact-information { margin-bottom: 15px; padding: 15px 25px; border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; }
.contact-information h3 { margin-bottom: 5px; }
.contact-item.w-70 { margin-bottom: 30px; }
.contact-item ul { margin-bottom: 0; }
.contact-info li { color: #033333; }
.contact-info a { text-decoration: underline; color: var(--color-blue); }
.contact-social-media { margin-top: 12px; display: flex; gap: 15px; font-size: 18px; }
.contact-social-media a { color: var(--color-blue); }
.contact-left { margin-bottom: 30px; }
.contact-right-info { border: 1px solid var(--color-light-blue); border-radius: 10px; overflow: hidden; }
.contact-person-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.contact-person-info { padding: 20px; line-height: 1.75; }
.contact-person-title { margin-bottom: 15px; font-size: 16px; font-weight: 700; line-height: 1.4; }
.contact-person-info ul { margin-bottom: 0; }
.contact-person-info ul a { font-weight: 500; text-decoration: underline; color: var(--color-blue); }
.contact-person-info ul a:focus,
.contact-person-info ul a:hover { color: var(--color-primary); }


.contact .gform_fields{ display: flex; position: relative; justify-content: space-between; flex-wrap: wrap; }
.contact .gfield_label{font-weight: 700; }
.contact fieldset{border:none; }
.contact fieldset .ginput_container{ display: flex; justify-content: flex-start; gap:10px; align-items: center; font-size: 16px; }
.contact .gfield_required, .book-form .gform_required_legend{ display: none; }
.contact input{ border: 1px solid var(--color-blue);}
.contact #gform_submit_button_3{ color: var(--color-white); border: 1px solid var(--color-blue); background-color: var(--color-blue); }
.contact #gform_submit_button_3:hover{background-color: var(--color-blue-hover);}

.contact .gfield{ margin-bottom: 20px; }
.contact .gfield_html{ width: 100%; }
.contact .gfield--width-half{ width: 100%; } 
.contact .gfield--width-quarter{ width: 49.7%; }
.contact .screen-reader-text{ display: none; }
.contact .gfield--input-type-select{ width: 100%; }
.contact .gfield--width-full{ width: 100%; }
.contact .gfield_select{ background-color: #ffffff;}
.contact .gchoice{ display: flex; gap: 12px; align-items: center; }
.contact .gform_submission_error{ font-size: 16px; color: #ff0000; }
.contact .gfield_error input{ border:1px solid #ff0000; }
.contact .validation_message{ display: none; }
.contact .gf_page_steps{ display: flex; pag:10px; justify-content: space-between; flex-direction: column; margin-bottom: 20px; }
.contact .gf_page_steps .gf_step{ margin-bottom: 10px; }
.contact .gf_step_number{ border-radius: 10px 0 10px 10px; border: 1px solid var(--color-blue); padding: 4px 10px; }
.contact .gf_step{ display: flex; justify-content: flex-start; gap:6px; align-items: center; }
.contact .gf_step_active .gf_step_number{ background: #587d8e; color: white; }
.contact .gform_next_button, .gform_previous_button{ width: 100%; margin-bottom: 0px; } 
.contact .gform_page_footer{ display: flex; pag:10px; justify-content: space-between; }


.lees_alleen{ pointer-events: none; }


.gfield_list{ width: 100%; }
.gfield_list_header{ display: none; }
.gfield_list_group{ display: flex; justify-content: space-between; margin-bottom: 10px; flex-direction: column; }
.gfield_list_group .gfield_list_group_item{ width: 100%; margin-bottom: 10px; }
.gfield_list_icons{ display: flex; justify-content: flex-end; align-items: flex-end; }
.add_list_item{ background-color: #ffffff; border-radius: 10px 0 10px 10px; border: 1px solid var(--color-blue); font-size: 0; padding: 0 8px; height: 48px; cursor: pointer; transition: all 0.3s; }
.delete_list_item{  background-color: #ffffff; border-radius: 10px 0 10px 10px;border: 1px solid var(--color-blue); font-size: 0; padding: 0 8px; height: 48px; cursor: pointer; transition: all 0.3s; }
.add_list_item:hover{ background-color: #e0f2fe; }
.delete_list_item:hover{  background-color: #e0f2fe; }
.add_list_item:before{ content: '+'; font-size: 16px; }
.delete_list_item:before{ content: '-'; font-size: 16px; }
.gfield_list_group .gfield_list_group_item:nth-child(1):before{content: 'Aanhef';}
.gfield_list_group .gfield_list_group_item:nth-child(2):before{content: 'Voornaam';}
.gfield_list_group .gfield_list_group_item:nth-child(3):before{content: 'Achternaam';}
.gfield_list_group .gfield_list_group_item:nth-child(4):before{content: 'Geboortedatum';}
.gfield_list_group .gfield_list_group_item:nth-child(5):before{content: 'Paspoort num.';}




/* Algemene container */
.ui-datepicker {
  background: white;
  border: 1px solid #2b4a52;
  border-radius: 8px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Header (maand + jaar) */
.ui-datepicker-header {
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  color: #2b4a52;
  margin-bottom: 10px;
}

/* Maand/Jaar navigatie */
.ui-datepicker-prev, .ui-datepicker-next {
  background: none;
  border: none;
  color: #2b4a52;
  cursor: pointer;
  position: absolute;
  top: 12px;
}
.ui-datepicker-prev {
  left: 10px;
}
.ui-datepicker-next {
  right: 10px;
}

/* Tabelkop (dagen van de week) */
.ui-datepicker th {
  color: #111827;
  font-weight: 600;
  padding-bottom: 4px;
}

/* Dagen */
.ui-datepicker td span{
  display: block;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  color: #1d4ed8; /* blauw, zoals in je screenshot */
  border-radius: 4px;
  transition: background 0.2s;
  border-radius: 10px 0 10px 10px;  
  border: 1px solid var(--color-blue);
}
.ui-datepicker td a {
  display: block;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  color: #587d8e; /* blauw, zoals in je screenshot */
  border-radius: 4px;
  transition: background 0.2s;
  border-radius: 10px 0 10px 10px;  
  border: 1px solid var(--color-blue);
}
.ui-datepicker td a:hover {
  background: #e0f2fe;
}

/* Geselecteerde dag */
.ui-datepicker .ui-state-active {
  background: #587d8e;
  color: white;
}

/* Dagen buiten huidige maand */
.ui-datepicker-other-month {
  opacity: 0.3;
  pointer-events: none;
}
.ui-datepicker-title{ display: flex; justify-content: space-between; gap:10px;  background-color: #ffffff; margin-top: 20px;}
.ui-datepicker-month{ width: 48%; background-color: #ffffff; }
.ui-datepicker-year{ width: 48%; background-color: #ffffff; }




.contact #gform_fields_3{ padding-left: 4px; padding-right: 4px; }
.contact #field_3_1{width:100%; margin-bottom: 20px;}
.contact #field_3_3{width:100%; margin-bottom: 20px;}
.contact #field_3_4{width:100%; margin-bottom: 20px;}
.contact #field_3_5{width:100%; margin-bottom: 20px;}
.contact #field_3_6{width:100%; margin-bottom: 20px;}
.contact #field_3_7{width:100%; margin-bottom: 20px;}
.contact #field_3_8{width:100%; margin-bottom: 20px;}
.contact #field_submit{width:100%;}



/* ### form ### */
.card-form { padding: 30px 25px; border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; }
.card-form-field label { font-size: 16px; font-weight: 700; line-height: 1.75; }
.card-form-field { margin-bottom: 10px; }
.card-form-tnc .check { margin-bottom: 20px; display: flex; gap: 10px; align-items: center; }
.card-form-tnc .check label { font-weight: 300; }
.check label a { text-decoration: underline; color: var(--color-text); }
.check label a:focus,
.check label a:hover { text-decoration: none; }
.card-form-tnc button { padding: 12px 34px; width: 100%; font-weight: 500; border: none; background-color: var(--color-blue); }
.w-100 { width: var(--w-full); }

/* ### info ### */
.info { margin-bottom: 50px; line-height: 1.75; }
.info h3 { margin-bottom: 12px; }
.info-left { margin-bottom: 30px; }
.info-left-image { border-radius: 10px 0 0; overflow: hidden; }
.info-left-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.info-left-content { padding: 20px; border: 1px solid var(--color-light-blue); border-top: none; border-radius: 0 0 10px 10px; overflow: hidden; }
.info-left-content p { margin-bottom: 10px; }
.info-content-holder { margin-bottom: 30px; display: grid; grid-template-columns: auto; gap: 15px; }
.info-content-item { border-radius: 10px 0 0 10px; overflow: hidden; }
.info-content-item img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.info-right-image { border-radius: 10px 0 0; overflow: hidden; }
.info-right-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; max-height: 220px; }
.info-right-content { padding: 25px 30px; border: 1px solid var(--color-light-blue); border-top: none; border-radius: 0 0 10px 10px; overflow: hidden; }
.info-left-content .button,
.info-right-content .button { border: 2px solid var(--color-primary); }
.info.alt .info-holder { flex-direction: row-reverse; }

/* ### request ### */
.request { padding-top: 40px; padding-bottom: 40px; }
.request h4 { margin-bottom: 0; }
.request-holder { position: relative; display: grid; grid-template-columns: 1fr; align-items: center; column-gap: 15px; }
.request-left { margin-bottom: 30px; position: relative; z-index: 1; line-height: 1.75; }
.request-left p { margin-bottom: 25px; }
.request-left h2 { margin-bottom: 12px; }
.request-wrap { margin-bottom: 30px; }
.request-wrap .request-item { margin-bottom: 10px; padding: 10px 40px 10px 10px; position: relative; border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; cursor: pointer; }
.request-wrap .request-item:after { position: absolute; top: 30px; right: 29px; font-family: var(--font-family-icon); font-size: 5px; transform: translateY(-50%); content: '\e900'; }
.request-wrap .request-item.open:after { transform: rotate(180deg); top: 26px; }
.request-image { position: relative; z-index: 1; border-radius: 10px 0 10px 10px; overflow: hidden; }
.request-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.request-image .icon-image { position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0.3; }
.request .button { margin-top: 30px; position: relative; z-index: 2; background-color: var(--color-white); }
.request .flight { position: absolute; transform: ; pointer-events: none; }
.request.is-alt .request-left { padding-top: 30px; padding-right: 0; order: 2; }
.fliped_flight{ -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }

.request-tekst p{ margin-bottom: 0px;  }
.request-wrap .request-item h4{ margin-bottom: 0px; }


/* ### journey ### */
.journey { padding-top:40px; padding-bottom: 40px; }
.journey-holder { padding: 30px 20px; line-height: 1.75; border-radius: 30px 0 30px 30px; background-color: rgba(170, 205, 220, 0.08); }
.journey-full { margin: 35px 0 16px; }
.journey-top { margin: 35px 0 16px; }
.journey-middle { margin-bottom: 16px; }
.journey-bottom { margin-bottom: 35px; }
.journey-item { margin-bottom: 10px; border-radius: 10px 0 10px 10px; overflow: hidden; }
.journey-item img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.journey h3 { margin-bottom: 0; font-size: 24px; }
.journey h4 { margin-bottom: 0; font-size: 20px; }
.journey-button-wrap .button { margin-bottom: 10px; width: var(--w-full); }
.journey-holder ol, .journey-holder ul{ padding-left: 16px; }
.journey-holder ol li{ list-style: decimal; } 
.journey-holder ul li{ list-style: disc; }
.journey-holder p a{ text-decoration: underline; color: var(--color-blue);}
.journey-holder p a:hover{  text-decoration: none; color: var(--color-primary); }
.journey-holder li a{ text-decoration: underline; color: var(--color-blue);}
.journey-holder li a:hover{  text-decoration: none; color: var(--color-primary); }


/* ### social-info ### */
.social-info { padding-top:40px; padding-bottom: 40px; }
.social-info-holder { padding-top: 15px; padding-bottom: 15px; text-align: center; border-top: solid 1px var(--color-light-blue); border-bottom: solid 1px var(--color-light-blue); }
.social-info h3 { margin-bottom: 10px; font-size: 24px; }
.social-info ul { margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.social-info li:not(:last-of-type):after { margin: 0 12px; display: inline-block; vertical-align: middle; content: '|'; }
.social-info li a { text-decoration: underline; color: var(--color-blue); transition: var(--base-duration); }
.social-info li a:focus,
.social-info li a:hover { text-decoration: none; color: var(--color-black); }


/* ### tab ### */
.tabs { margin-bottom: 40px; padding-top: 40px; }
.tab-list-sticky { position: sticky; top: 80px; z-index: 5; }
.travel-tab-list { border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; background-color: var(--color-white); overflow: hidden; }
.tabs .show-link { padding: 10px 20px; position: relative; display: block; width: var(--w-full); color: var(--color-text); }
.tabs .show-link:after { position: absolute; top: 50%; right: 10px; font-family: var(--font-family-icon); font-size: 5px; transform: translateY(-50%); content: '\e900'; }
.travel-links { margin-bottom: 0; padding: 0 20px; display: none; border-top: 1px solid var(--color-light-blue); background-color: var(--color-white); }
.travel-links > li > a { padding: 11px 0; text-decoration: none; color: var(--color-text); }
.travel-links > li > a:hover,
.travel-links > li > a.active { text-decoration: underline; color: var(--color-primary); }
.tabs .panel { padding-top: 32px; padding-bottom: 15px; line-height: 1.75; }
.tabs .panel.active { display: block; }
.tabs .panel h2 { margin-bottom: 0; }
.tabs-left { margin-bottom: 30px; }
.tab-holder { margin-bottom: 30px; }
.tab-info h3 { margin-bottom: 15px; }
.tab-image { border-radius: 10px 0 10px 10px; overflow: hidden; }
.tab-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.tab-holder.is-alt .tab-info { order: 2; }
.tab-text { padding: 25px; color: var(--color-white); border-radius: 40px 0 40px 40px; background-color: var(--color-primary); }
.tab-text p { margin-bottom: 0; }
.tab-text h3 { margin-bottom: 0; }
.tab-button-wrap { margin-top: 20px; display: flex; justify-content: center; }
.card-tab-holder { display: grid; grid-template-columns: auto; gap: 16px; }
.practical-wrap { margin-bottom: 20px; }
.practical-wrap .practical-item { margin-bottom: 10px; padding: 12px 15px 12px 12px; position: relative; border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; }
.practical-wrap .practical-item:after { position: absolute; top: 50%; right: 10px; font-family: var(--font-family-icon); font-size: 5px; transform: translateY(-50%); content: '\e900'; }
.practical-wrap h4 { margin-bottom: 0; font-weight: 300; }
.tabs-right-image { border-radius: 10px 0 0; overflow: hidden; }
.tabs-right-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.tabs-right-body { padding: 20px; border: 1px solid var(--color-light-blue); border-top: none; border-radius: 0 0 10px 10px; }
.tabs-right-body strong { margin-bottom: 5px; display: block; line-height: 1.4; }
.tabs-right-body ul li a { text-decoration: underline; color: var(--color-blue); }
.tabs-right-body ul li a:hover { text-decoration: none; color: var(--color-primary); }
.tabs-right-body .button { width: var(--w-full); }

.tabs-right-sb{ position: sticky; top:140px; }

.tab_intro_tekst ul, .tab_intro_tekst ol{ padding-left: 16px; }
.tab_intro_tekst ul li{ list-style: disc; }
.tab_intro_tekst ol li{ list-style: decimal; }
.tab_intro_tekst p a{ text-decoration: underline; color: var(--color-blue);}
.tab_intro_tekst p a:hover{  text-decoration: none; color: var(--color-primary); }


.request-tekst ul, .request-tekst ol{ padding-left: 16px; }
.request-tekst ul li{ list-style: disc; }
.request-tekst ol li{ list-style: decimal; }
.request-tekst p a{ text-decoration: underline; color: var(--color-blue);}
.request-tekst p a:hover{  text-decoration: none; color: var(--color-primary); }

/* ###  date  ### */
.date { padding-top: 40px; padding-bottom: 40px; background-color: rgba(170, 205, 220, 0.08); }


/* ### help ### */
.help { position: relative; text-align: left; background-color: var(--color-primary); }
.help-holder { padding: 40px 0; position: relative; color: var(--color-white); overflow: hidden; }
.help-text { margin: 0 auto; position: relative; z-index: 1; max-width: 650px; }
.help-text h2 { margin-bottom: 17px; }
.help-text p { margin-bottom: 20px; }
.help-text ul > li { margin-bottom: 15px; }
.help-text ul > li:last-child { margin-bottom: 0; }
.help-text .button { width: 100%; }
.help-image { display: none; }
.help-border { position: absolute; bottom: 0; left: 0; width: var(--w-full); pointer-events: none; }
.help-border img { width: var(--w-full); height: var(--h-full); }


/* ### book ### */
.book { padding-top: 40px; padding-bottom: 40px; }
.book-left { margin-bottom: 30px; width: var(--w-full); }
.book-right { width: var(--w-full); }
.book-image-first { margin-bottom: 20px; padding: 0 8px; height: 100%; }
.book-image-second { padding: 0 8px; height: 100%; }
.book-image-third { padding: 0 8px; height: 100%; }
.book-form { margin-bottom: 20px; padding: 0 8px; width: var(--w-full); }
.book img { width: var(--w-full); object-fit: cover; height: 100%; border-radius: 10px 0 10px 10px; }


.book-form .gform_fields{ display: flex; position: relative; justify-content: space-between; flex-wrap: wrap; }
.book-form .gfield_label{font-weight: 700; }
.book-form fieldset{border:none; }
.book-form fieldset .ginput_container{ display: flex; justify-content: flex-start; gap:10px; align-items: center; font-size: 16px; }
.book-form .gfield_required, .book-form .gform_required_legend{ display: none; }
.book-form input{ border: 1px solid var(--color-blue);}
.book-form #gform_submit_button_2{ color: var(--color-white); border: 1px solid var(--color-blue); background-color: var(--color-blue); }
.book-form #gform_submit_button_2:hover{background-color: var(--color-blue-hover);}
.book-form #gform_fields_2{ padding-left: 4px; padding-right: 4px; }
.book-form #field_2_1{width:100%; margin-bottom: 20px;}
.book-form #field_2_3{width:100%; margin-bottom: 20px;}
.book-form #field_2_4{width:100%; display: flex; align-items: center;  margin-bottom: 20px;}
.book-form #field_2_4 .gfield_label{ display:none; }
.book-form #field_submit{width:100%;}

/* ### scroll-links ### */
body.active .scroll-links { top: 87px; }
.scroll-links { position: sticky; top: 130px; z-index: 5; transition: var(--base-duration); }
.scroll-links ul { margin-bottom: 20px; padding: 11px 15px 11px 38px; display: none; flex-wrap: wrap; justify-content: space-between; border: solid 1px var(--color-light-blue); border-radius: 10px 0 10px 10px; background-color: var(--color-white); }
.scroll-links li a { color: var(--color-text); transition: var(--base-duration); }
.scroll-links li a:focus,
.scroll-links li a:hover { text-decoration: underline; color: var(--color-primary); }
.scroll-links select { margin-bottom: 20px; background-color: var(--color-white); }


/* ### information-block ### */
.information-holder {  }
.information-block span { display: block; }
.information-block span:last-of-type { margin-bottom: 25px; }
.information-column { margin-bottom: 40px; }
.information-column:last-of-type { margin-bottom: 0; }
.information-wrap h5 { margin-bottom: 8px; font-family: var(--font-family-base); font-weight: 700; }
.information-check,
.information-close { margin-bottom: 0; }
.information-check li:before { margin-top: 7px; margin-right: 7px; display: inline-block; font-family: var(--font-family-icon); font-size: 10px; color: var(--color-primary); content: '\e903'; }
.information-close li:before { margin-top: 6px; margin-right: 5px; display: inline-block; width: 12px; height: 12px; background: url('images/close.svg') no-repeat; content: ''; }


/* ### highlights ### */
.highlights { padding-top: 40px; padding-bottom: 40px; }
.highlights-wrap { }
.highlights-title { margin-bottom: 25px; }
.highlights-title h2 { margin-bottom: 12px; }
.highlights-title p:last-of-type { margin-bottom: 0; }
.highlights-info { margin-bottom: 30px; }
.highlights-info h3 { font-size: 24px; }
.highlights-info p:last-of-type { margin-bottom: 0; }
.highlights-image { border-radius: 10px 0 10px 10px; overflow: hidden; }
.highlights-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; }
.highlights-block.reverse { margin-bottom: 0; flex-direction: row-reverse; }


/* ### program ### */
.program { padding-top: 50px; }
.program-bdr { }
.program-top-content { line-height: 1.7; }
.program-top-content p:last-of-type { margin-bottom: 0; }
.program-top h2 { margin-bottom: 8px; }
.program-top-image { margin-bottom: 40px; border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; }
.program-top-image img { width: var(--w-full); object-fit: cover; }
.program select { margin-bottom: 30px; max-width: 308px; border: solid 1px var(--color-light-blue); }
.program select:last-of-type { margin-bottom: 0; }
.program-item { margin-bottom: 40px; }


/* ### card-faq ### */
.card-faq { margin-bottom: 20px; padding: 10px 19px 11px; border: 1px solid var(--color-light-blue); border-radius: 10px 0 10px 10px; background-color: var(--color-white); }
.card-faq-title { padding-right: 20px; position: relative; font-weight: 600; cursor: pointer; }
.card-faq-title:after { position: absolute; top: 14px; right: -10px; font-family: var(--font-family-icon); font-size: 5px; font-weight: 700; content: '\e900'; }
.card-faq-content { padding-top: 9px; }
.card-faq-image { margin-bottom: 20px; }
.card-faq-image img { margin-bottom: 10px; width: var(--w-full); border: 1px solid var(--color-light-grey); object-fit: cover; border-radius: 10px 0 10px 10px; }
.card-faq-block { padding: 26px 20px; line-height: 1.7; color: var(--color-white); border-radius: 30px 0 30px 30px; background-color: var(--color-primary); }
.card-faq-block h3 { margin-bottom: 9px; font-size: 24px; }


/* ### accommodate ### */
.accommodate { }
.accommodate-title { margin-bottom: 30px; }
.accommodate-title h2 { margin-bottom: 14px; }
.accommodate-title p:last-of-type { margin-bottom: 0; }
.accommodate-holder {  }
.accommodate .card-travel { margin-bottom: 20px; }
.accommodate .card-travel-content { padding: 17px 30px 30px; }
.accommodate .card-travel-content h3 { margin-bottom: 22px; }
.accommodate .card-travel-price { border-top: none; }
.accommodate-block { padding: 26px 15px 42px; line-height: 1.7; border: 1px solid var(--color-primary); border-radius: 30px 0 30px 30px; }
.accommodate-block p:last-of-type { margin-bottom: 27px; }


/* ### footer ### */
.footer { overflow: hidden; width: 100%; }
.footer .usp { background-color: transparent; }
.footer .usp-wrap { padding-bottom: 19px; border-bottom: 1px solid var(--color-light-blue); }
.footer .usp .swiper-slide { color: var(--color-text); }
.footer .usp i { color: var(--color-primary); }
.footer-information { padding-top: 30px; padding-bottom: 30px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.footer-holder { padding-top: 30px; padding-bottom: 30px; }
.footer-gap,
.footer-item { margin-bottom: 13px; width: 100%; border: 1px solid rgba(1, 1, 3, 0.2); border-radius: 10px 0 10px 10px;}
.footer-item:last-child { margin-bottom: 0; }
.footer-info { padding: 0 20px 10px 41px; }
.footer-info > li { margin-bottom: 5px; position: relative; font-size: 14px; }
.footer-info > li:last-child { margin-bottom: 0; }
.footer-info > li > a { position: relative; color: var(--color-black); transition: var(--base-duration); }
.footer-info > li > a:focus,
.footer-info > li > a:hover { color: var(--color-primary); }
.footer-info > li > a.tel { position: unset; font-size: 20px; }
.footer-info > li > a img { position: absolute; top: 4px; left: -30px; }
.footer-title { padding: 10px; position: relative; font-family: var(--font-family-heading), sans-serif; font-size: 16px; font-weight: 700;  }
.footer-title:after { position: absolute; top: 50%; right: 10px; font-family: var(--font-family-icon), sans-serif; font-size: 6px; transform: translateY(-50%) rotate(-90deg); transition: var(--base-duration); content: '\e900'; }
.footer-title.active:after { transform: rotate(0); }
.footer-social-media { padding: 0 15px 15px; display: flex; align-items: center; }
.footer-social-media > li { margin-right: 20px; }
.footer-social-media > li:last-child { margin-right: 0; }
.footer-social-media > li a { position: relative; color: var(--color-blue); transition: var(--base-duration); }
.footer-social-media > li a:focus,
.footer-social-media > li a:hover { color: var(--color-blue-hover); }
.footer-social-media i { font-size: 28px; }
.footer-column ul { padding: 0 10px 10px; margin-bottom: 0px; }
.footer-column ul > li { margin-bottom: 6px; }
.footer-column ul > li:last-child { margin-bottom: 0; }
.footer-column ul > li > a { text-decoration: underline; color: var(--color-blue); transition: var(--base-duration); }
.footer-column ul > li > a:focus,
.footer-column ul > li > a:hover { text-decoration: none; color: var(--color-text); }
.footer-column ul > li.last-item { margin-top: 36px; }
.footer .w-50 { width: var(--w-full); }
.footer .check { padding: 0 15px 15px; display: flex; align-items: center; font-size: 14px; }
.footer .check input { margin-right: 10px; }



.footer-form { margin-bottom: 8px; padding: 0 15px; }
.footer-input { margin-bottom: 10px; }
.footer-input input { padding: 10px; color: rgba(1, 1, 3, 0.8); border: 1px solid #e1e8f0; }
.footer-input input::placeholder { color: rgba(1, 1, 3, 0.8); }
.footer-submit .button { padding: 9px 20px 8px; width: var(--w-full); }
.footer-check { padding-left: 26px; position: relative; display: inline-block; font-size: 12px; color: rgba(0, 0, 0, 0.6); }
.footer-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid var(--color-blue); }
.footer-check input[type='checkbox']:checked:after { background-color: var(--color-blue); }
.footer-check span { display: inline-block; }
.footer-check a { text-decoration: underline; color: rgba(0, 0, 0, 0.6); transition: var(--base-duration); }
.footer-check a:focus,
.footer-check a:hover { text-decoration: none; color: var(--color-black); }

.footer_formulier .gform_fields{ display: flex; position: relative; justify-content: space-between; gap:10px; padding-bottom: 40px; }
.footer_formulier .gfield_label{ display: none; }
.footer_formulier fieldset{border:none; position: absolute; left: 4px; bottom:0; z-index: 10;}
.footer_formulier fieldset .ginput_container{ display: flex; justify-content: flex-start; gap:10px; align-items: center; }
.footer_formulier .gfield_required{ display: none; }
.footer_formulier  #field_1_1{flex-grow: 2;}
.footer_formulier  #field_submit{flex-grow: 1;}
.footer_formulier input{ border: 1px solid var(--color-blue);}
.footer_formulier #gform_submit_button_1{ color: var(--color-white); border: 1px solid var(--color-blue); background-color: var(--color-blue); }
.footer_formulier #gform_submit_button_1:hover{background-color: var(--color-blue-hover);}
.footer_formulier #gform_fields_1{ padding-left: 4px; padding-right: 4px; }


/* ### copyright ### */
.copyright-wrap { padding: 10px 15px 5px; font-size: 12px; text-align: center; }
.copyright-wrap p { margin-bottom: 0; }
.copyright-item { margin-bottom: 10px; padding: 12px 0; border-top: 1px solid rgba(1, 1, 3, 0.1); border-bottom: 1px solid rgba(1, 1, 3, 0.1); }
.copyright-item:last-child { margin-bottom: 0; }
.copyright-nav { margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.copyright-nav > li { font-size: 14px; font-weight: 300; }
.copyright-nav > li:after { margin: 0 10px; display: inline-block; width: 1px; height: 12px; vertical-align: middle; background-color: var(--color-black); content: ''; }
.copyright-nav > li:last-child:after { display: none; }
.copyright-nav > li > a { color: var(--color-black); transition: var(--base-duration); }
.copyright-nav > li > a:focus,
.copyright-nav > li > a:hover { text-decoration: underline; color: var(--color-primary); }
.copyright-logo { display: flex; align-items: center; justify-content: center; }
.copyright-logo > li { margin-right: 6px; }
.copyright-logo > li:last-child { margin-right: 0; }
.copyright-partners { display: flex; align-items: center; justify-content: center; }
.copyright-partners > li { margin-right: 6px; font-size: 14px; font-weight: 300; }
.copyright-partners > li:last-child { margin-right: 0; }

/* ### proposal ### */
.proposal { padding-top: 7px; padding-bottom: 7px; position: fixed; bottom: 0; left: 0; z-index: 10; width: var(--w-full); background-color: var(--color-white); box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); padding-left: 20px; padding-right: 20px; }
.proposal h4 { display: none; }
.proposal-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 12px; }
.proposal-right p:last-of-type { margin-bottom: 10px; }
.proposal-right strong { font-size: 20px; font-weight: 700; }
.proposal-right .button { width: var(--w-full); }


.seperator{ width: 100%; padding-top: 40px; padding-bottom: 40px;  }
.seperator_inner{  border-bottom: 1px solid var(--color-light-blue); height: 0px;}

/* #Media Queries
================================================== */

@media only screen and (min-width: 479px) {
	.usp .swiper-slide { font-size: 12px; }
	.people-item { display: flex; }
	.people-item-image { width: 40%; }
	.people-item-text { width: 60%; }
	.travelling-holder { grid-template-columns: auto auto; }
	.info-content-holder { grid-template-columns: auto auto auto; }
}

@media only screen and (min-width: 767px) {
	.h1,
	h1 { font-size: var(--font-size-h1); }
	.h2,
	h2 { font-size: var(--font-size-h2); }
	.h3,
	h3 { font-size: var(--font-size-h3); }
	.h4,
	h4 { font-size: var(--font-size-h4); }
	.h5,
	h5 { font-size: var(--font-size-h5); font-weight: 500; }
	
	
	.button-wrap a { width: unset; }
	.banner-content { padding: 40px 0; display: flex; align-items: flex-start; justify-content: center; min-height: 620px; flex-direction: column;  }
	.banner-content h1 { font-size: 36px; }
	.banner .button { margin-right: 15px; margin-bottom: 0; display: inline-block; }
	.banner .link { display: inline-block; text-align: center; }
	.banner-info { margin-top: 60px; padding: 25px 40px 35px 40px; max-width: 720px; border-radius: 80px 0 80px 80px; background-color: rgba(109, 149, 88, 0.6); }
	.banner.is-alt { margin-bottom: 60px; }
	.banner.is-alt .banner-info { margin-top: 96px; padding: 39px 80px 42px; }
	.banner.is-alt .breadcrumbs { margin-top: 18px; }
	.banner .breadcrumbs { margin-top: 18px; }
	.blog-holder { margin: 0 -10px 80px; display: flex; }
	.blog-left { margin-bottom: 0; padding: 0 10px; width: 65%; }
	.blog-right { padding: 0 10px; width: 35%; }
	.blog-right-image { border-radius: 10px 0 10px 10px; }
	.blog-wrapper { display: flex; justify-content: space-between; align-items: stretch; }
	.blog-text { margin-bottom: 0; padding: 30px 35px; width: 50%; border-right: none; border-bottom: 1px solid var(--color-light-blue); border-radius: 10px 0 0 10px; }
	.blog-image { width: 50%; border-radius: 0 0 10px; overflow: hidden; }
	.blog-wrapper.alt .blog-text { order: 2; border-right: 1px solid var(--color-light-blue); border-left: none; border-radius: 0 0 10px; }
	.blog-wrapper.alt .blog-image { border-radius: 10px 0 0 10px; }
	.travel-holder { grid-template-columns: auto auto; }
	.card-travel-content { padding: 24px 30px 30px; }
	.card-travel-image img { width: 100%; }
	.filter { margin-bottom: 80px; }
	.filter-holder { grid-template-columns: auto auto; }
	.card-filter-body { padding: 27px 30px 30px; }
	.banner-form-wrap { display: flex; gap: 15px; }
	.banner-form-field { margin-bottom: 0; width: 33.33%; }
	.reviews { padding-top: 70px; padding-bottom: 80px; }
	.reviews-holder { grid-template-columns: auto auto; }
	.reviews-item { padding: 26px 29px 30px; }
	.destination-holder { grid-template-columns: auto auto; }
	.tips { padding-top: 70px; padding-bottom: 80px; }
	.nature-content { padding: 40px 0; display: flex; align-items: center; min-height: 620px; }
	.nature-content h1 { font-size: var(--font-size-h1); }
	.nature .button { margin-right: 15px; margin-bottom: 0; display: inline-block; }
	.nature .link { display: inline-block; text-align: center; }
	.nature-info { margin-top: 65px; padding: 75px; max-width: 720px; border-radius: 100px 0 100px 100px; background-color: rgba(109, 149, 88, 0.6); }
	.nature.is-alt .nature-info { margin-top: 0; margin-bottom: 103px; padding: 72px 75px 81px 80px; max-width: 685px; font-size: 18px; line-height: 1.55; border-radius: 0 0 100px 100px; }
	.destinations-right-holder { line-height: 1.75; column-count: 2; column-gap: 35px; }
	.people-item { align-items: center; border-radius: 100px 0 100px 100px; }
	.people-item-image { width: 31.7%; border-bottom-right-radius: 100px; }
	.people-item-text { width: 68.3%; }
	.contact-info { display: flex; justify-content: space-between; }
	.contact-person-info { padding: 30px 40px; }
	.card-form { padding: 70px 40px; }
	.card-form-group { margin: 0 -7px; display: flex; justify-content: space-between; }
	.card-form-field { margin-bottom: 20px; padding: 0 7px; }
	.card-form-tnc { margin-top: 3px; display: flex; justify-content: space-between; }
	.card-form-tnc button { width: auto; min-width: 220px; }
	.card-form-tnc .check { margin-bottom: 2px; }
	.w-50 { width: 50%; }
	.tabs { margin-bottom: 80px; }
	.travel-links { display: flex !important; justify-content: space-between; column-gap: 30px; margin: 0 auto 0; border: none; }
	.tabs .panel { display: none; }
	.tab-holder { display: flex; justify-content: space-between; align-items: center; margin: 40px 0; }
	.tab-info { width: 61.5%; }
	.tab-image { width: 36.5%; }
	.tab-text { border-radius: 100px 0 100px 100px; padding: 38px 108px; }
	.tab-button-wrap { display: flex; justify-content: center; margin-top: 40px; }
	.card-tab-holder { grid-template-columns: auto auto; }
	.practical-wrap { margin-bottom: 40px; }
	.tabs-right-body { padding: 23px 40px 40px; }
	.travel-tab-list .show-link { display: none; }
	.tabs .show-link:after { display: none; }
	.info { margin-bottom: 58px; }
	.info-left { display: flex; }
	.info-left-image { width: 36.3%; border-radius: 10px 0 0 10px; }
	.info-left-content { padding: 25px 30px; width: 63.7%; border-top: 1px solid var(--color-light-blue); border-left: none; border-radius: 0 0 10px; }
	.book-left { margin: 0 -8px 30px; display: flex; justify-content: center; }
	.book-right { display: flex; align-items: center; }
	.book-image-first { margin-bottom: 0; }
	.book-form { margin: 0 auto; width: 72%; max-width: 612px; }
	.book-image-third { padding: 0 8px; width: 28%; }
	.help { text-align: center; }
	.help-holder { padding-top: 76px; padding-bottom: 76px; }
	.help-text ul { display: flex; justify-content: center; }
	.help-text ul > li { margin-right: 16px; margin-bottom: 0; }
	.help-text ul > li:last-child { margin-right: 0; }
	.help-text .button { width: auto; min-width: 260px; }
	.journey-holder { padding: 63px 50px; border-radius: 50px 0 50px 50px; }
	.journey-top { margin: 35px 0 16px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.journey-middle { margin-bottom: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
	.journey-bottom { margin-bottom: 35px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
	.journey-button-wrap { margin-top: 35px; display: flex; gap: 16px; justify-content: center; }
	.journey-button-wrap .button { margin-bottom: 0; max-width: 308px; }
	.social-info-holder { display: flex; align-items: center; justify-content: space-between; text-align: unset; }
	.social-info h3 { margin-bottom: 0; }
	.social-info ul { justify-content: unset; }
	.footer-social-media { padding-top: 5px; }
	.scroll-links { top: 120px; }
	body.active .scroll-links { top: 80px; }
	.scroll-links ul { display: flex; }
	.scroll-links .d-phone { display: none; }
	.information-holder {  }
	.information-column { margin-bottom: 0; }
	.information-block span:last-of-type { margin-bottom: 36px; }
	.information-wrap { display: grid; grid-column-gap: 20px; grid-template-columns: repeat(2, 1fr); }
	.highlights-wrap { }
	.highlights-title { margin-bottom: 43px; }
	.highlights-block { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
	.highlights-info { width: 50%; }
	.highlights-image { width: 46%; }
	.program { padding-top: 100px; }
	.program-top { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.program-top-content { width: 58.1%; }
	.program-top-image { margin-bottom: 40px; width: 40.9%; }
	.program select { margin-top: -10px; }
	.card-faq-content p:last-of-type { margin-bottom: 41px; }
	.card-faq-image { display: grid; grid-column-gap: 15px; grid-template-columns: repeat(3, 1fr); }
	.card-faq-image img { margin-bottom: 0; }
	.card-faq-block { padding: 26px 110px 34px; border-radius: 100px 0 100px 100px; }
	.accommodate {  }
	.accommodate-title { margin-bottom: 60px; }
	.accommodate-holder { display: grid; grid-column-gap: 16px; grid-template-columns: repeat(2, 1fr); }
	.accommodate-block { padding: 26px 80px 42px; border-radius: 100px 0 100px 100px; }
	.accommodate-block h3 { margin-bottom: 22px; font-size: 24px; }
	.proposal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
	.proposal h4 { margin-bottom: 0; display: block; font-family: var(--font-family-base); font-weight: 700; }
	.proposal-right { width: 37.6%; }
	.proposal-right p:last-of-type { margin-bottom: 0; }
	.proposal-right .button { max-width: 308px; }
	.footer_formulier #gform_fields_1{ padding-left: 0px; padding-right: 0px; }
	
	
	.book-form #field_2_1{width:48%; margin-bottom: 20px;}
	.book-form #field_2_3{width:48%; margin-bottom: 20px;}
	.book-form #field_2_4{width:58%; display: flex; align-items: center; margin-bottom: 0px;}
	.book-form #field_2_4 .gfield_label{ display:none; }
	.book-form #field_submit{width:38%;}
	
	
	
	.contact .gfield{ margin-bottom: 20px; }
	.contact .gfield_html{ width: 100%; }
	.contact .gfield--width-half{ width: 49%; } 
	.contact .gfield--width-quarter{ width: 24.7%; }
	.contact .screen-reader-text{ display: none; }
	.contact .gfield--input-type-select{ width: 49%; }
	.contact .gfield--width-full{ width: 100%; }
	.contact .gfield_select{ background-color: #ffffff;}
	.contact .gchoice{ display: flex; gap: 12px; align-items: center; }
	.contact .gform_submission_error{ font-size: 16px; color: #ff0000; }
	.contact .gfield_error input{ border:1px solid #ff0000; }
	.contact .validation_message{ display: none; }
	.contact .gf_page_steps{ display: flex; pag:10px; justify-content: space-between; margin-bottom: 20px; }
	.contact .gf_step_number{ border-radius: 10px 0 10px 10px; border: 1px solid var(--color-blue); padding: 4px 10px; }
	.contact .gf_step{ display: flex; justify-content: flex-start; gap:6px; align-items: center; }
	.contact .gf_step_active .gf_step_number{ background: #587d8e; color: white; }
	.contact .gform_next_button, .gform_previous_button{ width: 40%; margin-bottom: 20px; } 
	.contact .gform_page_footer{ display: flex; pag:10px; justify-content: space-between; }
	
	
	.contact #field_3_1{width:48%; margin-bottom: 20px;}
	.contact #field_3_3{width:48%; margin-bottom: 20px;}
	.contact #field_3_4{width:48%; margin-bottom: 20px;}
	.contact #field_3_5{width:48%; margin-bottom: 20px;}
	.contact #field_3_6{width:100%; margin-bottom: 20px;}
	.contact #field_3_7{width:100%; margin-bottom: 20px;}
	.contact #field_3_8{width:58%; display: flex; align-items: center; margin-bottom: 0px;}
	.contact #field_3_8 .gfield_label{ display:none; }
	.contact #field_submit{width:38%;}
	
	
	.gfield_list_group{ flex-direction: row; }
	.gfield_list_group .gfield_list_group_item{ width: 16.6%; margin-bottom: 0px; }
	
	
	.alle_dagen_btn_holder{ flex-direction: row; }
	
	.desktop_dag_afbeeldingen{ display: grid; }
	.mobiel_dag_afbeeldingen{ display: none; }
	
	.contact .gf_page_steps{ display: flex; gap:10px; justify-content: space-between; flex-direction: row; margin-bottom: 20px; }
	.contact .gf_page_steps .gf_step{ margin-bottom: 0px; }
}

@media only screen and (min-width: 1025px) {
	.centered,
	.centered-lg { padding-left: 80px; padding-right: 80px; }
	.header { padding-top: 0; padding-bottom: 0; }
	.header-main { padding: 0; position: relative; display: flex; flex-wrap: wrap; justify-content: center; }
	.header-menu { display: flex; align-items: center; justify-content: space-between; margin-right: 100px; }
	.mobile-menu { display: none; }
	.header-menu ul > li { margin-right: 62px; font-size: 16px; }
	.header-menu .button { font-size: var(--font-size-base); }
	.header-logo { position: absolute; top: 13%; left: 0; }
	body.active .header-logo { top: 6%; }
	body.active .header-logo a { max-width: 70px; }
	.header-logo a { max-width: 246px; }
	.usp .swiper-slide { opacity: 1 !important; width: 33.33% }
	.banner-content { min-height: 475px; }
	.blog-text { padding: 54px 60px; border-right: none; border-radius: 10px 0 0 10px; }
	.filter-holder { grid-template-columns: 33.3% 33.3% 33.3%; }
	.travel-holder { grid-template-columns: 33.3% 33.3% 33.3%; }
	.reviews-holder { grid-template-columns: 33.3% 33.3% 33.3%; }
	.destination-holder { grid-template-columns: 25% 25% 25% 25%; row-gap: 30px; }
	.tips-item { width: 33.33%; }
	.tips-holder { flex-wrap: unset; }
	.destinations-holder { display: flex; justify-content: space-between; }
	.destinations-left { width: 31.1%; }
	.destinations-image { height: 100%; }
	.destinations-right { padding: 80px 0; width: 64.4%; }
	.intro.is-alt .intro-holder { flex-direction: row-reverse; }
	.intro-holder { display: flex; justify-content: space-between; }
	.intro-left { margin-bottom: 0; width: 43.5%; }
	.intro-center { margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; width: 33.7%; }
	.intro-right { margin-bottom: 0; width: 13.6%; }
	.travel-tab-list { width: 100%; }
	.travel-tab-list .show-link { display: none; }
	.travel-links { column-gap: 55px; }
	.tabs-wrapper { margin: 0 -8px; display: flex; }
	.tabs-left { margin-bottom: 0; padding: 0 8px; width: 66.7%; }
	.tab-title { width: 66.3%; }
	.tabs-right { margin-top: -20px; padding: 0 8px; width: 33.3%; }
	.people-holder { grid-template-columns: auto auto; }
	.people-item { align-items: unset; border-radius: 100px 0 100px 100px; }
	.contact-information { padding: 15px 60px; display: flex; justify-content: space-between; }
	.contact-item.w-70 { margin-bottom: 0; padding-top: 5px; width: 61%; }
	.contact-item.w-30 { width: 30%; }
	.contact-holder { margin: 0 -7px; display: flex; }
	.contact-left { margin-bottom: 0; padding: 0 7px; width: 66.7%; }
	.contact-right { padding: 0 7px; width: 33.3%; }
	.card-form { padding: 70px 40px 78px; }
	.request-holder { grid-template-columns: 1fr 1fr; align-items: center; column-gap: 15px; }
	.request-left { margin-bottom: 0; padding-right: 37px; }
	.request.is-alt .request-left { padding-top: 0; padding-left: 37px; }
	.request-wrap .request-item { padding: 19px 29px 17px; }
	.request.is-alt .flight { bottom: -201px; }
	.help-image { position: absolute; bottom: 0; left: 0; display: block; }
	.help-image.right { position: absolute; right: 0; bottom: 0; left: unset; }
	.highlights-block { align-items: center; }
	.highlights-info { width: 54%; }
	.highlights-image { width: 40.9%; }
	.accommodate-holder { grid-template-columns: repeat(3, 1fr); }
	.accommodate-block { padding: 26px 109px 42px; }
	.journey-holder { padding: 63px 108px 80px; border-radius: 100px 0 100px 100px; }
	.footer-information { padding-top: 72px; padding-bottom: 22px; }
	.footer-information .footer-title { margin-bottom: 10px; }
	.footer-item { margin-bottom: 0; width: 25.4%; border: 0; border-radius: 0; }
	.footer-item.w-50 { padding-left: 4px; width: 44%; }
	.footer-item.w-30 { padding-left: 110px; width: 27%; }
	.footer-title { margin-bottom: 10px; padding: 0; font-size: 22px; }
	.footer-title:after { display: none; }
	.footer-form { padding: 0 215px 0 0; position: relative; }
	.footer-info { padding: 0 0 0 31px; }
	.footer-input { margin-bottom: 0; }
	.footer-submit { position: absolute; top: 0; right: 0; }
	.footer-submit .button { width: auto; min-width: 205px; }
	.hidden-menu { padding: 0; display: block !important; height: auto !important; }
	.footer-holder { margin: 0 -10px; padding-top: 72px; padding-bottom: 80px; display: flex; flex-wrap: wrap; }
	.footer-column { margin-bottom: 0; padding: 0 10px; width: 25%; }
	.footer-gap { border: 0; border-radius: 0; }
	.footer-gap:last-child { margin-bottom: 0; }
	.footer .check { padding: 0; }
	.footer-social-media { padding: 0; }
	.footer-column ul { padding: 0; }
	.copyright-item { margin-bottom: 0; display: flex; align-items: center; justify-content: center; }
	.copyright-nav { margin-bottom: 0; }
	.copyright-logo { padding-left: 21px; }
	.proposal-right { justify-content: flex-end; width: 50%; }
	.proposal-right p { margin-right: 20px; }
}

@media only screen and (min-width: 1199px) {
	.wrapper { padding-top: 40px; }
	.header-menu { margin-right: 0; }
	.usp .swiper-slide { font-size: 14px; }
	.blog-left { width: 74.8%; }
	.blog-right { width: 25.2%; }
	.people-item-text { padding: 35px 40px; }
	.info-holder { margin: 0 -7px; display: flex; }
	.info-left { margin-bottom: 0; padding: 0 7px; width: 66.7%; }
	.info-right { padding: 0 7px; width: 33.3%; }
	.request .flight { position: absolute; bottom: -68px; left: 22px; pointer-events: none; }
	.contact-information { padding: 15px 80px; }
}


@media only screen and (min-width: 1310px) {
	body.active .header { transform: translateY(-40px); }
	.book-holder { display: flex; justify-content: space-between; }
	.book-left { margin-bottom: 0; justify-content: unset; width: 45%; }
	.book-right { width: 54%; }
	.travel-links { column-gap: 79px; }
}


@media only screen and (min-width: 1440px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
}

@media only screen and (min-width: 1790px) {
	.centered-lg { padding-right: calc((100% - var(--width-large)) / 2); padding-left: calc((100% - var(--width-large)) / 2); }
}