/* 
Theme Name: Cup a la Cake
Theme URI: 
Description: A 2023 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.0 
Tags:

General comments (optional).

*/


/* #Site Styles
================================================== */
:root {
	--width-base: 1280px;
	--width-base-xl: 1760px;
	--font-family-base: 'Poppins', sans-serif;
	--font-family-icon: 'icomoon';
	--font-size-base: 16px;
	--line-height-base: 1.85;
	--primary: #3b1006;
	--secondary: #f9de81;
	--white: #fff;
	--black: #000;
	--brown: #461c13;
	--gray: #f9f9f9;
	--green: #0c5b00;
	--yellow: #dabb50;
	--dark-color: #401818;
	--dark-brown: #2c110b;
	--base-duration: all 0.3s;
	--line-height-heading: 1;
	--font-size-h1: 48px;
	--font-size-h2: 28px;
	--font-size-h3: 28px;
	--font-size-h4: 24px;
	--font-size-h5: 20px;
	--font-size-h6: 16px;
}


/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); font-weight: 500; line-height: var(--line-height-base); color: var(--primary); }
body { background: var(--white); }
input[type=text],
input[type=number],
input[type=tel],
input[type=password],
input[type=email],
select,
textarea { padding: 10px 20px; width: 100%; height: 50px; font-family: var(--font-family-base); font-size: 14px; font-weight: 500; color: var(--primary); border: 1px solid rgba(112, 112, 112, 0.3); border-radius: 10px; }
textarea { height: 150px; }
input::placeholder,
textarea::placeholder { color: var(--primary); }
img { display: block; max-width: 100%; border: 0; height: auto; }
ul,
li { list-style: none; }
:focus { outline: none; }
p { margin-bottom: 20px; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-family: var(--font-family-base); font-weight: 500; line-height: var(--line-height-heading); }
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
.centered-xl { padding-right: calc((100% - var(--width-base-xl)) / 2); padding-left: calc((100% - var(--width-base-xl)) / 2); }
.custom-select { background: var(--white) url('images/select-arrow.png') no-repeat center right 17px; -webkit-appearance: none; cursor: pointer; }
select { background: var(--white) url('images/select-arrow.png') no-repeat center right 17px; -webkit-appearance: none; cursor: pointer; }
.button { padding: 10px 30px 9px; display: inline-block; font-family: var(--font-family-base); font-size: 16px; font-weight: 500; text-align: center; border-radius: 10px; transition: var(--base-duration); cursor: pointer; }
.button.primary { color: var(--brown); border: 1px solid var(--secondary); background-color: var(--secondary); }
.button.primary:hover { background-color: var(--yellow); }
.button.secondary { color: var(--white); border: 1px solid var(--brown); background-color: var(--brown); }
.button.secondary:hover { background-color: var(--dark-brown); }
.button.outline { color: var(--brown); border: 1px solid var(--brown); background-color: transparent; }
.button.outline:hover { color: var(--white); background-color: var(--brown); }
.link { text-decoration: underline; color: var(--brown); transition: var(--base-duration); }
.link:hover { text-decoration: none; }
.holder { display: flex; flex-wrap: wrap; }

.gform-datepicker{ width: 100%!important; }
.gfield_label{margin-bottom: 1px!important;
  display: block!important;
  font-size: 14px!important;
  font-weight: 700!important;}
.gfield_validation_message{ display: none!important; }
.gform_required_legend{ display: none; }
.ginput_container_consent{ position: relative; }
.gfield_consent_label{ padding-left: 30px; }
.ginput_container_consent{ padding-top: 12px; }
.gfield--type-total, .ginput_total{text-align: center;}

.bestel_form_holder{ display: none; }
.bestel_form_holder.actief{ display: block; }

.bestel_form_holder .gform_button{
	color: var(--brown);
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
	max-width: 60%;
	margin: 0 auto;
	}
#betalen_titel{ text-align: center; font-size: 20px; }
#betalen_met_knoppen{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; }
.betaal_keuze_knoppen{ 
	width: 49.5%; 
	color: var(--brown);
	border: 1px solid var(--secondary);
	background-color:transparent;
	height: 50px;
	display: flex;
	padding-top: 10px;
	display: inline-block;
	font-family: var(--font-family-base);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	border-radius: 10px;
	transition: var(--base-duration);
	cursor: pointer;
	}
.betaal_keuze_knoppen:hover{
	background-color: var(--brown);
	color: #ffffff;
	} 	
.betaal_keuze_knoppen.actief{ 
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
	pointer-events: none;
	}


.screen-reader-text{ height: 0px; overflow: hidden; }




/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-top: 10px; padding-bottom: 10px; position: relative; z-index: 9; width: 100%; }
#headerCntr .logo { position: absolute; top: -41px; left: 50%; transform: translateX(-50%); }
#headerCntr .logo img { max-width: 100%; }

/* ### top box ### */
.topBox { margin-bottom: 9px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.topBox p { margin-bottom: 0; color: var(--white); }
.topBox .tel { margin-right: 10px; color: var(--white); transition: var(--base-duration); }
.topBox .tel i { margin-right: 2px; display: inline-block; }
.topBox .tel:hover { color: var(--secondary); }
.topBox .button i { margin-right: 3px; display: inline-block; }

/* ### menu box ### */
.menuBox { padding-right: 37px; padding-left: 37px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 10px; background-color: var(--white); }
.menuBox ul > li { margin-right: 42px; padding-top: 15px; padding-bottom: 12px; position: relative; display: inline-block; }
.menuBox ul > li:last-child { margin-right: 0; }
.menuBox ul > li > a { font-size: 18px; color: var(--dark-color); transition: var(--base-duration); }
.menuBox ul > li > a:hover { text-decoration: underline; }
.menuBox ul > li > ul { padding: 10px 0; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden;  border-radius: 0 0 5px 5px; background-color: var(--white); transition: var(--base-duration); }
.menuBox ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox ul > li > ul > li { margin: 0; padding: 0 20px; display: block; white-space: nowrap; }
.menuBox ul > li > ul > li > ul { top: 0; left: 100%; display: none; }
.menuBox ul > li > ul > li:hover > ul { display: block; }
.menuBox ul > li > ul > li > a:after { transform: rotate(-90deg); }
.menuBox .d-phone { display: none; }
.menuBox .tel { margin-right: 10px; padding: 11px 18px 10px; color: var(--white); border-radius: 10px; background-color: var(--brown); transition: var(--base-duration); }
.menuBox .tel:hover { color: var(--secondary); }
.menuBox .button { padding: 10px 15px 9px; }

/* ### mobile menu ### */
.mobile-menu { display: none; }
.mobile-menu .hamburger { position: absolute; top: 90px; right: 30px; display: flex; align-items: center; color: #1a202c; transition: all 0.3s ease-in-out; cursor: pointer; }
.m-menu__checkbox { display: none; }
.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(--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(--black); }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--white); }
.m-menu .m-menu { transform: translate3d(768px, 0, 0); }
.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; }
.m-menu ul li a { padding: 0 15px !important; color: var(--black); border-bottom: 1px solid var(--black); }
.m-menu ul li a:hover { text-decoration: none !important; }
.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(--black); cursor: pointer; }
nav .m-menu ul li label { border-bottom: 0; }
.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(--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(--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); }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.bannerBox { margin-top: -140px; padding-top: 111px; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; min-height: 520px; text-align: center; }
.bannerBox:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); content: ''; }
.bannerBox .text { margin: 0 auto; position: relative; z-index: 2; max-width: 850px; color: var(--white); }
.bannerBox h1 { margin-bottom: 14px; }
.bannerBox p { margin-bottom: 0; font-size: 18px; }
.bannerBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bannerBox .image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.bannerBox .js-scroll { position: absolute; bottom: -20px; left: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 9px; color: var(--dark-color); border: 1px solid var(--dark-color); border-radius: 50px; background-color: var(--white); transform: translateX(-50%); }
.bannerBox.inner { min-height: 400px; }
.bannerBox.inner-1 { padding-bottom: 89px; min-height: auto; }

/* ### sweet box ### */
.sweetBox { padding-bottom: 40px; padding-top: 40px; }
.sweetBox h3 { margin-bottom: 35px; text-align: center; }
.sweetBox .holder { margin-right: -8px; margin-left: -8px; justify-content: center;}
.sweetBox .column { margin-bottom: 16px; padding-right: 8px; padding-left: 8px; width: 50%; }
.sweetBox .column.w-33 { width: 33.33%; }
.sweetBox .view-all { padding-top: 25px; text-align: center; }
.sweetBox .view-all .button { min-width: 280px; }
.sweetBox.inner .card-sweet .title { bottom: 0; border-radius: 0 0 10px 10px; }
.sweetBox.inner-1 .column { display: none; }

