.elementor-1252 .elementor-element.elementor-element-36ba659{--display:flex;--min-height:120vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-36ba659:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-36ba659 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C5487;}.elementor-1252 .elementor-element.elementor-element-36ba659::before, .elementor-1252 .elementor-element.elementor-element-36ba659 > .elementor-background-video-container::before, .elementor-1252 .elementor-element.elementor-element-36ba659 > .e-con-inner > .elementor-background-video-container::before, .elementor-1252 .elementor-element.elementor-element-36ba659 > .elementor-background-slideshow::before, .elementor-1252 .elementor-element.elementor-element-36ba659 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1252 .elementor-element.elementor-element-36ba659 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1252 .elementor-element.elementor-element-36ba659 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1252 .elementor-element.elementor-element-36ba659 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-36ba659 > .elementor-shape-bottom svg, .elementor-1252 .elementor-element.elementor-element-36ba659 > .e-con-inner > .elementor-shape-bottom svg{height:30px;}.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-1252 .elementor-element.elementor-element-72a9571{text-align:center;}.elementor-1252 .elementor-element.elementor-element-72a9571 img{width:40%;}.elementor-1252 .elementor-element.elementor-element-1b44400{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1252 .elementor-element.elementor-element-9a9baa7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-9a9baa7{text-align:center;}.elementor-1252 .elementor-element.elementor-element-9a9baa7 .elementor-heading-title{font-family:"Incised 901 Compact", Sans-serif;font-size:100px;font-weight:normal;text-transform:uppercase;line-height:100px;letter-spacing:-3px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#F1952F00;}.elementor-1252 .elementor-element.elementor-element-4ab3ff6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-4ab3ff6{text-align:center;}.elementor-1252 .elementor-element.elementor-element-4ab3ff6 .elementor-heading-title{font-family:"Incised 901 Compact", Sans-serif;font-size:100px;font-weight:normal;text-transform:uppercase;line-height:100px;letter-spacing:-3px;color:#F1952F;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1252 .elementor-element.elementor-element-90839fd{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Objectivity", Sans-serif;font-size:16px;font-weight:500;line-height:26px;color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-90839fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-90839fd.elementor-element{--align-self:center;}.elementor-1252 .elementor-element.elementor-element-a15b0fa{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1252 .elementor-element.elementor-element-a15b0fa:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F1952F;--border-color:#F1952F;}.elementor-1252 .elementor-element.elementor-element-a15b0fa, .elementor-1252 .elementor-element.elementor-element-a15b0fa::before{--border-transition:0.3s;}.elementor-1252 .elementor-element.elementor-element-a15b0fa.e-con{--flex-grow:0;--flex-shrink:1;}.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-1252 .elementor-element.elementor-element-68ad993 .elementor-button{background-color:#F1952F00;font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-68ad993{z-index:50;}.elementor-1252 .elementor-element.elementor-element-68ad993 .elementor-button:hover, .elementor-1252 .elementor-element.elementor-element-68ad993 .elementor-button:focus{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-68ad993 .elementor-button:hover svg, .elementor-1252 .elementor-element.elementor-element-68ad993 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-5566d1a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1252 .elementor-element.elementor-element-5566d1a:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-5566d1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1952F;}.elementor-1252 .elementor-element.elementor-element-5566d1a.e-con{--e-con-transform-rotateZ:1.5deg;--e-con-transform-scale:1.1;}.elementor-1252 .elementor-element.elementor-element-cde2531 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-cde2531{text-align:center;}.elementor-1252 .elementor-element.elementor-element-cde2531 .elementor-heading-title{font-family:"Incised 901 Compact", Sans-serif;font-size:20px;font-weight:normal;text-transform:uppercase;line-height:20px;color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-19e0e5a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-184ed49{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-a17abbc{--display:flex;--min-height:400px;--border-radius:20px 20px 20px 20px;}.elementor-1252 .elementor-element.elementor-element-a17abbc:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-a17abbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmoscoffee.nl/wp-content/uploads/2024/11/workshop-koffie-branden.webp");background-position:center center;background-size:cover;}.elementor-1252 .elementor-element.elementor-element-6f584d7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-6f584d7 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-1252 .elementor-element.elementor-element-8926c15 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-8926c15 .elementor-heading-title{font-family:"Objectivity", Sans-serif;font-size:16px;font-weight:normal;line-height:26px;color:#000000;}.elementor-1252 .elementor-element.elementor-element-a4c1cbb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F1952F;--border-color:#F1952F;--border-radius:50px 50px 50px 50px;}.elementor-1252 .elementor-element.elementor-element-a4c1cbb:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F1952F;--border-color:#F1952F;}.elementor-1252 .elementor-element.elementor-element-a4c1cbb, .elementor-1252 .elementor-element.elementor-element-a4c1cbb::before{--border-transition:0.3s;}.elementor-1252 .elementor-element.elementor-element-a4c1cbb.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-1252 .elementor-element.elementor-element-cf971dd .elementor-button{background-color:#F1952F00;font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;fill:#F1952F;color:#F1952F;border-radius:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-cf971dd{z-index:50;}.elementor-1252 .elementor-element.elementor-element-cf971dd .elementor-button:hover, .elementor-1252 .elementor-element.elementor-element-cf971dd .elementor-button:focus{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-cf971dd .elementor-button:hover svg, .elementor-1252 .elementor-element.elementor-element-cf971dd .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-a70bd85{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1252 .elementor-element.elementor-element-920d270{--display:flex;--min-height:400px;--border-radius:20px 20px 20px 20px;}.elementor-1252 .elementor-element.elementor-element-920d270:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-920d270 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmoscoffee.nl/wp-content/uploads/2024/11/koffie-workshop.webp");background-position:center center;background-size:cover;}.elementor-1252 .elementor-element.elementor-element-0764f86 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-0764f86 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-1252 .elementor-element.elementor-element-2757456 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-2757456 .elementor-heading-title{font-family:"Objectivity", Sans-serif;font-size:16px;font-weight:normal;line-height:26px;color:#000000;}.elementor-1252 .elementor-element.elementor-element-389b9ae{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F1952F;--border-color:#F1952F;--border-radius:50px 50px 50px 50px;}.elementor-1252 .elementor-element.elementor-element-389b9ae:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F1952F;--border-color:#F1952F;}.elementor-1252 .elementor-element.elementor-element-389b9ae, .elementor-1252 .elementor-element.elementor-element-389b9ae::before{--border-transition:0.3s;}.elementor-1252 .elementor-element.elementor-element-389b9ae.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-1252 .elementor-element.elementor-element-c9a9e56 .elementor-button{background-color:#F1952F00;font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;fill:#F1952F;color:#F1952F;border-radius:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-c9a9e56{z-index:50;}.elementor-1252 .elementor-element.elementor-element-c9a9e56 .elementor-button:hover, .elementor-1252 .elementor-element.elementor-element-c9a9e56 .elementor-button:focus{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-c9a9e56 .elementor-button:hover svg, .elementor-1252 .elementor-element.elementor-element-c9a9e56 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-7d304b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1252 .elementor-element.elementor-element-2c1642f{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--border-radius:30px 30px 30px 30px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1252 .elementor-element.elementor-element-2c1642f:not(.elementor-motion-effects-element-type-background), .elementor-1252 .elementor-element.elementor-element-2c1642f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://elmoscoffee.nl/wp-content/uploads/2024/11/barista-workshop-thuis.webp");background-size:cover;}.elementor-1252 .elementor-element.elementor-element-2c1642f::before, .elementor-1252 .elementor-element.elementor-element-2c1642f > .elementor-background-video-container::before, .elementor-1252 .elementor-element.elementor-element-2c1642f > .e-con-inner > .elementor-background-video-container::before, .elementor-1252 .elementor-element.elementor-element-2c1642f > .elementor-background-slideshow::before, .elementor-1252 .elementor-element.elementor-element-2c1642f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1252 .elementor-element.elementor-element-2c1642f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1252 .elementor-element.elementor-element-3916495{--display:flex;--justify-content:center;}.elementor-1252 .elementor-element.elementor-element-8355356 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-8355356 .elementor-heading-title{font-family:"Incised 901 Compact", Sans-serif;font-size:55px;font-weight:900;text-transform:uppercase;letter-spacing:-3px;color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-bde37af > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-bde37af .elementor-heading-title{font-family:"Objectivity", Sans-serif;font-size:16px;font-weight:normal;line-height:26px;color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-2728c89{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:50px 50px 50px 50px;}.elementor-1252 .elementor-element.elementor-element-2728c89:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F1952F;--border-color:#F1952F;}.elementor-1252 .elementor-element.elementor-element-2728c89, .elementor-1252 .elementor-element.elementor-element-2728c89::before{--border-transition:0.3s;}.elementor-1252 .elementor-element.elementor-element-2728c89.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-1252 .elementor-element.elementor-element-e804d50 .elementor-button{background-color:#F1952F00;font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-1252 .elementor-element.elementor-element-e804d50{z-index:50;}.elementor-1252 .elementor-element.elementor-element-e804d50 .elementor-button:hover, .elementor-1252 .elementor-element.elementor-element-e804d50 .elementor-button:focus{color:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-e804d50 .elementor-button:hover svg, .elementor-1252 .elementor-element.elementor-element-e804d50 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1252 .elementor-element.elementor-element-6539bc8{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1252 .elementor-element.elementor-element-36ba659{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1252 .elementor-element.elementor-element-9a9baa7 .elementor-heading-title{font-size:50px;line-height:0.8em;}.elementor-1252 .elementor-element.elementor-element-4ab3ff6 .elementor-heading-title{font-size:50px;line-height:0.8em;}.elementor-1252 .elementor-element.elementor-element-90839fd{width:100%;max-width:100%;}.elementor-1252 .elementor-element.elementor-element-90839fd > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1252 .elementor-element.elementor-element-5566d1a.e-con{--e-con-transform-rotateZ:5deg;--e-con-transform-scale:1.2;}.elementor-1252 .elementor-element.elementor-element-19e0e5a{--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1252 .elementor-element.elementor-element-a17abbc{--min-height:350px;}.elementor-1252 .elementor-element.elementor-element-920d270{--min-height:350px;}.elementor-1252 .elementor-element.elementor-element-2c1642f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1252 .elementor-element.elementor-element-8355356{text-align:center;}.elementor-1252 .elementor-element.elementor-element-8355356 .elementor-heading-title{font-size:40px;}.elementor-1252 .elementor-element.elementor-element-bde37af{width:100%;max-width:100%;text-align:center;}}@media(min-width:768px){.elementor-1252 .elementor-element.elementor-element-36ba659{--content-width:1300px;}.elementor-1252 .elementor-element.elementor-element-a15b0fa{--width:300px;}.elementor-1252 .elementor-element.elementor-element-19e0e5a{--content-width:1300px;}.elementor-1252 .elementor-element.elementor-element-a4c1cbb{--width:200px;}.elementor-1252 .elementor-element.elementor-element-389b9ae{--width:200px;}.elementor-1252 .elementor-element.elementor-element-7d304b4{--content-width:1300px;}.elementor-1252 .elementor-element.elementor-element-2728c89{--width:200px;}}/* Start custom CSS for heading, class: .elementor-element-9a9baa7 */h1 {
  overflow: hidden;
}
h1 .at {
      display: block;
  animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
}

@keyframes reveal {
  0% {
    transform: translate(0,100%);
  }
  100% {
    transform: translate(0,0);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4ab3ff6 */h1 .elmos {
  display: block;
  animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
}

@keyframes reveal {
  0% {
    transform: translate(0,100%);
  }
  100% {
    transform: translate(0,0);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-68ad993 *//* Basisstijl voor de knop */
.custom-button-effect {
     overflow: hidden;
    transition: background-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover {
    background-color: #0C5487; /* Grijze achtergrond bij hover */
}

/* Omranding van de knop */
.custom-button-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(128, 128, 128, 0.3);
    transition: border-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::before {
    border-color: rgba(77, 77, 77, 0.3); /* Donkerdere rand bij hover */
}

/* Gele achtergrond die uitklapt bij hover */
.custom-button-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F1952F; /* Gele kleur */
    transform: scaleX(0); /* Startpositie: horizontaal uitgeschakeld */
    transform-origin: left;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::after {
    transform: scaleX(1); /* Uitvouwen naar volledige breedte bij hover */
}

/* Tekststijl binnen de knop */
.custom-button-effect .elementor-button-text {
    position: relative;
    font-weight: 600;
    transition: color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover .elementor-button-text {
    color: #ffffff; /* Donkere tekstkleur bij hover */
}

/* Optionele subtekst voor aantallen, indien nodig */
.custom-button-effect .item-count {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #808080; /* Grijze kleur */
    transform: translateY(-6px); /* Optische aanpassing */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cde2531 */.koffieboon::after {
  content: url('https://elmoscoffee.nl/wp-content/uploads/2024/07/koffieboon-small.png');
  }


.slash-blue {
    color:#0C5487;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (max-width: 768px) {
    .elementor-1252 .elementor-element.elementor-element-cde2531 h6 {
  animation: marquee 10s linear infinite;
}
}


.marquee {
    color: #161616;
    -webkit-text-stroke: 1px #161616;
    font-weight: 400;
}

.marquee-cursive {
    font-style: italic;
    font-weight: 600;
}

.elementor-1252 .elementor-element.elementor-element-cde2531 {
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
.elementor-1252 .elementor-element.elementor-element-cde2531 h6 {
  animation: marquee 40s linear infinite;
}
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-300%);
  }
}

.trs {
    color: #ff000000;
    -webkit-text-stroke: 1px white; /* width and color */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cf971dd *//* Basisstijl voor de knop */
.custom-button-effect {
     overflow: hidden;
    transition: background-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover {
    background-color: #0C5487; /* Grijze achtergrond bij hover */
}

/* Omranding van de knop */
.custom-button-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(128, 128, 128, 0.3);
    transition: border-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::before {
    border-color: rgba(77, 77, 77, 0.3); /* Donkerdere rand bij hover */
}

/* Gele achtergrond die uitklapt bij hover */
.custom-button-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F1952F; /* Gele kleur */
    transform: scaleX(0); /* Startpositie: horizontaal uitgeschakeld */
    transform-origin: left;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::after {
    transform: scaleX(1); /* Uitvouwen naar volledige breedte bij hover */
}

/* Tekststijl binnen de knop */
.custom-button-effect .elementor-button-text {
    position: relative;
    font-weight: 600;
    transition: color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover .elementor-button-text {
    color: #ffffff; /* Donkere tekstkleur bij hover */
}

/* Optionele subtekst voor aantallen, indien nodig */
.custom-button-effect .item-count {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #808080; /* Grijze kleur */
    transform: translateY(-6px); /* Optische aanpassing */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c9a9e56 *//* Basisstijl voor de knop */
.custom-button-effect {
     overflow: hidden;
    transition: background-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover {
    background-color: #0C5487; /* Grijze achtergrond bij hover */
}

/* Omranding van de knop */
.custom-button-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(128, 128, 128, 0.3);
    transition: border-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::before {
    border-color: rgba(77, 77, 77, 0.3); /* Donkerdere rand bij hover */
}

/* Gele achtergrond die uitklapt bij hover */
.custom-button-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F1952F; /* Gele kleur */
    transform: scaleX(0); /* Startpositie: horizontaal uitgeschakeld */
    transform-origin: left;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::after {
    transform: scaleX(1); /* Uitvouwen naar volledige breedte bij hover */
}

/* Tekststijl binnen de knop */
.custom-button-effect .elementor-button-text {
    position: relative;
    font-weight: 600;
    transition: color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover .elementor-button-text {
    color: #ffffff; /* Donkere tekstkleur bij hover */
}

/* Optionele subtekst voor aantallen, indien nodig */
.custom-button-effect .item-count {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #808080; /* Grijze kleur */
    transform: translateY(-6px); /* Optische aanpassing */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e804d50 *//* Basisstijl voor de knop */
.custom-button-effect {
     overflow: hidden;
    transition: background-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover {
    background-color: #0C5487; /* Grijze achtergrond bij hover */
}

/* Omranding van de knop */
.custom-button-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(128, 128, 128, 0.3);
    transition: border-color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::before {
    border-color: rgba(77, 77, 77, 0.3); /* Donkerdere rand bij hover */
}

/* Gele achtergrond die uitklapt bij hover */
.custom-button-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F1952F; /* Gele kleur */
    transform: scaleX(0); /* Startpositie: horizontaal uitgeschakeld */
    transform-origin: left;
    transition: transform 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover::after {
    transform: scaleX(1); /* Uitvouwen naar volledige breedte bij hover */
}

/* Tekststijl binnen de knop */
.custom-button-effect .elementor-button-text {
    position: relative;
    font-weight: 600;
    transition: color 0.6s cubic-bezier(0.8, 0, 0, 1);
}

.custom-button-effect:hover .elementor-button-text {
    color: #ffffff; /* Donkere tekstkleur bij hover */
}

/* Optionele subtekst voor aantallen, indien nodig */
.custom-button-effect .item-count {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #808080; /* Grijze kleur */
    transform: translateY(-6px); /* Optische aanpassing */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Incised 901 Compact';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://elmoscoffee.nl/wp-content/uploads/2024/07/Incised-901-Compact-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Objectivity';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://elmoscoffee.nl/wp-content/uploads/2024/12/Objectivity-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */