/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Vars
# Typography & Resets
# Wave Divider
# Footer
# Gravity Forms
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Vars
--------------------------------------------------------------*/
:root {
    --plyr-color-main: #abc937;
	--color-green: #abc937;    
	--color-green-muted: #e6efc3;
    --color-green-muted-second: #EEF4D7;
	--color-blue: #eaf3f6;
    --color-blue-dark: #dbe8ec;
	--color-white: #fff;
	--color-light-blue: #eaf3f6;
	--color-light-grey: #f9f9f9;
	--color-black: #000;
    --color-pink: #FBEEEB;
	--font-size-primary-heading: calc(2rem + 1vw);
	--font-size-secondary-heading: calc(1.7rem + 0.6vw);
	--font-size-tertiary-heading: calc(1.6rem + 0.5vw);
	--font-size-quartary-heading: calc(0.9rem + 0.2vw);
	--font-size-quinary-heading: calc(1rem + 0.1vw);
	--font-size-body: calc(0.8rem + 0.07vw);
    --font-family-headline: "Oswald", sans-serif;
    --font-family-text: 'Montserrat', sans-serif;
    --font-family-button: "Gotham", sans-serif;
}

/*--------------------------------------------------------------
# Typography & Resets
--------------------------------------------------------------*/
@font-face {
	font-family: "Gotham";
	src: url("/wp-content/themes/clean-juice-franchising/fonts/gotham.woff2") format("woff2");
	font-display: swap;
}

body,
html {
	scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
	font-family: var(--font-family-text);
	overflow-x: hidden;
	color: var(--color-black);
	font-size: var(--font-size-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-headline);
	text-transform: uppercase;
	line-height: 1.1em;
}

h1 {
	font-size: var(--font-size-primary-heading);
}

h2 {
	font-size: var(--font-size-secondary-heading);
}

h3 {
	font-size: var(--font-size-tertiary-heading);
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
}

h4 {
	font-size: var(--font-size-quartary-heading);
}

h5,
h6,
.sub-heading {
	font-size: var(--font-size-quinary-heading);
}

.sub-heading {
	color: var(--color-green);
	text-transform: uppercase;
	font-weight: bold;
}
.info-heading{
    font-family: var(--font-family-text);
    letter-spacing: 0.95px !important;
    font-size: 0.89rem !important;
    color: var(--color-black);
    line-height: 1.3;
    font-weight: 600;
    padding-top: 1em;
}
p,
li,
a {	
    color: var(--color-black);
}

a,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	transition: 0.35s ease all;
}
.z-index-1{
	z-index: 1;
}
.z-index-2{
	z-index: 2;
}
.text-center{
	text-align: center;
}
.max-width {
	max-width: 1500px;
	padding: 0 1em;
	margin: 0 auto;
}
.d-block{
	display: block !important;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header{
    position: relative;
    width: 100%;   
    z-index: 100;   
    padding-top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;    
    -o-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
    transition: transform .2s linear;
}
#masthead.site-header{  
    -o-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
    transition: transform .2s linear;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation ul {
    display: flex;
    justify-content: center;
}
#site-navigation {
	z-index: 20;
	position: relative;
	padding: 1em;
	max-width: 100%;
    width: auto;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    flex-direction: column;
	padding: 1em 0;
}
.offcanvas-logo {  
    margin-bottom: 30px;
}
main {
    display: block;
    margin-top: -150px;
}
#primary-menu .sub-menu {
	display: flex;
	flex-direction: column;
	padding: 1em 0;
	background: var(--color-green-muted);	
    min-width: 12em;
}

#primary-menu .sub-menu li a {
	color: var(--color-black);   
    text-shadow: none !important;    
    position: relative;
    padding: 0.5em 1.25em;
    font-size: 0.9em !important;
    font-weight: 300;
    text-transform: capitalize !important;    
    letter-spacing: 0 !important;
}
#primary-menu .sub-menu li a::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    bottom: 0;
    left: 0;
    transform-origin: bottom left;
    transform: scaleY(0);
    transition: transform .5s ease 0s;
    background-color: var(--color-black);
}
#primary-menu .sub-menu li a:hover::before, #primary-menu .sub-menu li a:focus::before {
    transform: scaleY(1);
}
#primary-menu .sub-menu li a:hover,
#primary-menu .sub-menu li a:focus{
    font-weight: 800 !important;
    text-decoration: underline;
}
#primary-menu li ul {
	opacity: 0;
	transition: opacity 0.5s linear 0s;
}

#primary-menu li:hover ul {
	opacity: 1;
}

#primary-menu > li {
    padding-left: 1rem;
    padding-right: 1rem;
	text-transform: uppercase;
	font-weight: 600;
}

#primary-menu li a {
	color: var(--color-white);
    font-family: var(--font-family-text);
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    text-shadow: 0 3px 12px #000000E8 !important;
    font-weight: 600 !important;
    letter-spacing: 0.125rem !important;
}