.titel_laag{bottom: 0!important; border-radius: 0 0 10px 10px;}

.sweetBox .column img{ height: 290px; width: 100%; object-fit:cover; }



/* ### card-sweet ### */
.card-sweet { position: relative; display: block; }
.card-sweet .image { overflow: hidden; border-radius: 10px; }
.card-sweet .image img { width: 100%; height: 291px; object-fit: cover; object-position: center center; border-radius: 10px; transition: var(--base-duration); }
.card-sweet .title { padding: 10px; position: absolute; bottom: 38px; left: 0; width: 100%; text-align: center; color: var(--primary); background-color: var(--secondary); }
.card-sweet:hover .image img { transform: scale(1.03); }

/* ### cake box ### */
.cakeBox { margin-bottom: 80px; overflow: hidden; }
.cakeBox .box { margin: 0 -300px; width: calc(100% + 600px); }
.cakeBox.d-phone { display: none; }
.cakeBox .wrap { margin-right: -20px; margin-left: -20px; display: flex; flex-wrap: wrap; }
.cakeBox .slide { padding-right: 20px; padding-left: 20px; width: 25%; }
.cakeBox .slide .image { position: relative; height: 100%; }
.cakeBox .slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 10px; }
.cakeBox .holder { padding-top: 25px; padding-bottom: 25px; align-items: center; height: 100%; }
.cakeBox h2 { margin-bottom: 26px; }
.cakeBox p { margin-bottom: 31px; }
.cakeBox p a { text-decoration: underline; color: var(--primary); transition: var(--base-duration); }
.cakeBox p a:hover { color: var(--secondary); }
.cakeBox .button { min-width: 280px; }
.cakeBox .button.primary { margin-right: 10px; }

/* ### review box ### */
.reviewBox { margin-bottom: 77px; }
.reviewBox .box { padding: 75px 20px 77px; border-radius: 10px; background-color: var(--secondary); }
.reviewBox .text { margin: 0 auto 31px; max-width: 850px; text-align: center; }
.reviewBox .wrap { margin: 0 auto; max-width: 1280px; }
.reviewBox .view-review { padding-top: 33px; text-align: center; }
.reviewBox .slick-list { margin-right: -8px; margin-left: -8px; }
.reviewBox .slide { padding-right: 8px; padding-left: 8px; }

/* ### card-review ### */
.card-review { padding: 29px 30px 20px; border-radius: 10px; background-color: var(--white); }
.card-review i { margin-bottom: 22px; display: block; font-size: 23px; color: var(--secondary); }
.card-review p { margin-bottom: 32px; font-weight: 400; color: var(--black); }
.card-review ul > li { display: inline-block; font-size: 12px; color: var(--black); }
.card-review ul > li:after { margin: 0 10px 0 13px; display: inline-block; width: 1px; height: 11px; vertical-align: middle; background-color: var(--black); content: ''; }
.card-review ul > li:last-child:after { display: none; }

/* ### uber box ### */
.uberBox { margin-bottom: 40px; }
.uberBox h2 { margin-bottom: 0px; text-align: center; }
.uberBox .holder { margin-right: -8px; margin-left: -8px; }
.uberBox .column { margin-bottom: 16px; padding-right: 8px; padding-left: 8px; width: 50%; }
.uberBox .card-sweet .image img { object-fit: contain; }

/* ### breadcrumb box ### */
.breadcrumbBox { padding-top: 6px; padding-bottom: 7px; }
.breadcrumbBox { line-height: var(--line-height-heading); }
.breadcrumbBox span { display: inline-block; font-size: 12px; padding-left: 4px; padding-right: 4px; }
.breadcrumbBox a { color: var(--primary); transition: var(--base-duration); display: inline-block; font-size: 12px;  padding-left: 4px; padding-right: 4px; }
.breadcrumbBox a:hover { color: var(--secondary); }

/* ### note box ### */
.noteBox { text-align: center; }
.noteBox .paragraph { padding: 11px 15px; color: var(--white); border-radius: 10px; background-color: #c0a2c3; }
.noteBox p:last-child { margin-bottom: 0; }

/* ### product box ### */
.productBox { margin-bottom: 31px; margin-top: 60px; }
.productBox .holder { margin-right: -8px; margin-left: -8px; }
.productBox .products .product { margin-bottom: 14px; padding-right: 8px; padding-left: 8px; width: 49%; }
.productBox .load-more { padding-top: 26px; text-align: center; }
.productBox .load-more .button { min-width: 280px; }

.productBox .holder .products{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}


/* ### card-product ### */
.card-product { padding: 20px 30px 43px; border-radius: 10px; background-color: var(--gray); }
.card-product .price { margin-bottom: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 20px; }
.card-product strong span { font-size: 12px; font-weight: 500; }
.card-product strong span.d-phone { display: none; }
.card-product .wrap { margin-right: -7px; margin-left: -7px; display: flex; flex-wrap: wrap; }
.card-product .form-field { margin-bottom: 13px; padding-right: 7px; padding-left: 8px; position: relative; width: 50%; }
.card-product label { margin-bottom: 1px; display: block; font-size: 14px; font-weight: 700; }
.card-product label span { font-size: 12px; font-weight: 500; }
.card-product sub { position: absolute; top: 9px; right: 6px; font-size: 12px; font-weight: 500; }
.card-product .number { display: flex; flex-wrap: wrap; }
.card-product .quantity { width: 20%; }
.card-product .quantity input { padding: 10px; font-size: 15px; text-align: center; }
.card-product .submit { padding-left: 14px; width: 80%; }
.card-product .button { padding: 12px 15px 11px; width: 100%; }

/* ### company box ### */
.companyBox { margin-bottom: 80px; }
.companyBox .holder { margin-bottom: 80px; align-items: center; }
.companyBox .holder:last-child { margin-bottom: 0; }
.companyBox .content { padding-right: 15px; width: 50%; }
.companyBox h2 { margin-bottom: 26px; }
.companyBox p { margin-bottom: 31px; }
.companyBox p a { text-decoration: underline; color: var(--primary); transition: var(--base-duration); }
.companyBox p a:hover { color: var(--secondary); }
.companyBox .button { min-width: 280px; }
.companyBox .button.primary { margin-right: 15px; }
.companyBox .image { padding-left: 8px; width: 50%; border-radius: 10px; }
.companyBox .image img { width: 100%; object-fit: cover; object-position: center center; border-radius: 10px; }
.companyBox .image.small img { min-height: 360px; }
.companyBox .holder.reverse { flex-direction: row-reverse; }
.companyBox .holder.reverse .image { padding-right: 28px; padding-left: 0; }
.companyBox .holder.reverse .content { padding-right: 0; }

/* ### theme box ### */
.themeBox { margin-bottom: 40px; padding-top: 40px; }
.themeBox .holder { margin-right: -8px; margin-left: -8px; }
.themeBox .item { padding-right: 8px; padding-left: 8px; width: 50%; }
.themeBox .box { padding: 40px; height: 100%; border-radius: 10px; background-color: var(--gray); }
.themeBox .js-theme-nav .slick-list { margin-right: -6px; margin-left: -6px; padding: 0 !important; }
.themeBox .image img { width: 100%; border-radius: 10px; object-fit: cover; height: 520px; }
.themeBox .js-theme-nav .image img { width: calc(100% - 6px);; border-radius: 10px; object-fit: cover; height: 120px; margin-left:3px;margin-right:3px;}
.themeBox .js-theme-nav .image img:hover { cursor: pointer; }

.themeBox .slide { padding-right: 6px; padding-left: 6px; cursor: pointer; }
.themeBox .slide img { width: 100%; border-radius: 10px; object-fit: cover; }
.themeBox h1 { margin-bottom: 10px; font-size: 36px; font-weight: 700; }
.themeBox p { margin-bottom: 28px; }
.themeBox .button { padding: 10px 20px; width: 100%; }

/* ### contact box ### */
.contactBox { margin-bottom: 29px; }
.contactBox .box { padding: 35px 40px 40px; border-radius: 10px; background-color: var(--gray); }
.contactBox h1 { font-size: var(--font-size-h2); margin-bottom: 6px; font-weight: 700; text-align: center; }
.contactBox strong { margin-bottom: 12px; display: block; font-size: 14px; text-align: center; }
.contactBox .paragraph { margin-bottom: 33px; padding: 11px 15px 12px; width: 100%; text-align: center; color: var(--white); border-radius: 10px; background-color: var(--brown); }
.contactBox .paragraph p { margin-bottom: 1px; }
.contactBox .holder .paragraph { margin-right: 17px; margin-left: 17px; }
.contactBox li { color: var(--white); }
.contactBox .holder { margin-right: -17px; margin-left: -17px; }
.contactBox .column { margin-bottom: 27px; padding-right: 17px; padding-left: 17px; width: 33.33%; }
.contactBox .column.w-50 { width: 50%; }
.contactBox .column.w-100 { width: 100%; }
.contactBox label { margin-bottom: 1px; display: block; font-size: 14px; font-weight: 700; }
.contactBox .custom-select,
.contactBox .form-input { padding: 13px 10px; }
.contactBox .submit { padding-top: 13px; width: 100%; text-align: center; }
.contactBox .button { padding: 12px 20px; min-width: 632px; }

.formulierBox .paragraph, .formulierBox .holder { margin: 0!important; margin-bottom: 10px!important }





/* ### info box ### */
.infoBox { margin-bottom: 15px; padding-top: 16px; }
.infoBox .holder { margin-right: -8px; margin-left: -8px; }
.infoBox .column { padding-right: 8px; padding-left: 8px; display: flex; flex-direction: column; width: 50%; }
.infoBox .box { margin-bottom: 15px; padding: 38px 41px 35px; border-radius: 10px; background-color: var(--gray); }
.infoBox .box:last-child { margin-bottom: 0; }
.infoBox h3 { margin-bottom: 25px; }
.infoBox address { margin-bottom: 30px; font-style: normal; }
.infoBox .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.infoBox ul > li > a { color: var(--primary); transition: var(--base-duration); }
.infoBox ul > li > a:hover { color: var(--secondary); }
.infoBox strong { display: inline-block; width: 120px; }
.infoBox .image { position: relative; height: 100%; }
.infoBox .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; object-fit: cover; }

