*,
*:before,
*:after {
	outline: none !important;
	-webkit-text-size-adjust: none;
	-webkit-tap-high300-color: rgba(0, 0, 0, 0);
	box-sizing: inherit;
}

html,
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: auto;
	min-height: 100vh;
}

body.theme-cheerioshot {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-color: #eee4df;
	background-image:url('images/achtergrond.jpg');
	background-size:cover;
	background-position: fixed;
}

html {
	scroll-behavior: auto !important;
  	scrollbar-gutter: stable;
	scrollbar-style: overlay;
	overflow-y: overlay; 
}

body .is-layout-flex {
	gap: var(--gx);
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	width: 100%;
	max-width: calc(var(--containerwidth) - var(--gx));
	margin-left: auto !important;
	margin-right: auto !important;
}

body .wp-block-group.alignwide.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body .wp-block-group.alignfull.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	width: 100% !important;
	max-width: 100% !important;
}

body .wp-block-group.alignfull.is-layout-constrained > .wp-block-group.alignwide{
	width: 100% !important;
	max-width: calc(var(--widecontentwidth) - var(--gxd))!important;
}

#wrap {
	position: relative;
	min-height: calc(100vh + 1px);
}

#header {
	position: relative;
	z-index: 3;
	width: 100%;
}

#main {
	position: relative;
	z-index: 2;
}

#footer {
	position: relative;
	z-index: 3;
}


#header-top {
	display: flex;
	position: relative;
	background: var(--c-2);
	color: var(--c-white);
	transition: 0s ease-in-out;
	transition-delay: 0s;
	height: auto;
	box-shadow: var(--u-box-shadow-soft);	
	min-height:var(--headerheight);
}


#header #header-top-wrap {
	padding-left:var(--gx);
	padding-right:var(--gx);
}


#header .header-logo {
	position:relative;
	margin:auto;
}
#header .header-logo img {
	width: auto;
	height:calc(var(--headerheight) - 20px);
	margin:auto;
}

#header-xs .header-logo {

}

.menu-fixed #header-top {
	position: fixed;
	width:100%;
	--headerheight: 50px;
	top: calc(-1 * var(--headerheight) - 15px);
	transform: translate(0, calc(var(--headerheight) + 10px));
	transition: all 0.5s ease, width 0s;
	transition-delay: 0.2s;
	background-color: var(--c-white);
}

.menu-fixed #header-xs {
	position: fixed;
	width:100%;
	top: calc(-1 * var(--headerheight) - 10px);
	transform: translate(0, calc(var(--headerheight) + 10px));
	transition: all 0.5s ease, width 0s;
	transition-delay: 0.2s;
	background-color: var(--c-white);
}

.menu-fixed #header-top .header-logo {
	top:5px;
}

#header-xs .header-logo svg,
.menu-fixed #header-top .header-logo img,
.menu-fixed #header-top .header-logo svg {
	width: auto;
	max-height: calc(var(--headerheight) + 10px);
	transition: all 0.5s ease, width 0s;
}

.menu-fixed #post-content,
.menu-fixed #single-project,
.menu-fixed #page-content {
	padding-top: var(--headerheight);
}

.menu-fixed #menu-top .navbar-nav > li {
	transition: 0s;
}

.menu-fixed #menu-top .navbar-nav > li > a {
	font-size: var(--fs-xs);
	transition: 0s;
}

.social-icons svg



#post-content,
#page-content {}

#page-content h1,
#post-content h1 {}


@media all and (max-width: 991.98px) {}


@media all and (max-width: 767.98px) {

}

#footer {
	margin-top: var(--gxd);
	background-color:var(--c-2);
	color:var(--c-white);
	padding-top:4rem;
	padding-bottom:4rem;
}

#footer p {
	margin-bottom: 0;
}

#footer-top {
	width: 100%;
	background-color: var(--c-2);
	color: var(--c-white);
	
}


#footer-bottom {
	width: 100%;
	background-color: var(--c-2);
	color: var(--c-white);
}

#footer-top,
#footer-top *, 
#footer-top * > *{
	color: var(--c-white);
}

@media all and (max-width: 767.98px) {
	#footer .widget {
		
		display:flex;
		flex-direction: column;
		align-items: center;
	}	
	#footer .widget .wp-block-group {
		margin:auto;
		width:auto;
		margin-bottom:2rem;
	}	
	#footer .wp-block-heading {
		text-align:center;
	}
}

#footer .footer-socials  {
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: flex-start;
	margin:auto;
	margin-top:1rem;
}

#footer .footer-socials ul {
	display:block;
	margin:auto;
	padding:0;
}

#footer .footer-socials li {
	display:inline-block;
}

#footer .footer-socials li i {
	font-size:32px;
}






#hero.wp-block-cover {
	position:relative;
	height: calc(50vh - var(--headerheight))!important;nt;
	min-height: calc(30vh - var(--headerheight))!important;
	max-height: calc(50vh - var(--headerheight))!important;
}
@media all and (max-width: 1199.98px) {
	#hero.wp-block-cover {
		height: calc(40vh - var(--headerheight))!important;
	}
}
@media all and (max-width: 991.98px) {
	#hero.wp-block-cover {
		height: calc(33.333vh - var(--headerheight))!important;
	}
}
@media all and (max-width: 767.98px) {
	#hero.wp-block-cover {
		height: calc(25vh - var(--headerheight))!important;
	}
}