.site-navigation .navigation {
	position: relative;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.navigation{
    display: flex;
    align-items: center;   
    justify-content: center;
}
.main-navigation ul ul {  
    min-width: 100%;
    width: auto;
}
.main-navigation ul ul a {
    width: 100%;
}
.gap-1{
    gap: 1em;
}
.gap-2{
    gap: 2em;
}
.p-t0{
    padding-top: 0 !important;
}
.p-t1{
    padding-top: 1em !important;
}
.p-t2{
    padding-top: 2em !important;
}
.p-t3{
    padding-top: 3em !important;
}
.p-t4{
    padding-top: 4em !important;
}
.m-b1{
    margin-bottom: 1em;
}
.m-b2{
    margin-bottom: 2em;
}
.m-b3{
    margin-bottom: 3em;
}
.m-t1{
    margin-top: 1em;
}
.m-t2{
    margin-top: 2em;
}
.m-t3{
    margin-top: 3em;
}
.p-b0{
    padding-bottom: 0 !important;
}
.p-b1{
    padding-bottom: 1em;
}
.p-b2{
    padding-bottom: 2em;
}

.p-b3{
    padding-bottom: 3em;
}
.position-relative{
    position: relative;
}
.mw-50{
    max-width: 50% !important;
}
.mw-60{
    max-width: 60% !important;
}
.mw-70{
    max-width: 70% !important;
}
.row-center{
    justify-content: center;
}

.video-title,
.video-location{
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    margin-left: 10px;
    margin-right: 10px;
}
.video-box{
    box-shadow: 8px 8px var(--color-green) !important;   
    margin-left: 10px;
    margin-right: 10px;
}
.video-box .wp-video,
.video-box .wp-video .mejs-video{
    height: 100% !important;
    width: 100% !important;
}
.video-box .wp-video-shortcode video, .video-box  video.wp-video-shortcode {
    max-width: 100%;
    display: inline-block;
    height: 100% !important;
    object-fit: cover !important;
}
.video-box p{
    margin: 0;
    height: 100%;
}
.video-box  p iframe{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.border-image,
body.page-template-page-podcast .section-about img{
    box-shadow: 8px 8px var(--color-black) !important;
}
.title-section{
    color: var(--color-black) !important;
    font-size: 1.556rem !important;
    letter-spacing: 0em;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}
.post{
    margin: 0;
}
.author{
    font-size: 1.333rem;  
    line-height: 1.4;
    font-weight: 600;
    color: var(--color-white);
    font-family: var(--font-family-headline);
}
body.page-template-page-ourpassion .bottom-form,
body.page-template-page-ourpeople .bottom-form,
body.page-template-page-testimonials .bottom-form,
body.page-template-page-awards .bottom-form,
body.page-template-page-difference .bottom-form,
body.page-template-page-start-journey .bottom-form,
body.page-template-page-forms .bottom-form,
body.single-post .bottom-form,
body.blog .bottom-form,
body.category .bottom-form,
body.page-template-page-press .bottom-form,
body.page-template-page-store .bottom-form,
body.page-template-page-available-markets .bottom-form,
body.page-template-page-podcast .bottom-form,
body.page-template-page-resources .bottom-form{    
 padding-top: 0 !important;
}
body.page-template-page-ourpassion .bottom-form .divider-inside-bottom,
body.page-template-page-ourpeople .bottom-form .divider-inside-bottom,
body.page-template-page-testimonials .bottom-form .divider-inside-bottom,
body.page-template-page-awards .bottom-form .divider-inside-bottom,
body.page-template-page-difference .bottom-form .divider-inside-bottom,
body.page-template-page-start-journey .bottom-form .divider-inside-bottom,
body.page-template-page-forms .bottom-form .divider-inside-bottom,
body.single-post .bottom-form .divider-inside-bottom,
body.blog .bottom-form .divider-inside-bottom,
body.category .bottom-form .divider-inside-bottom,
body.page-template-page-press .bottom-form .divider-inside-bottom,
body.page-template-page-store .bottom-form .divider-inside-bottom,
body.page-template-page-available-markets .bottom-form .divider-inside-bottom,
body.page-template-page-podcast .bottom-form .divider-inside-bottom,
body.page-template-page-resources .bottom-form .divider-inside-bottom{
    display: none !important;
}
/*--------------------------------------------------------------
# JQVMap
--------------------------------------------------------------*/
.jqvmap-label,
.jqvmap-pin {
	color: var(--color-white);
	font-size: 11px;
}
/*--------------------------------------------------------------
# Custom Select
--------------------------------------------------------------*/
.select select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:0;
    box-shadow:none;
    border:0!important;
    background: #fff;
    background-image: none;
    flex: 1;
    padding: 0 .5em;
    color:#292929;
    cursor:pointer;
    font-size: 1em;
    font-family: var(--font-family-text);
    font-weight: 400;
 }
 .select select::-ms-expand {
    display: none;
 }
 .select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    max-width: 100%;
    line-height: 3;
    background: #fff;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.2);
 }
 .select::after {
    content: '';    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' data-use='/cms/svg/site/l5dnzo0t3er.36.svg%23arrow_down'%3E%3Cpath d='M19.509 27.474l16.234-16.234a1.826 1.826 0 0 0-2.502-2.502l-15.009 15.009l-15.009-15.009A1.851 1.851 8.103 0 0 0.598 8.463a1.802 1.802 0 0 0-0.176 2.502A0.576 0.576 8.103 0 0 0.598 11.214L16.934 27.474a1.851 1.851 0 0 0 2.502 0Z'%3E%3C/path%3E%3C/svg%3E");
    cursor: pointer;
    pointer-events: none;
    transition: .25s all ease;
    width: 40px;
    height: 100%;
    background-size: 20px;   
    background-repeat: no-repeat;
    background-position: center right 10px;
    color: #ABC937 !important;
 }
 .select:hover::after {
    color: #ABC937;
 }
 .fancybox-container{
    z-index: 9999999;
 }
 .form-box .gform_required_legend{
    display: none;
 }
 .form-box .gform_wrapper.gravity-theme .gf_progressbar{
    display: none;
 }
 .form-box .gform_wrapper.gravity-theme .gf_progressbar_title {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 600 !important;  
    float: right;
}
.form-box p em{
    float: right;
    font-size: 0.75rem !important;
}
.form-box p{
    margin: 0;
    padding-bottom: 15px;
}
.form-box .gform_wrapper.gravity-theme .ginput_complex {
    display: flex;
    flex-flow: column;
}
.form-box .gfield_consent_label{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea,
.search-form input[type="search"]{
	background: transparent;
	border: unset;
	border-bottom: 2px solid var(--color-black);
	color: var(--color-black);
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	border-radius: 0;
    font-size: 15px;
}

.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 2em;
}

body .gform_wrapper.gravity-theme .gform_drop_instructions {
	display: inline-block;
	color: var(--color-black);
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
}

body .gform_wrapper.gravity-theme .gform_drop_area {
	padding: 3em;
}

body .gform_button_select_files {
	background: unset;
	border: unset;
	padding: unset;
	text-transform: none;
	letter-spacing: inherit;
	color: var(--color-black);
	font-weight: 600;
	cursor: pointer;
}

body .gform_wrapper.gravity-theme .gform_drop_area {
	border: 2px solid var(--color-black);
	border-radius: 0px;
}

body .gform_wrapper.gravity-theme .gform_fileupload_rules {
	display: none;
}

body .gform_button {
	background: var(--color-black);
	color: var(--color-white);
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: var(--color-black);
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: var(--color-black);
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: var(--color-black);
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--color-black);
}
input[type="button"], input[type="reset"], input[type="submit"], .gform_button {       
    line-height: 1;
    padding: 0.6em 1em 0.4em;
    background: var(--color-white) !important;
    color: var(--color-black) !important;
    font-family: var(--font-family-button);
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0px;
    border-top-left-radius: 0;
    padding: 13px 22px;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
    transition: 0.35s ease all;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-radius: 3em;
    cursor: pointer;
    border: 0;
     box-shadow: 8px 8px var(--color-black) !important;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .gform_button:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .gform_button:focus {  
    box-shadow: 12px 12px var(--color-black) !important;
    background-color: var(--color-green) !important;
    color: var(--color-white) !important;
}
.content-search{
    background-color: var(--color-green);
    box-shadow: 1em 1em 2em rgba(0,0,0,0);
    padding: 20px;
}
.content-search .search-field{
    border-color: rgba(255,255,255,0.2) !important;
    color: #292929;
    background: #FFFFFF !important;
    width: 80%;
    height: 40px;
    padding: 10px;
}
.gfield_checkbox li,
.ginput_container_consent {
    position: relative;
    padding-left: 40px;
  }
  .gfield_checkbox li label:after,
  .ginput_container_consent label:after {
    content: "";
    background: transparent;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    z-index: 0;
    border: 1px solid var(--color-black);
  }
  .gfield_checkbox li label:before,
  .ginput_container_consent label:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 16px;
    border: solid var(--color-black);
    border-width: 0 3px 3px 0;
    left: 11px;
    top: 4px !important;
    transform: rotate(45deg);
    opacity: 0;
    z-index: 1;
    transition: all 100ms;
  }
  
  input[type=checkbox] {
    opacity: 0;
    outline: none;
    z-index: 100;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  input[type=checkbox] + label {
    cursor: pointer;
  }
  input[type=checkbox]:checked + label:before {
    opacity: 1;
    top: 3px;
  }
  .section-contact-home .gform_wrapper.gravity-theme #gform_fields_1_2.gform_fields {   
    grid-template-columns: repeat(10,1fr);    
  }
  .info-opt{
    padding-top: 15px !important;
    padding-bottom: 6px !important;
  }
  .section-contact-forms .gfield{
    margin-bottom: 16px;
  }
  .form-steps-home #gform_page_1_1 .gform_page_footer{
    text-align: right;
  }