/* ### send box ### */
.sendBox { margin-bottom: 16px; }
.sendBox .box { padding: 35px 40px 39px; border-radius: 10px; background-color: var(--gray); }
.sendBox .holder { margin-right: -17px; margin-left: -17px; }
.sendBox .column { margin-bottom: 23px; padding-right: 17px; padding-left: 17px; width: 33.33%; }
.sendBox .column.w-100 { width: 100%; }
.sendBox label { margin-bottom: 1px; display: block; font-size: 14px; font-weight: 700; }
.sendBox .form-input { padding: 13px 10px; }
.sendBox .wrap { margin-right: 17px; margin-left: 17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; }
.sendBox .check { padding-left: 30px; position: relative; }
.sendBox input[type='checkbox'] { padding: 0; position: absolute; top: 14px; left: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid rgba(112, 112, 112, 0.3); border-radius: 3px; background-color: var(--white); -webkit-appearance: none; cursor: pointer; }
.sendBox input[type='checkbox']:checked:after { display: block; width: 12px; height: 12px; border-radius: 3px; background-color: var(--brown); content: ''; }
.sendBox .check span { display: block; font-weight: 400; color: var(--primary); }
.sendBox .button { padding: 12px 20px; min-width: 379px; }

.sendBox .gform-button { 
	display: inline-block;
	font-family: var(--font-family-base);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	border-radius: 10px;
	transition: var(--base-duration);
	cursor: pointer; 
	color: var(--brown);
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
	max-width: 260px!important;
	}
.sendBox .gform-button:hover{
	background-color: var(--yellow);
	}
.sendBox .gfield--type-submit{ display: flex;justify-content: flex-end;}




/* ### map box ### */
.mapBox { margin-bottom: 60px; }
.mapBox iframe { width: 100%; height: 333px; border-radius: 10px; }

/* ### hungary box ### */
.hungaryBox { position: relative; z-index: 1; text-align: center; }
.hungaryBox .box { padding: 35px 20px 44px; position: relative; border-radius: 10px; }
.hungaryBox .box:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 10px; background-color: rgba(249, 222, 129, 0.9); content: ''; }
.hungaryBox .content { margin: 0 auto; position: relative; z-index: 2; max-width: 850px; }
.hungaryBox h3 { margin-bottom: 22px; color: var(--primary); }
.hungaryBox p { margin-bottom: 21px; color: var(--primary); }
.hungaryBox ul > li { margin-right: 6px; display: inline-block; }
.hungaryBox ul > li:last-child { margin-right: 0; }
.hungaryBox .button { min-width: 220px; }
.hungaryBox .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; }
.hungaryBox .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 10px; }

/* ### footer container ### */
#footerCntr { margin-top: -130px; overflow: hidden; width: 100%; }

/* ### footer box ### */
.footerBox { padding-top: 202px; padding-bottom: 75px; background-color: var(--brown); }
.footerBox .holder { margin-right: -10px; margin-left: -10px; }
.footerBox .item { padding-right: 10px; padding-left: 10px; width: 25%; position: relative; }
.footerBox .title { margin-bottom: 11px; position: relative; font-size: 18px; color: var(--white); }
.footerBox .title:after { position: absolute; top: 22px; right: 0; display: none; font-family: var(--font-family-icon); font-size: 8px; transition: var(--base-duration); content: '\e900'; }
.footerBox .title.active:after { transform: rotate(-180deg); }
.footerBox ul { margin-bottom: 31px; }
.footerBox ul > li > a { font-size: 14px; text-decoration: underline; color: var(--white); transition: var(--base-duration); }
.footerBox ul > li > a:hover { color: var(--secondary); }
.footerBox address { margin-bottom: 37px; font-size: 14px; font-style: normal; color: var(--white); }
.footerBox .link { font-size: 14px; text-decoration: underline; color: var(--white); transition: var(--base-duration); position: absolute; bottom: 0; }
.footerBox .link:hover { color: var(--secondary); }
.footerBox ul.info { margin-bottom: 61px; }