#hero .wp-block-cover__image-background {
	mask-image: url('images/hero-mask-8.svg')!important;
	mask-repeat:no-repeat;
	mask-size:100% 100%;
	mask-position:0 0;
}

#hero.wp-block-cover .wp-block-cover__inner-container {position:absolute; overflow:hidden; width:100%; height:100%; left:0; top:0; right:0; bottom:0; display: flex; }

#hero.wp-block-cover .wp-block-cover__inner-container figure.wp-block-image {position:absolute; overflow:hidden; width:100%; height:100%; left:0; top:0; right:0; bottom:0; display: flex; }

#hero.wp-block-cover .wp-block-cover__inner-container figure.wp-block-image img {object-fit:contain; object-position:bottom; height:100%!important;	width:100%!important;
}

@media all and (max-width: 1199.98px) {
	#producten .product-70cl { transform:scale(100%) translate(0, 0); max-width:80vw; margin:auto;}
	#producten .product-bucket { transform:scale(100%) translate(0, 0); max-width:80vw; margin:auto;}
}

#winactie .gform_wrapper,
#winactie .gform-theme--framework {
	--gf-form-validation-heading-color: rgba(var(--c-white-rgb), 0.75);
	--gf-form-validation-heading-gap: var(--gxh);

	--gf-local-color: var(--c-white);
	--gf-local-font-family: var(--p-ff);
	--gf-local-font-size: var(--p-fs);
	--gf-local-font-style: var(--p-fst);
	--gf-local-font-weight: var(--p-fw);
	--gf-local-letter-spacing: var(--p-ls);
	--gf-local-line-height: var(--p-lh);

	--gf-form-validation-border-color: rgba(var(--c-white-rgb), 0.75);

}


#winactie .gform_heading {display:none;}
#winactie .gfield_required {color: rgba(var(--c-white-rgb), 0.75); }
#winactie .gform_page_fields > div { gap:var(--gxh); }



#winactie .gform-theme--framework .gform_validation_errors .gform-icon {
	border-color: rgba(255, 20, 20, 0.75);
	color: rgba(236, 0, 0, 0.75);
}

#winactie .gfield_validation_message,
#winactie .gform_submission_error, 
#winactie .gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	color:rgba(var(--c-white-rgb), 0.75)!important;
}

#winactie .gform_validation_errors {
	background-color:antiquewhite;
	color:black!important;
}

#winactie .gform_validation_errors .gform_submission_error.hide_summary {
	color:black!important;
}

#winactie .gform-theme--framework .gform_validation_errors,
#winactie .gform-theme--framework .gfield_error .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
#winactie .gform-theme--framework .gform_validation_errors,
#winactie .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 *)), 
#winactie .gform-theme--framework .gform_validation_errors,
#winactie .gform-theme--framework .gfield_error select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
#winactie .gform-theme--framework .gform_validation_errors,
#winactie .gform-theme--framework .gfield_error select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
#winactie .gform-theme--framework .gform_validation_errors,
#winactie .gform-theme--framework .gfield_error textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	--gf-local-bg-color: var(--gf-ctrl-bg-color-error);
	--gf-local-border-color: var(--gf-ctrl-border-color-error);
	--gf-local-color: var(--gf-ctrl-color-error);
}

#winactie .gform-theme--framework .gform_validation_errors,
#winactie .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
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 *)) {
	color:var(--c-1);
	text-shadow:none;
	box-shadow:none;
}
#winactie .gform_confirmation_message,
#winactie .gform_confirmation_message_1 .gform_confirmation_message {
	color:var(--c-white)!important;
}



#winactie input, #winactie textarea, #winactie select, #winactie button { font-size:16px; } 




#stars {width:240px;}

#producten .wp-block-column .wp-block-columns .wp-block-column:first-child {z-index:1;}
#producten .wp-block-column .wp-block-columns .wp-block-column:last-child {z-index:2;}

#producten .product-70cl { transform:scale(120%) translate(0, -10%); }
#producten .product-bucket { transform:scale(102%) translate(0, -1%); }


@media all and (max-width: 1199.98px) {
	#producten .product-70cl { transform:scale(100%) translate(0, 0); max-width:80vw; margin:auto;}
	#producten .product-bucket { transform:scale(100%) translate(0, 0); max-width:80vw; margin:auto;}
}


@media all and (max-width: 991.98px) {
	#producten.wp-block-columns {   display: flex; flex-wrap:wrap!important; }
	#producten > .wp-block-column { display: flex; align-items:center; justify-content:center; width:100%; flex-basis:100%!important; max-width:100%; }
	#producten > .wp-block-column > .wp-block-columns { max-width:600px!important; }
	#producten > .wp-block-column.column-divider  { display:none; }
	#producten > .wp-block-column:first-child {border-bottom:1px solid; margin-bottom:3rem; padding-bottom:3rem;}
	
}

.same-size h2 {margin:0;}


.column-divider:after { content:""; display:block; position:relative; height:100%; width:1px; left:50%; background-color:var(--c-1); }

.gform-theme--foundation.ui-datepicker {
	z-index: 99999999 !important;
}