/*--------------------------------------------------------------
# General Styling
--------------------------------------------------------------*/

.page-hero {
	min-height: 60vh;
	background-size: cover !important;
	background-position: center center !important;
	box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 15%);
}

.home .page-hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.page-hero.rounded {
	clip-path: circle(5000px at 50% calc(100% - 5000px));
	overflow: hidden;
	margin-bottom: 0;
}

.videoNav ul {
    position: absolute !important;
    top: 38rem !important;
    right: 3rem !important;
    display: flex; 
    gap: 1em; 
    list-style: none; 
}
.form-box{
    padding: 3em 3em 1.5em;
    width: 100%;
    box-shadow: 8px 8px var(--color-black) !important;
    border-radius: 0rem;
    background-color: var(--color-green-muted-second);
    min-height: 300px;
    height: auto;
}
.bottom-form .form-box{
    background-color: transparent;
    box-shadow: none !important;
    padding: 0 !important;
}
.videoNav ul li a svg {
    width: 2.375rem !important;
    height: 2.375rem !important;
    fill: var(--color-white)!important;
    border: 3px solid var(--color-white) !important;
    padding: 0.25rem !important;
    border-radius: 50% !important;
}
#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.simple-page-hero {
	background: var(--color-black);
    padding: 14em 0em 7em;
    margin-bottom: 12em;
}
.simple-page-hero .divider-inside-top {
    bottom: 0;
    margin-bottom: -75px;
    left: 0;
}
.page-hero h1,
.simple-page-hero h1 {
	color: var(--color-white);
}

.page-hero.rounded {
	clip-path: circle(5000px at 50% calc(100% - 5000px));
	overflow: hidden;
	margin-bottom: 0;
}

.page-hero .max-width {
	width: 100%;
	color: var(--color-white);
}

section {
	padding: 6em 0em;
	position: relative;
}

section h2:first-of-type {
	margin: 0;
}

.d-flex{
    display: flex;
}
.flex-column{
	flex-direction: column;
}
.between {
    justify-content: space-between;
  }

.top {
    align-items: flex-start; 
}
.middle {
    align-items: center; 
}
.gap-1{
    gap: 1em;
}
.w-50{
    width: 50%;
}
.w-100{
    width: 100%;
}
.h-100{
    height: 100% !important;
}
.fit-cover-center{
    object-fit: cover;
    object-position: center;
}
.fit-cover-top{
    object-fit: cover;
    object-position: top;
}
.img-fluid {
    height: auto;
    max-width: 100%;
}
.image-content-bottom{
    gap: 1em;
    margin-top: 1em;
}
.image-container img.no-border{
    border: 0 !important;
}
.icon-badge{
    margin-left: 20px;
}
.search-results .hentry{
    margin-bottom: 1.5em !important;
}
/*--------------------------------------------------------------
# Wave Styling
--------------------------------------------------------------*/
.mb-4{
    margin-bottom: 1rem !important;
}
.gap-4{
    gap: 1rem;
}

.gap-3{
    gap: 0.5rem;
}
/*Grey*/
.divider-inside-top,
.divider-inside-bottom {
	background-image: url('data:image/svg+xml,<svg width="1920" height="275" viewBox="0 0 1920 275" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1253.39 250.054C1664.53 316.069 1920 230.18 1920 230.18L1920 0L2.40413e-05 -0.000167852L2.18085e-06 250.054C441 128 798.337 176.989 1253.39 250.054Z" fill="%23F7F7F7"/></svg>');
	background-size: 100% 120px;
	height: 120px;
	z-index: -1;
	transform: scale(1, 1);
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
}

.divider-inside-top {
	bottom: 0;	
}
.divider-inside-top.rotate{
    transform: rotate(180deg);
    z-index: 1;
}
.divider-inside-bottom {
	top: 0;	
	transform: rotate(180deg);
}
/*Green*/
.divider-inside-top.green,
.divider-inside-bottom.green {
	background-image: url('data:image/svg+xml,<svg width="1920" height="275" viewBox="0 0 1920 275" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1253.39 250.054C1664.53 316.069 1920 230.18 1920 230.18L1920 0L2.40413e-05 -0.000167852L2.18085e-06 250.054C441 128 798.337 176.989 1253.39 250.054Z" fill="%23e6efc3"/></svg>');
}

/*Blue*/
.divider-inside-top.blue,
.divider-inside-bottom.blue {
	background-image: url('data:image/svg+xml,<svg width="1920" height="275" viewBox="0 0 1920 275" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1253.39 250.054C1664.53 316.069 1920 230.18 1920 230.18L1920 0L2.40413e-05 -0.000167852L2.18085e-06 250.054C441 128 798.337 176.989 1253.39 250.054Z" fill="%23EAF3F6"/></svg>');
}
/*Pink*/
.divider-inside-top.pink,
.divider-inside-bottom.pink {
	background-image: url('data:image/svg+xml,<svg width="1920" height="275" viewBox="0 0 1920 275" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1253.39 250.054C1664.53 316.069 1920 230.18 1920 230.18L1920 0L2.40413e-05 -0.000167852L2.18085e-06 250.054C441 128 798.337 176.989 1253.39 250.054Z" fill="%23FBEEEB"/></svg>');
}
/*Black*/
.divider-inside-top.black,
.divider-inside-bottom.black {
	background-image: url('data:image/svg+xml,<svg width="1920" height="275" viewBox="0 0 1920 275" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1253.39 250.054C1664.53 316.069 1920 230.18 1920 230.18L1920 0L2.40413e-05 -0.000167852L2.18085e-06 250.054C441 128 798.337 176.989 1253.39 250.054Z" fill="%23000"/></svg>');
}

/*White*/
.divider-inside-top.white,
.divider-inside-bottom.white {
	background-image: url('data:image/svg+xml,<svg width="1920" height="275" viewBox="0 0 1920 275" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1253.39 250.054C1664.53 316.069 1920 230.18 1920 230.18L1920 0L2.40413e-05 -0.000167852L2.18085e-06 250.054C441 128 798.337 176.989 1253.39 250.054Z" fill="%23fff"/></svg>');
}
.interior-wave{
    padding: 4em 0;
}
.interior-blue{
    background-color: var(--color-blue);
}
.interior-pink{
    background-color: var(--color-pink);
}
.interior-green{
    background-color: var(--color-green-muted);
}
.bottom-form .interior-wave{
    padding-bottom: 8em;
}

/*--------------------------------------------------------------
# Button Styling
--------------------------------------------------------------*/

.button,
body .gform_button {
    font-family: var(--font-family-button);
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    border-radius: 0px;
    border-top-left-radius: 0;
    padding: 13px 22px;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
    transition: 0.35s ease all;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-radius: 3em;
    z-index: 2; /* Ensure the button stays above the pseudo-element */
    position: relative;
    cursor: pointer;
    background-color: transparent; /* Remove the background color so the pseudo-element can show through */
}
.gform_button:hover,
.gform_button:focus,
.gform-theme-button:hover,
.gform-theme-button:focus{
    background: var(--color-green) !important;
}
.menu-right .button{
    font-family: var(--font-family-text);
     font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.125rem !important;
}
.button.black {
    background-color: var(--color-black);
    color: var(--color-white);
}

