/*
	Theme Name: Fiora Botanical Lemonades
	Theme URI: hhttps://www.fioralemonades.com/
	Description: Fiora Botanical Lemonades WP Theme
	Version: 1.0.1
	Author: Raoul te Niet
	Author URI: https://teniet.com
	License: RTM
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

:root {
  --primary-color: #fa4c45;
  --body-bg-color: #f8f9fa;
  --dynamic-text-color: #263238;
  --dynamic-bg-color: #263238;
  --h-color: #fff;
}

	.post-type-archive-stranden,
	.single-stranden{
		--primary-color: #e6ac01;
	}
	
	.post-type-archive-accommodaties,
	.single-accommodaties{
		--primary-color: #e4604b;
	}
	
	.post-type-archive-hotspots,
	.single-hotspots{
		--primary-color: #0197b0;
	}

.color-1{
  --primary-color: #003b5a;	
}

	.color-1{
		--h-color: #a12d34;
	}

.color-2{
  --primary-color: #a12d34;	
}

	.color-2{
		--h-color: #242e30;
	}

.color-3{
  --primary-color: #55127b;	
}

	.color-3{
		--h-color: #a12d34;
	}

.color-4{
  --primary-color: #f18a6c;	
}

.color-5{
	--primary-color: #016891;
}

	.color-5{
		--h-color: #00FFDF;
	}
	
.color-6{
	--primary-color: #000;
}

	.color-6{
		--h-color: #00FFDF;
	}
	
.animate-img img {
	margin-top: 25px;
    -webkit-animation: mover 4s infinite  alternate;
    animation: mover 1.5s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.rotate-right img{
	transform: rotate(3deg);
}


/* Toggle icon */

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  z-index: 999999;
  border-radius: 50%;
  background-size: 25px 25px;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

/* Hambburger */

.toggle-button .menu {
	width: 45px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.toggle-button .line {
  fill: none;
  stroke: #003c32;
  stroke-width: 4;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-button .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
.toggle-button .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 4;
  fill: red;
}
.toggle-button .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
.toggle-button .opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
}
.toggle-button .opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 4;
}
.toggle-button .opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
}

.vc_btn3.vc_btn3-size-lg{
	border: none !important;
	border-bottom: 3px solid rgba(0,0,0,.4) !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {

}
body {
	height: 100%;
	width: 100%;
	font-family: "Libre Franklin", sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color:#242e30;
	background: #FFF5E6;
	background-size: 100%;

}

ul#menu-seo-menu{
	list-style-type: circle;
}

	ul#menu-seo-menu li{
		font-size: 14px;
		margin: 0 0 10px;
	}

