.elementor-kit-157{--e-global-color-primary:#DBD0BC;--e-global-color-secondary:#ECDFCE;--e-global-color-text:#312C28;--e-global-color-accent:#F1E7CC;--e-global-color-9d9f7f1:#312C28;--e-global-color-4f41997:#FFFFFF;--e-global-color-4592978:#E6DDD4;--e-global-color-901ff10:#DBD0BC;--e-global-color-834b53a:#B1A28F;--e-global-color-b703159:#312C28BF;--e-global-color-8b7bf33:#53BB95;--e-global-typography-primary-font-family:"Lato";--e-global-typography-secondary-font-family:"Lato";--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-f52d271-font-family:"Lato";--e-global-typography-f52d271-font-size:18px;--e-global-typography-f52d271-font-weight:300;--e-global-typography-004c789-font-size:18px;--e-global-typography-004c789-font-weight:500;--e-global-typography-2695b7b-line-height:1.4em;--e-global-typography-2695b7b-letter-spacing:0.3px;--e-global-typography-ab6d1f6-font-family:"Lato";--e-global-typography-ab6d1f6-font-size:45px;--e-global-typography-ab6d1f6-font-weight:500;--e-global-typography-174bb1c-font-family:"Roboto Serif";--e-global-typography-174bb1c-font-size:65px;--e-global-typography-174bb1c-font-weight:700;--e-global-typography-174bb1c-text-transform:uppercase;--e-global-typography-174bb1c-line-height:60px;--e-global-typography-d698637-font-family:"Roboto Serif";--e-global-typography-d698637-font-size:40px;--e-global-typography-d698637-font-weight:700;--e-global-typography-d698637-text-transform:uppercase;--e-global-typography-d698637-line-height:50px;--e-global-typography-3c52606-font-family:"Roboto Serif";--e-global-typography-3c52606-font-size:30px;--e-global-typography-3c52606-font-weight:600;--e-global-typography-b8a3522-font-family:"Roboto Serif";--e-global-typography-b8a3522-font-size:20px;--e-global-typography-b8a3522-font-weight:600;--e-global-typography-cf61f59-font-family:"Roboto Serif";--e-global-typography-cf61f59-font-size:20px;--e-global-typography-cf61f59-font-weight:700;--e-global-typography-cf61f59-text-transform:uppercase;--e-global-typography-b3c471a-font-size:38px;--e-global-typography-b3c471a-font-weight:700;--e-global-typography-5a54f0e-font-family:"Lato";--e-global-typography-5a54f0e-font-size:16px;--e-global-typography-5a54f0e-font-weight:600;--e-global-typography-7281496-font-family:"Lato";--e-global-typography-7281496-font-size:15px;--e-global-typography-7281496-font-weight:800;--e-global-typography-3fdf3a3-font-size:18px;--e-global-typography-3fdf3a3-font-weight:400;--e-global-typography-3fdf3a3-line-height:28px;--e-global-typography-5469f09-font-size:15px;--e-global-typography-5469f09-font-weight:300;--e-global-typography-f3686d4-font-size:16px;--e-global-typography-f3686d4-font-weight:bold;--e-global-typography-a5d8384-font-size:21px;--e-global-typography-e4c7aa3-font-family:"Roboto Serif";--e-global-typography-e4c7aa3-font-size:35px;--e-global-typography-e4c7aa3-font-weight:300;--e-global-typography-e4c7aa3-font-style:italic;--e-global-typography-5e9b36b-font-size:20px;--e-global-typography-5e9b36b-text-transform:uppercase;--e-global-typography-5e9b36b-line-height:30px;--e-global-typography-9a1b20c-font-family:"Roboto Serif";--e-global-typography-9a1b20c-font-size:18px;--e-global-typography-9a1b20c-font-weight:600;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-157 button,.elementor-kit-157 input[type="button"],.elementor-kit-157 input[type="submit"],.elementor-kit-157 .elementor-button{background-color:var( --e-global-color-secondary );font-size:var( --e-global-typography-f3686d4-font-size );font-weight:var( --e-global-typography-f3686d4-font-weight );color:var( --e-global-color-9d9f7f1 );box-shadow:0px 4px 0px 0px rgba(0, 0, 0, 0.1607843137254902);border-radius:20px 20px 20px 20px;padding:10px 25px 11px 25px;}.elementor-kit-157 button:hover,.elementor-kit-157 button:focus,.elementor-kit-157 input[type="button"]:hover,.elementor-kit-157 input[type="button"]:focus,.elementor-kit-157 input[type="submit"]:hover,.elementor-kit-157 input[type="submit"]:focus,.elementor-kit-157 .elementor-button:hover,.elementor-kit-157 .elementor-button:focus{background-color:var( --e-global-color-9d9f7f1 );color:var( --e-global-color-secondary );}.elementor-kit-157 e-page-transition{background-color:#FFBC7D;}.elementor-kit-157 a{color:var( --e-global-color-8b7bf33 );}.elementor-kit-157 a:hover{color:var( --e-global-color-4f41997 );}.elementor-kit-157 h1{font-size:3.1rem;font-weight:500;}.elementor-kit-157 h2{font-size:1.9rem;}.elementor-kit-157 h3{color:var( --e-global-color-text );font-size:1.9rem;}.elementor-kit-157 h4{font-size:1rem;}.elementor-kit-157 h5{font-size:0.83rem;}.elementor-kit-157 h6{font-size:0.67rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-157{--e-global-typography-f52d271-font-size:18px;--e-global-typography-004c789-font-size:18px;--e-global-typography-2695b7b-font-size:14px;--e-global-typography-ab6d1f6-font-size:45px;--e-global-typography-174bb1c-font-size:40px;--e-global-typography-d698637-font-size:40px;--e-global-typography-3fdf3a3-font-size:15px;--e-global-typography-5469f09-font-size:13px;--e-global-typography-a5d8384-font-size:15px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-157 h1{font-size:2.3rem;}.elementor-kit-157 h2{font-size:1.4rem;}.elementor-kit-157 h3{font-size:2.2em;}.elementor-kit-157 h4{font-size:1em;}.elementor-kit-157 h5{font-size:0.83em;}.elementor-kit-157 button,.elementor-kit-157 input[type="button"],.elementor-kit-157 input[type="submit"],.elementor-kit-157 .elementor-button{font-size:var( --e-global-typography-f3686d4-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-157{--e-global-typography-f52d271-font-size:20px;--e-global-typography-ab6d1f6-font-size:41px;--e-global-typography-174bb1c-font-size:36px;--e-global-typography-d698637-font-size:30px;--e-global-typography-3c52606-font-size:25px;--e-global-typography-3c52606-line-height:1em;--e-global-typography-b8a3522-font-size:20px;--e-global-typography-b3c471a-font-size:25px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-157 h2{font-size:22px;}.elementor-kit-157 button,.elementor-kit-157 input[type="button"],.elementor-kit-157 input[type="submit"],.elementor-kit-157 .elementor-button{font-size:var( --e-global-typography-f3686d4-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width:768px) {
	#gdpr-cookie-consent-show-again{
		bottom: 60px !important;
		right: 0px !important;
	}
}

.jet-mobile-menu__toggle-icon svg {
    height: 50px !important;
}

/*Gradient Overlay Background*/
section.hero-bg-overlay > .elementor-background-overlay{
    background: linear-gradient(180deg, rgba(54,64,67,0) 78%, rgba(54,64,67,1) 98%, rgba(54,64,67,1) 100%) !important; 
}

/*Image Offset Border*/
.offset-border-bottom-right div, .offset-border-bottom-left div {
  position: relative;
  z-index: 2;
}

.offset-border-bottom-left img,
.offset-border-bottom-right img{
  border-radius: 40px;
}

.offset-border-bottom-right:after {
  content: '';
  position: absolute;
  border: 1px solid white;
  border-radius: 40px;
  top: 10px;
  right: -10px;
  bottom: -10px;
  left: 10px;
  z-index: 1;
}

.offset-border-bottom-left:after {
  content: '';
  position: absolute;
  border: 1px solid white;
  border-radius: 40px;
  top: 10px;
  right: 10px;
  bottom: -10px;
  left: -10px;
  z-index: 1;
}

/*CTA Animation 1*/
.cta-animation-1 .elementor-cta:hover .elementor-cta__bg {
  filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 5px ) hue-rotate( 0deg );
}

.cta-animation-1 .elementor-cta .elementor-cta__bg-overlay{
    background: linear-gradient(180deg, rgba(54,64,67,0) 78%, rgba(54,64,67,1) 98%, rgba(54,64,67,1) 100%) !important; 
}

.cta-animation-1:hover .elementor-bg{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.cta-animation-1 span{
    transition: all ease 0.5s;
}

.cta-animation-1:hover span{
    margin-left: 10px;
}

.cta-animation-1 img{
    transition: all ease 0.5s;
    transition-delay: .2s;
}

.cta-animation-1:hover img{
    margin-left: 10px;
}

.buttonWithArrow:after{
    content: url(https://jlu-tuinen.nl/wp-content/uploads/2026/01/pijl_zwart.svg);
    position: absolute;
    right: -20px;
    top: calc(50% - 8px);
    transition: .2s;
}

.buttonWithArrow:hover:after{
    content: url(https://jlu-tuinen.nl/wp-content/uploads/2023/12/groenePijl.svg);
}

.zinWithArrow:after{
    content: url(https://jlu-tuinen.nl/wp-content/uploads/2023/12/groenePijl.svg);
    position: absolute;
    right: -50px;
    top: calc(50% - 8px);
    transition: .2s;
}

.zinWithArrow:hover:after{
    content: url(https://jlu-tuinen.nl/wp-content/uploads/2023/12/pijl.svg);
}

.bullets{
    margin-left: -1em;
    line-height: 1.9em;
}


@media (max-width: 767px){
    .buttonWithArrow:after{
    right: 0;
}

}

//////////*  IMAGE EFFECTS  *//////////
/*Image Hover Shine*/
.imageHoverShine {
    background-repeat: no-repeat;
    overflow: hidden;
}

.imageHoverShine:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.13) 0%,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.6) 92%,
        rgba(255, 255, 255, 0.0) 100%
    );
}

/* Hover state - trigger effect */
.imageHoverShine:hover:after {
    opacity: 1;
    left: 130%;
    transition-property: left, top, opacity;
    transition-duration: 1s, 1s, 0.15s;
    transition-timing-function: ease;
}

/* Active state */
.imageHoverShine:active:after {
    opacity: 0;
}

/*PHONE RING ANIMATION*/
.phoneRingAnim:hover svg {
    -webkit-animation: rotateShakeAnim 1s infinite ease-in-out;
    -moz-animation: rotateShakeAnim 1s infinite ease-in-out;
    -ms-animation: rotateShakeAnim 1s infinite ease-in-out;
    -o-animation: rotateShakeAnim 1s infinite ease-in-out;
    animation: rotateShakeAnim 1s infinite ease-in-out;
}

@-moz-keyframes rotateShakeAnim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes rotateShakeAnim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes rotateShakeAnim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes rotateShakeAnim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
////////////////////////////////////////


/* Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}

/* Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .4s linear 0.2s;
    -moz-transition: opacity .4s linear 0.2s;
    transition: opacity .4s linear 0.2s;
    opacity: 1;
}/* End custom CSS */