.button.black:hover {
    color: var(--color-white); /* Update the button text color on hover */
}
.button-wrapper.black a{
    box-shadow: 8px 8px var(--color-black) !important;
    transition: 0.35s ease all;
}
.button-wrapper.black a:hover,
.button-wrapper.black a:focus{
    box-shadow: 12px 12px var(--color-black) !important;
}
button-wrapper:hover .button.black {
    background-color: transparent; /* Remove the button's background on hover */
}

.button.white {
    background-color: var(--color-white);
    color: var(--color-black);
}

.button.white:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}
.button.green-h:hover {
    background-color: var(--color-green);
    color: var(--color-white);
} 
.button.green {
    background-color: var(--color-green);
    color: var(--color-white);
}

.button.green:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}
.button.green-muted-second {
    background-color: var(--color-green-muted-second);
    color: var(--color-black);
}

.button.green-muted-second:hover {
    background-color: var(--color-green);
    color: var(--color-white);
}

.button-wrapper {
    display: inline-block;
    position: relative;
    transition: top 0.35s, left 0.35s;
}

.button-wrapper:after {
    /*background: var(--color-green);
    content: " ";
    position: absolute;
    bottom: -12px;
    left: 12px;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3em;
    z-index: 0;
    pointer-events: none;
    transition: top 0.5s, left 0.5s; */
}

.button-wrapper:hover::after {
    bottom: -13px;
    left: 13px;
    box-shadow: none;
}
.button-wrapper.black::after{
    background: var(--color-black);
}
.wavy-underline {
	position: relative;
	display: inline-block;
}

.wavy-underline:after {
	content: "";
	background: url("/wp-content/uploads/2023/06/wavy-underline.png");
	width: 40%;
	height: 20px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	right: 0;
	position: absolute;
	margin-top: 0.5em;
}

