/**
Theme Name: Lemonade Child
Author: BPC Media
Author URI: http://brokenpony.club/
Description: A fully customizable & beautiful WP theme suitable for blogs, personal portfolios and business websites. It is very lightweight and offers unparalleled speed.
Version: 3.6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lemonade-child
Template: lemonade
*/

:root {
    /*--- Primary Colours ---*/
    --leaf: #76b82a;
    --lemon: #ffda00; 
    --teal: #5cbaa2;
    --peach: #e9ad9d;
    --yellow-lite: #fff7b2; 

    /*--- Secondary Colours ---*/
    --black: #000;
    --white: #fff;
    
    /*--- Primary Font Families ---*/
    --primary-font: "Jazmin", Sans-serif;

    /*--- Secondary Font Families ---*/
    --fontawesome: 'FontAwesome';
    --astra: 'Astra';
    --dashicons: 'dashicons'
}

:focus {
    outline: 0 !important;
}

html {
  overflow: auto!important;
}
body {
  overflow-x: hidden !important;
}

.rich-text-links {
  color: var(--leaf);
}

.elementor-6 .elementor-element.elementor-element-277a044 > .elementor-widget-container {
  overflow: hidden;
}

a.elementor-inline-svg:hover,
a.elementor-inline-svg:focus {
    transform: translateY(-8px);
}

.sm-icon a.elementor-inline-svg:hover #rounded-sq {
    fill: var(--lemon) !important;
    fill-opacity: 1;
    stroke: none;
}

/* --- Sticky nav bar color, hover and active states --- */
#custom-nav a.menu-link:hover {
  color: var(--lemon);
}
#custom-nav a.menu-link:focus,
#custom-nav a.menu-link:active {
  color: var(--white);
}
#custom-nav a.menu-link.active.__mPS2id._mPS2id-h.mPS2id-highlight.mPS2id-clicked span {
    font-weight: 900 !important;
    font-size: 40px !important;
    color: var(--white) !important;
}


div#lemonOne,
div#lemonTwo,
div#lemonThree,
div#lemonFour,
div#lemonFive {
  width: 115% !important;
}

.lemon>div img::before {
  content: url('../../../wp-content/uploads/2021/09/lemonade-plants-shadow.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.qodef-e-inner {
  box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2);
}

/* --- Instagram Carousel --- */
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav {
  background: url('../../../wp-content/uploads/2021/09/ig-feed-slider-arrow.svg') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
/* #eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav:hover {
  transform: rotate(0deg);
} */
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-slider-nav-icon {
  fill: transparent !important;
}

.people-sec a.contact-links {
  color: var(--leaf);
  text-decoration: none !important;
}
.people-sec a.contact-links:hover,
.people-sec a.contact-links:active {
  color: var(--lemon);
}

/* --- Brands logos, popup modal triggers--- */

/* --- Sunglight --- */
.elementor-element-b8240f5 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/sunlight-bright-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Floyds --- */
.elementor-element-0aacc4e .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/floyds-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Royco --- */
.elementor-element-0fda25b .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/royco-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Hellmanns --- */
.elementor-element-1f93067 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/hellmanns-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Hellmanns --- */
.elementor-element-2213ab1 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/calve-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Omo --- */
.elementor-element-b2b9ea5 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/omo-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Handy Andy --- */
.elementor-element-668366e .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/handy-andy-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Comfort --- */
.elementor-element-0283648 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/comfort-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Knorr --- */
.elementor-element-a6a85ac .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/knorr-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Unilever pro --- */
.elementor-element-8cb2a45 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/unilever-pro-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Surf --- */
.elementor-element-4b14c85 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/surf-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Fanico --- */
.elementor-element-1574c3a .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/fanico-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}


/* --- Cocorico Farm --- */
.elementor-element-618ae1f .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/cocorico-farm-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Skip --- */
.elementor-element-9b8374d .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/skip-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Danone --- */
.elementor-element-0717cf5 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/danone-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Office Cog --- */
.elementor-element-ba7e62b .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/office-cog-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- BF --- */
.elementor-element-31ec9dc .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/bf-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Zebra Shark --- */
.elementor-element-fa26b9d .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/zebra-shark-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Unibeliever --- */
.elementor-element-13b4845 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/unibeliever-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Bright Spark --- */
.elementor-element-4ba8f0f .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/bright-spark-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Vim --- */
.elementor-element-56a6851 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/vim-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Domestos --- */
.elementor-element-e805850 .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/domestos-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