/* ### copyright box ### */
.copyrightBox { padding-top: 16px; padding-bottom: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.copyrightBox p { margin-bottom: 0; font-size: 14px; }
.copyrightBox p a { text-decoration: underline; color: var(--primary); transition: var(--base-duration); }
.copyrightBox p a:hover { color: var(--secondary); }
.copyrightBox ul > li { margin-right: 20px; display: inline-block; }
.copyrightBox ul > li:last-child { margin-right: 0; }
.copyrightBox ul > li > a { color: var(--primary); transition: var(--base-duration); }
.copyrightBox ul > li > a:hover { color: var(--secondary); }




/*WOOCOMMERCE*/
/*WOOCOMMERCE*/
/*WOOCOMMERCE*/

/* ### store box ### */
.storeBox { margin-bottom: 80px; padding-top: 6px; width: 100%; }
.storeBox h2 { margin-bottom: 15px; }
.storeBox .paragraph { padding-bottom: 15px; width: 100%; font-weight: 500; line-height: 1.6; }
.storeBox .block { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.storeBox .left { width: 24%; position: relative; }
.storeBox .title { position: relative; font-size: 16px; font-weight: 700; }
.storeBox .chosen { padding-bottom: 8px; width: 100%; }
.storeBox .chosen .title-filter { margin-bottom: 13px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.storeBox .chosen .title:before { margin-right: 9px; display: inline-block; width: 18px; height: 16px; vertical-align: middle; background: url('images/filter-Icon-wit.png') no-repeat; background-size: 100%; content: ''; }
.storeBox .chosen .item { margin-bottom: 11px; position: relative; width: 100%; font-size: 14px; font-weight: 500; }
.storeBox .chosen .link-clear { font-size: 14px; text-decoration: none; color: #4e7a9f; }
.storeBox .chosen .link-clear:hover { text-decoration: underline; }
.storeBox .chosen .cross-icon { position: absolute; top: 4px; right: 9px; font-size: 10px; text-decoration: none; color: #cecece; cursor: pointer; }
.storeBox .chosen .cross-icon:hover { color: #4e7a9f; }
.storeBox .filter { margin-bottom: 39px; width: 100%; }
.storeBox .filter ul { list-style: none; }
.storeBox .filter ul > li { padding: 0 10px; border-top: solid 1px rgba(112, 112, 112, 0.2); }
.storeBox .filter ul > li > .title { padding: 13px 0 17px; cursor: pointer; }
.storeBox .filter ul > li > .title:before { position: absolute; top: 21px; right: -1px; z-index: 1; width: auto; height: auto; font-family: 'icomoon', sans-serif; font-size: 5px; color: #030a01; border: 0; transition: all 0.3s ease-in-out; content: '\e904'; }
.storeBox .filter .hidden-list { padding-bottom: 16px; display: none; }
.storeBox .filter ul > li > .title.is_active:before { transform: rotate(-180deg); }
.storeBox .filter ul > li:last-child { border-bottom: solid 1px rgba(112, 112, 112, 0.2); }
.storeBox .right { width: 74.7%; }
.storeBox .products { margin: 0 -8px; padding-bottom: 21px; display: flex; flex-wrap: wrap; }
.storeBox .product { margin-bottom: 16px; padding: 0 8px; width: 100%; list-style: none; width: 33.33% }
.storeBox .filter-btn { margin-bottom: 10px; padding: 10px 15px; position: relative; display: none; align-items: center; justify-content: center; width: 100%; font-weight: 700; border: solid 1px rgba(112, 112, 112, 0.2); border-radius: 10px; cursor: pointer; background-color: #0d3701; color: #ffffff; }
.storeBox .filter-btn:before { margin-right: 7px; display: inline-block; width: 18px; height: 16px; vertical-align: middle; background: url('images/filter-Icon-wit.png') no-repeat; background-size: 100%; content: ''; }

.related .products { margin: 0 -8px; padding-bottom: 21px; display: flex; flex-wrap: wrap; }
.related .product { margin-bottom: 16px; padding: 0 8px; width: 100%; list-style: none; width: 33.33% }


#cards_holder_box{width: 100%; height: 100%; position: relative; }
#cards_holder_box_inner{ position: sticky; top:20px; z-index: 2;}

.shop_promo_blokje{ background-color: #C4DCA6!important;}
.shop_promo_blokje .list p{ font-weight: 300;font-family: 'Figtree', sans-serif; font-size: 16px; line-height: 1.6; }

/* ### card-total ### */
.cart_totals { width: 100%!important; }
.card-total .continue { padding-bottom: 5px; display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: solid 2px #e0e7ef; }
.card-total .continue a { font-size: 14px; font-weight: 500; text-decoration: none; color: #0d3701; }
.card-total .continue a em { font-style: normal; text-decoration: underline; }
.card-total .continue a i { margin-left: 4px; font-size: 8px; }
.card-total .continue a:hover em { text-decoration: none; }
.card-total .continue span { font-size: 16px; font-weight: 700; color: #4c5666; }
.card-total .subtotal { padding: 15px 0 17px; display: flex; align-items: center; justify-content: space-between; width: 100%; color: #4c5666; border-bottom: solid 2px #e0e7ef; }
.card-total .subtotal span { font-weight: 700; color: #000; }
.card-total .subtotal i { font-size: 5px; }
.card-total .subtotal p { margin-bottom: 0; padding-top: 3px; font-size: 12px; }
.card-total .subtotal:nth-child(5) { border-bottom: 0; }
.shoppingBox .right .payment { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.shoppingBox .right .securely { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #c4dca6; }
.shoppingBox .right .securely i { margin-right: 5px; font-size: 18px; }
.shoppingBox .right .card-img { display: flex; }
.shoppingBox .right .card-img img { margin: 0 1px; max-width: 35px; }
.shoppingBox .right .list { list-style: none; }
.shoppingBox .right .list > li { padding-bottom: 11px; padding-left: 15px; position: relative; color: #0d3701; }
.shoppingBox .right .list > li:before { position: absolute; top: 2px; left: -7px; font-family: 'icomoon', sans-serif; color: #c4dca6; content: '\e902'; }
.shoppingBox .right .button { margin: 12px 0 18px; width: 100%; }
.shoppingBox .right .continue { padding-bottom: 5px; display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: solid 2px  var(--brown); }
.shoppingBox .right .continue a { font-size: 14px; font-weight: 500; text-decoration: none; color: #0d3701; }
.shoppingBox .right .continue a em { font-style: normal; text-decoration: underline; }
.shoppingBox .right .continue a i { margin-left: 4px; font-size: 8px; }
.shoppingBox .right .continue a:hover em { text-decoration: none; }
.shoppingBox .right .continue span { font-size: 16px; font-weight: 700; color: #4c5666; }

.card-total .form-check { padding-bottom: 7px; }
.card-total .form-check label { font-size: 13px; line-height: 1.6; color: #4c5666; }

.cart_totals>h2{ display: none!important; }
.cart_totals th{ text-align: left; font-weight: 400!important; } 
.cart_totals td{ text-align: right; font-weight: 700; } 

.shop_table{ display: block; width: 100%; border:none!important; }
.shop_table thead{ display: block; width: 100%; border:none!important; }
.shop_table tbody{ display: block; width: 100%; border:none!important; }
.shop_table tfoot{ display: block; width: 100%; border:none!important; }
.shop_table tr{ display: block; width: 100%; border:none!important; display: flex; justify-content: space-between; border-bottom: solid 2px var(--brown)!important; }
.shop_table td{ display: block; width: 100%; border:none!important; }
.shop_table th{ display: block; width: 100%; border:none!important; }


div#order_review > table > tfoot > tr.order-total > td > small { display:block;font-size:10px;}

form#order_review{ padding-top: 40px; }
form#order_review{ display: flex; justify-content: space-between; flex-wrap: wrap;}
form#order_review > #payment{ margin-right: 0px!important; padding-top: 12px!important; }
form#order_review > table.shop_table{ width: 48.5%; margin-top: 12px; }

form#order_review .wc_payment_methods{ padding-top: 20px; margin-top: 56px; }

form#order_review > table.shop_table th.product-total{ text-align: right; }

form#order_review > table.shop_table:before {
  content: '1. Overzicht';
  font-size: 20px !important;
  line-height: var(--line-height-heading);
  margin-bottom: 15px;
  font-weight: 500;
  display: block;
  width: 100%;
}



.checkout-button{ 
	padding: 16px 28px!important; 
	display: inline-flex!important; 
	align-items: center!important; 
	justify-content: center!important; 
	font-family: var(--font-family-base)!important; 
	font-size: 16px!important; 
	font-weight: 500!important; 
	text-decoration: none!important; 
	color: #ffffff!important;
	border: 0!important;
	border-radius: 10px!important;
	background-color: var(--brown)!important;
	transition: all 0.3s ease-in-out!important; 
	}
.checkout-button:hover { background-color: var(--dark-brown)!important; }
.product-subtotal{ text-align: right; font-weight: 700;}
td.product-thumbnail{  padding-top: 24px!important; }
td.product-subtotal{ padding-top: 24px!important;}
td.product-name { padding-top: 24px!important; padding-bottom: 14px!important;}
.product-name dl{ font-size: 12px; }
.verwijder_qty{ display: flex; padding-top: 10px;  }
.verwijder{ display: block; font-weight: 400!important; padding-top: 14px; }
.verwijder:hover{ color: #ff0000!important; }
.shop_table .wac-quantity{ width: 140px!important; }
td.product-name .amount{ font-weight: 700; }

.woocommerce-shipping-destination{ font-weight: 400!important; }
.shipping-calculator-button{ font-weight: 400!important; color: #4c5666; }

.woocommerce-message { border: none!important;background-color: transparent!important; }
.woocommerce-remove-coupon{ font-weight: 400!important; color: #4c5666; font-size: 12px; font-style: italic; }

#coupon_code{  width: 100%; height: 50px;color: #4c5666; border: solid 1px #e0e7ef; border-radius: 6px; background-color: transparent; padding-left: 20px; }
#heb_je_coupon{ font-weight: 400; text-align: left; cursor: pointer; }
#cart_coupon_holder{ height: 0px; overflow: hidden;transition: all 0.3s }
#cart_coupon_holder.open{ height: auto; padding-top: 10px; }
.bekijk_btn, #cart_coupon_holder button, #bestellen_betalen_btn, .wc-backward, .wp-element-button, .checkout_coupon .button, #place_order {
	padding: 16px 28px!important;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-family: var(--font-family-base)!important; 
	font-size: 16px!important;
	font-weight: 500!important;
	text-decoration: none!important;
	color: #ffffff!important;
	border: 0!important;
	border-radius: 10px!important;
	background-color: var(--brown)!important;
	transition: all 0.3s ease-in-out!important;
	width: 100%;
	}
.bekijk_btn:hover, #cart_coupon_holder button:hover, #bestellen_betalen_btn:hover, .wc-backward:hover, .wp-element-button:hover, #place_order:hover {
	background-color: var(--dark-brown) !important;
	}

.cart_totals .woocommerce-shipping-destination{ display: none!important; }	
	
.wc-backward { max-width: 300px; }
.cross-sells ul{ display: flex; }
.cart-empty{ padding: 30px!important; }
.cart-empty:before{ display:none!important; }
.woocommerce ul.products li.product .price{ color:#030a01!important; }

.shipping-calculator-form{ width: 100%; }

/* ### related box ### */
.relatedBox { width: 100%; }
.relatedBox h5 { margin-bottom: 16px; color: #4c5666; }
.relatedBox .holders { margin: 0 -12px; display: flex; flex-wrap: wrap; }
.relatedBox .column { margin-bottom: 16px; padding: 0 12px; width: 33.33%; }

/* ### checkout box ### */
.checkoutBox { margin-bottom: 64px; width: 100%; }
.checkoutBox form { width: 100%; }
.checkoutBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.checkoutBox .column { margin-bottom: 16px; padding: 0 8px; width: 33.33%; }
.checkoutBox .step-item { padding: 30px 30px 8px; width: 100%; border-radius: 10px; background-color: var(--gray);; }
.checkoutBox .title { margin-bottom: 26px; padding-bottom: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; border-bottom: solid 2px #e0e7ef; }
.checkoutBox .title h5 { margin-bottom: 0; }
.checkoutBox .items { width: 49.5%; }
.checkoutBox .form-group { margin-bottom: 17px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.checkoutBox .form-group label { margin-bottom: 6px; display: block; width: 100%; font-size: 16px; font-weight: 900; color: #4c5666; }
.checkoutBox .form-check { margin-bottom: 0; }
.checkoutBox .form-check label { padding-left: 29px; font-size: 14px; font-weight: 300; color: #000; }
.checkoutBox .form-check label:before { width: 16px; height: 16px; background-color: #fff; }
.checkoutBox .form-check input:checked + label:after { width: 16px; height: 16px; }
.checkoutBox .form-check input:checked + label:before { top: 4px; left: 3px; width: 16px; height: 16px; font-size: 7px; background: transparent; }
.checkoutBox .securely { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #c4dca6; }
.checkoutBox .securely em { padding-top: 3px; font-style: normal; }
.checkoutBox .securely i { margin-right: 5px; font-size: 18px; }
.checkoutBox .radio-option { margin-bottom: 12px; width: 100%; }
.checkoutBox .radio-option h6 { margin-bottom: 0; font-size: 16px; color: #4c5666; }
.checkoutBox .radio-option h6 small { margin-left: 5px; font-size: 14px; font-weight: 400; color: #c4dca6; }
.checkoutBox .radio-option .free { display: flex; align-items: center; font-size: 13px; font-weight: 300; color: #4c5666; }
.checkoutBox .radio-option .free img { margin-right: 3px; }
.checkoutBox .radio-option .radio-label { padding: 17px 20px 14px 18px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; border: solid 1px #e0e7ef; border-radius: 6px; background-color: #fff; }
.checkoutBox .radio-option input[type='radio'] { position: absolute; opacity: 0; }
.checkoutBox .radio-option input[type='radio'] + .radio-label:before { position: absolute; top: 0; left: 0; display: inline-block; width: calc(100% - 4px); height: calc(100% - 3px); border-radius: 6px; content: ''; cursor: pointer; }
.checkoutBox .radio-option input[type='radio']:checked + .radio-label:before { border: solid 2px #000; }
.checkoutBox .card-total .subtotal { margin-bottom: 15px; padding-top: 0; }
.checkoutBox .subtotal span { font-weight: 300; text-transform: uppercase; }
.checkoutBox .subtotal span strong { font-weight: 900; }


.checkoutBox .woocommerce-form-login-toggle{ width: 100%; order:1;}
.checkoutBox .woocommerce-form-coupon-toggle{ width: 100%; order:2; }

.checkoutBox .woocommerce-form-login{ width: 100%; order:3; }
.checkoutBox .woocommerce-form-coupon{ width: 100%; order:4; margin-left: auto; }
.checkoutBox .woocommerce-checkout{ width: 100%; order:5; }

.checkoutBox .woocommerce-form-login__submit{ max-width: 400px!important; }
.checkoutBox .woocommerce-form-login .form-row-last{ float: none!important; }



.woocommerce-form-coupon-toggle{ width: 100%; }
.woocommerce-checkout{ display: flex; justify-content: space-between;align-items: start; }
#customer_details{ width: 32%; padding: 30px 30px 8px;border-radius: 10px; background-color: var(--gray);; margin-right: 1%;}
div#order_review{ width: 67%; display: flex; align-items: start; flex-direction: row-reverse; }
.checkout_totalen_column{ width: 48.5%!important; display: block!important; padding: 30px 30px 8px!important;border-radius: 10px!important; background-color: var(--gray)!important; margin-right: 0!important;}
#payment{  width: 48.5%!important; display: block; padding: 30px 30px 8px;border-radius: 10px!important; background-color: var(--gray)!important; margin-right: 2.33%; position: relative; }
#payment:before{ content: '2. Betaling';  font-size: 20px!important; line-height: var(--line-height-heading);margin-bottom: 15px; font-weight: 500; display: block; width: 100%; }

.woocommerce-checkout #payment ul.payment_methods li img{ max-width: 35px; }
.woocommerce-checkout .payment_method_mollie_wc_gateway_creditcard>label>img{ max-width: 105px!important; }

.woocommerce-info{ border:none; padding: 30px; border-radius: 10px!important; background-color: var(--gray);; width: 100%;color: var(--brown); }
.woocommerce-info a{ color: #4c5666;  }
.woocommerce-info:before{ display: none; }
.form-row.place-order{ display: block!important;height: 0px!important;overflow: hidden!important; padding: 0!important; margin: 0!important; }
.wc_payment_methods{ border:none!important; border-top: solid 2px var(--brown)!important; }
div#order_review th{ text-align: left; font-weight: 400!important; } 
div#order_review td{ text-align: right; font-weight: 700; } 
.privacy_statement_p{ font-size: 13px; line-height: 1.6; color: #4c5666; text-align: left;font-weight: 400!important;}
.checkout_totalen_column .list { list-style: none; }
.checkout_totalen_column .list > li { padding-bottom: 11px; padding-left: 15px; position: relative; color: #0d3701;text-align: left;font-weight: 400!important; }
.checkout_totalen_column .list > li:before { position: absolute; top: 2px; left: -7px; font-family: 'icomoon', sans-serif; color: #c4dca6; content: '\e902'; }
#bestellen_betalen_btn{ margin-bottom: 20px; }
.woocommerce-billing-fields h3:first-child{ display: none; }
#ship-to-different-address{ font-size: 16px!important; font-weight: 400!important; padding-left: 3px; }
.input-text { padding: 0 9px; width: 100%; height: 40px; font-size: 16px; font-weight: 300;color: #030a01; border: solid 1px rgba(112, 112, 112, 0.3);border-radius: 5px;background-color: #fff;}
#customer_details p label{ margin-bottom: 0px; display: block; width: 100%; font-size: 16px; font-weight: 400; color: var(--brown) ; }
.select2-selection{ height: auto!important;border:none!important; }
#select2-billing_country-container, #select2-shipping_country-container{ padding: 6px 9px 0; width: 100%; height: 40px; font-size: 16px; font-weight: 300;color: #030a01; border: solid 1px #e0e7ef;border-radius: 5px;background-color: #fff;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ top:6px; }
.checkout_col_h2{ font-size: 20px!important; }
.woocommerce-billing-fields{border-top: solid 2px var(--brown)  !important;}




#ship-to-different-address{ margin-top: 10px; }
li.wc_payment_method{padding: 17px 20px 14px 18px;width: 100%;border: solid 1px #e0e7ef;border-radius: 6px;background-color: #fff; margin-bottom: 20px!important; position: relative; cursor: pointer;}
.wc_payment_method input[type=radio]{ position: absolute;width: 100%;height: 64px; z-index: 200; left: 0; top:0; opacity: 0; cursor: pointer; }
li.wc_payment_method input[type=radio]:checked + label{font-weight: 400!important; padding-left: 00px; }

.wc_payment_method label{ display: flex; align-items: center; justify-content: space-between; position: relative; }

.payment_method_mollie_wc_gateway_ideal select{ padding: 0 9px;width: 100%;height: 40px;font-size: 16px;font-weight: 300;color: #030a01;border: solid 1px #e0e7ef;border-radius: 5px;background-color: #fff; }
.woocommerce-NoticeGroup-checkout{ display: none!important; }

.xoo-wsc-img-col{ width: 20%; }
.xoo-wsc-img-col .attachment-woocommerce_thumbnail { width: 60px!important; height: 60px!important; }
.xoo-wsc-ft-btn-continue{ background-color: transparent!important; order: 1; border:2px solid #000000!important; color: #000000!important; }
.xoo-wsc-ft-btn-continue:hover{ background-color: #000000!important; color: #ffffff!important; }
.xoo-wsc-ft-btn-cart{ order:2; }
.xoo-wsc-ft-btn-checkout{order:3;}

.checkout_coupon{ margin-top: 0px!important; }
.checkout_coupon p{ display: block; float: none!important; width: 100%!important; max-width: 400px!important; }

/* ### thank box ### */
.thankBox { margin-bottom: 50px; width: 100%; }
.thankBox h5 { margin-bottom: 0; }
.thankBox h6 { margin-bottom: 3px; font-size: 16px; color: #4c5666; }
.thankBox .block { margin-bottom: 20px; padding: 30px 30px 33px; width: 100%; border-radius: 10px; background-color: var(--gray);; }
.thankBox .block .title { margin-bottom: 26px; padding-bottom: 24px; width: 100%; border-bottom: 2px solid #e0e7ef; }
.thankBox .block .holder { margin: 0 -12px; display: flex; flex-wrap: wrap; }
.thankBox .block .column { padding: 0 12px; width: 25%; }
.thankBox .block .order { font-weight: 300; color: #4c5666; }
.thankBox .intro-block { margin-bottom: 20px; padding: 25px 30px 33px; width: 100%; border-radius: 10px; background-color: var(--gray);; }
.thankBox .intro-block h5 { margin-bottom: 7px; }
.thankBox .intro-block .holder { margin: 0 -12px; display: flex; flex-wrap: wrap; }
.thankBox .intro-block .column { padding: 0 12px; width: 20%; }
.thankBox .intro-block .items { position: relative; z-index: 1; width: 100%; }
.thankBox .intro-block .number { margin-bottom: 6px; display: flex; align-items: center; justify-content: center; width: 81px; height: 81px; font-size: 32px; font-weight: 900; color: #fff; border-radius: 75px; background-color: #92b16c; }
.thankBox .intro-block .items:after { position: absolute; top: 19px; left: 59px; z-index: -1; opacity: 0.2; width: 257px; height: 63px; background: url('images/golf-2.png') no-repeat; content: ''; }
.thankBox .intro-block .column:last-child .items:after { display: none; }
.thankBox .image { margin-bottom: 20px; width: 100%; }
.thankBox .image img { width: 100%; border-radius: 10px; }
.thankBox .column-block { width: 100%; }
.thankBox .column-block .wrap { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.thankBox .column-block .column-item { padding: 0 8px; width: 50%; }
.thankBox .woocommerce-order .block { margin-bottom: 20px; padding: 30px 30px 33px; width: 100%; border-radius: 10px; background-color: var(--gray);; }
.thankBox .woocommerce-thankyou-order-details { margin: 0 -12px 0 0!important; display: flex; flex-wrap: wrap;  }
.thankBox .woocommerce-thankyou-order-details li { padding: 0 12px; width: 23%; font-weight: 700!important; }
.thankBox .woocommerce-thankyou-order-details li strong { font-weight: 300!important; color: #4c5666; }
.thankBox .woocommerce-order-details{  margin-bottom: 20px; padding: 30px 30px 33px; width: 100%; border-radius: 10px; background-color: var(--gray);; }
.thankBox .woocommerce-order-details h2{font-size: 20px; }
.thankBox .woocommerce-customer-details .woocommerce-columns{display: flex; justify-content: space-between;}
.thankBox .woocommerce-customer-details .woocommerce-columns:before{ content: ''; display: none; }
.thankBox .woocommerce-customer-details .woocommerce-columns:after{ content: ''; display: none; }
.thankBox .woocommerce-customer-details .woocommerce-column{  margin-bottom: 20px; padding: 30px 30px 33px; border-radius: 10px; background-color: var(--gray);; float: none; width: 49%; }
.thankBox .woocommerce-customer-details .woocommerce-column h2{font-size: 20px; margin-bottom: 4px;}
.thankBox .woocommerce-customer-details .woocommerce-column address{ border:none!important; }
.thankBox .woocommerce-customer-details--phone{ display: block; margin-top: 10px; position: relative; }
.thankBox .woocommerce-customer-details--email{ display: block; position: relative; }
.thankBox .woocommerce-customer-details--phone:before{top:-4px;}
.thankBox .woocommerce-customer-details--email:before{top:-4px;}
.thankBox .woocommerce-customer-details .woocommerce-column{  margin-bottom: 20px; padding: 30px 30px 33px; border-radius: 10px; background-color: var(--gray);; float: none; width: 49%; }
.thankBox .woocommerce-thankyou-order-details li { padding: 0 12px; width: 23%; }

.thankBox {
  position: relative;
  min-height: 100vh;
}

/* ### shopping box ### */
.shoppingBox { padding-bottom: 40px; padding-top: 40px; width: 100%; }
.shoppingBox h2 { margin-bottom: 28px; }

.shoppingBox .woocommerce-cart-form { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.shoppingBox .left { width: 66.3%; }
.shoppingBox .right { width: 30.3%; }
.shoppingBox .block { margin-bottom: 75px; width: 100%; }
.shoppingBox .title { padding-bottom: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; font-size: 16px; font-weight: 700; color: #4c5666; border-bottom: solid 2px #e0e7ef; }
.shoppingBox .product { padding: 21px 20px 20px; position: relative; display: flex; width: 100%; }
.product-thumbnail{ max-width: 110px; }
.product-thumbnail a img { margin-right: 36px!important; width: 72px!important; margin: 0!important; }
.shoppingBox .product .image img { width: 100%; }
.shoppingBox .product .content { padding-top: 17px; }
.product-name a { margin-bottom: 2px; font-size: 16px; font-weight: 700; text-decoration: none; color: #4c5666; }
.shoppingBox .product .price { margin-bottom: 17px; font-weight: 700; text-decoration: none; color: #000; }
.shoppingBox .product .price del { font-weight: 300; }
.shoppingBox .product .quantity { display: flex; align-items: center; width: 100%; }
.shoppingBox .product .qty { margin-right: 35px; display: flex; flex-wrap: wrap; width: 115px; }
.wac-qty-button { width: 24px; height: 50px; font-size: 7px; color: #4c5666; border: solid 1px #e0e7ef; border-radius: 6px; background-color: transparent; cursor: pointer; display: inline-block; vertical-align: middle; padding-top: 10px; }
.verwijder_qty .qty { margin: 0; width: 60px; height: 50px!important; font-size: 16px; font-weight: 700; text-align: center; color: #4c5666; border: solid 1px #e0e7ef; border-radius: 6px; display: inline-block; vertical-align: middle; }
.shoppingBox .product .btn-remove { text-decoration: none; color: #4c5666; }
.shoppingBox .product .btn-remove:hover { text-decoration: underline; }
.shoppingBox .total-price { position: absolute; top: 39px; right: 0; font-weight: 700; color: #000; }

.wac-quantity .qty { padding: 0px!important;}

#dps-datetime-picker>div{ display: none!important; }


/* ### mijn account ### */

.accountBox { padding-bottom: 40px; padding-top: 40px; width: 100%; }
.accountBox .woocommerce-MyAccount-navigation ul{ display: flex; width: 100%; justify-content: space-around; margin-bottom: 20px;padding:  12px 30px;border-radius: 10px;background-color: var(--gray);; }
.accountBox .woocommerce-MyAccount-navigation ul li{ list-style: none; }
.accountBox .woocommerce-MyAccount-navigation ul li a{ padding: 8px; display: block;cursor: pointer; color: #0d3701; text-decoration: none; }
.accountBox .woocommerce-MyAccount-navigation ul li a:hover{ text-decoration: underline; }
.accountBox a{ cursor: pointer; color: #0d3701; text-decoration: none; }
.accountBox a:hover{ text-decoration: underline; }
.accountBox h3{ font-size: 20px !important; }
.accountBox .button{max-width: 300px!important; margin-top: 20px!important;}
.accountBox .woocommerce-EditAccountForm fieldset{ padding: 16px!important; }

.accountBox .button {
	padding: 16px 28px!important;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	font-family: var(--font-family-base)!important; 
	font-size: 16px!important;
	font-weight: 500!important;
	text-decoration: none!important;
	color: #ffffff!important;
	border: 0!important;
	border-radius: 10px!important;
	background-color: var(--brown)!important;
	transition: all 0.3s ease-in-out!important;
	width: 100%;
	}
.accountBox .button:hover {
	background-color: var(--dark-brown) !important;
	}







/*WOOCOMMERCE*/
/*WOOCOMMERCE*/
/*WOOCOMMERCE*/



.product_title{ font-size: 20px; font-weight: 700; margin-bottom: 6px!important; }

.tm-extra-product-options .tc-cell, .tc-extra-product-options .tmcp-field-wrap label.tc-cell{ padding: 0; position: static; }
.shop_product_iframe{ width: 100%;height: 260px;border:none;outline: none;  background-image: url('images/logo.png'); background-repeat: no-repeat; background-position: center 120px; background-size: 100px auto;}
#single_holder{ height: 260px; background-image: url('images/logo_opa_14.png'); background-position: center 40px; background-repeat: no-repeat; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: #f9f9f9; padding: 20px; position: relative; }

.gekozen_opties{ -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background-color: #f9f9f9; padding: 20px;padding-top: 0px; font-size: 12px; font-style: italic; }
.product_beschrijving{ background-color: #f9f9f9; padding: 20px;padding-top: 0px;padding-bottom: 0px; margin-top: -10px; font-size: 12px; font-style: italic; }

.tm-no-options #single_holder>div.summary{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.tm-no-options #single_holder>div>h1{ width: 100%; margin-bottom: 150px!important; }
.tm-no-options #single_holder>div>p{ display: block!important;font-size: 1.5em;font-weight: 700; width: 170px; }
.tm-no-options #single_holder>div>form{ width: calc(100% - 180px);}
.tm-no-options #single_holder>div>form>div.quantity{ width: 113px;}
.tm-no-options #single_holder>div>form>button.single_add_to_cart_button{width: calc(100% - 125px);}
.tm-has-options #single_holder>div>p{ display: none!important;}



.tm-extra-product-options .tc-row, .tc-row{ margin: 0!important; justify-content: space-between!important; }
.tm-cart-edit-options{ display: none!important; }
.single_product .xoo-wsc-basket{ display: none!important;}
.single_product .xoo-wsc-markup{ opacity: 0!important; }
.tm-epo-element-label{ width: 98%; margin: 0!important; }

#tm-extra-product-options{ height: 150px; }
#tm-extra-product-options-fields{ width: 100%!important; }
.tc-row{ width: 100%; flex-wrap: wrap; }
.tc-container{ width: 48.7%!important; flex: none!important; }
.tm-epo-element-label{ font-size: 16px!important; font-weight: 700; }
.tc-element-container{ position: fixed!important; width: 96%!important; height: 65vh!important; left: 2%!important; top:5vh!important; z-index: 100; border-radius: 10px; background-color: rgba(256,256,256,0.95); opacity: 0; display: none; padding: 20px!important; overflow: auto; }
.sluit_opties_btn{ position: fixed; z-index: 10; right:36px; top:20px; cursor: pointer; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #ffffff; background-color: #ff0000; border-radius: 10px;}

.tm-epo-field{ height: auto!important; }
.tmcp-field-wrap{ padding-top: 0!important; padding-bottom: 0!important; }
.tm-options-totals{ display: none!important; }

.tc-element-container .tmcp-ul-wrap{ position: relative; z-index: 5; }


dt.tm-final-totals{ display: none!important; }
.tc-totals-form{ width: 30%; display: inline-block!important; margin-left: -4px;}
#tm-epo-totals{ margin: 0!important; padding: 0!important;}
.cart .quantity{ width: 19.5%; display: inline-block!important; max-width: 300px; }
.cart .quantity input.qty{ height: 50px; border-radius: 10px; }
.single_add_to_cart_button{ width: 48.8%; height: 50px; margin-left: 3px; display: inline-block!important; color: var(--brown);
  border: 1px solid var(--secondary);
  background-color: var(--secondary);
  padding-left: 0px!important;
  padding-right: 0px!important;
 }
.single_add_to_cart_button:hover{ background-color: var(--yellow); }
.added_to_cart{ display: none!important; }

.tm-epo-element-label{ 
	font-size: 16px!important; 
  background: var(--white) url('images/select-arrow.png') no-repeat center right 17px;
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%!important;
  height: 50px;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  border: 1px solid rgba(112, 112, 112, 0.3);
  border-radius: 10px;
  padding-top: 16px!important;
  padding-left: 10px!important;
  flex: none!important;
  }

.tm-epo-field{ height: auto!important; }
.tmcp-field-wrap{ padding-top: 0!important; padding-bottom: 0!important; }
.tm-options-totals{ display: none!important; }

.tm-extra-product-options .tc-element-container{ overflow-y: scroll!important; overflow-x: hidden!important;}

.single_add_to_cart_button:hover{ background-color: var(--yellow); }
.added_to_cart{ display: none!important; }



.smaken_macarons{ column-count:3; }
#gfield_instruction_5_48, #gfield_description_5_30, #gfield_description_5_54, #gfield_instruction_5_55, #gfield_description_5_59, #gfield_instruction_5_60, #gfield_description_5_64, #gfield_instruction_5_65, #gfield_description_5_68, #gfield_instruction_5_69, #gfield_description_5_72, #gfield_instruction_5_73, #gfield_instruction_5_78, #gfield_instruction_2_58, #gfield_instruction_9_48, #gfield_description_9_30, #gfield_description_9_59, #gfield_instruction_9_60, #gfield_instruction_9_78, #gfield_instruction_17_58, #gfield_instruction_14_58{ display: none!important; }


.ginput_quantity_label{  margin-left: 20px!important; }
.ginput_quantity{ width: 80px!important; }
.gfield.spacer{ display: none!important;}

.woocommerce-pagination{ width: 100%; }
.woocommerce-pagination ul{ display: flex;justify-content: center; align-items: center; width: 100%; }
.woocommerce-pagination ul li{  margin-left: 4px; margin-right: 4px; }
.woocommerce-pagination ul li a{ transition: all 0.3s; color: var(--primary);padding: 6px; min-width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 3px; border: 1px solid rgba(112, 112, 112, 0.3);  }
.woocommerce-pagination ul li a:hover{ background-color: var(--secondary); }
.woocommerce-pagination ul li span.current{ color: var(--primary); font-size: 18px; padding: 6px; min-width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 3px; border: 1px solid rgba(112, 112, 112, 0.3); background-color: var(--secondary);}






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

@media only screen and (max-width: 1790px) {
	.centered-xl { padding-right: 15px; padding-left: 15px; }
	.cakeBox .slick-list { padding-right: 200px; padding-left: 200px; }
	.cakeBox p { font-size: 14px; }
	.cakeBox .button { padding: 10px 20px 9px; min-width: auto; font-size: 13px; }
}

@media only screen and (max-width: 1310px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.menuBox ul > li { margin-right: 30px; }
	.cakeBox h2 { margin-bottom: 20px; }
	.cakeBox p { margin-bottom: 20px; }
	.cakeBox .button { width: 100%; font-size: 16px; }
	.cakeBox .button.primary { margin-right: 0; margin-bottom: 10px; }
	.companyBox .button.primary { margin-right: 5px; }
}

@media only screen and (max-width: 1199px) {
	#headerCntr { padding-top: 20px; padding-bottom: 20px; }
	#headerCntr .logo { top: -19px; left: 15px; transform: translateX(0); }
	#headerCntr .logo img { max-width: 150px; height: 115px; object-fit: contain; }
	.topBox { margin-bottom: 15px; justify-content: flex-end; }
	.topBox .d-desktop { display: none; }
	.menuBox { padding-top: 15px; padding-right: 60px; padding-bottom: 15px; justify-content: flex-end; }
	.menuBox ul { display: none; }
	.menuBox .d-phone { display: block; }
	.mobile-menu { display: block; }
	.bannerBox { margin-top: -166px; }
	.productBox .item { width: 100%; }
	.companyBox .button { width: 100%; min-width: unset; }
	.companyBox .button.primary { margin-right: 0; margin-bottom: 10px; }
	.contactBox .paragraph p br { display: none; }
	.contactBox label { font-size: 13px; }
	.contactBox .holder { margin-right: -10px; margin-left: -10px; }
	.contactBox .column { padding-right: 10px; padding-left: 10px; }
	.contactBox .holder .paragraph { margin-right: 10px; margin-left: 10px; }
	.sendBox .holder { margin-right: -10px; margin-left: -10px; }
	.sendBox .column { padding-right: 10px; padding-left: 10px; }
	.sendBox .wrap { margin-right: 10px; margin-left: 10px; }
	
	
	.shoppingBox { margin-bottom: 35px; }
	.shoppingBox .left { width: 61%; }
	.shoppingBox .right { width: 36%; }
}

@media only screen and (max-width: 991px) {
	.cakeBox .slick-list { padding-right: 80px; padding-left: 80px; }
	.card-review ul > li:after { margin: 0 5px 0 8px; }
	.companyBox .holder { align-items: unset; }
	.themeBox .item { margin-bottom: 40px; width: 100%; }
	.themeBox .item:last-child { margin-bottom: 0; }
	.themeBox .slide img { height: auto; }
	.contactBox .column { width: 50%; }
	.sendBox .button { min-width: 250px; }
	.footerBox .title { font-size: 16px; }
	.footerBox ul > li > a { font-size: 12px; }
	.footerBox .link { font-size: 12px; }
	
	.woocommerce-checkout{ display: block; }
	div#order_review{ width: 100%; display: flex; align-items: start; flex-direction: column-reverse; }
	#customer_details{ width: 100%; margin-right: 0%;}
	.checkout_totalen_column{ width: 100%!important;}
	#payment{  width: 100%!important;margin-right: 0%; margin-bottom: 16px;}
	.shoppingBox .left { margin-bottom: 30px; width: 100%; }
	.shoppingBox .right { width: 100%; }
	.thankBox .intro-block .column { width: 33.33%; }
	.thankBox .intro-block .column:nth-child(3) .items:after { display: none; }
	
	.productBox .products .product { margin-bottom: 14px; padding-right: 8px; padding-left: 8px; width: 100%; }
	
	.smaken_macarons{ column-count:2; }
	form#order_review > table.shop_table{ width: 100%; margin-top: 12px; }
}

@media only screen and (min-width: 768px) {
	.footerBox .hidden-text { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 32px; }
	#headerCntr { padding-top: 15px; padding-bottom: 15px; }
	#headerCntr .logo { top: -20px; }
	#headerCntr .logo img { max-width: 130px; height: 100px; }
	.topBox { margin-bottom: 20px; }
	.topBox p { font-size: 14px; }
	.menuBox { padding-top: 10px; padding-right: 60px; padding-bottom: 10px; }
	.menuBox .tel { padding: 6px 12px 5px; }
	.menuBox .button { padding: 5px 9px 4px; }
	.mobile-menu .hamburger { top: 76px; }
	.bannerBox { margin-top: -137px; padding-top: 170px; padding-bottom: 40px; min-height: auto; }
	.bannerBox p { font-size: 16px; }
	.bannerBox.inner { min-height: auto; }
	.bannerBox.inner-1 { padding-top: 100px; padding-bottom: 90px; }
	.sweetBox { margin-bottom: 50px; }
	.sweetBox .column { width: 100%; }
	.sweetBox .column.w-33 { width: 50%; }
	.sweetBox .view-all .button { width: 100%; min-width: unset; }
	.card-sweet .image img { min-height: 250px; }
	.cakeBox .box { margin: 0; width: 100%; }
	.cakeBox { margin-bottom: 50px; }
	.cakeBox .wrap { margin: 0; display: block; }
	.cakeBox .slide { padding-right: 15px; padding-bottom: 20px; padding-left: 15px; width: 100%; }
	.cakeBox .slide img { position: unset; }
	.reviewBox { margin-bottom: 50px; }
	.reviewBox .box { margin: 0 -15px; width: calc(100% + 30px); border-radius: 0; }
	.reviewBox .slick-list { margin-right: -20px; padding-right: 40px; }
	.card-review { padding: 26px 25px 20px; }
	.card-review ul > li { font-size: 11px; }
	.card-review ul > li:after { margin: 0 2px 0 5px; }
	.uberBox { margin-bottom: 50px; }
	.uberBox .column { width: 100%; }
	.uberBox .card-sweet .image img { height: unset; min-height: unset; object-fit: unset; }
	.uberBox .card-sweet .title { bottom: 0; border-radius: 0 0 10px 10px; }
	.card-product { padding: 20px 25px 25px; }
	.card-product .form-field { width: 100%; }
	.card-product strong { width: 100%; }
	.card-product sub { display: none; }
	.card-product strong span.d-phone { display: inline-block; }
	.companyBox .holder { margin-bottom: 50px; }
	.companyBox .content { padding-right: 0; order: 2; width: 100%; }
	.companyBox .image { margin-bottom: 40px; padding-left: 0; order: 1; width: 100%; }
	.companyBox .image img { height: auto; min-height: unset; }
	.companyBox .image.small img { min-height: auto; }
	.companyBox .holder.reverse .image { padding-right: 0; }
	.themeBox .box { padding: 25px; }
	.themeBox .image img { height: auto; }
	.contactBox .box { padding: 30px 25px; }
	.contactBox h2 { text-align: left; }
	.contactBox strong { text-align: left; }
	.contactBox .column { margin-bottom: 20px; width: 100%; }
	.contactBox .column.w-50 { width: 100%; }
	.contactBox .submit { margin-right: 10px; margin-left: 10px; }
	.contactBox .button { width: 100%; min-width: auto; }
	.sendBox .box { padding: 30px 25px; }
	.sendBox .column { margin-bottom: 20px; width: 100%; }
	.sendBox .check { margin-bottom: 20px; width: 100%; }
	.sendBox .button { width: 100%; min-width: unset; }
	.mapBox { margin-bottom: 40px; }
	.mapBox iframe { height: 250px; }
	.infoBox .column { margin-bottom: 15px; width: 100%; }
	.infoBox .image img { position: unset; }
	.infoBox .column:last-child { margin-bottom: 0; }
	.hungaryBox ul > li { margin-right: 0; margin-bottom: 10px; display: block; }
	.hungaryBox ul > li:last-child { margin-bottom: 0; }
	.hungaryBox .button { width: 100%; min-width: auto; }
	.footerBox { padding-bottom: 60px; }
	.footerBox .holder { margin: 0; }
	.footerBox .item { margin-bottom: 15px; padding: 0 15px; width: 100%; border: 1px solid var(--white); border-radius: 10px; }
	.footerBox .title { margin-bottom: 0; padding: 10px 0; font-size: 18px; }
	.footerBox .title:after { display: block; }
	.footerBox .hidden-text { padding-bottom: 20px; display: none; }
	.footerBox ul { margin-bottom: 20px; }
	.footerBox ul > li > a { font-size: 14px; }
	.footerBox .link { font-size: 14px; }
	.footerBox address { margin-bottom: 30px; }
	.footerBox ul.info { margin-bottom: 30px; }
	.noteBox { text-align: left; }
	
	.footerBox .link{ position: relative; }
	
	.shoppingBox .left{ position: relative!important; }
	.shoppingBox .block { margin-bottom: 40px; }
	.shoppingBox .product { flex-wrap: wrap; }
	.shoppingBox .product .content { width: 100%; }
	.thankBox .intro-block .column { width: 50%; }
	.thankBox .woocommerce-customer-details .woocommerce-columns{ display: block; }
	.thankBox .woocommerce-customer-details .woocommerce-column{  margin-bottom: 20px; padding: 30px 30px 33px; border-radius: 10px; background-color: rgba(249, 222, 129, 0.9); float: none; width: 100%; }
	.thankBox .woocommerce-thankyou-order-details li { padding: 0 12px; width: 45%; padding-bottom: 10px; border:none!important; }	
	
	.smaken_macarons{ column-count:1; }
	
	
}

@media only screen and (max-width: 510px) {
	.bannerBox h1 span { display: block; }
	.sweetBox .column.w-33 { width: 100%; }
	.infoBox ul { width: 100%; }
	.infoBox .image img { height: auto; }
	.copyrightBox { text-align: center; }
	.copyrightBox p { margin-bottom: 10px; width: 100%; }
	.copyrightBox ul { width: 100%; }
	#betalen_met_knoppen {display:block;}
	.betaal_keuze_knoppen {	display:block;width:100%;margin-bottom:20px;}
	.shop_product_iframe{ width: 100%;height: 380px; }
	#single_holder{ height: 380px; padding-bottom: 0px; }
	.tc-element-container { height: 50vh!important; }
	
	.product_title{ font-size: 16px;}
	.tc-totals-form{ width: 78%;}
	.cart .quantity{ width: 20%; }
	.single_add_to_cart_button{ 
		width: 100%;
		margin-top: 20px;
		margin-left: 0px;
	 }
	.tc-container {
	  width: 100% !important;
	}
	#tm-extra-product-options{ height: auto; }
	
}