.elementor-2154 .elementor-element.elementor-element-635e3c1a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-2154 .elementor-element.elementor-element-635e3c1a:not(.elementor-motion-effects-element-type-background), .elementor-2154 .elementor-element.elementor-element-635e3c1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1491e9b );background-image:url("https://bonaireboatrentals.com/wp-content/uploads/2025/12/unnamed-1-1.jpg");background-size:cover;}.elementor-2154 .elementor-element.elementor-element-1eee9862{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:45px 45px;--row-gap:45px;--column-gap:45px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--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-2154 .elementor-element.elementor-element-5dc127a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2154 .elementor-element.elementor-element-5dc127a4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;line-height:23px;letter-spacing:0.125rem;color:var( --e-global-color-e096e87 );}.elementor-2154 .elementor-element.elementor-element-18e4d0a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2154 .elementor-element.elementor-element-18e4d0a1 .elementor-heading-title{font-family:"Inika", Sans-serif;font-size:3.5rem;font-weight:700;line-height:52px;letter-spacing:0.03rem;color:var( --e-global-color-2fd5a4b );}.elementor-2154 .elementor-element.elementor-element-ac42301{width:var( --container-widget-width, 66% );max-width:66%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:66%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:1.125rem;font-weight:500;line-height:30px;letter-spacing:0.034rem;color:var( --e-global-color-e096e87 );}.elementor-2154 .elementor-element.elementor-element-ac42301 p{margin-block-end:0px;}.elementor-2154 .elementor-element.elementor-element-579d57fe .elementor-button{background-color:var( --e-global-color-2fd5a4b );font-family:"Montserrat", Sans-serif;font-size:1rem;font-weight:700;line-height:19px;fill:var( --e-global-color-1491e9b );color:var( --e-global-color-1491e9b );border-radius:20px 20px 20px 20px;padding:10px 30px 10px 30px;}.elementor-2154 .elementor-element.elementor-element-579d57fe{padding:0px 0px 0px 0px;}.elementor-2154 .elementor-element.elementor-element-579d57fe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2154 .elementor-element.elementor-element-579d57fe .elementor-button .elementor-button-content-wrapper{gap:8px;}@media(min-width:768px){.elementor-2154 .elementor-element.elementor-element-635e3c1a{--content-width:1290px;}.elementor-2154 .elementor-element.elementor-element-1eee9862{--content-width:1290px;}}@media(max-width:1024px){.elementor-2154 .elementor-element.elementor-element-635e3c1a{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-2154 .elementor-element.elementor-element-1eee9862{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2154 .elementor-element.elementor-element-18e4d0a1{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + -9px) 0px;}}@media(max-width:767px){.elementor-2154 .elementor-element.elementor-element-635e3c1a{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2154 .elementor-element.elementor-element-1eee9862{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2154 .elementor-element.elementor-element-5dc127a4{text-align:center;}.elementor-2154 .elementor-element.elementor-element-18e4d0a1{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;}.elementor-2154 .elementor-element.elementor-element-ac42301{width:100%;max-width:100%;}}/* Start custom CSS */<style>


/* for align buttons carousel*/

/* Laat alle slides even hoog worden */
.mycarousel425 .e-n-carousel .swiper-wrapper {
  align-items: stretch !important;
}

/* Zorg dat de slide zelf meebuigt met de content */
.mycarousel425 .e-n-carousel .swiper-slide {
  display: flex !important;
  height: auto !important;
}

/* 1e container direct in de slide = kolom, volle hoogte */
.mycarousel425 .e-n-carousel .swiper-slide > .elementor-element.e-con {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

/* 2e (inner) container ook kolom + 100% hoog */
.mycarousel425 .e-n-carousel .swiper-slide > .elementor-element.e-con > .elementor-element.e-con {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box; /* padding telt mee in hoogte */
}

/* Laat de content uitrekken zodat de knop naar beneden kan */
.mycarousel425 .e-n-carousel .swiper-slide .elementor-widget,
.mycarousel425 .e-n-carousel .swiper-slide .elementor-widget-wrap {
  /* sommige builds hebben nog een widget-wrap */
  display: block;
}

.mycarousel425 .e-n-carousel .swiper-slide .elementor-widget-button {
  margin-top: auto !important;   /* DUWT de knop omlaag */
}

/* Optioneel: full-width knop */
.mycarousel425 .e-n-carousel .swiper-slide .elementor-button {
  width: 100%;
}


/* css for c679 buton*/




/* 1) Laat alle "kaarten" in de grid even hoog worden */
.elementor-element-1b61a4fa > .e-con-inner {
  align-items: stretch; /* kinderen even hoog */
}

/* 2) Elke child-container wordt een kolom die 100% hoog is */
.elementor-element-1b61a4fa > .e-con-inner > .e-con {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* (Als je in een child nog een extra inner container hebt, ook flex + 100%) */
.elementor-element-1b61a4fa > .e-con-inner > .e-con > .e-con {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 3) Maak van de SPACER een flex-pusher (duwt de knop omlaag) */
.elementor-element-1b61a4fa .elementor-widget-spacer {
  margin-top: auto;                 /* duwt alles eronder naar beneden */
}
.elementor-element-1b61a4fa .elementor-widget-spacer .elementor-spacer,
.elementor-element-1b61a4fa .elementor-widget-spacer .elementor-spacer-inner {
  height: 0;                        /* neutraliseert vaste spacer-hoogte */
}

/* 4) Valt er soms géén spacer tussen? Dan vang je het alsnog op: */
.elementor-element-1b61a4fa .elementor-widget-button {
  margin-top: auto;
}

/* Optioneel: knop full-width (weglaten als je ‘m auto-breed wilt) */
.elementor-element-1b61a4fa .elementor-button { width: 100%; }




/* Verberg pagination dots op mobiel (Elementor standaard: ≤767px) */
@media (max-width: 767px) {
  .mycarousel425 .swiper-pagination,
  .mycarousel425.elementor-pagination-type-bullets .swiper-pagination {
    display: none !important;
  }
}

/* Alleen het off-canvas menu (widget f008251) verticaal */
.elementor-element-f008251 .e-n-menu-wrapper .e-n-menu-heading {
    display: flex;
    flex-direction: column;   /* items onder elkaar */
    align-items: flex-start;  /* of center als je dat mooier vindt */
    gap: 8px;                 /* ruimte tussen de links (optioneel) */
}

/* Tekst centreren i.p.v. links */
.elementor-element-f008251 .e-n-menu-title-container {
    justify-content: center;
}


/* off-canvas mother container has costum css for this container */

/* Carousel in 'VEILIG VAREN BONAIRE' heeft costum code in elementor code en costum css carousel block en html block*/

</style>/* End custom CSS */