/* --- Probac --- */
.elementor-element-e02c3ca .exad-modal-button .exad-modal-image-action {
  width: 100% !important;
  height: 100% !important;
  background: url('../../../wp-content/uploads/2021/09/probac-logo.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
}

.exad-modal-button .exad-modal-image-action:hover {
  transform: scale(1.1) !important;
}

/* --- Modal close button (Expand!)--- */
/* .exad-modal-content .exad-close-btn {
  background: url('../../../wp-content/uploads/2021/09/ig-feed-slider-arrow.svg') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  -webkit-transition: transform 0.2s 0s ease-in-out;
  -moz-transition: transform 0.2s 0s ease-in-out;
  transition: transform 0.2s 0s ease-in-out;
}
.exad-modal-content .exad-close-btn:hover {
  transform: rotate(90deg) !important;
}
.exad-modal-content .exad-close-btn span {
  display: none !important;
} */

/* --- Back to top icon --- */
#wpfront-scroll-top-container img {
  -webkit-transition: transform 0.35s 0s linear;
  -moz-transition: transform 0.35s 0s linear;
  transition: transform 0.35s 0s linear;
}
#wpfront-scroll-top-container img:hover {
  transform: rotate(360deg) !important;
}

/*--- Cookie bar ---*/
.cookie-btn.cookie-btn.cn-button.bootstrap {
	background-color: var(--teal);
	color: var(--white);
	border-radius: 0 !important;
	padding: 5px 20px;
	font-family: var(--primary-font) !important;
	text-transform: capitalize;
	font-weight: 600;
}
.cookie-btn.cookie-btn.cn-button.bootstrap:hover {
	background-color: var(--peach);
	color: var(--white);
}
.cookie-notice-container {
  padding: 5px 30px 2px 30px !important;
}
.cn-text-container {
	font-family: var(--primary-font) !important;
}
.cn-privacy-policy-link.cookie-btn {
	color: var(--leaf);
}
.cn-privacy-policy-link.cookie-btn:hover {
	text-decoration: underline;
  color: var(--lemon);
}

.cn-close-icon:before, .cn-close-icon:after {
  background-color: var(--leaf);
}

/* --- Picture wheel --- */
.wheel-wrap {
  width: 600px;
  height: 600px;
  background: var(--lemon);
  border-radius: 50%;
  border: 15px solid var(--lemon);
  position: relative;
  overflow: hidden;
  transition: 5s;
  transform: rotate(345deg);
}

.wheel-wrap div {
  height: 50%;
  width: 300px;
  position: absolute;
  clip-path: polygon(100% 0, 50% 100%, 0 0);
  transform: translateX(-50%), scale(2);
  transform-origin: bottom;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 135px;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94);
  filter: grayscale(100%);
  opacity: 1;
}
.wheel-wrap div:hover {
  filter: grayscale(0%);
  opacity: 1;
}

.wheel-wrap .one {
  background: url('../../../wp-content/uploads/2021/09/surf-triangle.png');
  transform: rotate(30deg);
}
.wheel-wrap .one:hover {
  transform: scale(1.5) rotate(30deg);
}

.wheel-wrap .two {
  background: url('../../../wp-content/uploads/2021/09/skip-triangle.png');
  transform: rotate(60deg);
}
.wheel-wrap .two:hover {
  transform: scale(1.5) rotate(60deg);
}

.wheel-wrap .three {
  background: url('../../../wp-content/uploads/2021/09/sunlight-triangle.png');
  transform: rotate(90deg);
}
.wheel-wrap .three:hover {
  transform: scale(1.5) rotate(90deg);
}

.wheel-wrap .four {
  background: url('../../../wp-content/uploads/2021/09/handy-andy-triangle.png');
  transform: rotate(120deg);
}
.wheel-wrap .four:hover {
  transform: scale(1.5) rotate(120deg);
}
.wheel-wrap .five {
  background: url('../../../wp-content/uploads/2021/09/comfort-triangle.png');
  transform: rotate(150deg);
}
.wheel-wrap .five:hover {
  transform: scale(1.5) rotate(150deg);
}

.wheel-wrap .six {
  background: url('../../../wp-content/uploads/2021/09/domestos2-triangle.png');
  transform: rotate(180deg);
}
.wheel-wrap .six:hover {
  transform: scale(1.5) rotate(180deg);
}

.wheel-wrap .seven {
  background: url('../../../wp-content/uploads/2021/09/pro-care-triangle.png');
  transform: rotate(210deg);
}
.wheel-wrap .seven:hover {
  transform: scale(1.5) rotate(210deg);
}

.wheel-wrap .eight {
  background: url('../../../wp-content/uploads/2021/09/domestos-triangle.png');
  transform: rotate(240deg);
}
.wheel-wrap .eight:hover {
  transform: scale(1.5) rotate(240deg);
}

.wheel-wrap .nine {
  background: url('../../../wp-content/uploads/2021/09/lifebuoy-triangle.png');
  transform: rotate(270deg);
}
.wheel-wrap .nine:hover {
  transform: scale(1.5) rotate(270deg);
}

.wheel-wrap .ten {
  background: url('../../../wp-content/uploads/2021/09/geisha-triangle.png');
  transform: rotate(300deg);
}
.wheel-wrap .ten:hover {
  transform: scale(1.5) rotate(300deg);
}

.wheel-wrap .eleven {
  background: url('../../../wp-content/uploads/2021/09/omo-triangle.png');
  transform: rotate(330deg);
}
.wheel-wrap .eleven:hover {
  transform: scale(1.5) rotate(330deg);
}

.wheel-wrap .twelve {
  background: url('../../../wp-content/uploads/2021/09/omo2-triangle.png');
  transform: rotate(360deg);
}
.wheel-wrap .twelve:hover {
  transform: scale(1.5) rotate(360deg);
}

#spin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--white);
  border: 8px solid var(--lemon);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  z-index: 10;
}

/* --- Cursor styling (Expand!)--- */
@media only screen and (min-width: 1367px) {
  /* body #magicMouseCursor {
    z-index: 10000000 !important;
    position: fixed;
    width: 35px;
    height: 35px;
    border: 1px solid var(--white);
    background: url('../../../wp-content/uploads/2021/09/cursor-icon.svg');
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    z-index: 9999;
    left: 0;
    top: 0;
    transition: transform 0.07s, width 0.3s, height 0.3s;
    pointer-events: none;
  }
  body #magicMouseCursor.cursor-square {
    border-radius: 0;
  }
  body #magicPointer {
    z-index: 10000000 !important;
    position: fixed;
    width: 8px;
    height: 17px;
    top: -10.51px;
    left: 5.2px;
    background: url('../../../wp-content/uploads/2021/09/cursor-slice-icon.svg');
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    pointer-events: none;
    transition: background 0.2s, width 0.2s, height 0.2s, box-shadow 0.2s;
  }
  body #magicPointer.is-hover {
    background: var(--white);
  }
  body #magicPointer.pointer-blur {
    height: 50px;
    width: 50px;
    background: none;
    border: 1px solid var(--white);
    box-shadow: 0px 0px 15px -5px var(--white);
  }
  body #magicPointer.pointer-overlay {
    height: 50px;
    width: 50px;
    mix-blend-mode: difference;
    box-shadow: 0px 0px 15px -5px var(--white);
  }
  body .magic-hover {
    transition: all 0.2s;
  }
  body .magic-hover:hover {
    cursor: none !important;
  }*/
} 

@media only screen and (min-width: 760px) {
  .stratum-masonry-gallery__image>figure>img {
    box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2);
  }
  .stratum-masonry-gallery>div {
    pointer-events: none;
    cursor: default;
  }
  .stratum-masonry-gallery>div:nth-child(2) {
    width: calc(28%) !important;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .stratum-masonry-gallery>div:nth-child(3) {
    width: calc(50%) !important;
    position: absolute;
    left: 28% !important;
    top: 0px;
  }
  .stratum-masonry-gallery>div:nth-child(4) {
    width: calc(19.9%) !important;
    position: absolute;
    left: 78% !important;
    top: 0px !important;
  }
  .stratum-masonry-gallery>div:nth-child(5) {
    width: calc(28%) !important;
    position: absolute;
    left: 0 !important;
    top: 33% !important;
  }
  .stratum-masonry-gallery>div:nth-child(6) {
    width: calc(21%) !important;
    position: absolute;
    left: 28% !important;
    top: 16.5% !important;
  }
  .stratum-masonry-gallery>div:nth-child(7) {
    width: calc(29%) !important;
    position: absolute;
    left: 49% !important;
    top: 16.5% !important;
  }
  .stratum-masonry-gallery>div:last-child {
    width: calc(49%) !important;
    position: absolute;
    left: 49% !important;
    top: 34.3% !important;
  }
  
}

@media only screen and (max-width: 680px) {
  #custom-nav a.menu-link.active.__mPS2id._mPS2id-h.mPS2id-highlight.mPS2id-clicked span {
    font-weight: 700 !important;
    font-size: 22px !important;
  }
  .people-sec {
    height: 600px !important;
    position: relative;
  }
  .people-sec .inner-sec {
    position: absolute;
    top: 17rem;
  }
  .purpose-sec {
    overflow-x: hidden !important;
  }

  /* --- Masonry gallery mobile --- 
  .qodef-qi-grid.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--qi-masonry>.qodef-grid-inner>.qodef-item--huge-square, 
  .qodef-qi-grid.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--qi-masonry>.qodef-grid-inner>.qodef-item--landscape {
    width: 70%;
  }
  .qodef-qi-grid.qodef-responsive--predefined.qodef-col-num--4.qodef-layout--qi-masonry>.qodef-grid-inner>.qodef-item--portrait {
    width: 30%;
  }
  .qodef--masonry-init>div:nth-child(3) {
    height: 358px !important;
  }
  .qodef--masonry-init>div:nth-child(4) {
    height: 140px !important;
  }
  .qodef--masonry-init>div:nth-child(5) {
    height: 203px !important;
    width: 34% !important;
  }
  .qodef--masonry-init>div:nth-child(6) {
    height: 203px !important;
    width: 34% !important;
    left: 65% !important;
  }
  .qodef--masonry-init>div:nth-child(9) {
    width: 100% !important;
  } */

  /* --- Bolt Wheel --- */
  .wheel-wrap {
    width: 360px;
    height: 360px;
  }
  .wheel-wrap div {
    left: 15px;
  }
}