/*!
Theme Name: Smaakverkenners
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smaakverkenners
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/ 


/* Algemene styling */
.bereikbaarheidmelding {
	font-size: 11px;
}

@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Voltaire';
	font-style: normal;
	font-weight: 400;
}

body {
	font-family: Voltaire, Helvetica, Arial, Lucida, sans-serif;
	background: #000;
	color: #004c69;
	margin: 0px;
	overflow-x: hidden;
}

h1 {
	font-size: 50px;
	line-height: 50px;
}

h2 {
	font-size: 40px;
	line-height: 40px;
}

h3,
h4 {
	font-size: 30px;
	line-height: 30px;
}

.header-cadeau .knop-a p,
.knop-a p,
.knop-b p {
	font-family: Voltaire, Helvetica, Arial, Lucida, sans-serif;
	margin-top: 15px;
	margin-bottom: 15px !important;
}

.knop-a img,
.knop-b img {
	width: 20px;
	height: 20px;
}

.ondertitel {
	font-size: 22px;
	margin-bottom: 27px;
}

.knoppen-sectie-header {
	margin-top: 27px;
}

p {
	font-family: 'Lora', Georgia, "Times New Roman", serif;
}

.sectie .rightseo a,
a {
	color: #154c69;
}

.container {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.sectie {
	padding-top: 54px;
	padding-bottom: 54px;
}

.text-wit a {
	color: #fff;
}

@media only screen and (max-width: 1280px) {
	.container {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	h1 {
		font-size: 36px;
		line-height: 36px;
	}

	h2 {
		font-size: 32px;
		line-height: 32px;
	}

	h3 {
		font-size: 24px;
		line-height: 24px;
	}

	.sectie-header {
		height: 750px !important;
	}

	body .knoppen-sectie-header {
		width: 80%;
	}
}

/* header-menu */

.knoppen-sectie-header {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}

.width-60 .knoppen-sectie-header {
	width: 50%;
}

.navigatie-header {
	background-image: linear-gradient(90deg, #1f5046 0, #4fa692 100%);
	border-bottom: 4px solid #fff;
}

.navigatie-header nav {
	display: flex;
	justify-content: space-between;
	margin-left: 27px;
	margin-right: 27px;
}

.navigatie-header .menu-deel-1 {
	justify-content: left;
	padding-left: 0px;
}

.navigatie-header .menu-deel-2 {
	justify-content: right;
	padding-left: 0px;
}

.navigatie-header .menu-deel-logo {
	padding-left: 0px;
}

.navigatie-header a {
	color: #fff;
}

header {
	z-index: 999;
}

.navigatie-header ul {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 0px;
}

.navigatie-header li {
	list-style-type: none;
	font-size: 20px;
	text-decoration: underline;
	padding: 20px;
}

.text-wit {
	color: #fff;
}

.logo {
	width: 160px;
}

.logo-div {
	position: absolute;
	top: 55px;
	max-width: 160px;
	z-index: 999;
}

.logo-afb-1 {
	width: 100%;
	height: 100%;
}

.logo-afb-2 {
	width: 200px;
	margin-left: -27px;
	margin-top: -27px;
}

.knop-bestel a {
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 22px;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	display: flex;
	align-items: center;
	background-position: center;
	color: #fff;
	display: flex;
	justify-content: space-between;
	border: 2px solid #ffff;
}

.knop-bestel p {
	font-family: Voltaire, Helvetica, Arial, Lucida, sans-serif;
	margin-top: 15px;
	margin-bottom: 15px !important;
}

.knop-h-bg {
	background: linear-gradient(90deg, #EE7A3D 0, #F3B173 100%);
	padding: 4px !important;
	margin-bottom: 15px;
	margin-top: 15px;
	box-shadow: 12px 12px 0px -6px rgba(0, 0, 0, 0.5);
	text-decoration: none !important;
	margin-left: 27px;
}

.knop-h-bg p {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 18px;
}

.knop-h-bg img {
	width: 20px;
	height: 20px;
}

.navigatie-header .dropdown-content {
	display: none;
	position: absolute;
	top: auto;
	/* Position it directly below the button */
	margin-top: 10px;
	right: auto;
	width: auto;
	/* Make the dropdown as wide as the button */
	background-color: #f9f9f9;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	padding: 5px;
	z-index: 1000;
	opacity: 0;
	/* Start hidden */
	transform: translateY(-50px);
	/* Start slightly above its final position */
	transition: all 0.3s ease;
	/* Animate the slide down */
}

.navigatie-header .dropdown-content.show {
	display: block;
	/* Show the dropdown */
	opacity: 1;
	/* Fully opaque */
	transform: translateY(0);
	/* Slide into place */
	padding-left: 5px;
}

.navigatie-header .dropdown-content li {
	list-style: none;
	padding: 0px;
	display: flex;
	justify-content: left;
	align-items: center;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
}

.navigatie-header .dropdown-content li a {
	color: black;
	padding: 8px 16px;
	text-decoration: none;
	display: block;
	border-radius: 4px;
	transition: background-color 0.3s ease;
	font-size: 16px;
}

.navigatie-header .dropdown-content li:hover {
	background-color: #fae9ca;
}

.navigatie-header .dropdown-content li a:hover {
	text-decoration: none;
}

.stad-icon {
	width: 30px;
	border-radius: 30px;
}

#mobile-logo {
	display: none;
}

#mobile {
	display: none;
}

#desktop {
	display: block;
}

.hidden {
	display: none;
}

@media only screen and (max-width: 1280px) {
	.hamburger {
		position: absolute;
	}

	.hamburger,
	.cross {
		transform: translate(-50%, -50%);
	}

	.hamburger span {
		display: block;
		width: 18px;
		height: 2px;
		margin-bottom: 3px;
		overflow: hidden;
		position: relative;
	}

	.hamburger span:last-child {
		margin: 0;
	}

	.hamburger span:before,
	.hamburger span:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
		transform: translateX(-200%);
		transition: transform ease 100ms;
	}

	.hamburger span:after {
		transform: translateX(0);
	}

	.hamburger span:nth-child(2):before,
	.hamburger span:nth-child(2):after {
		transition-delay: 75ms;
	}

	.hamburger span:last-child:before,
	.hamburger span:last-child:after {
		transition-delay: 150ms;
	}

	.mobiel-icon:hover .hamburger span:before {
		transform: translateX(0);
	}

	.mobiel-icon:hover .hamburger span:after {
		transform: translateX(200%);
	}

	.mobiel-icon.active .hamburger span:before {
		transform: translateX(100%);
	}

	.mobiel-icon.active .hamburger span:after {
		transform: translateX(200%);
	}

	.cross span {
		display: block;
		width: 18px;
		height: 2px;
		background-color: #fff;
		transform: translateY(50%) rotate(45deg) scaleX(0);
		transition: transform ease 200ms;
	}

	.cross span:last-child {
		transform: translateY(-50%) rotate(-45deg) scaleX(0);
	}

	.mobiel-icon.active .cross span {
		transition-delay: 400ms;
		transform: translateY(50%) rotate(45deg) scaleX(1);
	}

	.mobiel-icon.active .cross span:last-child {
		transform: translateY(-50%) rotate(-45deg) scaleX(1);
	}


	#desktop {
		display: none;
	}

	#mobile-logo {
		display: block;
		z-index: 999;
	}

	#mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30px 25px 25px 25px;
		background-image: linear-gradient(90deg, #1f5046 0, #4fa692 100%);
		border-bottom: 4px solid #fff;
		z-index: 999;
	}

	.menu-icon {
		font-size: 30px;
		cursor: pointer;
		color: #fff;
	}

	.logo {
		display: flex;
		align-items: center;
		position: absolute;
		width: 100%;
		text-align: center;
	}

	.logo img {
		margin-right: auto;
		margin-left: auto;
		width: 150px;
		height: auto;
		margin-top: -35px;
	}

	nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 250px;
		background-color: #fff;
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out;
	}

	nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		border: 1px solid #fff;
	}

	nav ul li {
		border-bottom: 1px solid #ffffff57;
	}

	#mobile-menu>ul>li:nth-child(6) {
		border-bottom: 0px !important;
		background-image: linear-gradient(90deg, #1f5046 0, #4fa692 100%);
		border-radius: 10px;
	}

	#mobile-menu>ul>li:nth-child(6) a {
		padding-bottom: 0px;
		color: #fff;
	}

	nav ul li a {
		color: #0b4b64;
		text-decoration: none;
		display: block;
		padding: 15px;
	}


	#mobile-menu.show {
		transform: translateX(0);
		z-index: 999;
		display: block;
		height: auto;
		margin: 55px 5px 5px 5px;
		padding: 4px;
		color: #0b4b64;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		border-radius: 10px;
	}

	#mobile-menu .knop-a {
		padding: 15px 0px 20px 0px;
		font-size: 16px;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	.hidden {
		display: none;
	}

	#mobile-menu .dropdown-content {
		border: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 15px;
		margin-right: 15px;
		        display: flex
;
        flex-direction: column;
        gap: 10px;
	}

	#mobile-menu .dropdown-content a {
		padding: 0px;
		margin-left: 5px;
		color: #0b4b64 !important;
		padding-bottom: 0px !important;
		width: 100%;
	}

	#mobile-menu .dropdown-content li {
		padding: 5px;
		display: flex;
		justify-content: left;
		border-bottom: 0px;
		align-items: center;
		background-color: #fff;
		border-radius: 20px;
	}

	#mobile-menu .dropdown-content li.active {
		padding: 5px;
		display: flex;
		justify-content: left;
		border-bottom: 0px;
		align-items: center;
		background-color: #fae9ca;
		border-radius: 20px;
	}



}

/* sectie header homepage */

.sectie-header {
	background: linear-gradient(90deg, #e09c7e 0, #815262 100%);
	background-size: cover;
	height: 950px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.sectie-header .text {
	z-index: 999;
}

.knop-a-bg {
	    background: linear-gradient(90deg, rgb(238, 122, 61) 0px, rgb(243, 177, 115) 100%);
	padding: 4px;
	margin-bottom: 15px;
	box-shadow: 12px 12px 0px -6px rgba(0, 0, 0, 0.5);
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.knop-b-bg {
	padding: 4px;
	margin-bottom: 15px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	border: 2px solid #fff;
}

.knop-a {
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 22px;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	display: flex;
	align-items: center;
	background-position: center;
	color: #fff;
	display: flex;
	justify-content: space-between;
	border: 2px solid #ffff;
}

.knop-b {
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 22px;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	display: flex;
	align-items: center;
	background-position: center;
	color: #fff;
	display: flex;
	justify-content: space-between;
	border: 2px solid #ffff;
}

.skyline {
	background-image: url(/wp-content/uploads/2024/08/skyline-deventer-smaakverkenners.svg);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: bottom right;
	bottom: 0;
	right: -150px;
	background-repeat: no-repeat;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* sectie plattegrond home */

.text-afbeelding {
	max-width: 50%;
}

.tweede-section {
	background-color: #f7caa2;
	background-image: url(/wp-content/uploads/2024/08/2312-SMA-Kleine-kaart-website-kopie.png-scaled.webp);
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1280px) {
	.text-afbeelding {
		max-width: 100%;
	}

	.tweede-section img {
		max-width: 100%;
	}

	.tweede-section {
		background-position: left;
		background-size: cover;
	}
}

/* sectie lijst home */

.derde-section {
	background: linear-gradient(90deg, #e09c7e 0, #815262 100%);
	padding-bottom: 0px;
}

.derde-section .skyline {
	background-position: top;
	background-image: url(/wp-content/uploads/2024/09/roos-1.png);
}

.lijst-sectie {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 4px solid #f9e2ac;
	padding: 27px;
	margin-bottom: 108px;
}

.lijst-sectie div {
	width: 50%;
	text-align: center;
}

.blauwe-sectie .knop-a-bg,
.lijst-sectie .knop-a-bg {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 27px;
}

.blauwe-sectie .afbeelding {
	border: 2px solid #fff;
}

.text-buton {
	padding-left: 54px;
	padding-right: 54px;
}

.lijst-sectie img {
	max-width: 100%;
}

.lijst-sectie span {
	font-size: 24px;
}

@media only screen and (max-width: 1280px) {
	.lijst-sectie {
		display: block;
	}

	.lijst-sectie div {
		width: 100%;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	.lijst-sectie .knop-a-bg {
		width: 80%;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.lijst-sectie img {
		max-width: 100%;
		height: auto;
	}
}

/* sectie reviews */

.vierde-section {
	background-image: linear-gradient(90deg, #f7caa2 0, #faecdf 36%) !important;
}

.vierde-section .ti-widget.ti-goog .ti-widget-container,
.vierde-section .ti-widget.ti-goog .ti-widget-container * {
	font-family: 'Lora', Georgia, "Times New Roman", serif;
	color: #004c69;
}

.vierde-section .ti-widget.ti-goog .ti-widget-container .ti-date,
.vierde-section .ti-widget.ti-goog .ti-widget-container .ti-name {
	color: #004c69;
}

.vierde-section .ti-next:after,
.vierde-section .ti-prev:after,
.vierde-section .ti-next:before,
.vierde-section .ti-prev:before {
	background: #004c69 !important;
	opacity: 0.5;
}

body .ti-widget.ti-goog .ti-controls-line {
	display: none !important;
}

@media only screen and (max-width: 1280px) {
	.review-sectie .ti-widget.ti-goog .ti-review-item>.ti-inner {
		padding: 0px !important;
		backdrop-filter: none;
	}

	.vijfde-section .blauwe-sectie {
		display: block;
	}

	.vijfde-section .blauwe-sectie img {
		max-width: 100%;
		height: auto;
	}

	.vijfde-section .text-buton {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* vijfde cta sectie */

.vijfde-section {
	background-image: url(/wp-content/uploads/2024/09/achtergrond.png);
	padding-top: 54px;
	padding-bottom: 54px;
}

.blauwe-sectie {
	display: flex;
	justify-content: center;
	align-items: center;
}

.vijfde-section p,
.vijfde-section span,
.vijfde-section h3 {
	text-align: center;
}

/* sectie logo slider */

.zesde-section {
	background: #fff;
	padding-top: 27px;
	padding-bottom: 27px;
}

.slider-container {
	position: relative;
	overflow: hidden;
	background-color: transparent;
}

.slider {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.slide {
	min-width: 20%;
	/* Show 5 logos per view */
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slide img {
	width: 80%;
	height: auto;
	padding: 20px;
	object-fit: contain;
}

/* Footer */

.sectie.footer {
	background-image: linear-gradient(0deg, #2e6a5e 0%, #4fa692 100%) !important;
	padding-bottom: 27px;
}

.voeter {
	display: flex;
}

.voeter a {
	color: #fff;
}

.voeter li {
	padding-bottom: 10px;
}

.voeter ul {
	list-style-type: none;
	padding-left: 0px;
}

.footer-kolom {
	width: 25%;
	padding-right: 54px;
}

body .footer-kolom p,
body .footer-kolom h3 {
	text-align: left!important;
}

.social-links {
	display: flex;
}

.social-links li {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.footer-kolom img {
	width: 100%;
}

.subvoeter {
	background-color: #1f5046;
	text-align: center;
	padding: 20px;
}

.subvoeter a {
	color: #fff;
}

@media only screen and (max-width: 1280px) {
	.voeter {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.footer-kolom {
		width: 100%;
		padding-right: 0px;
	}

}

/* Bestellen pagina */

/* sectie kopen */

.product-titel {
	margin-top: 0px;
}

.product-gallery {
	border-radius: 10px;
	margin-bottom: 27px;
}

.main-image {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.main-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
	object-fit: cover;
}

.thumbnail-images {
	display: flex;
	justify-content: space-between;
}

.thumbnail-images img {
	width: 15%;
	cursor: pointer;
	border-radius: 5px;
	transition: transform 0.3s ease;
}

.thumbnail-images img:hover {
	transform: scale(1.05);
}

.thumbnail-images img.active {
	border: 2px solid #faeac9;
}

.op-voorraad {
	position: absolute;
	padding: 10px 20px;
	background: #d4e5e1;
	border-radius: 20px;
	margin: 10px;
	color: #517d73;
}

.koop-1-section {
	background-image: url(/wp-content/uploads/2024/09/achtergrond.png);
	background-size: cover;
	padding-top: 162px;
	padding-bottom: 0px;
	background-color: #04475f;
}

.koop-sectie {
	display: flex;
	background: transparent;
	padding: 0px;
	border-radius: 20px;
	padding-bottom: 54px;
}

.koop-sectie .text-buton {
	width: 40%;
	padding-left: 0px;
}

.gform_required_legend {
	display: none;
}

.koop-sectie .koop-blok {
	width: 60%;
}

.gform-theme--framework .gfield_list_group_item::before,
.gform-theme--framework .gform-field-label {
	margin-bottom: 0px !important;
}

.gform-theme--foundation .gform_fields {
	row-gap: 0px !important;
}

#gform_20 input#input_20_3 {
    margin-top: 10px;
    margin-left: 10px;
}
#gform_22 #field_22_73,
#gform_21 #field_21_73,
#gform_20 #field_20_73 {
	display: none !important;
}
#gform_23,
#gform_22,
#gform_21,
#gform_19,
#gform_18,
#gform_17,
#gform_16,
#gform_15,
#gform_10,
#gform_9,
#gform_8,
#gform_7,
#gform_1,
#gform_2,
#gform_3,
#gform_4,
#gform_5,
#gform_6,
#gform_20 {
	background-color: #D4E5E1;
	padding: 27px;
	border-radius: 20px;
	margin-top: -16px;
	text-align: left;
}

#field_22_23,
#field_21_23,
#field_18_23,
#field_17_23,
#field_16_23,
#field_15_23,
#field_1_23,
#field_2_23,
#field_9_23,
#field_20_23 {
	background-color: #24594d1f;
	padding: 20px 27px 10px 27px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#field_22_43,
#field_21_43,
#field_18_43,
#field_17_43,
#field_16_43,
#field_15_43,
#field_1_43,
#field_2_43,
#field_20_43{
	background-color: #24594d1f;
	padding: 10px 27px;
}

#field_22_59,
#field_21_59,
#field_18_59,
#field_17_59,
#field_16_59,
#field_15_59,
#field_1_59,
#field_2_59,
#field_9_43,
#field_20_59 {
	background-color: #24594d1f;
	padding: 10px 27px 20px 27px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 20px;
}

#gform_22 label,
#gform_21 label,
#gform_19 label,
#gform_18 label,
#gform_17 label,
#gform_16 label,
#gform_15 label,
#gform_8 label,
#gform_7 label,
#gform_1 label,
#gform_2 label,
#gform_3 label,
#gform_4 label,
#gform_5 label,
#gform_20 label {
	color: #1e3c35;
}

#gfield_description_22_59,
#gfield_description_21_59,
#gfield_description_18_59,
#gfield_description_17_59,
#gfield_description_16_59,
#gfield_description_15_59,
#gfield_description_1_59,
#gfield_description_2_59
#gfield_description_20_59 {
	margin-top: 5px;
	color: #1e3c35;
	opacity: 0.7;
}

#field_22_34,
#field_21_34,
#field_20_34,
#field_18_34,
#field_17_34,
#field_16_34,
#field_15_34,
#field_1_34,
#field_2_34,
#field_9_34 {
	margin-top: 15px;
	margin-bottom: 0px;
}

#field_22_3,
#field_21_3,
#field_20_3,
#field_18_3,
#field_17_3,
#field_16_3,
#field_15_3,
#field_1_3,
#field_2_3,
#field_9_3 {
	display: flex;
	margin-top: 15px;
	margin-bottom: 10px;
}

#input_22_3,
#input_21_3,
#input_20_3,
#input_18_3,
#input_17_3,
#input_16_3,
#input_15_3,
#input_1_3,
#input_2_3 {
	color: #1e3c35;
	margin-left: 5px;
	margin-top: 10px;
}

#field_22_29 a,
#field_21_29 a,
#field_20_29 a,
#field_18_29 a,
#field_17_29 a,
#field_16_29 a,
#field_15_29 a,
#field_1_29 a,
#field_2_29 a {
	color: #1e3c35;
}

#field_21_18,
#field_21_9,
#field_21_35,
#field_21_17,
#field_21_14,
#field_20_18,
#field_20_9,
#field_20_35,
#field_20_17,
#field_20_14,
#field_18_18,
#field_18_9,
#field_18_35,
#field_18_17,
#field_18_14,
#field_17_18,
#field_17_9,
#field_17_35,
#field_17_17,
#field_17_14,
#field_16_18,
#field_16_9,
#field_16_35,
#field_16_17,
#field_16_14,
#field_15_18,
#field_15_9,
#field_15_35,
#field_15_17,
#field_15_14,
#field_9_18,
#field_9_9,
#field_9_35,
#field_9_17,
#field_9_14,
#field_1_18,
#field_1_9,
#field_1_35,
#field_1_17,
#field_1_14,
#field_2_18,
#field_2_9,
#field_2_35,
#field_2_17,
#field_2_14 {
	margin-top: 15px;
}

#gform_submit_button_23,
#gform_submit_button_22,
#gform_submit_button_21,
#gform_submit_button_20,
#gform_submit_button_19,
#gform_submit_button_18,
#gform_submit_button_17,
#gform_submit_button_10,
#gform_submit_button_9,
#gform_submit_button_8,
#gform_submit_button_7,
#gform_submit_button_2,
#gform_submit_button_1,
#gform_submit_button_3,
#gform_submit_button_4,
#gform_submit_button_5,
#gform_submit_button_6,
#gform_submit_button_14,
#gform_submit_button_15,
#gform_submit_button_16 {
	background: url(/wp-content/uploads/2024/08/button-nav-bestel.webp);
	background-repeat: no-repeat;
	background-size: auto;
	font-size: 18px;
	text-decoration: none;
	display: flex;
	align-items: center;
	background-position: center;
	width: 192px;
	height: 67px;
	padding-bottom: 5px;
}

#field_22_60 {
position: absolute;
                    opacity: 0;
}

#field_22_60,
#field_21_60,
#field_20_60,
#field_18_60,
#field_17_60,
#field_16_60,
#field_15_60,
#field_1_60,
#field_2_60 {
	display: flex;
	background: #bed4cf;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
	color: #fff;
}

