.elementor-3012 .elementor-element.elementor-element-3d269c8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-3012 .elementor-element.elementor-element-3d269c8:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-3d269c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}.elementor-3012 .elementor-element.elementor-element-7508ea6{--display:flex;--min-height:260px;--overflow:hidden;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3012 .elementor-element.elementor-element-7508ea6:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-7508ea6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF0ED;}.elementor-3012 .elementor-element.elementor-element-772fac3{width:var( --container-widget-width, 76% );max-width:76%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:76%;--container-widget-flex-grow:0;}.elementor-3012 .elementor-element.elementor-element-fa254c1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-3012 .elementor-element.elementor-element-fa254c1:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-fa254c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product{text-align:left;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products{grid-column-gap:40px;grid-row-gap:16px;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:8px 8px 8px 8px;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"General Sans", Sans-serif;font-size:1.5rem;font-weight:500;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .price{color:#000000;font-family:"General Sans", Sans-serif;font-size:1.2rem;font-weight:500;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .price del{color:#000000;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .price del .amount{color:#000000;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#FE1072;border-radius:1000px 1000px 1000px 1000px;padding:12px 12px 12px 12px;}.elementor-3012 .elementor-element.elementor-element-caad2e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-3012 .elementor-element.elementor-element-caad2e1:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-caad2e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3012 .elementor-element.elementor-element-66784e3 img{width:100%;max-width:100%;height:400px;object-fit:cover;object-position:top center;border-radius:12px 12px 12px 12px;}.elementor-3012 .elementor-element.elementor-element-00ee1be img{width:100%;max-width:100%;height:400px;object-fit:cover;object-position:center center;border-radius:12px 12px 12px 12px;}.elementor-3012 .elementor-element.elementor-element-1488513{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-3012 .elementor-element.elementor-element-1488513:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-1488513 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}.elementor-3012 .elementor-element.elementor-element-203f931 img{width:100%;max-width:100%;height:400px;object-fit:cover;object-position:top center;border-radius:12px 12px 12px 12px;}.elementor-3012 .elementor-element.elementor-element-a6a6bf2 img{width:100%;max-width:100%;height:400px;object-fit:cover;object-position:center center;border-radius:12px 12px 12px 12px;}.elementor-3012 .elementor-element.elementor-element-2a4b284{--display:flex;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-3012 .elementor-element.elementor-element-2a4b284:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-2a4b284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}.elementor-3012 .elementor-element.elementor-element-af79bd1{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3012 .elementor-element.elementor-element-af79bd1:not(.elementor-motion-effects-element-type-background), .elementor-3012 .elementor-element.elementor-element-af79bd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hoopladrinks.nl/wp-content/uploads/2025/09/hoopla-drinks-banner-ijs.png");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3012 .elementor-element.elementor-element-0711fda{width:var( --container-widget-width, 439px );max-width:439px;--container-widget-width:439px;--container-widget-flex-grow:0;text-align:left;}.elementor-3012 .elementor-element.elementor-element-0711fda .elementor-heading-title{font-family:"General Sans", Sans-serif;font-size:40px;font-weight:500;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button{background-color:#FFFDFD;font-family:"General Sans", Sans-serif;font-size:16px;font-weight:500;fill:#000000;color:#000000;border-radius:1000px 1000px 1000px 1000px;padding:22px 22px 22px 22px;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button:hover, .elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button:focus{background-color:#FE1072;color:#FFFFFF;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button:hover svg, .elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button:focus svg{fill:#FFFFFF;}body.elementor-page-3012:not(.elementor-motion-effects-element-type-background), body.elementor-page-3012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFBF6;}@media(max-width:1024px){.elementor-3012 .elementor-element.elementor-element-3d269c8{--padding-top:100px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3012 .elementor-element.elementor-element-7508ea6{--min-height:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:20px;}.elementor-3012 .elementor-element.elementor-element-772fac3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3012 .elementor-element.elementor-element-fa254c1{--padding-top:0px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3012 .elementor-element.elementor-element-caad2e1{--padding-top:0px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-3012 .elementor-element.elementor-element-1488513{--padding-top:0px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-3012 .elementor-element.elementor-element-0711fda .elementor-heading-title{font-size:40px;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b{margin:-50px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;}}@media(min-width:768px){.elementor-3012 .elementor-element.elementor-element-3d269c8{--content-width:1400px;}.elementor-3012 .elementor-element.elementor-element-fa254c1{--content-width:1400px;}.elementor-3012 .elementor-element.elementor-element-caad2e1{--content-width:1400px;}.elementor-3012 .elementor-element.elementor-element-1488513{--content-width:1400px;}.elementor-3012 .elementor-element.elementor-element-2a4b284{--content-width:1400px;}.elementor-3012 .elementor-element.elementor-element-af79bd1{--width:100%;}}@media(max-width:767px){.elementor-3012 .elementor-element.elementor-element-3d269c8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3012 .elementor-element.elementor-element-7508ea6{--min-height:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3012 .elementor-element.elementor-element-772fac3{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3012 .elementor-element.elementor-element-772fac3.elementor-element{--order:-99999 /* order start hack */;}.elementor-3012 .elementor-element.elementor-element-fa254c1{--padding-top:40px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:38px;}.elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-3012 .elementor-element.elementor-element-ed33ef9.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:1.2rem;}.elementor-3012 .elementor-element.elementor-element-caad2e1{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-3012 .elementor-element.elementor-element-66784e3 img{height:300px;}.elementor-3012 .elementor-element.elementor-element-00ee1be img{height:300px;}.elementor-3012 .elementor-element.elementor-element-1488513{--padding-top:20px;--padding-bottom:120px;--padding-left:12px;--padding-right:12px;}.elementor-3012 .elementor-element.elementor-element-203f931 img{height:300px;}.elementor-3012 .elementor-element.elementor-element-a6a6bf2 img{height:300px;}.elementor-3012 .elementor-element.elementor-element-2a4b284{--min-height:0px;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:12px;--padding-right:12px;}.elementor-3012 .elementor-element.elementor-element-af79bd1{--width:100%;--min-height:160px;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3012 .elementor-element.elementor-element-0711fda{padding:0px 0px 0px 0px;text-align:left;}.elementor-3012 .elementor-element.elementor-element-0711fda .elementor-heading-title{font-size:1.8rem;line-height:2rem;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3012 .elementor-element.elementor-element-f3eaf6b .elementor-button{padding:20px 20px 20px 20px;}}/* Start custom CSS for html, class: .elementor-element-772fac3 *//* Basisstijl voor de heading */ .animated-heading { font-size: 5rem; font-weight: 600; text-align: left; line-height: 5rem; font-family: "General Sans", Sans-serif; display: flex; gap: 6px; color:black; flex-direction: column; justify-content: start; } /* Verberg de tekstregels in eerste instantie */ .animated-heading .line { display: block; overflow: hidden; padding: 0.6rem 0; } .animated-heading .line span { display: block; transform: translateY(110%); will-change: transform; } /* Stijl voor het woord "Lychee" */ .elementor-3012 .elementor-element.elementor-element-772fac3 .animated-heading .bestel { color: #A72C35; } /* ✔️ DE KEYFRAME ANIMATIE */ @keyframes reveal { to { transform: translateY(0); } } /* ✔️ TRIGGER DE ANIMATIE PAS ALS DE CLASS 'is-visible' AANWEZIG IS */ .animated-heading.is-visible .line span { animation: reveal 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; } .animated-heading.is-visible .line:nth-child(2) span { animation-delay: 0.2s; } @media(max-width:1024px) { .animated-heading { font-size: 60px; line-height: 60px; } } @media(max-width:767px) { .animated-heading { gap: 2px; font-size: 36px; line-height: 36px; } .elementor-3012 .elementor-element.elementor-element-772fac3{ max-height:100px; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-ed33ef9 */.elementor-3012 .elementor-element.elementor-element-ed33ef9{ width: 100% } .elementor-3012 .elementor-element.elementor-element-ed33ef9 .woocommerce ul.products li.product a img { max-height: 460px; object-fit: cover; } .elementor-3012 .elementor-element.elementor-element-ed33ef9 .woocommerce ul.products li.product .button { display: none; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-66784e3 */.elementor-3012 .elementor-element.elementor-element-66784e3 { width: 100%; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-00ee1be */.elementor-3012 .elementor-element.elementor-element-00ee1be { width: 100%; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-203f931 */.elementor-3012 .elementor-element.elementor-element-203f931 { width: 100%; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a6a6bf2 */.elementor-3012 .elementor-element.elementor-element-a6a6bf2 { width: 100%; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0711fda */.elementor-3012 .elementor-element.elementor-element-0711fda span{ color:#FFB0D1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f3eaf6b */.elementor-3012 .elementor-element.elementor-element-f3eaf6b svg{ font-size: 10px; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'General Sans'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Medium.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Semibold.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Regular.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: italic; font-weight: 300; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-Italic.ttf') format('truetype'); } @font-face { font-family: 'General Sans'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://hoopladrinks.nl/wp-content/uploads/2025/08/GeneralSans-VariableItalic.ttf') format('truetype'); } /* End Custom Fonts CSS */