.elementor-15127 .elementor-element.elementor-element-5f15a48e > .elementor-background-overlay{background-color:#1C6C5B;opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15127 .elementor-element.elementor-element-5f15a48e:not(.elementor-motion-effects-element-type-background), .elementor-15127 .elementor-element.elementor-element-5f15a48e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-15127 .elementor-element.elementor-element-5f15a48e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 30px 180px 30px;}.elementor-bc-flex-widget .elementor-15127 .elementor-element.elementor-element-6d1b54f6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15127 .elementor-element.elementor-element-6d1b54f6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15127 .elementor-element.elementor-element-2813664b .elementor-icon-list-icon i{color:var( --e-global-color-f8e133b );font-size:14px;}.elementor-15127 .elementor-element.elementor-element-2813664b .elementor-icon-list-icon svg{fill:var( --e-global-color-f8e133b );--e-icon-list-icon-size:14px;}.elementor-15127 .elementor-element.elementor-element-2813664b .elementor-icon-list-icon{width:14px;}.elementor-15127 .elementor-element.elementor-element-2813664b .elementor-icon-list-text, .elementor-15127 .elementor-element.elementor-element-2813664b .elementor-icon-list-text a{color:var( --e-global-color-f8e133b );}.elementor-15127 .elementor-element.elementor-element-68162aa3 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-15127 .elementor-element.elementor-element-68162aa3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:800;line-height:1.2em;color:#FFFFFF;}.elementor-15127 .elementor-element.elementor-element-5e51f4f0 .elementor-button{background-color:#8FD9C8;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;fill:#1C6C5B;color:#1C6C5B;border-radius:30px 30px 30px 30px;}.elementor-15127 .elementor-element.elementor-element-5e51f4f0 .elementor-button:hover, .elementor-15127 .elementor-element.elementor-element-5e51f4f0 .elementor-button:focus{background-color:#247A69;color:#FFFFFF;}.elementor-15127 .elementor-element.elementor-element-5e51f4f0 .elementor-button:hover svg, .elementor-15127 .elementor-element.elementor-element-5e51f4f0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-15127 .elementor-element.elementor-element-6c7a2202{--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-15127 .elementor-element.elementor-element-6c7a2202:not(.elementor-motion-effects-element-type-background), .elementor-15127 .elementor-element.elementor-element-6c7a2202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://looijepacking.com/wp-content/uploads/2026/02/golf-e1730284766533-scaled-1.png");background-size:cover;}.elementor-15127 .elementor-element.elementor-element-1be0fd3a{--spacer-size:125px;}.elementor-15127 .elementor-element.elementor-element-3134b243{--display:flex;--min-height:750px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15127 .elementor-element.elementor-element-3134b243:not(.elementor-motion-effects-element-type-background), .elementor-15127 .elementor-element.elementor-element-3134b243 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f8e133b );}.elementor-15127 .elementor-element.elementor-element-685f6af3{--spacer-size:25px;}.elementor-15127 .elementor-element.elementor-element-2b440546{color:#000000;font-weight:400;}.elementor-15127 .elementor-element.elementor-element-daa2524 span.post-navigation__prev--label{color:var( --e-global-color-08ae9d2 );}.elementor-15127 .elementor-element.elementor-element-daa2524 span.post-navigation__next--label{color:var( --e-global-color-08ae9d2 );}.elementor-15127 .elementor-element.elementor-element-daa2524 span.post-navigation__prev--title, .elementor-15127 .elementor-element.elementor-element-daa2524 span.post-navigation__next--title{color:var( --e-global-color-08ae9d2 );font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-15127 .elementor-element.elementor-element-daa2524 span.post-navigation__prev--title:hover, .elementor-15127 .elementor-element.elementor-element-daa2524 span.post-navigation__next--title:hover{color:var( --e-global-color-ffe33bd );}.elementor-15127 .elementor-element.elementor-element-daa2524 .post-navigation__arrow-wrapper{color:var( --e-global-color-08ae9d2 );fill:var( --e-global-color-08ae9d2 );}.elementor-15127 .elementor-element.elementor-element-daa2524 .post-navigation__arrow-wrapper:hover{color:var( --e-global-color-ffe33bd );fill:var( --e-global-color-ffe33bd );}.elementor-15127 .elementor-element.elementor-element-3cc03d08{--spacer-size:50px;}@media(max-width:1024px){.elementor-15127 .elementor-element.elementor-element-68162aa3 .elementor-heading-title{font-size:42px;}}@media(max-width:767px){.elementor-15127 .elementor-element.elementor-element-5f15a48e:not(.elementor-motion-effects-element-type-background), .elementor-15127 .elementor-element.elementor-element-5f15a48e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:auto;}.elementor-15127 .elementor-element.elementor-element-5f15a48e{padding:80px 20px 120px 20px;}.elementor-15127 .elementor-element.elementor-element-68162aa3 .elementor-heading-title{font-size:24px;}.elementor-15127 .elementor-element.elementor-element-6c7a2202{--margin-top:-59px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15127 .elementor-element.elementor-element-1be0fd3a{--spacer-size:50px;}.elementor-15127 .elementor-element.elementor-element-3134b243{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15127 .elementor-element.elementor-element-2b440546{font-size:14px;line-height:25px;}}/* Start custom CSS *//* ==============================================
   ELEMENTOR BLOG POST HERO - CUSTOM CSS
   Plak deze CSS in: Elementor → Geavanceerd → Aangepaste CSS
   Of in je thema's Customizer → Aanvullende CSS
   ============================================== */

/* ============ HERO SECTION ============ */
.hero-post-header {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-post-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(28, 108, 91, 0.9) 0%,
    rgba(28, 108, 91, 0.75) 100%
  );
  z-index: 1;
}