#field_22_60 label,
#field_21_60 label,
#field_20_60 label,
#field_18_60 label,
#field_17_60 label,
#field_16_60 label,
#field_15_60 label,
#field_1_60 label,
#field_2_60 label {
	margin-right: 5px;
}

#field_22_60 .ginput_product_price_label,
#field_21_60 .ginput_product_price_label,
#field_20_60 .ginput_product_price_label,
#field_18_60 .ginput_product_price_label,
#field_17_60 .ginput_product_price_label,
#field_16_60 .ginput_product_price_label,
#field_15_60 .ginput_product_price_label,
#field_1_60 .ginput_product_price_label,
#field_2_60 .ginput_product_price_label {
	display: none;
}

#field_22_65,
#field_21_65,
#field_18_65,
#field_17_65,
#field_16_65,
#field_15_65,
#field_1_65,
#field_2_65,
#field_9_65,
#field_20_65 {
	padding: 15px 27px;
	background: #24594d1f;
	border-radius: 20px;
	margin-top: 15px;
}

#field_22_65 .gform-field-label,
#field_21_65 .gform-field-label,
#field_18_65 .gform-field-label,
#field_17_65 .gform-field-label,
#field_16_65 .gform-field-label,
#field_15_65 .gform-field-label,
#field_1_65 .gform-field-label,
#field_2_65 .gform-field-label,
#field_9_65 .gform-field-label,
#field_20_65 .gform-field-label {
	margin-bottom: 10px !important;
}

.gform_wrapper #field_22_65 .gfield_radio li,
.gform_wrapper #field_21_65 .gfield_radio li,
.gform_wrapper #field_18_65 .gfield_radio li,
.gform_wrapper #field_17_65 .gfield_radio li,
.gform_wrapper #field_16_65 .gfield_radio li,
.gform_wrapper #field_15_65 .gfield_radio li,
.gform_wrapper #field_1_65 .gfield_radio li,
.gform_wrapper #field_2_65 .gfield_radio li,
.gform_wrapper #field_9_65 .gfield_radio li,
.gform_wrapper #field_20_65 .gfield_radio li{
	background: #24594d1f;
	border-radius: 30px;
	display: flex !important;
	align-items: center;
	padding: 5px;
	width: 100% !important;
}

#field_22_65 ul,
#field_21_65 ul,
#field_18_65 ul,
#field_17_65 ul,
#field_16_65 ul,
#field_15_65 ul,
#field_1_65 ul,
#field_2_65 ul,
#field_9_65 ul,
#field_20_65 ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.gform_wrapper #field_22_65 .gfield_radio li img,
.gform_wrapper #field_21_65 .gfield_radio li img,
.gform_wrapper #field_18_65 .gfield_radio li img,
.gform_wrapper #field_17_65 .gfield_radio li img,
.gform_wrapper #field_16_65 .gfield_radio li img,
.gform_wrapper #field_15_65 .gfield_radio li img,
.gform_wrapper #field_1_65 .gfield_radio li img,
.gform_wrapper #field_2_65 .gfield_radio li img,
.gform_wrapper #field_9_65 .gfield_radio li img,
.gform_wrapper #field_20_65 .gfield_radio li img {
	margin-right: 0px !important;
}

.gform_wrapper #field_22_65 .gfield_radio li label,
.gform_wrapper #field_21_65 .gfield_radio li label,
.gform_wrapper #field_18_65 .gfield_radio li label,
.gform_wrapper #field_17_65 .gfield_radio li label,
.gform_wrapper #field_16_65 .gfield_radio li label,
.gform_wrapper #field_15_65 .gfield_radio li label,
.gform_wrapper #field_1_65 .gfield_radio li label,
.gform_wrapper #field_2_65 .gfield_radio li label,
.gform_wrapper #field_9_65 .gfield_radio li label,
.gform_wrapper #field_20_65 .gfield_radio li label{
	width: auto;
	display: flex;
	align-items: center;
}

body .gform_wrapper .gfield_radio li input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	/* Change to desired border color */
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	margin-right: 10px;
	position: relative;
	background-color: #fff;
}

body .gform_wrapper .gfield_radio li input[type="radio"]:checked {
	border: 2px solid #fff;
	/* Border color when selected */
	background-color: #fff;
}

body .gform_wrapper .gfield_radio li input[type="radio"]:checked::before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #f08749;
	position: absolute;
	top: 0px;
	left: 0px;
}

.koop-sectie ul {
	list-style-type: none;
	padding-left: 0px;
}

#field_16_3,
#field_15_3,
#field_1_3,
#field_2_3,
#field_20_3{
	margin-top: 10px;
}

.koop-sectie h1 {
	font-size: 45px;
}

.product-afb img {
	max-width: 100%;
	margin-top: 20px;
}

@media only screen and (max-width: 1280px) {
	.koop-sectie {
		display: block;
		margin-bottom: 0px;
	}

	.koop-1-section {
		padding-top: 108px;
	}

	.koop-sectie .text-buton {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 27px;
	}

	.koop-sectie h1 {
		font-size: 32px;
	}

	.koop-sectie .koop-blok {
		width: 100%;
	}

	#gform_22,
	#gform_21,
	#gform_19,
	#gform_18,
#gform_17,
	#gform_16,
	#gform_15,
	#gform_1,
	#gform_2 {
		padding: 27px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
		margin-top: -16px;
		background-size: cover;
	}

	#field_22_65 ul,
	#field_21_65 ul,
	#field_18_65 ul,
	#field_17_65 ul,
	#field_16_65 ul,
	#field_15_65 ul,
	#field_1_65 ul,
	#field_2_65 ul,
	#field_9_65 ul {
		display: block;
	}
	
	#field_22_65 li,
	#field_21_65 li,
	#field_18_65 li,
	#field_17_65 li,
	#field_16_65 li,
	#field_15_65 li,
	#field_1_65 li,
	#field_2_65 li,
	#field_9_65 li {
		margin-bottom: 10px !important;
	}

	#field_22_65,
	#field_21_65,
	#field_18_65,
	#field_17_65,
	#field_16_65,
	#field_15_65,
	#field_1_65,
	#field_2_65,
	#field_9_65 {
		padding: 15px 15px;
	}
}

/* Veelgestelde vragen */

.faq-section {
	background-color: #faeac9;
}

.faq-section h3 {
	text-align: center;
	margin-top: 0px;
}

.faq-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.faq-content {
	display: none;
	padding: 0px 20px 20px 20px;
	background-color: #ffffef;
	color: #004C69;
	font-family: 'Lora';
}

.faq-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background-color: #ffffef;
	cursor: pointer;
}

.faq-title {
	margin: 0;
	font-family: 'Lora';
	font-size: 20px;
	color: #004C69;
	font-weight: 700;
}

.faq-icon {
	font-size: 1.2em;
	font-weight: bold;
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	background-color: #e9a55b;
	color: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.faq-item.active .faq-content {
	display: block;
	/* Show content when active */
}

.faq-item.active .faq-icon {
	background-color: #d98241;
	/* Change background when active */
}

.faq-item.active .faq-header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

@media only screen and (max-width: 1280px) {
	.faq-container {
		display: block;
	}

	.faq-title {
		font-size: 16px;
	}

	.faq-item {
		margin-bottom: 10px;
	}
}

/* Hoe werkt het */

.sectie-header.hoe-werkt-het {
	height: auto;

}

.luikwerken {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 54px;
	text-align: left;
	padding: 54px;
	margin-top: 162px;
	margin-bottom: 162px;
}

.blur {
	backdrop-filter: blur(5px);
	background-color: #095b7a14;
}


.luikwerken img {
	max-width: 100%;
	border: 4px solid #fff;
	margin-top: 27px;
}

.luikwerken p {
	line-height: 27px;
}

.kolom1,
.kolom2,
.kolom3 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.kolom1:before {
	content: '01';
	color: #fff;
	font-size: 10rem;
	opacity: .2;
	display: block;
	position: absolute;
	margin-top: -54px;
	margin-left: -54px;
	font-family: Lora, Georgia, "Times New Roman", serif;
}

.kolom2:before {
	content: '02';
	color: #fff;
	font-size: 10rem;
	opacity: .2;
	display: block;
	position: absolute;
	margin-top: -54px;
	margin-left: -54px;
	font-family: Lora, Georgia, "Times New Roman", serif;
}

.kolom3:before {
	content: '03';
	color: #fff;
	font-size: 10rem;
	opacity: .2;
	display: block;
	position: absolute;
	margin-top: -54px;
	margin-left: -54px;
	font-family: Lora, Georgia, "Times New Roman", serif;
}

@media only screen and (max-width: 1280px) {
	.blur {
		backdrop-filter: none;
	}

	.luikwerken {
		display: block;
		text-align: left;
		padding-top: 108px !important;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 27px;
	}

	.sectie-header.hoe-werkt-het {
		height: auto !important;
	}

	.kolom1:before {
		content: '01';
		color: #fff;
		font-size: 5rem;
		opacity: .2;
		display: block;
		right: 0px;
		position: absolute;
		margin-top: -27px;
		margin-right: 27px;
		font-family: Lora, Georgia, "Times New Roman", serif;
	}

	.kolom2:before {
		content: '02';
		color: #fff;
		font-size: 5rem;
		opacity: .2;
		display: block;
		right: 0px;
		position: absolute;
		margin-top: -27px;
		margin-right: 27px;
		font-family: Lora, Georgia, "Times New Roman", serif;
	}

	.kolom3:before {
		content: '03';
		color: #fff;
		font-size: 5rem;
		opacity: .2;
		display: block;
		right: 0px;
		position: absolute;
		margin-top: -27px;
		margin-right: 27px;
		font-family: Lora, Georgia, "Times New Roman", serif;
	}

	.kolom1,
	.kolom2,
	.kolom3 {
		margin-bottom: 54px;
	}
}

/* Stadspagina template */

.bigseo {
	border-radius: 20px;
	background-image: url(/wp-content/uploads/2024/09/achtergrond.png);
	background-size: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-top: 27px;
}

.seotext {
	padding: 1px 27px 20px 27px;
}

.rightseo {
	background-color: #faeac9;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-bottom: 27px;
	border-radius: 20px;
	padding: 0px 27px;
	color: #004c69;
}


.background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	z-index: -2;
	/* Places the video behind any content in the section */
	object-fit: cover;
	background-attachment: fixed;
}

.parallax-wrapper {
	position: relative;
	height: 100vh;
	overflow: hidden;
	perspective: 1px;
}

.masonry-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	/* Pas de breedte aan */
	gap: 10px;
	/* Ruimte tussen de items */
}

.grid-item {
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.grid-item img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.grid-item img {
	grid-row: span 30;
	/* Adjust this value to control the height of each item relative to others */
	width: 100%;
	object-fit: cover;
	vertical-align: bottom;
	margin-bottom: 10px;
	border-radius: 10px;
}

.page-id-187 .skyline {
	background-size: cover;
}

.m-kolom-1,
.m-kolom-2 {
	padding-right: 10px;
}

.full-screen-bg {
	background-size: cover;
	background-image: none !important;
}

.sectie.koop-1-section.sectie-stadswandeling {
	padding-top: 54px;
}

.page-template-groepsuitje .partners,
.page-template-Stadspagina .partners {
	background: linear-gradient(90deg, #e09c7e 0, #815262 100%);
	padding-top: 27px;
}

.page-template-groepsuitje .faq-categories {
	display: none;
}

.text-offerte {
	color: #1e3d35;
	margin-top: 0px;
    margin-bottom: 0px;
}

.partner-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 27px;
	padding: 0px;
	margin-top: 54px;
}

.card {
	border-radius: 5px;
	overflow: hidden;
	box-shadow: none;
	text-align: center;
	padding: 0px;
	margin-bottom: 27px;
}

.card img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.card h4 {
	font-size: 22px;
}

.sectie.teksten {
	background-color: #04475f;
}

.teksten .container.flex {
	grid-template-columns: repeat(2, 1fr);
	gap: 27px;
	display: grid;
}

.teksten ul {
	padding-left: 15px;
	font-family: 'Lora', Georgia, "Times New Roman", serif;
}

.teksten .left {
	width: auto;
}

.teksten .right {
	width: auto;
}

.teksten img {
	max-width: 100%;
}

.container.stads-header {
	display: flex;
	justify-content: center;
}

.width-60 {
	width: 65%;
}

.stads-header p {
	margin-bottom: 27px;
}

@media screen and (max-width: 768px) {
	.masonry-grid {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}

	.width-60 {
		width: 100%;
	}

	.parallax-wrapper {
		height: auto;
		background-image: linear-gradient(90deg, #1f5046 0, #4fa692 100%);
	}

	.background-video {
		width: 100%;
		height: auto;
		position: relative;
		top: 0%;
		transform: translate(0px, 0px);
		left: 0%;
	}
/*
	body>div.sectie.tweede-section.full-screen-bg>div>div>div>div:nth-child(1) {
		display: none;
	}
*/
	.partner-cards {
		display: block;
	}

	.teksten .container.flex {
		display: block;
	}

	.teksten .right,
	.teksten .left {
		width: 100%;
	}

	.teksten .right {
		padding-left: 0px;
		padding-right: 0px;
	}

	.teksten .left {
		padding-right: 0px;
	}

	.sectie.teksten {
		padding-top: 27px;
		padding-bottom: 27px;
	}

	#gform_1,
	#gform_2 {
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}

	.page-id-187 .skyline {
		background-size: contain;
	}
}

@media screen and (max-width: 480px) {
	.masonry-grid {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	}
}

/* cadeau geven */

.header-cadeau {
	height: 650px;
}

.compass {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-image: url(/wp-content/uploads/2024/09/roos-1.png);
	background-size: cover;
	background-position: center;
	z-index: 0;
}

.grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 27px;
}

.w-25 img {
	width: 100%;
	border: 2px solid #fff;
}

.w-25 {
	width: 100%;
}

.low {
	margin-top: 54px;
}

.blauw {
	background-image: url(/wp-content/uploads/2024/09/achtergrond.png);
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

.bruin2,
.bruin {
	background: linear-gradient(90deg, #e09c7e 0, #815262 100%);
}

.veelpadding {
	padding-top: 81px;
	padding-bottom: 81px;
}

.grid-2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.yellowborder {
	border: 4px double #f9e2ac;
	padding: 27px 54px;
}

.yellowborder .text-wit {
	padding-right: 54px;
}

.yellowborder .text-wit,
.yellowborder .afbeelding {
	width: 50%;
}

.afbeelding img {
	width: 100%;
}

.header-cadeau p {
	margin-bottom: 27px;
}

.lijst-sectie .afbeelding img {
	width: auto;
}

@media screen and (max-width: 768px) {
	body .header-cadeau {
		height: 650px !important;
	}

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

	body>div.sectie.blauw.veelpadding>div>img:nth-child(3) {
		margin-top: -54px;
	}

	body>div.sectie.blauw.veelpadding>div>img:nth-child(4) {
		margin-top: 0px;
	}

	.veelpadding {
		padding-top: 54px;
		padding-bottom: 54px;
	}

	.yellowborder {
		display: block;
		padding: 0px;
	}

	.yellowborder .text-wit,
	.yellowborder .afbeelding {
		width: auto;
		padding-right: 0px;
	}

	.yellowborder .text-wit {
		padding: 0px 27px;
	}

	.yellowborder .afbeelding {
		padding: 10px 27px 27px 27px;
	}

	.bruin2 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* knoppen dropdown deventer zwolle */
.container .dropdown-content {
	display: none;
	opacity: 1;
	transform: translateY(-50px);
}

.container .dropdown-content.show {
	display: block;
	margin-bottom: 20px;
	margin-top: 0px;
}

.container .dropdown-content {
	background-color: #f9f9f9;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	padding: 5px;
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.3s ease;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
}

.container .dropdown-content li {
	list-style-type: none;
	display: flex;
	justify-content: left;
	align-items: center;
	padding: 5px;
	border-radius: 8px;
}

.container .dropdown-content li a {
	color: black;
	padding: 8px 16px;
	text-decoration: none;
	display: block;
	border-radius: 4px;
	transition: background-color 0.3s ease;
	font-size: 16px;
}

.container .dropdown-content li:hover {
	background-color: #fae9ca;
}

/* contact */

#contact {
	width: 100%;
	min-width: 100%;
	height: auto;
}

.blur {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.skyline-zwolle {
	background-image: url(/wp-content/uploads/2024/08/Skyline-Zwolle-SVG-met-wolken.svg);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: bottom right;
	bottom: 0;
	right: -150px;
	background-repeat: no-repeat;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
}

#contact .blur {
	padding-bottom: 54px;
}

#contact .container {
	display: flex;
	justify-content: center;
}

#contact .text-wit {
	max-width: 50%;
	padding-top: 162px;
}

.gform_description {
	display: none;
}

#contact .koop-blok {
	margin-top: 54px;
}

#gform_3 .gform_footer {
	justify-content: center;
}

@media only screen and (max-width: 1280px) {
	#contact .text-wit {
		max-width: 100%;
		padding-top: 108px;
	}

	#contact {
		height: auto !important;
	}
}

/* bubble button */


.bubbly-button {
	display: inline-block;
	font-size: 1em;
	padding: 1em 2em;
	-webkit-appearance: none;
	appearance: none;
	color: #fff;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	position: relative;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:focus {
	outline: 0;
}


.bubbly-button:before,
.bubbly-button:after {
	position: absolute;
	content: "";
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	z-index: -1000;
	transition: all ease-in-out 0.5s;
	background-repeat: no-repeat;
}

.bubbly-button:before {
	display: none;
	top: -75%;
	background-image: radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ef7f42 20%, transparent 30%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ef7f42 15%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%);
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.bubbly-button:after {
	display: none;
	bottom: -75%;
	background-image: radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ef7f42 15%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%), radial-gradient(circle, #ef7f42 20%, transparent 20%);
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

.bubbly-button:active {
	transform: scale(0.9);
	background-color: #e60073;
	box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.bubbly-button.animate:before {
	display: block;
	animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
	display: block;
	animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}

	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}

	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}

	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}

	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

.gform_validation_errors {
	display: none !important;
}

.gform-theme--framework .gfield_validation_message {
	color: #154c69 !important;
	background: #fff;
	width: auto;
	border-radius: 10px;
	padding: 10px;
}

.gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	border: 1px solid #686e77;
	box-shadow: #ff2d00c7 2px 2px 0px 0px;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	--gf-local-bg-color: #ef7f4200;
	--gf-local-border-color: #001ab300;
	--gf-local-shadow: none;
}

/* landingspagina */
#field_21_77,
#field_17_77,
#field_18_73,
#field_17_73,
#field_15_73,
#field_16_73 {
    display: none !important;
}

#field_21_74, 
#field_18_74, 
#field_18_60,
#field_17_74, 
#field_17_60,
#field_15_74, 
#field_15_60,
#field_16_74, 
#field_16_60 {
	position: absolute;
    opacity: 0;
} 

#field_22_76 {
	display: none;
}

.steden {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 27px;
	margin-top: 27px;
	padding-bottom: 54px;
}

.stad-link {
	width: 100%;
	position: relative;
}

.stad-link img {
	width: 100%;
	border: 2px solid #fff;
}

.stad-zwolle,
.stad-deventer {
	position: absolute;
	bottom: 0;
	left: 27px;
	margin-bottom: 15px;
}

.stad-link h3 {
	margin-bottom: 0px;
	text-decoration: none;
}

.h2-kiesstad {
	margin-top: 0px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 1280px) {
	.width-60 .knoppen-sectie-header {
		width: 100%;
	}

	.stad-zwolle,
	.stad-deventer {
		position: relative;
		left: 0;
	}

	.steden {
		gap: 15px;
	}

	.stad-link img {
		width: 90%;
	}

	.stad-link h3,
	.stad-link p {
		margin-top: 10px;
		text-decoration: none;
	}
}

/* bedanktpagina */
#bedankt {
	background-image: url(/wp-content/uploads/2024/09/achtergrond.png);
	height: auto;
	padding-top: 108px;
	padding-bottom: 27px;
}

#bedankt .container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 54px;
	margin-top: 27px;
	text-align: left;
}

.video-bestelling {
	background-color: #faeac9;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-bottom: 27px;
	border-radius: 20px;
	padding: 0px 27px;
	color: #004c69;
	padding: 0px 27px 27px 27px;
}

.video-bestelling video {
	border-radius: 20px;
}

#bedankt span {
	text-decoration: underline;
}

/* google api adres styling */
.pac-container {
	box-shadow: none;
}

.pac-container-gpaa-position-managed {
	position: fixed !important;
	background: #fff;
	border-radius: 5px;
	margin-top: 5px;
}

.pac-item {
	color: #1e3c35;
	font-family: 'Lora';
	background: #faecdf;
	border-radius: 10px;
	margin: 3px;
	border-top: 0px;
}

.pac-matched {
	font-family: 'Voltaire';
	color: #000;
}

.pac-logo:after {
	display: none;
}

.pac-icon {
	display: none !important;
}

/* Target Gravity Forms input fields */
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="number"],
body .gform_wrapper input[type="password"],
body .gform_wrapper textarea {
	font-size: 16px;
	/* Optional: adjust height if necessary */
	height: auto;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
	background-color: rgb(190 212 207) !important;
}

.iti__dropdown-content {
	background: #fff;
	border: 0px !important;
	box-shadow: none !important;
}

.iti__country.iti__highlight,
.iti__country {
	color: #1e3c35;
	font-family: 'Voltaire';
	background: #faecdf !important;
	border-radius: 10px;
	margin: 3px;
	border-top: 0px;
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
	color: #112336;
}

/* Gravity Forms input fields focus state */
body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
	--gf-local-border-color: transparent !important;
	/* Remove the focus border */
	box-shadow: #abc5bf 2px 2px 0px 0px;
	border: 1px solid #686e77;
}

body .gform_wrapper .gform_button:focus {
	--gf-local-border-color: transparent !important;
	/* Remove the focus border */
	box-shadow: #abc5bf 2px 2px 0px 0px;
	--gf-local-bg-color: transparent !important;
	--gf-local-shadow: transparent !important;
}

.gform-theme--framework .gform-loader {
	border-block-end-color: #686e77 !important;
	border-inline-start-color: #686e77 !important;
}

#pagina {
	height: auto;
}

#pagina-block {
	display: block;
	margin-top: 162px;
	text-align: left;
	margin-bottom: 54px;
}

@media only screen and (max-width: 1280px) {
	#pagina-block {
		margin-top: 108px;
	}

	#pagina {
		height: auto !important;
	}
}

#gform_4 #field_4_8 {
	background: #24594d1f;
	border-radius: 20px;
	margin-top: 15px;
	padding: 15px 10px 15px 10px;
}

#gform_4 #field_4_8 legend {
	display: none;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
	color: #ef7f42 !important;
}

#gform_4 #gform_browse_button_4_11,
#gform_4 #gform_browse_button_4_11:hover {
	background-color: #ef7f42;
}

#field_4_10 {
	margin-bottom: 15px;
}

.gform_wrapper input::placeholder {
	color: #89908f;
}


/* zakelijke pagina */
.zakelijk {
	width: 30%;
	background-color: #815362;
	height: 100%;
	display: flex;
	align-items: center;
}

.zakelijk .slider-container {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}

.zakelijk .slide {
	min-width: 100%;
}

.zakelijk .slide img {
	width: 90%;
	height: 200px;
	padding: 20px;
	object-fit: contain;
	background: #ffffff75;
	border-radius: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 20px;
	border: 2px solid #fff;
}

.header-zakelijk {
	height: auto;
}

.label-zakelijk {
	height: auto;
	margin-top: 150px;
	margin-bottom: 100px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.zakelijk .icons {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.zakelijk-formulier {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 54px;
}




@media only screen and (max-width: 1280px) {
	.zakelijk {
		width: 80%;
	}

	.zakelijk .slide img {
		width: 80%;
		height: 150px;
	}

	.zakelijk .icons {
		width: 80%;
	}

	.zakelijk-formulier {
		display: block;
	}

	.page-template-zakelijk .koop-blok {
		margin-top: 54px;
	}

	.page-template-zakelijk .blauw {
		border-bottom: 0px;
	}
}

/* Tijdelijk uitschakelen blokken zwolle pagina */

.page-id-21322 .parallax-wrapper,
.page-id-16423 .parallax-wrapper,
.page-id-11816 .parallax-wrapper,
.page-id-11797 .parallax-wrapper,
.page-id-5246 .parallax-wrapper,
.page-id-5082 .parallax-wrapper,
.page-id-187 .parallax-wrapper {
	display: none;
}

/* search */

.search-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, #1f5046db 0, #4fa692cf 100%);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-container input[type="search"] {
	font-family: Voltaire, Helvetica, Arial, Lucida, sans-serif;
	color: #112337;
	width: 30% !important;
	font-size: 16px !important;
	padding: 1rem;
	border: 1px solid #686e77;
	outline: none;
	border-radius: 5px;
}

.search-button {
	width: 25px;
	height: 25px;
	cursor: pointer;
}

body .rlv-has-spinner,
body .relevanssi-live-search-result-status,
body .rlv-spinner,
body .relevanssi-live-ajax-search-spinner {
	display: none !important;
}

#relevanssi-live-search-status {
	padding: 7px 1em;
	background: #144969;
	margin: 0px;
	color: #fff;
	font-family: 'Voltaire';
}

#field_6_3 {
	margin-top: 15px;
}

#field_6_8 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#input_6_8 {
	flex-direction: row;
}

#field_2_66,
#field_1_67 {
	margin-top: 15px;
}

@media only screen and (max-width: 1280px) {
	#input_6_8 {
		flex-direction: column;
	}

	#bedankt .container {
		display: block;
	}

	#bedankt video {
		max-width: 100%;
		height: auto;
	}

	#bedankt .video-bestelling {
		padding: 1px 10px 10px 10px;
	}

	.video-bestelling h3 {
		margin-top: 20px;
	}
}

#field_1_66,
#field_2_67 {
	color: #1e3c35;
	margin-top: 10px;
	font-size: 14px;
}

.page-id-552 .sectie.koop-1-section.sectie-stadswandeling {
	display: none;
}

/* tips pagina */

.grid-tips {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 54px;
}

.tip {
	padding: 20px 20px 10px 20px;
	background-color: #D4E5E1;
	border-radius: 20px;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}

.tip-image img {
	max-width: 100%;
}

.grid-tips .knop-a-bg {
	width: 60%;
	margin-left: 0%;
	margin-right: auto;
}

.tips-sectie h4 {
	margin-bottom: 10px;
}

.page-template-tips .container {
	margin-bottom: 54px;
}

@media only screen and (max-width: 1280px) {
	.grid-tips {
		display: block;
	}

	.tip {
		margin-bottom: 20px;
	}

}

.uitleg-bon {
	width: 100%;
	overflow: hidden;
}

.uitleg-bon img {
	max-width: 100%;
	max-width: 300px;
	border-radius: 10px;
}

.uitleg-bon h4 {
	margin-bottom: 20px;
	margin-top: 10px;
}

#gf_coupon_button {
	background: #24594d6e;
}

#field_22_69,
#field_21_69,
#field_20_71,
#field_18_71,
#field_18_69,
#field_17_71,
#field_17_69,
#field_16_71,
#field_16_69,
#field_15_71,
#field_15_69,
#field_1_71,
#field_1_69,
#field_2_69,
#field_2_71,
#field_20_71,
#field_20_69 {
	margin-top: 10px;
}


.header-zakelijk {
	display: none;
}

.align-left {
	text-align: left !important;
}

.align-center {
	text-align: center !important;
}

.partner-worden-formulier>div {
	max-width: 1000px;
}

#gform_wrapper_10 {
	padding-top: 54px;
	padding-bottom: 54px;
}


.knop-a-bg.meld-aan-inline {
	width: 200px;
	margin-left: 0;
	margin-top: 54px;
}


@media all and (min-width: 1200px) {
	.partner-worden-tweede {
		background-image: url(https://smaakverkenners.nl/wp-content/uploads/2024/12/Zutphen_aanmeldpagina_afbeelding.png);
	}
}

@media all and (max-width: 1199px) {
	.partner-worden-tweede {
		background-image: none !important;
	}
}



.row {
	display: grid;
	gap: 54px !important;
	margin: auto;

}

@media all and (max-width: 767px) {
	.row {
		width: 80%;
	}
}

.row.volle-breedte {
	width: 100%;
	max-width: 100%;
}

/* Define the grid template for different column widths */
.column {
	box-sizing: border-box;
	position: relative;
}

/* Full width column */
.column.column_1_1 {
	grid-column: span 12;
}

/* Half width column */
.column.column_1_2 {
	grid-column: span 6;
}

/* One-third width column */
.column.column_1_3 {
	grid-column: span 4;
}

/* One-fourth width column */
.column.column_1_4 {
	grid-column: span 3;
}

/* One-fifth width column */
.column.column_1_5 {
	grid-column: span 2.4;
	/* Approximation since 1/5th isn't exact in a 12-column grid */
}

/* One-sixth width column */
.column.column_1_6 {
	grid-column: span 2;
}

/* Two-sixths width column (equivalent to one-third) */
.column.column_2_6 {
	grid-column: span 4;
}

/* Four-sixths width column (equivalent to two-thirds) */
.column.column_4_6 {
	grid-column: span 8;
}

/* Two-thirds width column */
.column.column_2_3 {
	grid-column: span 8;
}

/* Two-fifths width column */
.column.column_2_5 {
	grid-column: span 4.8;
	/* Approximation since 2/5th isn't exact in a 12-column grid */
}

/* Three-fourths width column */
.column.column_3_4 {
	grid-column: span 9;
}

/* Three-fifths width column */
.column.column_3_5 {
	grid-column: span 7.2;
	/* Approximation since 3/5th isn't exact in a 12-column grid */
}

/* Four-fifths width column */
.column.column_4_5 {
	grid-column: span 9.6;
	/* Approximation since 4/5th isn't exact in a 12-column grid */
}

/* Responsive adjustments */
@media (min-width: 768px) and (max-width: 980px) {
	.column.column_1_1 {
		grid-column: span 12;
	}

	.column.column_1_4,
	.column.column_1_2 {
		grid-column: span 6;
	}

	.column.column_1_3,
	.column.column_1_6 {
		grid-column: span 6;
		/* Adjust to 50% for better layout */
	}

	/* Stack remaining columns at full width for better layout on medium screens */
	.column.column_1_5,
	.column.column_2_3,
	.column.column_2_5,
	.column.column_3_4,
	.column.column_3_5,
	.column.column_4_5,
	.column.column_2_6,
	.column.column_4_6 {
		grid-column: span 12;
	}
}

@media (max-width: 767px) {

	/* Stack all columns to full width on small screens */
	.column {
		grid-column: span 12;
	}
}

/* Define the grid layout structure */
.row {
	grid-template-columns: repeat(12, 1fr) !important;
}



img.gform_ajax_spinner {
	position: fixed !important;
	z-index: 999999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(0, 0, 0, 0.7);
	background-image: url('data:image/svg+xml,<svg width="24" height="24" stroke="%23fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><circle cx="12" cy="12" r="9.5" fill="none" stroke-width="3" stroke-linecap="round"><animate attributeName="stroke-dasharray" dur="1.5s" calcMode="spline" values="0 150;42 150;42 150;42 150" keyTimes="0;0.475;0.95;1" keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" repeatCount="indefinite"/><animate attributeName="stroke-dashoffset" dur="1.5s" calcMode="spline" values="0;-16;-59;-59" keyTimes="0;0.475;0.95;1" keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" repeatCount="indefinite"/></circle><animateTransform attributeName="transform" type="rotate" dur="2s" values="0 12 12;360 12 12" repeatCount="indefinite"/></g></svg>');



	background-repeat: no-repeat;
	background-size: 4rem;
	background-position: center center;
	content: "";
}

/* Verberg de standaard radio buttons 
.gfield-choice-input {
	display: none;
}

/* Stijl de labels om sterren weer te geven 
.gchoice label {
	font-size: 0 !important;
	/* Grootte van de sterren 
	color: gray;
	/* Kleur van niet-geselecteerde sterren 
	cursor: pointer;
	transition: color 0.3s ease-in-out;
}

.gchoice>label::before {
	font-size: 24px;
	color: rgb(204, 181, 51);
}

/* Pas de content aan op basis van het aantal sterren 
.gchoice:nth-child(1) label::before {
	content: "★";
}

.gchoice:nth-child(2) label::before {
	content: "★★";
}

.gchoice:nth-child(3) label::before {
	content: "★★★";
}

.gchoice:nth-child(4) label::before {
	content: "★★★★";
}

.gchoice:nth-child(5) label::before {
	content: "★★★★★";
}

/* Geselecteerde sterren goud kleuren 
.gchoice input[type="radio"]:checked~label::before {
	color: rgb(255, 224, 51);
}

#input_14_10 {
	align-items: flex-start;
}

legend.gfield_label.gform-field-label {
	text-align: left;
}

.ginput_container.ginput_container_radio {
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #e3b387;
	background-image: linear-gradient(90deg, #4ea28f 0, #4fa69287 100%);
}
*/

.datum-amersfoort {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.datum-amersfoort img {
	max-width: 100%
}
.datum-amersfoort span {
	font-size: 1.5em;
	font-weight: 700;
} 
.datum-amersfoort {
	font-size: 1.5em;
	font-weight: 500;
	text-align: center;
} 
.bestelformulier {
	margin-top: 30px;
}
.knoppen-reserveren {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.knoppen-reserveren .een {
	grid-area: 1 / 1 / 2 / 2;
}
.knoppen-reserveren .twee {
	grid-area: 1 / 2 / 2 / 3;
}
.knoppen-reserveren .drie {
	grid-area: 1 / 3 / 2 / 4;
}
.knoppen-reserveren .knop-a {
	margin: 5px;
}

@media only screen and (max-width: 1280px)  {
	.knoppen-reserveren {
display: block;
	}
}

#wonderchat-wrapper body {
	    font-family: 'Lora', Georgia, "Times New Roman", serif;
}

	.agenda-module { color: #004c69;}
    .calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }
    .day-name { font-weight: bold; color: #004c69; }
    .day { padding: 8px; border: 1px solid #ccc; border-radius: 5px; }
    .available { background-color: #d4e5e1;
    border-color: #154c69; }
    .unavailable { background-color: #c02b0a59; color: #fff; }
    .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
    .slider-wrapper { margin-bottom: 5px; }
    .slider-wrapper input { width: 100%; }
	#monthYear {
		line-height: 1em;
    font-size: 1.2em;
	}
	
	#nextMonth,
	#prevMonth {
		    background: #d4e5e1;
    border-radius: 5px;
    border: 1px solid #154c69;
    color: #154c69;
		    padding-top: 3px;
    padding-bottom: 3px;
	}

    input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #1b3c55;
  border-radius: 4px;
  outline: none;
  padding: 0;
  margin: 0;
		margin-top: 15px;
  box-sizing: border-box;
  touch-action: manipulation; /* Prevent unintended scrolling during slider drag */
}
	.agenda-module {
		    background: #fff;
    padding: 20px;
    border-radius: 20px;
	}
	.agenda-module h3 {
		    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 1.5em;
	}
	
.range-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 0 10px; /* give it some internal space */
}
.widget-container {
  overflow-x: hidden;
  position: relative;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 12px;
  background: #1b3c55;
  border-radius: 4px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background: #1b3c55;
  border: 2px solid white;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 0 1px #1b3c55;
  touch-action: none;
  -webkit-tap-highlight-color: transparent; /* Avoid blue flash on tap */
}

.ondertitel-koop {
	margin-bottom: 40px;
}
.boventitel-koop {
	margin-top: 0px;
    margin-bottom: 20px;
}
.beschikbaarheid {
	margin-top: 10px;
}
.niet-beschikbaar,
.beschikbaar {
	    display: flex;
    justify-content: center;
    align-items: center;
}

.beschikbaar::before {
	    content: "";
    width: 20px;
    height: 12px;
    background-color: #d4e5e1;
    display: inline-block;
    border: 1px solid #154c69;
    border-radius: 3px;
    margin-right: 5px;
}
.niet-beschikbaar::before {
	    content: "";
    width: 20px;
    height: 12px;
    background-color: #e6a886;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
}
.gesloten::before {
	    content: "";
    width: 20px;
    height: 12px;
    background-color: #1456729e;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
}
}

#field_15_18 {
	max-width: 100%;
}

.page-template-groepsuitje .sectie-header {
	height: 750px;
	background-position: center;
	background-repeat: no-repeat;
}

.page-template-groepsuitje .skyline {
	background: linear-gradient(90deg, #e09c7e9c 0, #815262b0 100%);
    background-size: cover;
}

.page-template-groepsuitje .koop-sectie .text-buton {
	width: 100%;
}

.page-template-groepsuitje .blauwe-sectie h2 {
	text-align: center;
}
.page-template-groepsuitje .blauwe-sectie .text-wit {
	text-align: center;
}
.myrthe {
	width: 150px;
	border-radius: 100px;
}

.ginput_product_price.ginput_subtotal_19_19 {
	display: block;
    color: #1e3c35 !important;
    margin-bottom: 10px;
}

#field_19_24 {
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	.page-template-reserveren-buttons {
		#reserveren-buttons {
			padding-top: 200px;
			padding-bottom: 100px;
		}
	}
}

.page-template-groepsuitje {
	.vijfde-section {
  		background: linear-gradient(90deg, #e09c7e 0, #815262 100%);
	}
	.koop-sectie .text-buton {
		margin-left: 0 !important;
	}
	@media (max-width: 768px) {
		.knop-a-bg {
			width: 75%;
		}
		#gform_19 {
			border-top-right-radius: 20px;
		}
	}
	@media (max-width: 480px) {
		.knop-a-bg {
			width: 90%;
		}
	}
}