#gradient{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fce2d5+0,fcf1db+50,fde6c7+100 */
	background: linear-gradient(to bottom,  rgba(252,226,213,1) 0%,rgba(252,241,219,1) 50%,rgba(253,230,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.inner-content p a{
	text-decoration: underline;
}

.curve{
  background:red;
  clip-path: ellipse(90% 100% at 50% 100%);
}

.vc_toggle_default .vc_toggle_icon::after, .vc_toggle_default .vc_toggle_icon::before{
	background-color: #3c2422 !important;
	background: #3c2422 !important;
	border-color: #3c2422 !important;
}

b, strong{
	font-weight: 600;
}

blockquote{
	font-size: 30px !important;
}

.eapp-popup-button-component{
	border-radius: 100px;
}

.grecaptcha-badge{
	display: none;
}

.cky-notice-btn-wrapper .cky-btn, .eaav-item-allow-buttons-button{
	border-radius: 100px !important; 
}

.half-transparent{
background: linear-gradient(170deg, transparent 50%, #f4f0eb 50%);
}

main .wpb_single_image .vc_box_outline.vc_box_border_grey, main .wpb_single_image .vc_box_outline_circle.vc_box_border_grey{
	border: none;
	border-radius: 5px;
	outline-offset: -15px;
}

	main .wpb_single_image .vc_box_outline.vc_box_border_grey img, main .wpb_single_image .vc_box_outline_circle.vc_box_border_grey img{
		border-radius: 5px;
		border: none;
	}

main .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle, main .wpb_single_image .vc_single_image-wrapper.vc_box_circle, main .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle, main .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle, main .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle, main .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle, .wpb_single_image .vc_single_image-wrapper.vc_box_border_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img, .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle{
	border-radius: 500px 500px 0 0 !important;
	border: none !important;
}

.footer-button{
display: inline-block !important;
  margin-top: 20px;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 100px;
  color: #fbc6a6;
  border: 1px solid #fbc6a6;
}

.rotate-left img {
  transform: rotate(-3deg);
}

.rotate-right img {
  transform: rotate(3deg);
}

iframe{
	border: none;
	border-radius: 15px;
}

	.vimeo-video{
		padding-top: 100px;
	}
	
		.vimeo-video img{
			display: none;
		}
		
			body.postid-958 .vimeo-video img{
				display: block;
			}
			
			body.postid-958 .vimeo-video iframe{
				display: none;
			}
	
	.single-lemonades iframe, .single-lemonades00 iframe{
		height: 780px !important;
		border-radius: 500px 500px 15px 15px;
	}
	
	.single-labels iframe{
		height: 780px !important;
		border-radius: 500px 500px 15px 15px;
	}
	
	.single-labels .vc_toggle_title h5{
		font-size: 20px !important;
		line-height: 1.6;
		text-align: center;
	}
	
	

	iframe.demo{
		overflow: hidden;
		height: 500px;
		min-width: 380px;
		width: 100%;
		margin: 20px 0 0;
		box-shadow:
		  2.3px 2.3px 2.2px rgba(0, 0, 0, 0.02),
		  4.7px 4.7px 5.3px rgba(0, 0, 0, 0.028),
		  8px 8px 10px rgba(0, 0, 0, 0.035),
		  13.6px 13.6px 17.9px rgba(0, 0, 0, 0.042),
		  25.9px 25.9px 33.4px rgba(0, 0, 0, 0.05),
		  100px 100px 80px rgba(0, 0, 0, 0.07)
		;
	}

body .vc_row[data-vc-full-width]{
	overflow: visible;
}

#photo{
	background-position: center top !important;
}

body .eaav-item-logoContainer{
	max-width: 170px;
}

body .eaav-item-message{
	font-weight: normal;
}

body.lp .btn-ticker{
	display: none;
}

.btn-ticker {
	display: none !important;
  position: fixed;
  width: 200px;
  right: 25px;
  bottom: 25px;
  z-index: 9999;
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 13px 0;
  color: inherit;
  background: #fa4c45;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 0 !important;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  text-indent: inherit;
  color: #fff;
  font-size: 18px;
  /* letter-spacing: -.21px; */
  white-space: nowrap;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  border-radius: 26px;
  height: 51px;
}
.btn-ticker::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  background: #fa4c45;
  -webkit-transition: background 0.4s, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.4s, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: background 0.4s, -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: background 0.4s, transform 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.4s, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.4s, transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn__ticker {
  display: block;
  overflow: hidden;
  width: 100%;
}
.btn__ticker span {
  padding: 0 25px;
  position: relative;
  display: inline-block;
  -webkit-animation: btn-anim 3s linear infinite;
  -moz-animation: btn-anim 3s linear infinite;
  -o-animation: btn-anim 3s linear infinite;
  animation: btn-anim 3s linear infinite;
}
.btn__ticker span:after {
  content: attr(data-text);
  position: absolute;
  left: 100%;
  padding: 0 25px;
}
.btn-ticker:hover {
  color: #fff;
}
.btn-ticker:hover:before {
  background: #fa4c45;
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

.btn-ticker i{
	font-size: 20px;
}

.footer-slider{
	float: left;
	width: 100%;
}

	.footer-slider h2{
		margin: 55px 0 35px;
	}

body.tryout .btn-ticker{
	display: none;
}

.eaav-item-allow-buttons-no{
	background-color: #fff !important;
	border: none !important;
}

@keyframes btn-anim {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.schema-faq-section{
	margin-bottom: 30px;
}

	.schema-faq-section p{
		margin: 0;
	}

strong.schema-faq-question{
	font-size: 18px;
	color: #fa4c45;
}

p.schema-faq-answer{
	margin-top: 7px;
}

h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	line-height: 1;
	color: #3c2422;
	font-weight: 300;
	margin: 15px 0;
}
	
	body.page-id-515 h1, body.page-id-56 h1{
		text-align: left;
	}
	
		body.page-id-515 h1.main-h1, body.page-id-12 h1.main-h1, body.page-id-56 h1.main-h1, body.page-id-969 h1.main-h1,
		body.contact h1.main-h1, body.iced-tea h1.main-h1{
			display: none;
		}
	

h2{
	margin: 0;
	font-size: 3rem;
}

.single h2{
	font-size: 2rem;
}

.single h3{
	font-size: 1.6rem;
}

h3{
	font-size: max(2.25rem,1.00rem + 2.0vw);
	margin: 0;
}

	h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong,
	h1 a strong,h2 a strong,h3 a strong,h4 a strong,h5 a strong,h6 a strong{
		font-weight: 700;
	}

	h1{
		float: left;
		width: 100%;
		padding: 0;
		text-align: center;
		font-size: 52px;
		color: #3c2422;
	}
	
	body.single-post h1{
		text-align: left;
	}
	

	h2.full-title{
		float: left;
		width: 100%;
		text-align: center;
	}

h4{
	font-size: 24px;
	line-height: 1.3;
}

h5{
	font-size: 18px;
	font-family: "orator-std", monospace;
}

body .wpb_single_image .vc_figure-caption{
	margin-top: -10px;
	font-size: 1.1rem;
	text-align: center;
	text-transform: uppercase;
	font-family: "orator-std", monospace;
}
	
.badge {
  position: relative;
  display: inline-block;
}

.badge img {
  display: block;
  width: 100%;
  border-radius: 22px;
}

.badge::after {
  content: "";
  position: absolute;
  top: -45px;
  left: -45px;
  width: 130px;
  height: 130px;
  background-image: url("https://www.fioralemonades.com/wp-content/uploads/fiora-badge.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  pointer-events: none;
}

.badge::after, .badge-light::after , svg.circle{
  animation: badge-spin 6s linear infinite;
  transform-origin: center center;
}

@keyframes badge-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.badge-light {
  position: relative;
  display: inline-block;
}

.badge-light img {
  display: block;
  width: 100%;
  border-radius: 22px;
}

.badge-light::after {
  content: "";
  position: absolute;
  top: 55%;
  left: -45px;
  width: 130px;
  height: 130px;
  background-image: url("https://www.fioralemonades.com/wp-content/uploads/fiora-badge-light.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  pointer-events: none;
}
	
.white-content, .white-content h2, .white-content h3, .white-content h4, .white-content h5, .white-content h6, .white-content a{
	color: #FFF5E6;
}

	.white-content h5{
		text-transform: uppercase;
	}
	
a.vc_btn3-color-white{
	font-weight: bold;
	color: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
	border-bottom: 3px solid var(--primary-color) !important;
	background: transparent !important;
}

	a.vc_btn3-color-white:hover{
		color: #fff5e6 !important;
		background: var(--primary-color) !important;		
	}
	
a.vc_btn3-color-peacoc{
	font-weight: bold;
	color: #fff5e6 !important;
	border: 1px solid #fff !important;
	background: var(--primary-color) !important;
}

	a.vc_btn3-color-peacoc:hover{
		color: var(--primary-color) !important;
		background: #fff5e6 !important;
	}
	
a.vc_btn3.vc_btn3-size-md{
	font-size: 1.2em;
}



	a.vc_btn3.vc_btn3-size-md.vc_btn3-color-white{
		border: 2px solid var(--primary-color) !important;
		background: transparent;
	}
	
button.vc_btn3-color-black, body .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat, body .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover, body .vc_btn3.vc_btn3-color-black:focus, body .vc_btn3.vc_btn3-color-black:hover{
	text-transform: uppercase;
	font-weight: 600;
	background: #002A1F !important;
	font-size: 16px;
	font-family: "orator-std", monospace;
}

button.vc_btn3-color-danger, a.vc_btn3.vc_btn3-color-danger, a.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat{
	text-transform: uppercase;
	font-weight: 600;
	background: #c35a42 !important;
	font-size: 16px;
	font-family: "orator-std", monospace;
}

	
.wpcf7-form{
	float: left;
	width: 100%;
	padding: 0 20px;
	border-radius: 20px;
}

	.wpcf7-form input{
		width: 100%;
	}
	
	.wpcf7-form p{
		margin: 6px 0;
	}
	
	.wpcf7-form textarea{
		float: left;
		width: 100%;
		margin-bottom: 25px;
		border-radius: 25px;
		border: none !important;
		background: #FFF5E6;
	}
	
.wpcf7-form input, textarea{
	display: inline;
	margin: 5px 0 0;
	padding: 15px 15px;
	border: none !important;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: none;
	background: #FFF5E6;

}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{

}

	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
		background: #ffb900;
	}

	::placeholder{
		font-weight: 300;
	}

	.wpcf7-form input[type="checkbox"]{
		width: auto !important;
	}

	div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
		margin: 0;
		border: 1px solid red;
	}
	
	div.wpcf7-mail-sent-ok{
		margin: 0;
		border: 1px solid green;		
	}

input.wpcf7-submit, form.salesforce input[type=submit]{
	display: inline-block !important;
	width: auto;
	margin-top: 10px;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 100px;
	color: #002A1F;
	border: 1px solid #FFF5E6;
	background: #FFF5E6;
	font-family: "orator-std", monospace;
}

.content-holder{
	float: left;
	width: 100%;
}

.wpb-content-wrapper{

}

/* Salesforce forms */

form.salesforce{
	float: left;
	width: 100%;
	text-align: left;
}

	form.salesforce label, form.salesforce input, form.salesforce textarea{
		float: left;
		width: 100%;
		margin: 3px 0;
		border: 0;		
	}
	
		form.salesforce input, form.salesforce textarea{
			padding: 15px;
		}

/* END Salesforce forms */

.asp_w_container{
	margin-bottom: 15px;
}

	.probox {
		padding: 8px !important;
	}

main .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img,
.single .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img,
#webinar-rounded,
video, .wp-video{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid #002A1F;
}

	main .white-content .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img,
.single .white-content .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img{
	border: 2px solid #FFF5E6;
}

	.mejs-container, .wp-video{
		background-color: none !important;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
		.mejs-controls{
			display: none !important;
		}

header .shop{
	float: right;
	color: #fff;
}

	a.shop{
		display: none;
		margin: 10px 0 0;
		padding: 7px;
		line-height: 0;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
	
		a.shop:hover{
			color: var(--primary-color);
			background: #fff;
		}
	
		a.shop i{
			font-size: 28px;
		}

.toggle-button{
	display: block;
	position: absolute;
	z-index: 9999999999999;
	right: 10px;
	top: 0;
	margin: 0 5px 0 0;
	padding: 10px 5px 0;
	color: #fff;
	border: none;
}

.slideout-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: none;
}

.menu-widget, .menu-widget a{
	color: #fff;
}

.slideout-panel {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #FFF5E6;
}

	.iced-tea .slideout-panel{
		background: url('https://www.fioralemonades.com/wp-content/uploads/pattern-fiora-new.png') no-repeat 0 0;
		background-size: cover;
	}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
	
}

.slideout-open .slideout-menu {
	display: block;
	background: #002A1F;
	border-radius: 40px 0 0 40px;
}


	.fader{
		display: none;
		transition: 0.5s all;
	}

	html.slideout-open .fader{
		display: block;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		z-index:99999999;
		animation: 1.5s;
	}

	.menu-widget img{
		max-width: 100%;
		padding: 25px;
	}

nav#menu{
	padding: 15px 15px 100px;
}

	nav#menu h3{
		display: inline-block;
		padding: 3px 10px;
		color: #242e30;
		background: #fff;
	}

	nav#menu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		font-size: 16px;
	}
	
		nav#menu ul li{
			float: left;
			width: 100%;
			margin: 5px 0;
			font-weight: lighter;
			text-align: center;
			list-style-type: none;
		}
		
			.menu-widget .widget_media_image{
			}
			
			nav#menu ul li.cta-1 a{
				display: inline-block;
				margin: 8px 4px;
				padding: 12px 20px;
				color: #fff;
				font-size: 14px;
				font-weight: 500;
				border-radius: 12px;
				color: #fdf2d9;
				background: #f18a6c;
				border-bottom: 4px solid rgba(0, 0, 0, 0.4);
			}
			
			nav#menu ul.nav-adress{
				float: left;
				width: 100%;
				margin-top: 25px;
				color: #fdf2d9;
				font-size: 14px;
			}
			
				nav#menu ul.nav-adress li{
					margin: 0;
				}
				
			nav#menu .textwidget .textwidget{
				margin-top: 25px;
				padding-top: 15px;
				border-top: 1px dotted #fff;
				text-align: center;
			}
	
			nav#menu ul li a{
				display: inline-block;
				padding: 5px;
				color: #fdf2d9;
				font-size: 16px;
				text-transform: uppercase;
				font-family: "orator-std", monospace !important;
			}
		
				nav#menu ul ul{
					float: left;
					width: 100%;
					background: rgba(0, 0, 0, 0.1);
					border-radius: 10px;
					list-style-type: disc;
				}
				
					nav#menu ul ul li{
						font-size: 14px;
						font-weight: 300;
					}
				
						nav#menu ul ul li a::before{

						}
					
				nav#menu ul li.current-menu-item {
					cursor: default;

				}
				

	
	nav#desktop{
		display: none;
	}
	