.burst {
	position: absolute;
    bottom: 15em;
    right: 7em;
    width: 22em !important; 
    object-fit: contain !important;
    z-index: 1;
}
/*--------------------------------------------------------------
# Slider Styling
--------------------------------------------------------------*/
.glider-prev svg{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.glider-next, .glider-prev{
    background-color: transparent !important;
    top: 50%;
}
/*--------------------------------------------------------------
# Home Page Styling
--------------------------------------------------------------*/
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.1) 100%);
}
.form-title{
    font-family: var(--font-family-headline);
    font-weight: 700;
    color: var(--color-black);
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0em;
}
.section-contact-home{
    padding-top: 0;
    margin-top: -8rem;
}
.image-container img{
    border: 6px solid #000000 !important;
}
body.home .organic h2.shadow-headline u{
    padding-right: 9px;
}
body.home .organic .interior-content{
    align-items: center;
}
.glider, .glider-contain{
    overflow-x: hidden;
}
.box-top-image{
    height: 36em;
}
.interior-content{
    display: flex;
    flex-direction: column;
    gap: 0.3em;
    align-items: self-start;
}
.interior-info{
    padding-left: 2em;
    padding-right: 2em;   
}
.interior-content.left{
    padding-left: 2em;
}
.interior-content.right{
    padding-right: 2em;   
}
.about{
    padding-top: 0;
}
.corner-about{
    position: absolute;
    top: 1rem;
    left: 0 !important;
    max-width: 40em;
    z-index: 2;
}
.circle-about{
    position: absolute;
    z-index: -1;
    opacity: 0.3;
    width: 50em;
    bottom: -9em;
    left: -9em;
}
.smile-about{
    position: absolute;
    z-index: 2;
    opacity: 1;
    width: 23em;
    bottom: 2em;
    left: 18em;
    transform: scale(0.4) rotate(-15deg);
}
.organic-icon{
    transform: scale(0.35) !important;
    position: absolute;
    top: 24%;
    left: -13rem;
}
.img-app{
    position: absolute;
    bottom: -13em;
    z-index: 1;
    right: -10em;
    max-width: 34em;
}
.img-organic{
    position: absolute;
    right: -11em;
    top: -10em;
    width: 40em;
}
h2.shadow-headline u{
    text-decoration: none !important;
    color: #FFFFFF !important;
    -webkit-text-stroke: 2px var(--color-black) !important;
    text-shadow: 2px 2px var(--color-black) !important;      
}
.title-organic{
    font-family: var(--font-family-headline);
    color: var(--color-black);
    letter-spacing: 0em;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem !important;
}
.icon-organic{
    margin-right: calc(1rem * 1.5);
}
.row-icons-organics{
    padding-top: 2rem;
}
.img-quote{
    position: absolute;
    left: 0;
    bottom: -20em;
    width: 20em;
}
.citation{
    font-size: 0.8rem !important;
    font-weight: 700;
}
.col-pr-3{
    padding-right: 3em;
}
.sticky-btn a{
    display: flex;
    justify-content: space-between;
    gap: 0.6em;
    align-items: center;
}
.sticky-btn a svg{
    width: 20px;
    height: 20px;
}
.sticky-btn{
    position: fixed;
    bottom: 20%;
    left: 15px;
    z-index: 20;
}
.sticky-btn a:hover svg path,
.sticky-btn a:focus svg path{
    fill: #fff;
}
/*--------------------------------------------------------------
# Our Passion Page Styling
--------------------------------------------------------------*/
.info-green{
    box-shadow: 1em 1em 2em rgba(0,0,0,0);
    background-color: #eef4d7;
    padding: 15px 20px 15px;
    margin-bottom: 30px;
}
.dp-1 h3{
    font-size: 1.4rem;
    letter-spacing: 0em;
    line-height: 1.3;
    font-weight: 600;
    text-transform: none;
    color: var(--color-green);
}
.dp-1 a{
    color: var(--color-green);
}
.title-cta{
    font-size: 1.4rem;
    letter-spacing: 0em;
    line-height: 1.3;
    font-weight: 600;
    text-transform: none;
}
.container {
    padding-left: 2em;
    padding-right: 2em;
}
.content-style ol{
    margin: 1em 20px;
    padding: 0;
}
.content-style ul li::before {
    content: '';
    position: absolute;
    top: 0.45em;
    left: 0;
    width: 0.944em;
    height: 0.944em;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.056em;
    background-color: #EEF4D7;
    border-color: #296100;
    box-shadow: inset 0 0 0 0.167em #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-style ul li {
    position: relative;
    padding: 0 0 0 2em;
}
.content-style ul {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}
.content-style .numbered > li {
    counter-increment: item;
}
.content-style ul.numbered > li::before {
    content: counter(item);
    top: -0.15em;
    left: -1.2em;
    width: 1.9em;
    height: 1.9em;
    font-size: 1.1rem;
    background-color: var(--color-green) !important;
    color: var(--color-black)!important;
    border-color: var(--color-black) !important;
}
.content-style ul.numbered h4 {
    font-size: 1.125rem !important;
    text-transform: uppercase !important;
    font-family: "Montserrat" !important;
    color: var(--color-green) !important;
}
.info-markers{
    background-color: var(--color-green-muted-second);
    color: var(--color-black) !important;
    border-color: rgba(255,255,255,0.2);
    box-shadow: 8px 8px var(--color-black)!important;
   padding: 20px 30px 40px;
}
.main-menu{
    border-color: rgba(255,255,255,0.2);
    box-shadow: 8px 8px var(--color-black) !important;
}
.main-menu .menu{
    margin: 0;
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
.main-menu .menu li{
    background-color: var(--color-green-muted-second);
    color: var(--color-black);
}
.main-menu .menu li.header-list a{
    font-family: var(--font-family-headline);    
    color: var(--color-black) !important;
    text-transform: uppercase !important;
    letter-spacing: 0em;
    line-height: 1.3;
    font-weight: 700;
    font-size: 1.778rem;
}
.main-menu .menu li a{
    font-family: var(--font-family-text);
    color: var(--color-black);
    font-weight: 400;
    font-size: 1.111em;   
    text-transform: uppercase !important;
    padding: 1em 4% 1em 8%;
    display: block;
    width: 100%;
}
.main-menu .menu li a.selected,
.main-menu .menu li a:hover,
.main-menu .menu li a:focus{
    color: var(--color-white) !important;
    background-color: var(--color-black);
    font-weight: bold !important;
}
.title-steps{
    font-family: var(--font-family-headline);
    color: var(--color-black);
    letter-spacing: 0em;
    line-height: 1.4;
    font-weight: 600;   
    font-size: 1.4rem !important;
    margin-bottom: 0.9rem;
}
.info-steps{
    padding-top: 0;
    padding-bottom: 2.5em;
    padding-left: calc(4% * 2);
    padding-right: calc(4% * 2);
}
.card-steps{
    background-color: #fff;
}
.pad-height{
    overflow: hidden;
}
.pad-height img{
    transform: scale(1,1);
    transform-origin: 50% 50%;
    will-change: transform;
    transition: transform .5s ease 0s;
}
.pad-height:hover img,
.pad-height:focus img{
    transform: scale(1.075, 1.075);
}
.secondary-menu .box-menu{
    align-items: stretch;
    align-content: space-around;
    display: flex;
    margin: 0;
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    flex-wrap: wrap;
    padding: 0;
}
.secondary-menu .box-menu li{
    width: calc( 50% - 3% );
    box-shadow: 1em 1em 2em rgba(0,0,0,0);
    flex: 1 1 auto;
    background-color: var(--color-light-blue);
    color: var(--color-black);
    padding-left: calc(4% * 2);
    padding-right: calc(4% * 2);
    padding-top: calc(4.5rem * .75);
    padding-bottom: calc(4.5rem * .75);
    margin: 1px;
}
.secondary-menu .box-menu li:hover,
.secondary-menu .box-menu li:focus{
    background-color: var(--color-blue-dark);
}
.secondary-menu .box-menu li a{
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.secondary-menu .box-menu li .icon-menu{
    margin-bottom: 0.75rem;
}
.secondary-menu .box-menu li  span{
    text-transform: uppercase;
    font-family: var(--font-family-text);
    color: var(--color-black);
    font-weight: 400;
    font-size: 1.111em;
}
/*--------------------------------------------------------------
# Our People Page Styling
--------------------------------------------------------------*/
.flip-card {
    background-color: transparent;    
    width: 300px;
    height: 395px; 
    perspective: 1000px; 
    margin: 0 auto;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }  
 
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  } 
 
  .flip-card-front {
    background-color: var(--color-white);
    color: var(--color-black);
    /*box-shadow: 5px 5px var(--color-black) !important;
    border: 1px solid var(--color-black);*/
  }
  
  /* Style the back side */
  .flip-card-back {
    background-color: var(--color-white);
    /*box-shadow: 5px 5px transparent !important;
    border: 1px solid transparent;*/
    transform: rotateY(180deg);
  }
  .info-team{
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  .name-team{
    font-family: var(--font-family-headline);
    color: var(--color-green);
    font-size: 1.333rem;
    letter-spacing: 0em;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase !important;
  }
  .team-position{    
    font-family: var(--font-family-text);   
    color: var(--color-black);
    font-size: var(--font-size-body);
    font-style: normal !important;
    font-weight: bold !important;
  }
/*--------------------------------------------------------------
# Testimonials Page Styling
--------------------------------------------------------------*/
.testimonials-box{
    background-color: var(--color-white);
    padding: calc(4% * 2);
}
.testimonials-box img{    
    border-radius: 50%;
    border: 4px solid var(--color-green);
    margin: 0 auto;
    display: block;
}
.name-testimonials{
    font-family: var(--font-family-headline);   
    color: var(--color-black);
    font-size: 1.333rem;
    letter-spacing: 0em;
    line-height: 1.4;
    font-weight: 600;
    text-transform: none;
}
/*--------------------------------------------------------------
# Awards Page Styling
--------------------------------------------------------------*/
.card-awards{
    box-shadow: 1em 1em 2em rgba(0,0,0,0);
    background-color: var(--color-green-muted-second);
    color: var(--color-black);
    padding-top: calc(4.5rem * .75);
    padding-bottom: calc(4.5rem * .75);
    padding-left: 175px;
    padding-right: 175px;
}
.card-search{
    box-shadow: 1em 1em 2em rgba(0,0,0,0);
    background-color: var(--color-green-muted-second);
    color: var(--color-black);
    padding-top: calc(2.5rem * .75);
    padding-bottom: calc(2.5rem * .75);
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.title-awards a{
    color: var(--color-black);
}
.title-awards{
    font-family: var(--font-family-headline);  
    color: var(--color-black);
    font-size: 1.4rem;
    letter-spacing: 0em;
    line-height: 1.3;
    font-weight: 600;
    text-transform: none;
}
.box-awards{
    box-shadow: 0 8px 30px #00000029 !important;
    border-radius: 10px;
    padding: 1rem;
    background-color: #FFFFFF !important;
    max-width: 120px !important;
    position: absolute;    
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}
body.page-id-144 .section-info,
body.page-id-146 .section-info,
body.page-id-173 .description,
body.page-id-173 .testimonials-info{
    display: none;
}
/*--------------------------------------------------------------
# The Clean Juice Difference Page Styling
--------------------------------------------------------------*/
.cta-menu{
    padding-left: calc(4% * 2);
    padding-right: calc(4% * 2);
    padding-top: calc(4.5rem * .75);
    padding-bottom: calc(4.5rem * .75);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cta-menu h3{
    margin-block-start: 0 !important;   
}
.cta-menu-info{
    padding-left: calc(4% * 2);
    padding-right: calc(4% * 2);
    padding-top: calc(4.5rem * .75);
    padding-bottom: calc(4.5rem * .75);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cta-menu-info h3{
    margin-block-end: 0 !important;   
}
.wp-video {
    max-width: 100%;
    height: auto;
    width: 100% !IMPORTANT;
}
.mejs-container {
    clear: both;
    max-width: 100%;
    width: 100%;
}
.info-box{
    padding-top: calc(4.5rem * .75);
    padding-bottom: calc(4.5rem * .75);
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
    border: 4px solid var(--color-black);
    background-color: var(--color-green-muted-second);
}
.row-buttons{
    padding-top: 4em;
}
.page-id-144 .section-about,
.page-id-146 .section-about,
.page-id-140 .section-about,
.page-id-2 .section-about,
.page-id-155 .section-about,
.page-id-157 .section-about,
.page-id-115 .section-about,
.page-id-117 .section-about,
.page-id-138 .section-about,
.page-id-12 .section-about{
    padding-top: 0;
}
.page-id-140 .cta-menu,
.page-id-2 .cta-menu,
.page-id-157 .cta-menu,
.page-id-138 .section-info-wave,
.page-id-138 .section-info-options,
.page-id-12 .section-info-options
{
    display: none;
}
.page-id-2 .section-info-difference,
.page-id-155 .section-info-difference{
    padding-bottom: 0;
}
/*--------------------------------------------------------------
# Blog Post Styling
--------------------------------------------------------------*/
.entry-date {
    color: var(--color-green);
    position: relative;
    padding: 0;
    text-transform: uppercase;
    font-size: var(--font-size-quinary-heading);
    font-weight: 700;
}
.box-featured-img{
    height: auto;
}
.post-grid .single-post a.image-link {
	display: block;
    width: 100%;
}

.post-grid .single-post img {
	height: 315px;
	object-fit: cover;    
    width: 100%;
    box-shadow: 8px 8px var(--color-green) !important;
}
#post-grid .single-post{
    margin-left: 10px;
    margin-right: 10px;
}
.post-grid .single-post h2 {
	font-size: 20px;
	margin: 0.5em 0 0 0;
    font-family: var(--font-family-text);
}

.featured-article {
	padding: 2em 0;
}
.featured-article .entry-content{
    margin: 0.5em 0 0;
}

.post-grid {
	margin-bottom: 0;
	margin-bottom: 0 !important;
    padding-bottom: 1em;
}
.post-grid .entry-date {
	font-size: 13px;
	text-transform: unset;
    padding-top: 5px;
}

.post-grid .entry-title a {
	color: var(--color-black);
	font-weight: 600;
    line-height: 1.3;
}
.box-content-post{
    flex: 1;
    padding-top: 10px;
}

.post-grid .entry-title a:hover {
	color: var(--color-green);
}

.featured-article article .flex-row {
	height: 500px;
}

.featured-article article {
	background-color: var(--color-green-muted);
	font-family: "Montserrat", sans-serif;
}

.featured-article h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 30px;
}

.featured-article img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.featured-article .featured-content {
	padding: 2em;
}

.pagination {
	width: 100%;
}

.page-numbers {
	list-style: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1em;
	font-weight: bold;
}

.next.page-numbers {
	padding: 0.3em;
	border: 1px solid #000;
	border-radius: 100%;
}

a.page-numbers {
	font-weight: bold;
	color: var(--color-green);
}

a.page-numbers:hover{
	color: var(--color-black);
}

.read-more {
	color: var(--color-black);
	text-transform: normal;
	font-weight: bold;
	text-decoration: underline;
	margin: .5em 0 0;
	transition: 0.35s ease all;
}
.read-more:visited{
    color: var(--color-black);
} 
.read-more svg{
	transition: 0.35s ease all;
}

.read-more:hover{
	color: var(--color-green);
}

.read-more:hover svg{
	fill: var(--color-green);
}
/*--------------------------------------------------------------
# Start Journey Page Styling
--------------------------------------------------------------*/
.card-ingredientes{
    box-shadow: 1em 1em 2em rgba(0,0,0,0);
    background-color: #fff;
    transform: scale(1,1);
    transform-origin: center;
    will-change: transform;
    transition: transform .4s ease 0s, background-color .4s ease 0s, color .4s ease 0s;
    text-align: center;
    padding-left: calc(4% * 2);
    padding-right: calc(4% * 2);
    width: 100%;
    padding-top: 3em;
    padding-bottom: 3em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 1em;
    border-radius: 5px;
}
.card-ingredientes:hover{
    transform: scale(1.075, 1.075); /* W3C */
    -webkit-transform: rscale(1.075, 1.075); /* Safari & Chrome */
    -moz-transform: scale(1.075, 1.075); /* Firefox */
    -ms-transform: scale(1.075, 1.075); /* Internet Explorer */
    -o-transform: scale(1.075, 1.075); /* Opera */  
}
.accordion {
    font-family: var(--font-family-headline);
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    cursor: pointer;
    padding: calc(4.5rem * .4);
    width: 100%;
    position: relative;
    border: none;
    text-align: left;
    outline: none;
    border-bottom: solid 3px rgba(0,0,0,0.2);
    border-radius: 0;
    font-size: 1.556rem;   
    line-height: 1.4;
    font-weight: 700;
    text-transform: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; 
  }
  
  .accordion.active, .accordion:hover {
    background-color: var(--color-green-muted-second) !important;
  }
  
  .accordion:after {    
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' data-use='/cms/svg/site/l5dnzo0t3er.36.svg%23arrow_down'%3E%3Cpath d='M19.509 27.474l16.234-16.234a1.826 1.826 0 0 0-2.502-2.502l-15.009 15.009l-15.009-15.009A1.851 1.851 8.103 0 0 0.598 8.463a1.802 1.802 0 0 0-0.176 2.502A0.576 0.576 8.103 0 0 0.598 11.214L16.934 27.474a1.851 1.851 0 0 0 2.502 0Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--color-green);
    font-weight: bold;
    float: none;
    margin-left: 5px;
    width: 22px;
    height: 22px;
    position: absolute;
    right: calc(4.5rem * .4);
    top: 42%;
  }
  
  .accordion.active:after {
    transform: rotate(180deg); /* W3C */
    -webkit-transform: rotate(180deg); /* Safari & Chrome */
    -moz-transform: rotate(180eg); /* Firefox */
    -ms-transform: rotate(180deg); /* Internet Explorer */
    -o-transform: rotate(180deg); /* Opera */   
  }
  
  .panel {    
    background-color: var(--color-white);
    max-height: 0;
    overflow: hidden;   
    -webkit-transition: max-height 0.2s ease-out;
    -moz-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out; 
  }
  .panel .dp-1{
    display: flex;
    padding: 2% 2% 0;
    align-items: start;
  }
  .panel .dp-1::before{
    content: 'A:';
    font-family: var(--font-family-headline);
    font-size: 1.556rem;   
    line-height: 1.4;
    font-weight: 700;
    padding-top: 7px;
    padding-right: 10px;
  }
/*--------------------------------------------------------------
# Store Design Styling
--------------------------------------------------------------*/
 .gallery-content .ih-item.square.effect6 .info h3{
    font-size: 1.444rem;
 }
 .gallery-content .ih-item.square {
    height: 22em;
 }
.heading-gallery{
    font-size: 1.556rem;
    letter-spacing: 0em;
    line-height: 1.4;
    font-weight: 700;
    text-transform: none;
    font-family: var(--font-family-headline);
}
/*--------------------------------------------------------------
# Available Makets Styling
--------------------------------------------------------------*/
.map-color{
    display: flex;
    margin: 0 auto;
    gap: 3em;
    align-items: center;
    justify-content: center;
    list-style: none;     
    padding-inline-start: 0;
}
.map-color li span{
    height: 3em;
    width: 3em;
    margin-right: 0.5em;
}
.map-color li{
    color: var(--color-green);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*--------------------------------------------------------------
# Hover Image Styling
--------------------------------------------------------------*/
.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .ih-item,
  .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ih-item a {
    color: #333;
  }
  .ih-item a:hover {
    text-decoration: none;
  }
  .ih-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .ih-item.square {
    position: relative;
    width: 100%;
    height: 35em;   
  }
  .ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
 
.ih-item.square.effect6 {
    overflow: hidden;
  } 
  .ih-item.square.effect6 .img {
    height: 100%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .ih-item.square.effect6 .info {
    background: var(--color-black);
    background: rgba(171, 201, 55, 0.76);  
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .ih-item.square.effect6 .info h3 {
    font-family: var(--font-family-headline);
    color: var(--color-black);
    font-size: 2.5rem;
    letter-spacing: 0em;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    background-color: transparent;
    padding: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .ih-item.square.effect6 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
  }
  .ih-item.square.effect6 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .ih-item.square.effect6 a:hover .info {
    visibility: visible;
    opacity: 1;
  }
  
  .ih-item.square.effect6.from_top_and_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .ih-item.square.effect6.from_top_and_bottom .info p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  .ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
  .ih-item.square.effect6.from_top_and_bottom a:hover .info p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.copyright-info a,
.copyright-info a:visited{
    color: var(--color-black);
}
.copyright-info a:hover,
.copyright-info a:focus{
    color: var(--color-green);
}
.copyright-info a svg g, .copyright-info a svg {transition: 0.35s ease all;}
.copyright-info a:hover svg g,
.copyright-info a:focus svg g{
    fill: var(--color-green);
}

.site-footer {
	padding: 2em 0;
	background: var(--color-light-grey);   
}
.footer-top{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
}
.footer-top .sep {
	background: var(--color-green);
	height: 4px;
    flex: 1;
}

.footer-links {
	padding: 5em 0 3em 0 !important;	
}

.footer-links a {
	color: var(--color-black);
    font-family: var(--font-family-text);
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    font-weight: bold !important;   
}

.footer-links a:hover {
	color: var(--color-green);
    font-weight: 800 !important;
    text-decoration: underline !important;
}

.footer-links .column p {
	line-height: 1.75;
}

.footer-logo {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5em;
}

.footer-links h2 {
	font-size: var(--font-size-quinary-heading) !important;
	font-family: "Montserrat", "sans-serif" !important;
	font-weight: 700 !important;
	margin: 0;
}

.copyright-info-sep {
	border-top: 0.5px solid var(--color-black);
}

.copyright-info {
	padding: 1em 0;
}

.copyright-info p {
	margin: 0;
	font-size: 14px;
}
.copyright-info ul{
    list-style: none;
    display: flex;
    margin: 10px 0;
    padding-inline-start: 0;
    font-size: 14px;
    gap: 0.5rem;
}
.social-icon svg {
	height: 20px;
	width: 20px;
}

.social-icon:hover{
	fill: var(--color-green);
}
.col-social{
    gap: 1em;
    display: flex;
    justify-content: center;
}
address {  
    font-style: normal;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1499.98px) { 
    .content-center {
    max-width: 1098px !important;
    margin: 0 auto !important;
    } 
    body.page-template-page-testimonials  .content-center {
    max-width: 100% !important;   
    } 
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .flex-md-row{
        flex-direction: row;
    }
 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
   .text-lg-end{
    text-align: right;
   }
   .pt-lg5{
    padding-top: 5em;
   }
 }
 @media (min-width: 1024px) { 
    #menu-button {
        display: none !important;
    }
 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }

@media (min-width: 1500px) {  
    .content-center{
        max-width: calc(60rem + 4% * 2) !important;
        margin: 0 auto !important;
    }   
}

@media (max-width: 2999.98px) { 
    .corner-about {       
        max-width: 50em;
    }
}
@media (max-width: 2500px) { 
    .corner-about {       
        max-width: 43em;
    }
}
@media (max-width: 2300px) { 
    .corner-about {       
        max-width: 39em;
    }
}
@media (max-width: 1999.98px) { 
    .corner-about {       
        max-width: 28em;
    }
    .img-organic {      
        right: -10em;
        top: -10em;
        width: 35em;
    }
}
@media (max-width: 1599.98px) { 
    #primary-menu > li {
        padding-left: 0.6rem;
        padding-right: 0.6rem;       
    }
    main {       
        margin-top: -147px;
    }
    .circle-about {      
        width: 36em;
        bottom: 11em;
        left: -7em;
    }
    .img-organic {
        right: -10em;
        top: -10em;
        width: 30em;
    }
    .img-quote {
        position: absolute;
        left: 0;
        bottom: -11em;
        width: 14em;
    }
 }

@media (max-width: 1499.98px) { 
    .menu-right .button,
    #primary-menu li a {   
        font-size: 0.6rem !important;     
        letter-spacing: 0.1rem !important;  
    }
    main {       
        margin-top: -143px;
    }
    .form-box {      
        max-width: 80vw;
        margin: 0 auto;
    }
    .corner-about {
        max-width: 23em;
    }  
    .button, body .gform_button, .gform_button{
        padding: 13px 21px !important;
        font-size: 14px !important;
    }  
    section {
        padding: 5em 0em;
        position: relative;
    }
    .img-app {      
        bottom: -11em;      
        right: -13em;
        max-width: 30em;
    }
    .burst {     
        bottom: 14em;
        right: 2em;
        width: 19em !important;     
    }
    .section-markers-map #vmap, .section-markers-map #vmap svg {
        height: 460px !important;
    }
   
 }
 /* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    #primary-menu > li {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }    
    .smile-about {      
        left: 16em;      
    }
  }
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
    #primary-menu li a{
        letter-spacing: 0 !important;
    }
    .menu-right .button {
        font-size: 0.5rem !important;
    }
    #primary-menu > li {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }
    main {       
        margin-top: -140px;
    }
    .corner-about,
    .circle-about {       
        display: none;
    }
    .container {    
        padding-left: 2em;
        padding-right: 2em;
    }
    .img-quote{
        bottom: -5em;
        width: 10em;
    }
    .glider-prev{
        left: 4em;
    }
    .glider-next{
        right: 4em;
    }   
    .menu-right .button, #primary-menu li a {
        font-size: 0.53rem !important;       
    }
    .page-hero.hero-internal  {
        min-height: 40vh; 
        height: 40vh;      
    }
    .home .page-hero{
        min-height: 70vh;
    height: 70vh;
    }
    .videoNav ul {       
        top: 45vh !important;       
    }
    .ih-item.square {      
        height: 30em;
    }   
 }
 @media (max-width: 1023.98px) { 
    #site-navigation {      
        justify-content: space-between;      
        flex-direction: row;
        padding: 1em;
        width: 100%;
    }
    .menu-right .button-wrapper{
        margin-right: 70px;
    }   
    #menu-button {
        top: 29px;
        right: 18px;
    }
    .menu-right .button-wrapper:after{
        display: none !important;
    }  
    main {       
        margin-top: -98px;
    }
    
 }
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  
   
    .logo img {
        max-width: 139px;      
    }
    .navigation .menu-right .button {
        padding: 8px 12px;
        font-size: 13px;       
    }    
    #menu-button {       
        top: 14px;
        right: 18px;      
    }
    main {       
        margin-top: -76px;
    }
    .page-hero.rounded {
        clip-path: circle(1000px at 50% calc(100% - 1000px));       
    }
    .footer-links {
        padding: 2em 0 2em 0 !important;
    }
    .footer-links p {
        margin-bottom: 0.2em;
    }
    .copyright-info p{
        text-align: center;
    }
    .footer-logo {      
        gap: 1em;
    }
    .footer-logo img{
        max-width: 180px;
    }
    .interior-content.left {
        padding-left: 0;
        padding-top: 2em;
    }
    .interior-content.right{
        padding-right: 0;
        padding-bottom: 3em;
    }
    section {
        padding: 4em 0em;     
    }
    .box-top-image {
        height: 30em;
    }
    .form-box {
        max-width: 100%;
        margin: 0 auto;
    }
    .menu-right .button-wrapper {
        margin-right: 61px;
    }
    .img-app {       
        max-width: 35em;
        position: unset;
        margin-bottom: -7em;
        margin-left: auto;
    }
    .burst{
        display: none;
    }
    .divider-inside-bottom {
        top: -10px;       
    }
    .divider-inside-top {
        bottom: -10px;
    }
    .img-organic,
    .icon-badge {      
        display: none;
    }
    .col-icon-organic{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .organic .interior-content {     
        align-items: center;
        text-align: center;
    }
    .interior-wave {
        padding: 2.5em 0;
    }
    .icon-organic {
        margin-right: 0;
        margin-bottom: calc(1rem * 1);
    }
    .organic h2 {
        text-align: center;
        display: block;
    }
    .about {       
        margin-bottom: 2em;
    }
    .img-quote{
     display: none;
    }
    .glider-prev{
        left: 30px;
    }
    .glider-next{
        right: 30px;
    }
    .col-pr-3 {
        padding-right: 0;
        padding-bottom: 3em;
    }
    .col-steps:not(:last-child){
        padding-bottom: 2em;
    }
    .section-steps .interior-wave{
        padding-bottom: 0;
    }
    .quote-slider,
    .ambassador{
        margin-top: 2em;
    }
    .pb-lg4{
        padding-bottom: 4em !important;
    }
    .bottom-form .interior-wave {
        padding-bottom: 3em;
    }
    .row-buttons {
        padding-top: 1em;
        padding-bottom: 2em;
    }
    .m-lg-b2{
        margin-bottom: 2em;
    }
    .m-lg-b3{
        margin-bottom: 3em;
    }
    .ih-item.square.effect6 .info h3{
        font-size: 1.5rem;
    }
    .ih-item.square.effect6 a .info {
        visibility: visible;
        opacity: 1;
        top: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ih-item.square.effect6.from_top_and_bottom a .info h3, .ih-item.square.effect6.from_top_and_bottom a .info p {
        font-size: 1.1rem;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
    }  
    .section-contact-home .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
        grid-column: 1/-1;
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }
    .section-contact-home .gform_wrapper.gravity-theme #gform_fields_1_2.gform_fields {
        display: block;
    }
    .map-color li span {
        height: 2em;
        width: 2em;
        margin-right: 0.5em;
    }
    .map-color {
    
        gap: 1em;
    
    }   
    .smile-about {      
       display: none;
    }
    .organic-icon{
       display: none !important;
    }
    .copyright-info ul{
        justify-content: center;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .img-app{
        display: none !important;
    }  
    .section-contact-home {       
        margin-top: -6rem;
    }
    .box-top-image {
        height: auto;
    }
    .button, body .gform_button, .gform_button{
        padding: 10px 16px !important;
        font-size: 15px !important;
    }
    main {       
        margin-top: -69px;
    }
    .form-box{
        padding: 1.5em;
    }
    section {
        padding: 2em 0em;
    }
    .divider-inside-top, .divider-inside-bottom{
        background-size: 100% 70px;
        height: 70px;
    }
    .page-hero.hero-internal  {
        min-height: 30vh;       
    }
    .m-b3 {
        margin-bottom: 2.5em;
    }
    .m-t3 {
        margin-top: 2.5em;
    }
    .pt-md1{
        padding-top: 1em !important;
    }
    .pt-md2{
        padding-top: 2em !important;
    }
    .pt-md3{
        padding-top: 3em !important;
    }
    .pt-md0{
        padding-top: 0 !important;
    }
    .pb-md0{
        padding-bottom: 0 !important;
    }
    .pb-md6{
        padding-bottom: 0 !important;
    }
    .pb-md4,
    body.page-id-144 .section-about,
    body.page-id-146 .section-about,
    body.page-id-140 .section-about,
    body.page-id-155 .section-about{
        padding-bottom: 4em !important;
    }

    .interior-content {       
        gap: 1em;     
    }
    .interior-content.right {
        padding-right: 0;
        padding-bottom: 4em;
    }
    .video-box { 
        margin-left: 0;
        margin-right: 0;
    }
    .video-title, .video-location{
        margin-left: 0;
        margin-right: 0;
    }
    .testimonials-box img {       
        max-width: 200px;
    }
    body.page-template-page-testimonials .testimonials-videos{
        padding-top: 0 !important;
    }
    .box-awards{
        position: unset;
        transform: unset;
        margin: 0 auto 30px auto;
    }
    .card-awards {
        padding: 30px 30px 20px 30px; 
        text-align: center;
    }
    body.page-id-140 .section-info{
        padding-top: 4em !important;
    }
    .simple-page-hero {
        padding: 7em 0em 5em;
        margin-bottom: 8em;        
    }
    .simple-page-hero .divider-inside-top {
        bottom: 0;
        margin-bottom: -69px;
        left: 0;
    }
    .accordion{
        font-size: 1.1rem;
        padding: 15px 40px 15px 15px;
    }
    .accordion:after{
        width: 18px;
        height: 18px;   
        right: calc(1.5rem * .4);
    }
    .panel .dp-1::before{
        font-size: 1.1rem;       
        padding-top: 9px;
    }
    .ih-item.square {       
        height: 25em;
    }
    .card-search {      
        padding-top: calc(1.5rem * .75);       
        padding-left: 40px;
        padding-right: 40px;      
        flex-direction: column;
        gap: 1em;
    }
    .box-featured-img {
        height: auto;
    }
    .info-markers{
        padding: 30px;
    }
    .section-markers-map #vmap,
    .section-markers-map #vmap svg{
        height: 420px !important;
    }
    .copyright-info ul{      
        flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 620.98px) { 
.content-search .search-field{
    margin-bottom: 15px;
}
}
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.copyright-info{
		text-align: center;
	}
    .sticky-btn {     
        bottom: 5%;    
    }
    .logo img {
        max-width: 107px;
    }
    .button, body .gform_button, .gform_button {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
    .glider-prev {
        left: 20px;
    }
    .glider-next {
        right: 20px;
    }
    .secondary-menu .box-menu li{
        padding-top: calc(calc(4.5rem * .6) * .75);
        padding-bottom: calc(calc(4.5rem * .6) * .75);
        padding-left: calc(4% * 2);
        padding-right: calc(4% * 2);
    }
    .secondary-menu .box-menu li .icon-menu {       
        max-width: 33px;
    }
    .secondary-menu .box-menu li span {      
        font-size: 0.9em;
    }
    .ih-item.square {       
        height: 20em;
    }
    .section-markers-map #vmap,
    .section-markers-map #vmap svg,
    .locations #vmap,
    .locations #vmap svg{
        height: 300px !important;
    }
    .info-markers {
        padding: 9px 24px 35px 24px;
    }
    h2 {
        font-size: 30px;
    }
    h5, h6, .sub-heading {      
        font-size: 16px;
        line-height: 0.9;
    }
 }
 @media (max-width: 479.98px) { 
    .secondary-menu .box-menu li {
        padding-top: calc(calc(3.5rem * .6) * .75);
        padding-bottom: calc(calc(3.5rem * .6) * .75);
        padding-left: calc(3% * 2);
        padding-right: calc(3% * 2);
    }
    .map-color li span {
        height: 1em;
        width: 1em;
        margin-right: 0.5em;
    }
    .map-color li {   
        font-size: 12px;
    }
 }
@media (max-width: 360.98px) { 
   
    .navigation .menu-right .button {
        padding: 6px 8px;
        font-size: 8px !IMPORTANT;
    }
    #menu-button {
        top: 13px;
        right: 14px;
    }
    .offcanvas-logo img{
        max-width: 180px;
    }
 }