.hero-post-header > .elementor-container {
  position: relative;
  z-index: 2;
  max-width: 900px;
}

/* ============ CATEGORIE ============ */
.hero-category,
.hero-category a {
  color: #8FD9C8 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 14px;
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.2s;
}

.hero-category a:hover {
  color: #FFFFFF !important;
}

/* ============ TITEL ============ */
.hero-title h1,
.hero-title .elementor-heading-title {
  color: #FFFFFF !important;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 24px;
  text-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.4s;
}

/* ============ EXCERPT ============ */
.hero-excerpt,
.hero-excerpt p {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 18px;
  line-height: 1.7;
  max-width: 700px;
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.6s;
}

/* ============ CTA BUTTON ============ */
.hero-cta-button .elementor-button {
  background: #8FD9C8 !important;
  color: #1C6C5B !important;
  border: none;
  border-radius: 30px;
  padding: 16px 36px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(143, 217, 200, 0.3);
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
  animation-delay: 0.8s;
}

.hero-cta-button .elementor-button:hover {
  background: #FFFFFF !important;
  color: #1C6C5B !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(143, 217, 200, 0.4);
}

/* ============ WAVE SVG ============ */
.hero-wave-container {
  position: relative;
  z-index: 3;
  margin-top: -100px;
  pointer-events: none;
}

.hero-wave-svg {
  display: block;
  width: 100%;
  height: 100px;
}

@media (max-width: 768px) {
  .hero-wave-container {
    margin-top: -60px;
  }
  
  .hero-wave-svg {
    height: 60px;
  }
}

/* ============ ANIMATIES ============ */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  .hero-post-header > .elementor-container {
    padding: 0 40px;
  }
}

@media (max-width: 768px) {
  .hero-title h1,
  .hero-title .elementor-heading-title {
    font-size: 32px !important;
    line-height: 1.2;
  }
  
  .hero-excerpt,
  .hero-excerpt p {
    font-size: 16px !important;
  }
  
  .hero-cta-button .elementor-button {
    padding: 14px 28px;
    font-size: 13px;
  }
}

/* ============ ALTERNATIEVE GOLF (optie 2) ============ */
/* Gebruik deze class voor een subtielere golf */
.hero-wave-subtle path {
  d: path("M0,40 Q360,100 720,40 T1440,40 L1440,120 L0,120 Z");
}/* End custom CSS */