/* Horizontal submenu */

.submenu .h-submenu{
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #4F515F;
	list-style-type: none;
	text-align: center;
}

	.submenu .h-submenu li{
		display: inline-block;
	}
	
		.submenu .h-submenu li a{
			padding: 5px 10px;
			color: #fff;
		}

/* END Horizontal submenu */

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	height: auto;
	width: 100%;
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: #c35a42;
	text-decoration:none;
	cursor: pointer;
}
a:hover {

	cursor: pointer;
}
a:focus {
	outline:0;
	background: none;
}
a:hover,
a:active {
	outline:0;
	background: none;
}

main .wpb_text_column a {
  display: inline-block;
  position: relative;
}


main .wpb_text_column a:hover{
	color: var(--primary-color);
	text-decoration: none;
}

main .wpb_text_column a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

input:focus {
	outline:0;
	border:1px solid #4F515F;
}
iframe{
	width: 100%;
	max-width: 100% !important;
}

.animate-img{
	background: url(images/bg-shadow.png) no-repeat center bottom;
	background-size: 100%;
}

.animate-img-home{
	background: url(images/bg-shadow.png) no-repeat center bottom;
	background-size: 100%;
}

.animate-img img {
	margin-top: 25px;
    -webkit-animation: mover 4s infinite  alternate;
    animation: mover 1.5s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

#home-lemonades img{
	transform: scale(0.93);
	transition: 0.2s all ease-in-out;
}

.rounded-top{
	border-radius: 50px 50px 0 0;
}

.rounded-topbottom{
	border-radius: 50px;
	z-index: 999;
}

.home-footer-column{
	margin-top: -100px;
	padding-top: 0px;
	
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

#homeheader{
	background-size: cover !important;
	position: relative;
	background-position: center center !important;
	min-height: 800px;
}

	#landingheader{
		background-size: cover !important;
		position: relative;
		background-position: center center !important;
		min-height: 800px;		
	}
	
		#landingheader h1{
			display: block;
			margin: 0 0 20px;
			font-size: 65px;
			color: #fff5e6;
		}
		
		#landingheader .vc_btn3-container.vc_btn3-center{
			display: block;
			width: 100%;
			float: left;
		}
		
		body.page-template-template-home-2023 .vc_column_container > .vc_column-inner{
			padding-top: 15px !important;
		}
		
		.vc_empty_space{
			float: left;
			width: 100%;
		}
		
		.lp .footermenu{
			margin-top: 150px;
		}

	#homeheader .vc_column_container{
			}
	
		#homeheader .vc_column_container .vc_column_container{
			background: none;
		}
		
	#homeheader img{
		max-width: 300px;
	}
	
	.sliding-container{
		float: left;
		width: 100%;
		position: relative;
		height: 60px;
		background: #002A1F;
	}

	.sliding {
	  position: absolute;
	  top: 50%;
	  white-space: nowrap;
	  font-size: 1.2rem;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  line-height: auto;
	  overflow: hidden;
	  animation: animate 30s linear infinite;
	  z-index: 999;
	  color: #fff5e6;
	  font-family: "orator-std", monospace;
	}
	
	@keyframes animate {
	  0% {
	    transform: translate(0, -50%);
	  }
	  100% {
	    transform: translate(-50%, -50%);
	  }
	}

.title-container{
	float: left;
	width: 100%;
	min-height: 300px;
	padding: 40px 0;
	margin-bottom: 25px;
	background-position: center bottom;
	background-size: cover;
}

	.title-container h1{
		text-shadow: -1px 1px 0px #a02d34;
	}

.wpb_single_image.content-logo img{
	max-width: 175px;
}

.home-header-text{
	padding: 0 25px 25px 25px;
	border: 2px solid #a12d34;
	color: #a12d34;
	background: #fff;
}

	.home-header-text h1{
		margin: 5px 0;
		font-size: 28px;
	}

/* breadcrumbs */

p#breadcrumbs{
	display: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 15px 15px 15px 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

	.home p#breadcrumbs{
		display: none;
	}

	p#breadcrumbs a{
		display: inline-block;
		margin: 5px;
		padding: 5px 12px;
		color: #fff;
		border: 1px solid #fff;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}
		span.breadcrumb_last{
			margin: 0 0 0 5px;
		}
		
		span.breadcrumb_last{
			margin: 0 0 0 5px;
		}

/* wrapper */
.wrapper {
	float: left;
	width: 100%;
	padding: 0;
}

	body.page .wrapper, body.error404 .wrapper, body.single-post .wrapper, body.blog .wrapper{
		padding-top: 120px;
	}

	body.home .wrapper, body.page-template-template-home-2023 .wrapper{
		padding-top: 0;
	}
	
	.wrapper.archive-overzicht{
		margin-top: -80px;
	}

	body.error404 .wrapper,
	body.single .wrapper{
	}

/* container */
.container {
	margin:0;
	padding: 0;
	position:relative;
}

	.up-desktop{
		margin-top: -80px;
	}

.topheader{
	display: none;
	width: 100%;
	float: left;
	padding: 10px 15px;
	margin: 0;
	background: rgba(0, 0, 0, 0.3);
}

	.topheader-inner{
		max-width: 1180px;
		margin: 0 auto;
		padding: 0 20px;
	}

	ul.toplinks {
		display: block;
	    float: right;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	
		ul.toplinks li {
		    float: left;
		    margin: 0 5px;
		    font-size: 14px;
		}
		
			ul.toplinks li a{
				opacity: 0.7;
				color: #fff;
			}
			
				ul.toplinks li a:hover{
					opacity: 1;
				}
				
			ul.toplinks li a.login i{
				font-size: 30px;
			}

.header-container{
	padding: 0 10px;
}

/* second header */

.s-header{
	float: left;
	width: 85%;
	margin: 25px 0 20px;
	padding: 50px 0 50px 5%;
	background: #fff;
	border-radius: 15px;
	background-size: cover;
	background-position: center center;
}

	.s-header-inner{
		float: left;
		width: 135%;
		padding: 25px 45px 25px 25px;
		font-size: 16px;
		border-radius: 15px;
		background: #fff;
		-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	}

	.s-header h1{
		margin-top: 5px;
		padding: 0;
		text-align: left;
		font-size: 1.5em;
		color: #242e30;
	}

	.s-header a{
		color: var(--primary-color);
	}


.eapp-popup-control-close-component{
	right: 15px !important;
	top: 15px !important;
}

/* END second header */

/* header */
.header {
	float: left;
	position: absolute;
	width: 100%;
	padding: 0;
	background: none;
	z-index: 9999;
}

	body.

	body.single-trainingen .header{
		background: var(--primary-color);
	}

	body.single .header, body.page .header{

	}
	
	body.home .header{

	}

	
	.indexheader h1, p#breadcrumbs{
		color: #fff;
	}
	
	.intro-heading{
		float: left;
		width: 100%;
	}

		.header-slider{
			float: left;
			width: 100%;
			overflow: hidden !important;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
		}
		
			.header-slider .master-slider-parent img, .master-slider{
				overflow: hidden; border-radius: 25px;

			}
		
		.intro-column{
			float: left;
			position: relative;
			width: 110%;
			margin: -35px 0 0 25px;
			padding: 15px 60px 25px 25px;
			background: #fff;
			border-radius: 25px;
			z-index: 999;
		}
		
			.intro-column h1{
				padding: 0 0 0 30px;
				text-indent: -30px;
				text-align: left;
				font-size: 1.4em;
				color: #242e30;
			}
			
			.intro-column a{
				color: var(--primary-color);
			}

		/* ----------------------------------- Google Maps ----------------------------------- */
		
		/* The Modal (background) */
		.modal {
		    display: none; /* Hidden by default */
		    position: fixed; /* Stay in place */
		    z-index: 9999; /* Sit on top */
		    padding-top: 100px; /* Location of the box */
		    left: 0;
		    top: 0;
		    width: 100%; /* Full width */
		    height: 100%; /* Full height */
		    overflow: auto; /* Enable scroll if needed */
		    background-color: rgb(104,4,66); /* Fallback color */
		    background-color: rgba(104,4,66,0.9); /* Black w/ opacity */
		}
		
		/* Modal Content (image) */
		.modal-content {
		    margin: auto;
		    display: block;
		    width: 80%;
		    height: 80%;
		}
		
		/* Add Animation */
		.modal-content {    
		    -webkit-animation-name: zoom;
		    -webkit-animation-duration: 0.6s;
		    animation-name: zoom;
		    animation-duration: 0.6s;
		}
		
		@-webkit-keyframes zoom {
		    from {-webkit-transform:scale(0)} 
		    to {-webkit-transform:scale(1)}
		}
		
		@keyframes zoom {
		    from {transform:scale(0)} 
		    to {transform:scale(1)}
		}
		
		/* The Close Button */
		.close {
		    position: absolute;
		    top: 15px;
		    right: 35px;
		    color: #f1f1f1;
		    font-size: 40px;
		    font-weight: bold;
		    transition: 0.3s;
		}
		
		.close:hover,
		.close:focus {
		    color: #bbb;
		    text-decoration: none;
		    cursor: pointer;
		}
		.button {
			display: inline-block;
			margin: 0;
			padding: 12px 5px;
			border: none;
			font-size: 14px;
			font-weight: 500;
			color: #242e30;
			background: none;
		}
		
			.intro-column h1 .button {
				border: none;
				padding: 0;
				font-size: 30px;
				color: var(--primary-color);
			}

		#sticker{
			float: left;
			width: 100%;
			margin: 15px 0 0;
			padding: 0;
			text-align: center;
			background: none;
			border-radius: 100px;
		}
		
			#sticker a{
				display: inline-block;
				padding: 12px 5px;
				font-size: 14px;
				font-weight: 500;
				color: #242e30;
			}

		#sticker.element-is-sticky{
			-webkit-border-radius: 0 0 15px 15px;
			-moz-border-radius: 0 0 15px 15px;
			border-radius: 0 0 15px 15px;
			background: #fff;
			z-index: 999999 !important;
			border-bottom: 4px solid rgba(0, 0, 0, 0.2);
		}			

	.kenmerk{
		display: inline-block;
		margin: 10px 0 0;
		padding: 3px 12px;
		font-size: 14px;
		background: #E3F2FD;
		border-radius: 25px;
	}
	
		.kenmerk strong{
			font-size: 14px;
			font-weight: 600;
		}

	.full-page-header{
		float: left;
		width: 100%;
		text-align: center;
	}
	
		.full-page-header .title-info{
			position: relative;
			display: inline-block;
			width: 100%;
			max-width: 900px;
			margin: -40px 0 25px;
			padding: 4rem;
			text-align: left;
			background: #fff;
			-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
			z-index: 999;
			border-radius: 15px;
			border-bottom: 4px solid rgba(0, 0, 0, 0.2);
		}
		
			.full-page-header .title-info, .full-page-header .title-info h1{
				color: #242e30;
				text-align: left;
			}
			
				.full-page-header .title-info h1{
					margin-top: 0;
				}
			
			.full-page-header p#breadcrumbs{
				text-align: left;
			}
			
			
		
		section:target{
			
		}
			
	.blog-info{
		float: left;
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
	}

	.full-header-bg{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-position: center center;
		background-size: cover;
	}
	
	.blog-featured-image{
		float: right;
		margin: 15px;
		width: 50%;
	}
	
		.blog-featured-image img{
			border-radius: 14px;
		}
		
		body.postid-7365 .blog-featured-image{
			width: 100%;
		}
	
.lwptoc .lwptoc_i{
	float: right;
	border-radius: 15px;
	margin: 10px;
}

#cookie-law-info-bar{
	border-radius: 20px;
}

	a.cli-plugin-button, a.cli-plugin-button:visited{
		border-radius: 5px;
	}

/* logo */
.logo {
	float: left;
	height: auto;
	width: 115px;
	margin: 15px;
	color: #fa4c45;
}
.logo-img {
	height: auto;
	width: 115px;
	margin-top: 10px;
	transform: rotate(-20deg);
}


/* single lemonades */

.single-lemonades .container{
	padding: 0 10px;
}

.title-info{
	border: 2px solid #002A1F;
	border-radius: 40px;
	background: url('https://www.fioralemonades.com/wp-content/uploads/pattern-fiora-new.png') no-repeat 0 0;
	background-size: cover;
}

	.single-lemonades .lemonade-featured-image{
		overflow: hidden;
		border-radius: 38px;
	}
	
	.lemonade-intro{
		padding: 0 15px;
	}
	
	.ondertitel{
		float: left;
		width: 80%;
		padding-bottom: 10px;
		font-family: "orator-std", monospace;
		border-bottom:  2px solid #002A1F;
	}
	
.lemonade-intro ol {
  list-style: none !important;
  counter-reset: lemonade-step;
  padding: 0;
  margin: 28px 0 0 0;
}

.lemonade-intro ol li {
  list-style: none !important;
  counter-increment: lemonade-step;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.35;
  color: #003c32;
}

.lemonade-intro ol li::before {
  content: counter(lemonade-step);
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #003c32;
  color: #fff5e6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

.lemonade-intro h1{
	text-align: left;
}

/* home slogan */

.home-slogan{
	float: left;
	width: 100%;
	padding: 50px 0 10px;
	line-height: 1.4;
	font-weight: 200;
	font-size: 24px;
	text-align: center;
	color: #00989e;
}

	.home-slogan strong{
		font-weight: 600;
	}

	.home-slogan h1{
		margin: 0;
		padding: 0;
		font-size: 44px;
		text-shadow: 0px 2px rgba(0, 0, 0, 0.2);
	}
	
	.home-slogan a{
		display: inline-block;
		margin: 8px 4px;
		padding: 12px 15px;
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		border-radius: 100px;
		color: #fff;
		background: var(--primary-color);
		-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
		border-bottom: 4px solid rgba(0, 0, 0, 0.4);
	}
	
		.home-slogan a.info{
			display: block;
			width: 100%;
			margin: 0;
			text-decoration: underline;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-bottom: none;
			font-size: 14px;
			font-weight: lighter;
			background: none;
		}
		
			.home-slogan a.info i{
				font-size: 22px;
				vertical-align: middle;
			}
	
		.home-slogan a small{
			font-size: 70%;
			color: rgba(0, 0, 0, 0.4);
		}
	
		.home-slogan a.link-1{
			background: #a02d34;
		}
		
		.home-slogan a.link-2{
			color: var(--primary-color);
			background: #f4f0eb;
		}

/* search header */

header form.search{
	float: right;
	margin: 10px 0 0;
}

	header form.search .search-input{
		width: 75px;
		padding: 12px 14px 10px;
		font-size: 12px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		color: #fff;
		background: none !important;
		border: 2px solid #fff;
	}
	
	header form.search button.search-submit{
		color: #fff;
		background: none;
		border: none;
	}
	
		header form.search i{
			font-size: 18px;
		}
		
.heading{
	float: left;
	width: 100%;
	background: #242e30;
	padding: 0;
}


		
main{
	float: left;
	width: 100%;
	padding: 0 3%;
	color: #002A1F;
	background: none;
}

	main .dark-content, main .dark-content h2, main .dark-content h3, main .dark-content h4, main .dark-content h5, main .dark-content h6{
		color: #fa4c45;
	}
	
	main #image-right{
		
	}

	main.posts{
		background: none;
	}

	.inner-content{
		float: left;
		width: 100%;
		padding: 0;
		background: none;
	}
	
		.masonry .inner-content{
			padding: 15px 20px;
			font-size: 14px;
			text-align: center;
		}

.full-title{
	float: left;
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}

#faq-home{
	margin-left: 25px;
	padding: 25px 25px 25px 0;
	border-radius: 25px;
}

	#faq-home .vc_column-inner{
		padding: 25px;
		margin: 15px 15px 15px -50px;
		background: #fff;
		border-radius: 25px;
	}
	
	#faq-home .vc_toggle:last-of-type{
		margin-bottom: 0;
		border-bottom: 0;
	}
	
	#faq-home .vc_toggle_default .vc_toggle_icon::after, #faq-home .vc_toggle_default .vc_toggle_icon::before{
		background: #fff;
	}

a.back-to{
	position: absolute;
	right: 10px;
	top: 10px;
	display: inline-block;
	line-height: 0;
	z-index: 999999;
}

	a.back-to i{
		font-size: 42px;
		background: #fff;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		border-radius: 500px;
	}
	
		a.back-to i:hover{
			color: #fff;
			background: var(--primary-color);
		}

div.label-new{
	position: absolute;
	right: 100px;
	top: 60px;
	display: inline-block;
	line-height: 0;
	z-index: 999999;
}

.single-lemonades div.label-new{
	position: absolute;
	right: 25px;
	top: 55px;
	display: inline-block;
	line-height: 0;
	z-index: 999999;
}

.single-lemonades00 div.label-new{
	position: absolute;
	right: 100px;
	top: 60px;
	display: none;
	line-height: 0;
	z-index: 999999;
}

	div.label-new svg{
		rotate: -7deg;
		height: 100px;
		width: 100px;
	}

ul.cpt-items{
	float: left;
	width: 100%;
	margin: 0 0 15px;;
	padding: 0 0 0 5px;
	list-style-type: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

	ul.cpt-items li{
		float: left;
		width: 100%;
		margin: 4px 0;
		font-size: 16px;
	}

		ul.cpt-items li i{
			vertical-align: middle;
			font-size: 24px;
			color: green;
		}

.active h3 a{
	color: #c16232;
}

.column-home{
	float: left;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 10px 0;
	color: #242e30;
	background: #fff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border-bottom: 4px solid rgba(0,0,0,.2);
}

	.column-home .inner{
		float: left;
		width: 100%;
		padding: 15px;
	}
	
		.column-home img{
			clip-path: ellipse(100% 100% at 50% 0%);
		}

		.column-home a, .column-home h3{
			color: #242e30;
		}
		
		.column-home h2{
			position: relative;
			margin: 0;
			text-align: center;
		}
				
		.column-home h2 a{
			float: none;
			  font-weight: bold;
			  font-size: 18px;
			  padding: 7px;
			  display: inline-block;
		}
		
		.column-home ul{
			float: left;
			width: 100%;
			margin: 10px 0;
			padding-left: 0;
			list-style-type: none;
			text-align: center;
		}
		
			.column-home ul li{
				float: left;
				width: 100%;
			}
			
				.column-home ul li a, .column-home ul li.trainingen-home{
					float: left;
					width: 100%;
					padding: 8px 12px;
					font-weight: 500;
					font-size: 14px;
					border-bottom: 1px solid #f4f0eb;
					text-decoration: none;
				}
				
					.column-home ul li a span{
						padding: 4px 8px;
						border-radius: 4px;
						color: #0f2a8f;
						background: #8af3ec;
					}
				
					.column-home ul li:last-child a,
					.column-home ul li.trainingen-home:last-child{
						border-bottom: 0;
					}
				
					.column-home ul li a:hover{
						text-decoration: underline;
					}
			
				.column-home ul li:nth-child(even) a{
				    
				}
				
					.column-home ul li:nth-child(even) a:hover{
						
					}
				
				.column-home ul li:nth-child(odd) {
					
				}
			
				.column-home li a{
					float: left;
					font-size: 14px;
				}
		
		.column-home a{
			float: right;
			font-size: 14px;
		}

/* Woocommerce styles */

body.woocommerce-page .inner-content{
	margin-bottom: 65px;
	padding: 15px;
	background: #fff;
	border-radius: 15px;
}

	body.single-product .inner-content{
		background: none;
	}
	
	.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{
		display: none;
	}

	body.woocommerce-page .inner-content button,
	body.woocommerce-page .inner-content a.checkout-button{
		border-radius: 0;
	}
	
	body.woocommerce-cart table.cart input{
		border: 1px solid #a12d34;
		border-radius: 0;
	}
	
	.variation-Ontwerp img{
		max-width: 250px;
	}
	
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
		color: #242e30;
		background-color: #f4f0eb;
	}
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
		padding: 1em;
		background-color: #a12d34;
		border-bottom: 3px solid rgba(0,0,0,.4);
	}
	
	.woocommerce-cart table.cart td.actions .coupon .input-text{
		min-width: 200px;
		padding: 6px 12px 5px;
	}
	
	.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before,
	.product_meta{
		display: none;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price{
		display: none;
	}
	
	.single-product .quantity .qty{
		display: none !important;
	}
	
	body.woocommerce div.product form.cart .variations th, body.woocommerce div.product form.cart .variations td{
		padding: 10px 0px;
		font-family: 'bebasneue-regular' !important;
		color: #fff;
		background: #a12d34;
	}
	
	.woocommerce-error, .woocommerce-info, .woocommerce-message{
		padding: 1em 2em;
		border: none !important;
		border-radius: 0;
		color: #fff;
		background-color: #a02d34;
	}

	.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
		border: 1px solid green;
	}
	
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
		padding: 8px;
		border-radius: 5px;
		border: 1px solid #242e30;
	}
	
	ul.woocommerce-error{
		background: red;
		color: #fff;
	}
	
	.woocommerce div.product form.cart .button{
		float: right;
	}
	
	#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
		background-color: #f4f0eb;
	}
	
.woocommerce-checkout #payment ul.payment_methods li img{
	max-width: 65px;
}

/* END Woocommerce styles */

#faq .faq-col .vc_column-inner{
	padding: 25px;
	background: #fff;
	border-radius: 25px;
	border-bottom: 4px solid rgba(0, 0, 0, 0.2);
}

#faq .vc_toggle {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #cad5dc;
}  

	#faq .vc_toggle:last-of-type{
		margin-bottom: 0;
		border-bottom: 0;
	}

	#faq .vc_toggle h4{
		font-weight: bold;
	}
	
/* Cocktail slider */

.owl-wrapper .item{
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	border-radius: 250px 250px 0 0;
}

	.owl-wrapper .owl-item:nth-of-type(even) {
	  padding-top: 30px;
	}

	.owl-wrapper .item img{
		transition: 0.5s all ease-in-out;
		border-radius: 250px 250px 0 0;
	}
	
		.owl-wrapper .item img:hover{
			transform: scale(1.1);
		}
	
	.owl-wrapper .item h5{
		margin: 15px 0;
		font-size: 22px;
	}
	
	.owl-wrapper .item .carousel-button{
		display: inline-block !important;
		margin-top: 10px;
		padding: 10px 15px;
		text-decoration: none;
		border-radius: 100px;
		color: #fa4c45;
		border: 1px solid #fa4c45;
	}
	
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
		background: #fa4c45 !important;
	}
	
	.owl-theme .owl-dots .owl-dot span{
		background: #3c2422 !important;
	}
	
	span.label-new-owl{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 75px;
		width: 75px;
		font-size: 0;
		background-image: url( 'images/new.svg' );
		background-repeat: no-repeat;
		z-index: 999;
		rotate: -7deg;
	}
	
		.owl-wrapper .owl-item:nth-of-type(even) span.label-new-owl{
			top: 30px;
		}
  
/* blog */

.masonry{
	float: left;
	width: 100%;
	display: block;
	margin-top: 25px;
}

.masonry, .masonry h2 a{
	color: #242e30;
}

	.masonry h2{
		float: left;
		width: 100%;
		font-weight: bold;
		padding: 7px 15px;
		display: inline-block;

	}
	
		.masonry h2 a{
			margin: 0;
			font-weight: bold;
			font-size: 26px;
		}
	
#myList_list{
	max-width: 500px;
	margin: 0 auto;
}
	
.gd-mylist-box small{
	display: none;
}

	.gd-mylist-box .caption{
		padding: 0 15px;
		text-align: center;
	}
	
	.gd-mylist-box img{
		clip-path: ellipse(100% 100% at 50% 0%);
	}


.item-oud{
	position: relative;
	overflow: hidden;
    float: left;
    width: 94%;
    margin: 0 3% 20px;
    color: #242e30;
	background: #fff;
	border-radius: 15px;
}

.posts article{
	position: relative;
	overflow: hidden;
    float: left;
    color: #242e30;
}



	main.posts a.featured-image{
		float: left;
		width: 100%;
		position: relative;
	}

	main.posts a.featured-image:before {

	}

	span.category a, span.tags a{
		float: left;
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 5px 12px;
		font-size: 14px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		color: #242e30;
		background: #ebebee;
	}	
	
	span.tags{
		float: left;
		width: 100%;
		margin: 10px 0 35px;
	}
	
		span.tags a{
			margin: 15px;
		}
	
	img.avatar{
		float: left;
		margin: 0 15px 0 0;
		max-width: 50px;
		-webkit-border-radius: 300px;
		-moz-border-radius: 300px;
		border-radius: 300px;
	}
	
		.masonry img.avatar{
			margin: 0;
			max-width: 75px;
			position: absolute;
			top: 15px;
			right: 15px;
			border: 2px solid #fff;
			border-radius: 15px;
		}

	article span.author,
	article span.comments,
	article span.date{
		display: inline-block;
		padding: 5px 8px;
		font-size: 11px;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.single-post article span.date{
		text-align: left;
		padding:0;
		font-style: italic;
		font-size: 16px;
	}
	
		article span.author i,
		article span.comments i,
		article span.date i{
			margin: 0 5px 0 0;
		}
		
	span.author,
	span.comments,
	span.date{
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 5px 10px;
		color: #242e30;
	}
		
		span.date{
			display: none;
			font-size: 16px;
		}
		
		span.author a{
			color: #242e30;
		}
		
	.posts article h2{

	}
	
		.similar-posts article h3{
			margin: 10px;
		}
	
		.similar-posts article h3 a{
			color: #242e30;
			font-weight: bold;
		}
	
		
	a.view-more{
		width: 90%;
		display: inline-block;
		text-align: center;
		margin: 5px 5%;
		padding: 10px 7px;
		border-radius: 100px;
		font-size: 14px;
		font-weight: bold;
		color: var(--primary-color);
		border: 1px solid var(--primary-color);
		border-bottom: 4px solid var(--primary-color);
	}
		
.post-tags{
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
}

	.post-tags a{
		display: inline-block;
		margin:0 5px;
		padding: 2px 10px;
		color: #fff;
		border-radius: 100px;
		border: 1px solid #fff;
	}

.post-category{
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
}

	.post-category a{
		display: inline-block;
		margin: 0 5px;
		padding: 2px 10px;
		color: #fff;
		border-radius: 100px;
		border: 1px solid #fff;
	}
	
#relatedposts{
	float: left;
	width: 100%;
	margin: 15px 0;
}

	#relatedposts ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.related-post{
		float: left;
		width: 100%;
		margin-top: 25px;
		background: #fff;
	}
	
	.relatedcontent{
		padding: 0 15px 15px;
	}

main .vc_toggle{
	margin: 5px 0 30px;
	padding: 5px 0;
	border: none;
	color: #FFF5E6;
	background: #002A1F;
	border-radius: 25px;
}

	main .vc_toggle{

	}
	
	main .vc_toggle a{
		color: #FFF5E6;
	}
	
	main .vc_toggle_content{
		margin: 0;
		padding: 0 20px !important;
	}
	
		.vc_toggle_content p{
			margin: 0;
			padding: 15px 0 5px;
		}
		
	.vc_toggle_content p:first-of-type{
		border-top: 1px solid #FFF5E6;
	}

	main .vc_toggle_title h4{
		display: block;
		margin: 0;
		padding: 5px 0;
		color: #FFF5E6;
		font-size: 20px;
	}
	
	:is(.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title, .vc_toggle_size_md.vc_toggle_round .vc_toggle_content, .vc_toggle_size_md.vc_toggle_round .vc_toggle_title, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_content, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_content, .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title, .vc_toggle_size_md.vc_toggle_square .vc_toggle_content, .vc_toggle_size_md.vc_toggle_square .vc_toggle_title) .vc_toggle_icon{
		left: 5px !important;
	}
	
#webinar-rounded{
	padding-right: 25px !important;
}

#prijstabel ul{
	padding: 15px 15px;
	background: #fff;
	border-radius: 14px;
	color: #fff;
	background: #a02d34;
	list-style-type: none;
	border-bottom: 5px solid rgba(0,0,0,.4);
}

	#prijstabel ul li{
		padding: 14px 0;
		font-size: 14px;
		line-height: 1.4;
		border-bottom: 1px dotted rgba(255,255,255,.2);
	}

		#prijstabel ul li:last-child{
			border-bottom: 0;
		}

/* nav */
.nav {
	font-family: "orator-std", monospace;
}
/* sidebar */
.sidebar {
	float: left;
	padding: 15px;
	background: #fff;
}
	
	.sidebar-widget{
		float: left;
		width: 100%;
	}
	
	.downloads{
		float: left;
		width: 100%;
		margin: 0 0 25px;
		text-align: center;
	}
	
	.downloads img{
		max-height: 40px;
		width: auto;
		margin: 0 7px;
	}
	
	.sidebar h3{
		margin: 0;
		padding: 0;
	}
	
	.sidebar ul{
		padding: 0;
		list-style-type: none;
	}
	
		.sidebar ul li{
			float: left;
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0 0 15px 0;
			border-bottom: 1px solid #ebecec;
			font-family: 'ppeditorialnew' !important;
		}
		
		.sidebar .widget_recent_entries ul li span.post-date{
			display: table;
			margin: 5px 0 0;
			padding: 3px 6px;
			font-size: 11px;
			
		}
		
			
	#text-2.widget_text, #text-3.widget_text, #text-4.widget_text, #text-5.widget_text, #text-6.widget_text{
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 15px 0 0;
	}
	
		.widget_text a{
			text-decoration: underline;
		}
		
		.widget_text{
			float: left;
			width: 100%;
		}
		
				.widget_text strong{
					font-weight: 800;
				}
		
		#text-8, #text-9{
			font-size: 14px;
		}
		
.pagination{
	float: left;
	width: 100%;
	text-align: center;
}

	.pagination a{
		margin: 0 5px;
		padding: 5px 15px;
		font-weight: 500;
		background: #fff;
		border-radius: 7px;
		border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}
	

.demo-column{
	text-align: center;
	font-size: 48px;
}

/* Custom elements */

body .vc_tta-container{
	background: none;
	padding: 0;
	border-radius: 20px;
}

.vc_tta.vc_general .vc_tta-panel{

}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{
	background: none !important;
}

	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
		background: none !important;
	}
	
	.vc_tta.vc_general .vc_tta-panel-title, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a{
		line-height: 1.6 !important;
		color: #3c2422 !important;
	}
	
	.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{
		border-color: #3c2422 !important;
	}
	
.vc_tta-panels-container{
	color: #242e30;
}

.vc_tta-panels-container h2, .vc_tta-panels-container h3, .vc_tta-panels-container h4{
	color: var(--primary-color);
}
	
.vc_tta-tabs-container{
	background: #263238;
	padding: 10px;
	border-radius: 15px;
}

	body .vc_tta.vc_tta-shape-rounded .vc_tta-tab > a{
		padding: 10px 15px;
		font-size: 16px;
		border-radius: 10px;
	}

	body .vc_tta-color-black.vc_tta-style-flat .vc_tta-tab.vc_active > a{
		color: #242e30;
		background-color: #fff;
	}


/* CTA footer */

.cta-footer{
	float: left;
	width: 100%;
	text-align: center;
}

	body.woocommerce-page .cta-footer, body.sociale-hygiene .cta-footer{
		display: none;
	}

	.cta-footer .inner{
		max-width: 600px;
		padding: 25px;
		border-radius: 25px;
		margin: 0 auto;
	}
	
		.cta-footer a{
			display: inline-block;
			margin: 15px 0 0;
			padding: 8px 20px;
			font-weight: bold;
			color: #fff;
			background: #a02d34;
			border-radius: 100px;
			border-bottom: 3px solid rgba(0,0,0,.4);
		}
		
	.cta-footer span{
		float: left;
		font-size: 22px;
		color: #233983;
		font-weight: bold;
		width: 100%;
	}

/* footer */

.footermenu{
	float: left;
	width: 100%;
	margin-top: 0;
	padding: 25px 0 50px;
	color: #002A1F;
	font-size: 15px;
	background: none;
}

	.footermenu-container{
		display: grid;
		margin: 0 auto;
		padding: 0;
		max-width: 1400px;
	}
	
		.footermenu-container.footer-topper{
			grid-template-columns: repeat(2, 1fr);
			border-bottom: 1px solid #00281D;
		}
		
			.footer-topper{
				margin-bottom: 25px;
				padding-bottom: 10px;
			}
	
		.footer-widget{
			padding: 0;
		}
		
			.footer-4{

			}
	
		.footermenu-container h3{
			color: #002A1F;
		}
	
		.footermenu-container ul{
			padding-left: 0;
			list-style-type: none;
		}
	
		.footermenu .footermenu-container h3{
			font-size: 32px;
			color: #002A1F;
			text-transform: uppercase;
		}
	
		.footermenu .footermenu-container a{
			color: #002A1F;
			text-decoration: none;
		}

		.footer-widget-4 .widget_media_image img{
			padding: 15px 200px 15px 0;
		}
		
		.footer-widget-1 .widget_media_image img{
			max-width: 200px !important;
			margin-bottom: 50px;
		}
		
		.footer-widget-1 .custom-html-widget a i{
			padding: 5px;
			font-size: 24px;
			color: #002A1F;
		}


.footer-container{
	text-align: center;
	background: #FFF5E6;
}

	.footer-container ul.sub-menu{
		display: none !important;
	}

.footer-links{
	display: none;
}

.footer {
	float: left;
	width: 100%;
	padding: 0 15px;
	text-align: center;
	font-size: 16px;
	color: #002A1F;
	background: #FFF5E6;
}

	.copyright{
		float: none;
		max-width: 1400px;
		margin: 0 auto;
		padding: 35px 15px;
		font-size: 14px;
	}
	
		.copyright a{
			text-decoration: underline;
		}

.footer a {
	padding: 0 15px;
	text-decoration: none;
	color: #002A1F;
}


a.share-whatsapp{
	position: fixed;
	right: 10px;
	bottom: 0;
	font-size: 14px;
	display: inline-block;
	padding: 5px 12px;
	border-radius: 12px 12px 0 0;
	color: #fff;
	background: #25d366;
	z-index: 99999;
}

	body.post-type-archive a.share-whatsapp,
	body.home a.share-whatsapp{
		display: none;
	}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#team .wpb_single_image{
	margin-bottom: 0;
}

#team .vc_single_image-wrapper{
	margin: 0 15px;
}

.vc_box_circle img{
	border: 8px solid #e5e5e5;
}

.post-edit-link{
	font-size: 12px;
}

.page-edit{
	display: none;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

	
	header form.search{
		margin: 10px 0 0 10px;
	}
	
	header form.search .search-input{
		width: 145px;
	}

}
@media only screen and (min-width:768px) {
	body {

	}
	
	
	.border-column-desktop .vc_column-inner{
		border-left: 1px dotted rgba(255,255,255,.5);
		border-right: 1px dotted rgba(255,255,255,.5);
	}
	
	.page-edit{
		display: block;
	}
	
	#homeheader{
		
	}
	
  #home-lemonades img:hover {
      transform: scale(1.07);
  }
	
	.title-container{
		min-height: 600px;
	}
	
	/* second header */
	
	.s-header{
		width: 80%;
		padding: 50px 0 50px 50%;
	}
	
		.s-header-inner{
			width: 160%;
			padding: 25px;
			font-size: 16px;
		}
		
		.s-header h1{
			font-size: 2em;
		}
	
	.header{
		margin: 0 auto;
		padding: 0;
	}
	
	.wrapper{
		margin-top: 0;
	}

	h1{
		margin: 15px 0;
	}

	.home-slogan{
		width: 100%;
		padding: 40px 25px 0;
		text-align: center;
	}
	
		.home-slogan h1{

		}
	
	img.home-slogan-img{
		display: none;
		float: left;
		width: 40%;
		max-width: 400px;
		padding: 15px;
	}

	body.single .header{

	}
	
	.home-slogan a{
		transition: all 0.2s ease;
	}
	
		.home-slogan a:hover{
			padding: 12px 20px;
		}
		
	
	.curve{
		clip-path: ellipse(66% 100% at 50% 100%);
	}
	
	/* logo */
	.logo {
		float: left;
		position: fixed;
		left: 4rem;
		top: 4rem;
		z-index: 9999;
	}
	
		.home .logo{
		}
	
		.logo a{
			position: relative;
			display: block;
			z-index: 999999;
		}
		
			.logo a img{
				transition: all 0.3s;
			}
			
				.logo a img:hover{
					transform: scale(1.3) rotate(5deg);
				}


	main{
		float: none;
		margin: 0 auto;

	}
	
	.title-info{
		float: left;
		width: 100%;
		margin-bottom: 25px;
		margin-top: 150px;
	}
	
	.column-home{
		width: 31.11%;
		margin: 15px 1%;
	}
	
	.up-desktop{
		margin-top: -140px;
	}
	
	.intro-heading{

	}
	
		.header-slider{
			width: 60%;
		}
		
		.intro-column{
			width: 50%;
			margin:30px 0 0 -100px;
			padding: 15px 25px 25px 25px;
		}
	

		.posts article {

		}
		
	#sticker a, #sticker button{
		font-size: 16px;
		line-height: 1.6;
		padding: 12px 15px;
	}
		
.masonry.blog-masonry, .similar-posts .masonry{
  display: block; /* Flexbox of Grid niet gebruiken */
}

.blog-masonry .item, .similar-posts .masonry .item {
  width: 30%; /* Stel de breedte in (of kolom-breedte als percentage) */
  margin-bottom: 16px; /* Ruimte tussen items */
  box-sizing: border-box;
}

.blog-masonry .item img {
  width: 100%;
  height: auto;
  display: block;
}

			
		.single .inner-content{
			z-index: 99999;
		}
		
	h2.full-title{
		max-width: 70%;
		margin: 25px 15% 15px;
	}
	
	.sidebar{
		float: left;
		width: 28%;
		margin-left: 0%;
		background: #fff;

	}
	
	/* Single cocktails */
	
	.single-lemonades .lemonade-featured-image{
		float: left;
		width: 40%;
		margin-left: 0;
		margin-top: 0;
		position: relative;
		padding: 0;
		border-right: 2px solid #002A1F;
	}
	
		.single-lemonades .lemonade-featured-image img{
			
		}
	

	.single-labels .lemonade-featured-image{
		float: left;
		width: 40%;
		margin-left: 0%;
		margin-top: 20px;
		position: relative;
		padding: 0;
	}
	
		.single-labels iframe{
			border-radius: 500px 500px 15px 15px;
		}
		
	
		
		.single-lemonades h1{
			text-align: left;
		}
	
	
		.single-lemonades .lemonade-featured-image img, .single-lemonades00 .lemonade-featured-image img{
			float: left;
			width: 100%;
			border-radius: 0;
			overflow: hidden;
		}
	
	.single-lemonades .lemonade-intro, .single-lemonades00 .lemonade-intro{
		float: left;
		width: 50%;
		margin-left: 5%;
		margin-right: 5%;
		padding: 25px 0;
		border-radius: 0;
	}
	
		.vimeo-video{
			padding-top: 0;
		}
	

	
		a.back-to{
			right: auto;
			left: 10px;
		}
		
	.single-labels .lemonade-intro{
		float: left;
		width: 50%;
		margin-left: 5%;
		padding: 65px 0 25px;
		border-radius: 500px 500px 0 0;
	}
	
		.vimeo-video{
			padding-top: 0;
		}	
	
	.related-post{
		float: left;
		width: 48%;
		margin-top: 25px;
		background: #fff;
	}
	
		li.related-post:nth-child(2){
			margin-left: 4%;
		}
		
	.page-edit .post-edit-link{
		display: inline-block;
		transform: rotate(90deg);
		position: fixed;
		z-index: 999999999;
		right: 0;
		top: 45%;
		font-size: 14px;
		padding: 7px 15px;
		color: #242e30 !important;
		background: #fff;
		-webkit-border-radius: 250px;
		-moz-border-radius: 250px;
		border-radius: 250px;
		-moz-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
		box-shadow: 0 23px 22px rgba(0, 0, 0, 0.2);
	}
	
		.page-edit #vc_load-inline-editor{
			display: none;
		}
	
	.footermenu-container{
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: masonry;
	}
	

		
	.footer-widget-4 .widget_media_image img{
		padding: 15px 0;
	}
	
	.copyright{
		text-align: left;
	}
	
		.footer-links{
			float: right;
		}
		
		.copyright a{
			float: right;
	}
		
	.footermenu{

		
	}
	
}

@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
	
	.container{
		
	}
	
	.copyright{
		padding: 35px 15px 100px;
	}
	
}

@media only screen and (min-width:640px) {
	
		.single-lemonades iframe{
			height: 670px !important;
		}
}


@media only screen and (min-width:1024px) {
	
		.single-lemonades iframe, .single-lemonades00 iframe{
			height: 910px !important;
		}
		
		.single-labels iframe{
			height: 910px !important;
		}
		
		.single-lemonades div.label-new{
			right: -25px;
			top: -35px;
		}
		
}

@media only screen and (min-width:1024px) {

body{
	background-size: 768px;
}

.almost-fullwidth{


}

.slideout-open .slideout-menu {

}

	.container{
		text-align: left;
	}	
	
.header-container{
	max-width: 100%;
	margin: 0 auto;
}
	
	.topheader{
		text-align: right;
		margin: 0 auto 25px auto;
	}
	
	.toggle-button{
		display: none;
	}
	
	nav#menu ul ul{
		display: block;
		left: 0;
		position: relative;
	}

nav#desktop{
	position: fixed;
	width: 100%;
	max-width: 1280px;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	padding: 0;
	z-index: 9999 !important;
	background: #002A1F;
	border-radius: 100px;
}
	
		body.home nav#desktop{
			display: block;
		}
	
		nav#desktop.element-is-sticky{
		}
		
	
		nav#desktop ul{
			margin: 0;
			padding: 0;
			width: 100%;
			text-align: center;
			list-style-type: none;
		}
		
			nav#desktop a.home-button{
				float: left;
				padding: 10px 15px 10px 20px;
				font-size: 28px;
				color: #a02d34;
			}
		
				body.home nav#desktop a.home-button, nav#desktop a.home-button:hover{
					color: var(--primary-color);
				}
	
			nav#desktop ul li{
				display: inline-block;
				margin: 0 5px;
				float: none;
			}
			
				nav#desktop ul li a{
					display: block;
					float: none;
					margin: 0;
					padding: 8px 25px;
					color: #FFF5E6;
					font-size: 16px;
					text-transform: uppercase;
					border-radius: 250px;
					transition: 0.3s all ease-in-out;
				}
				
					nav#desktop ul li a:hover{
					}
				
					nav#desktop ul li.current-menu-item a{
						color: #FFF5E6;
					}
					
					nav#desktop ul li.current-page-ancestor a{
						
					}
						
						nav#desktop ul li.menu-item-has-children a::after{

						}
						
							nav#desktop ul li.menu-item-has-children li a::after{
								display: none;
							}
							
				nav#desktop ul li.current_page_item a,
				nav#desktop ul li.current-menu-item a{

				}
				
					nav#desktop ul li ul.sub-menu a{
						color: #FFF5E6;
						border: none;
						border-bottom: none;
					}
					
					.home nav#desktop ul li ul.sub-menu a{
						color: #002A1F;
						border: none;
						border-bottom: none;
					}
				
				nav#desktop ul li.nav-blog{

				}
				
				nav#desktop ul li.cta-1{

				}
						
					nav#desktop ul li.cta-1 a{
						float: right;
						margin: 10px 0;
						padding: 10px 20px;
						border: none;
						color: #fff;
						background: #a02d34;
						
					}
					
				
				nav#desktop ul li.cta-2{

				}
						
					nav#desktop ul li.cta-2 a{
						float: right;
						margin: 10px 0;
						padding: 10px 20px;
						color: #fff8e9;
						background: #f18a6c;

					}
		
	.home nav#desktop{
		background: #FFF5E6;
	}
	
		nav#desktop ul li a{
			color: #FFF5E6;
		}
		
		.home nav#desktop ul li a{
			color: #002A1F;
		}
			
		
	/*------------------------------------*\
	    Submenu
	\*------------------------------------*/
		@keyframes fade-in {
		    from {opacity: 0;}
		    to {opacity: 1;}
		}

		ul.sub-menu{
			display: none;
			width: auto;
			left: 5px;
			position: absolute;
			padding-bottom: 0;
			text-align: left;
			top: 95%;
			z-index: 99999;
			background: #002A1F;
			-webkit-border-radius: 0 0 20px 20px;
			-moz-border-radius: 0 0 20px 20px;
			border-radius: 0 0 20px 20px;
			animation-name: fade-in;
		    animation-duration: .3s;
		}
		
			ul.sub-menu li{
				width: 100%;
				margin: 0 !important;
				text-align: left !important;
			}
			
				.slideout-menu ul.sub-menu li{
					text-align: center !important;
				}
			
			nav#desktop ul.sub-menu li a{
				margin: -5px 0 0;
				padding: 12px 20px;
				border-right: none;
				z-index: 9999999999;
				font-size: 80%;
				color: #FFF5E6;
			}
			
				li.menu-item-has-children{
					position: relative;
				}
				
		.home ul.sub-menu{
			background: #FFF5E6;
		}
		
			nav#desktop ul.sub-menu li a{
				color: #242e30;
			}
			
	li.menu-item-has-children:hover > ul.sub-menu{
		display: block;
	}
	
	body .footer .footernav ul.sub-menu{
		display: none;
	}
	
	nav.slideout-menu ul.sub-menu li{
		border-bottom: 0;
	}
	
		nav.slideout-menu ul.sub-menu li a{
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
	
	/*------------------------------------*\
	    END Submenu
	\*------------------------------------*/
	
	.rounded-top{
		border-radius: 100px 100px 0 0;
	}
	
	.rounded-topbottom{
		border-radius: 100px;
	}

	body.home .wrapper{

	}

	.full-page-header .title-info{
		border-radius: 30px;
	}

	.title-info{
		
	}
					
		.home .title-info{
			
		}
		
	.homepage-slogan, .homepage-slogan-2{
		padding: 0 25px;
		font-size: 32px;
	}
	
		.home-slogan h1{
			font-size: 60px;
			line-height: 1.6;
		}
		
		
		.homepage-slogan-2{
			font-size: 18px;
		}
	
	.container{
		max-width: 1280px;
		margin: 0 auto;
	}
	
		.single .container{

		}
		
			.single main{
				float: left;
				width: 60%;
			}

			.single .inner-content img{
				border-radius: 14px;
			}

.inner-content{
	padding: 0 15px;
}

	body.single .inner-content{

	}


/* sidebar */
.sidebar {
	padding: 25px;
}

.footermenu .footermenu-container h3{
	margin-top: 40px;
}

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#4F515F;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#4F515F;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#4F515F;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#242e30 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* Image comparrison */

.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: 0em auto;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 15px 15px rgba(0,0,0,.2);
}
.cd-image-container img {
  display: block;
  border-radius: 15px;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

/* Lemonades archive */

.lemonades-archive {
  padding: 70px 0 90px;
}

.lemonades-archive-intro {
  max-width: 640px;
  margin: 0 auto 70px;
  text-align: center;
  color: #003c32;
}

.lemonades-archive-intro h1 {
  margin: 40px 0 15px;
  line-height: 1;
  color: #003c32;
  text-transform: uppercase;
}

.archive-subtitle {
  margin-top: 14px;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "orator-std", monospace;
  color: #003c32;
}

.lemonades-archive-intro p {
  max-width: 560px;
  margin: 34px auto 0;
  font-size: 18px;
  line-height: 1.35;
}

.lemonades-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 48px;
  max-width: 1180px;
  margin: 0 auto;
}

.lemonade-card {
  margin: 0;
}

.lemonade-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.lemonade-card-image {
  overflow: hidden;
  border: 3px solid #003c32;
  border-radius: 28px;
  background: #003c32;
}

.lemonade-card-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1.08 / 1;
  object-fit: cover;
  transition: transform 0.55s ease-in-out;
}

.lemonade-card-content {
  padding-top: 22px;
  text-align: center;
}

.lemonade-card-content h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1;
  color: #003c32;
  text-transform: uppercase;
}

.lemonade-card-subtitle {
  margin-top: 12px;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: "orator-std", monospace;
  line-height: 1.4;
  text-transform: uppercase;
  color: #003c32;
}

.lemonade-cta-card {
  min-height: 315px;
  max-height: 335px;
  border-radius: 28px;
  background: #003c32;
  color: #fff5e6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 45px;
  text-align: center;
}

.lemonade-cta-card h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
  color: #fff5e6;
}

.lemonade-cta-card p {
  max-width: 270px;
  margin: 20px auto 28px;
  font-size: 15px;
  line-height: 1.35;
}

.lemonade-cta-button, .lemonade-cta-button:hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 25px;
  border-radius: 999px;
  font-family: "orator-std", monospace;
  background: #fff5e6;
  color: #003c32;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .lemonade-card:hover .lemonade-card-image img {
    transform: scale(1.06);
  }
}

@media (max-width: 1024px) {
  .lemonades-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 45px 30px;
  }
}

@media (max-width: 640px) {
  .lemonades-archive {
    padding: 45px 0 70px;
  }

  .lemonades-archive-intro {
    margin-bottom: 45px;
  }

  .lemonades-archive-intro h1 {
    font-size: 42px;
  }

  .archive-subtitle {
    font-size: 12px;
    letter-spacing: 3px;
  }

  .lemonades-archive-intro p {
    font-size: 16px;
  }

  .lemonades-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .lemonade-card-content h2 {
    font-size: 28px;
  }

  .lemonade-card-subtitle {
    font-size: 12px;
    letter-spacing: 3px;
  }

  .lemonade-cta-card {
    min-height: 280px;
    padding: 35px 25px;
  }
}

/*Mailchimp*/

  #fiora-mailchimp-signup {
    width: 100%;
    background: #fff6e6;
    padding: 0;
    box-sizing: border-box;
    font-family: "orator-std", monospace;
  }

  #fiora-mailchimp-signup .fiora-signup-row {
    display: grid;
    grid-template-columns: auto 220px 320px 150px;
    align-items: center;
    gap: 16px;
    width: 100%;
  }

  #fiora-mailchimp-signup .fiora-signup-title {
    color: #003b2f;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    white-space: nowrap;
  }

  #fiora-mailchimp-signup input {
    width: 100%;
    height: 48px;
    border: 1px solid #003b2f;
    border-radius: 999px;
    background: transparent;
    color: #003b2f;
    padding: 0 22px;
    box-sizing: border-box;
    outline: none;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: inherit;
  }

  #fiora-mailchimp-signup input::placeholder {
    color: #003b2f;
    opacity: 1;
  }

  #fiora-mailchimp-signup button {
    height: 48px;
    border: 1px solid #003b2f;
    border-radius: 999px;
    background: #003b2f;
    color: #fff6e6;
    padding: 0 28px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  #fiora-mailchimp-signup button:hover {
    background: transparent;
    color: #003b2f;
  }

  #fiora-mailchimp-signup #mce-responses {
    margin-top: 12px;
    color: #003b2f;
    font-size: 14px;
  }

  @media (max-width: 1200px) {
    #fiora-mailchimp-signup .fiora-signup-row {
      grid-template-columns: 1fr 1fr;
    }

    #fiora-mailchimp-signup .fiora-signup-title {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 768px) {
    #fiora-mailchimp-signup {
      padding: 28px 20px;
    }

    #fiora-mailchimp-signup .fiora-signup-row {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    #fiora-mailchimp-signup .fiora-signup-title {
      font-size: 15px;
      letter-spacing: 3px;
      white-space: normal;
    }

    #fiora-mailchimp-signup input,
    #fiora-mailchimp-signup button {
      height: 46px;
      font-size: 14px;
      letter-spacing: 2px;
    }
  }