/*.sm-pusher,
.sm-content,
.sm-content-inner,
.body-wrapper,
.home,
html,
body,
.with-sidebar-wrapper {
  overflow-x: hidden !important;
}*/

h1,
h2,
h3,
h4,
h5,
h6,
.greennature-title,
.greennature-title a {
  color: #2d6a8b;
  font-family: "Catamaran", sans-serif !important;
  font-weight: 900 !important;
  margin: 0px !important;
}

.greennature-navigation-wrapper .greennature-main-menu > li > a {
    font-size: 13px;
  }
  
.greennature-header-inner,
.greennature-header-wrapper.header-style-5-wrapper .greennature-header-inner {
    background-color: rgba(45, 106, 139, 0.8);
  }
  
.opsommingtekst .sppb-addon-text-block > li {
    font-size: 17px !important;
  }
  
.gajemeeopzoek h1 {
    font-size: 30px !important;
  }

.header-modules {
    margin-left: 20px;
    display: none !important;
}

#sp-header .logo a {
  color: #fec428;
  font-family: "Rajdhani", sans-serif !important;
  padding: 0px !important;
  margin-bottom: 15px !important;
  font-size: 30px;
  font-weight: 600;
}

.logo-slogan {
  color: #fff !important;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 17px;
  padding: 0px !important;
  margin: 0px !important;
  display: block;
  position: relative;
  top: -50px;
  font-weight: 700;
}

#sp-header {
  background-color: rgba(45, 106, 139, 0.8);
}

.sp-megamenu-parent>li.active>a {
  color: #fff !important;
  font-size: 17px !important;
}

.sp-megamenu-parent>li>a {
  color: #fff !important;
  font-size: 16px !important;
}

#sp-menu>.sp-column {
  height: 100%;
  margin-top: -10px !important;
}

.contactfooter p {
  font-size: 17px;
  color: #808080;
}

.contactfooter a {
  color: #5dc269 !important;
}

.tekstblokcenter h1 {
  padding-bottom: 20px !important;
  color: #2d6a8b;
}

.tekstblokcenter a {
    color: #000;
    text-decoration: underline;
}

.tekstblokcenter {
  background-color: #f5f5f5;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.sp-scroll-up {
  text-align: center;
  font-size: 21px;
  color: #fff;
  padding-top: 7px;
}

  
  @media (min-width: 990px) {
    .greennature-header-wrapper.header-style-5-wrapper {
      position: initial;
    }
  }
  
  /*
  
  .greennature-logo {
      margin-bottom: 0px;
  }
  
  .greennature-navigation-wrapper {
      float: right;
      margin: 15px 0px 0 0;
  }
  
  */
  
  .page-header h2 {
    font-size: 25px !important;
    padding: 20px 0 0px 0;
    color: #0b6836;
  }
  
  .item-page div h2 {
    padding: 20px 0 0 0;
    font-size: 35px;
    margin: 0px;
  }
  
  .item-page div p {
    font-size: 16px;
    letter-spacing: 0.5px;
  }
  
  .top-navigation-left {
    margin: 0 0px 0 0;
  }
  
  .greennature-navigation-wrapper,
  .greennature-logo-right-text {
    margin-top: 45px;
  }
  
  .msp-cn-1-1,
  .msp-cn-1-2,
  .msp-cn-1-3 {
    font-size: 30px;
  }
  
  .msp-cn-1-2 {
    top: 330px !important;
    font-size: 50px;
  }

  .msp-cn-1-3 {
    top: 400px !important;
    font-size: 60px;
  }
  
  
  @media (max-width: 767px) {
    .ms-slide-layers {
      display: none;
    }
  }
  
  /*.greennature-color-wrapper {
      color: #ffffff;
      background-color:#0B6735 !important;
  border-top: 5px solid #fff !important;}
  
  .greennature-type-2-bg {
      background-color:#fff !important;
      color:#0B6735 !important;
  }*/
  
  #greennature-parallax-wrapper-1.greennature-parallax-wrapper.greennature-background-image.gdlr-show-all.no-skin {
    background-image: url("https://www.duinwandelingentexel.nl/templates/shaper_helixultimate/images/bg-midden.jpg");
    background-position: center -80.52px;
    padding-bottom: 65px;
    padding-top: 90px;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .greennature-title,
  .greennature-title a {
    color: #2d6a8b;
    font-family: "Catamaran", sans-serif !important;
    font-weight: 900 !important;
    margin: 0px !important;
  }
  
  .sppb-addon-wrapper {
    margin-bottom: 0px !important;
  }
  
  .sppb-addon.sppb-addon-text-block div.sppb-addon-content p {
    font-size: 17px;
  }
  
  .opsommingblok .sppb-addon.sppb-addon-text-block div.sppb-addon-content ul li {
    font-size: 15px;
  }
  .opsommingblok a {
    color: #000;
    text-decoration: underline;
  }
  .opsommingblok ul {
    list-style: none;
    padding: 0px 0 0 20px !important;
  }
  .opsommingblok li {
    padding-left: 1.3em;
    padding-bottom: 10px;
  }
  .opsommingblok li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    color: #4d7d98;
  }
  
  h2 {
    font-size: 30px;
    padding: 30px 0 5px 0 !important;
    margin: 0px !important;
    color: #0b6836;
  }
  
  .opsommingblok {
    background-color: #f5f5f5;
    padding: 0px !important;
  }

  .opsommingblok .sppb-addon-single-image-container,
  .opsommingblok .sppb-img-responsive {
    width: 100%;
  }
  
  .tekstblok h2 {
    color: #5dc269 !important;
    text-align: left !important;
    font-size: 35px;
    padding: 0 0 20px 20px !important;
    margin: 0px !important;
  }
  
  .opsommingblok h3 {
    color: #231e18;
    font-size: 25px;
    padding-left: 20px;
  }

  .opsommingblok p {
    padding-left: 20px;
  }
  
  .tekstblok {
    padding: 50px 50px 30px 20px !important;
  }

  .tekstbloklinks h2 {
    color: #5dc269 !important;
    text-align: left !important;
    font-size: 35px;
    padding: 0 0 20px 40px !important;
    margin: 0px !important;
  }

  .opsommingbloklinks h3 {
    color: #231e18;
    font-size: 25px;
    padding-left: 40px;
  }

  .tekstbloklinks {
    padding: 50px 50px 30px 0 !important;
  }

  .tekstbloklinks p {
    padding-left: 40px !important;
  }
  
  .boekblok {
    padding: 50px !important;
  }

  .rondleidingblok {
    padding: 100px 0 !important;
  }

  .rondleidingblok .sppb-row {
    max-width: 1140px;
    margin: 0 auto !important;
  }

  .boekblok h2 {
    color: #2d6a8b !important;
    text-align: left !important;
    font-size: 35px;
    padding: 0 0 20px 0 !important;
    margin: 0px !important;
  }

  .videoblok h2 {
    color: #fff;
    text-align: left !important;
    font-size: 35px;
    padding: 0 0 20px 0 !important;
    margin: 0px !important;
  }
  
  .boekblok h3 {
    color: #fff;
    text-align: left !important;
    font-size: 20px;
    padding: 0 0 0px 0 !important;
    margin: 0px !important;
  }
  
  .boekblok .sppb-addon.sppb-addon-text-block div.sppb-addon-content p {
    color: #fff;
    font-size: 17px;
  }
  
  .sppb-btn-default {
    background-color: #2d6a8b !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 0px;
    padding: 15px 25px;
    font-weight: 400;
    font-family: "Catamaran", sans-serif !important;
    font-weight: 900;
    margin: 20px 0 0 0;
  }
  
  .sppb-btn-default:hover {
    background-color: #487691;
    color: #fff;
  }
  
  .greennature-item {
    margin: 0px !important;
    min-height: 0px !important;
  }
  
  .list-with-icon {
    margin: 0px !important;
  }
  
  .column,
  .columns {
    min-height: 0px !important;
  }
  
  .introblokken {
    background-color: #2d2418;
    padding: 0px !important;
  }

  .introblokken .col1 {
    padding: 50px 0 0 0;
  }
  
  .introblokken .sppb-container-inner {
    max-width: 1140px;
    margin: 0 auto !important;
    text-align: center;
  }
  
  .introblokken img {
    max-width: 50px;
    padding: 0 0 20px 0;
  }
  
  .introblokken h3 {
    color: #fff;
    font-size: 20px;
    padding: 0 0 10px 0 !important;
    margin: 0px !important;
  }
  
  .introblokken .sppb-addon.sppb-addon-text-block div.sppb-addon-content p {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 20px;
  }
  
 
  
  .introblokken a {
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    display: block;
    padding: 0px !important;
    left: 0px;
    margin-top: 85px;
    font-family: "Catamaran", sans-serif !important;
  }
  
  .introblokken .middencol {
    background-color: #3f3221;
  }
  
  .introblokken .sppb-column-addons {
    padding: 50px 20px 50px 20px;
  }
  
  .greennature-color-wrapper,
  .greennature-parallax-wrapper,
  .greennature-full-size-wrapper {
    padding: 0px !important;
    margin: 0px !important;
  }
  
  .volletekst {
    padding: 80px 0 !important;
  }
  
  .footerblok {
    background-color: #231e18;
  }
  
  .footerblok .sppb-row {
    max-width: 1140px;
    margin: 0 auto !important;
  }
  
  .copy {
    padding: 10px 0 !important;
    color: #fff;
    background-color: #191612;
  }
  
  .copy .sppb-row {
    max-width: 1140px;
    margin: 0 auto !important;
  }
  
  .greennature-logo h4 {
    color: #fec428;
    font-family: "Rajdhani", sans-serif !important;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 35px;
  }
  
  .greennature-logo h5 {
    color: #fff;
    font-family: "Rajdhani", sans-serif !important;
    font-size: 17px;
    padding: 0px !important;
    margin: 0px !important;
  }
  
  .greennature-logo-inner {
    max-width: 220px;
  }
  
  .footerblok .greennature-logo {
    padding: 0px;
    margin: 0px;
  }

  .header-sticky {
    height: 90px !important;
  }

  .header-sticky .col-auto {
    margin-top: -16px;
  }

  .header-sticky #sp-menu>.sp-column {
    height: 100%;
    margin-top: -8px !important;
}
  
  @media (max-width: 980px) {

.logo-slogan {
  top: -20px; 
  font-size: 14px;
}

#stg-identifier {
  padding: 10px 25px;
  color: #fff;
  display: none;
}

.pt-4 {
  padding-top: 1.5rem!important;
  display: none !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a {
  color: #000 !important;
  opacity: 1 !important;
}


  h1 {
      font-size: 37px;
  }
    .greennature-slider-item {
      padding-top: 170px;
    }
    .introblokken {
      background-color: #2d2418;
      padding: 0px 0 !important;
    }
    .n2-ss-layer.n2-ow
      div#n2-ss-2item1.n2-font-d53cbbdb5417a28dc86b40ff42f89d5c-hover.n2-ss-item-content.n2-ow {
      font-size: 25px !important;
      line-height: 34px !important;
    }
    .introblokken .sppb-addon.sppb-addon-text-block div.sppb-addon-content {
      height: auto;
    }
    .boekblok,
    .videoblok {
      padding: 30px !important;
    }
    .tekstblok {
      padding: 30px !important;
    }
    .opsommingblok ul {
      list-style: none;
      padding: 20px 0 0 0 !important;
      margin: 0px;
    }
  }
  
  .content-wrapper {
    position: absolute;
    z-index: 89;
  }
  
  .top-navigation-wrapper {
    color: #cecece;
    padding: 10px;
  }
  
  @media only screen and (max-width: 1050px) {
    body .greennature-logo {
      float: left;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 20px;
    }
    body .greennature-navigation {
      display: inline-block;
      line-height: 1.7;
      text-align: left;
      padding: 34px 0 0 0;
    }
  }
  
/* Webjongens footer credit */
.credit { --credit-heart: #5788a2; display: inline-flex; align-items: center; vertical-align: middle; white-space: nowrap; }
.copy .credit__link, .credit__link { display: inline-flex; align-items: center; gap: 0.35rem; color: #fff; text-decoration: none; letter-spacing: 0.02em; }
.credit__link strong { font-weight: 700; }
.credit__link:hover span { text-decoration: underline; text-underline-offset: 0.2em; }
.credit__link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
.credit__heart { width: 1.1rem; height: 1.1rem; fill: var(--credit-heart); transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1); }
.credit__link:hover .credit__heart { transform: scale(1.2); }
@media (prefers-reduced-motion: reduce) { .credit__heart { transition: none; } }

/* Header slider parallax (see js/parallax.js) */
.has-hdr-parallax .n2-ss-slide-background-image img { transform: translate3d(0, var(--hdr-shift, 0px), 0) scale(1.12); transform-origin: 50% 0; will-change: transform; }

/* Footer: plain text in white for readability (links and headings keep their colour) */
#sp-footer #footer .sppb-addon-content,
#sp-footer #footer .sppb-addon-content p { color: #fff; }
#sp-footer .copyright-right a,
#sp-footer .copyright-right a.credit__link { color: #fff; }

/* Copyright bar: centred */
#sp-footer .copyright-right { text-align: center; }
#sp-footer .copyright-right .credit { vertical-align: -0.2em; }

/* Footer block: lighter background, readable headings, content vertically centred */
#sp-footer .footerblok { background-color: #2e2821; }
#sp-footer #footer .sppb-addon-title { color: #6a9cb8; }
#sp-footer #footer .sppb-row { align-items: center; }
#sp-footer #footer .sppb-addon-content > :last-child,
#sp-footer #footer .sppb-addon-content p:last-child { margin-bottom: 0; }

/* Home: align the "Lees meer" links at the bottom of the three intro columns */
#section-id-1644417748145 .sppb-row > [class*=sppb-col-] > .sppb-column { display: flex; flex-direction: column; height: 100%; }
#section-id-1644417748145 .sppb-column-addons { flex: 1; display: flex; flex-direction: column; }
#section-id-1644417748145 .sppb-column-addons > .sppb-addon-wrapper:last-child,
#section-id-1644417748145 .sppb-column-addons > .sppb-addon-wrapper:last-child .clearfix,
#section-id-1644417748145 .sppb-column-addons > .sppb-addon-wrapper:last-child .sppb-addon,
#section-id-1644417748145 .sppb-column-addons > .sppb-addon-wrapper:last-child .sppb-addon-content { flex: 1; display: flex; flex-direction: column; }
#section-id-1644417748145 .sppb-addon-content > p:last-child { margin-top: auto; }

/* Home: rounded corners on the booking block and the video */
.rondleidingblok .boekblok,
.rondleidingblok .videoblok,
.rondleidingblok .videoblok .sppb-youtube-video-bg { border-radius: 8px; }
.rondleidingblok .videoblok { overflow: hidden; isolation: isolate; }

/* Main menu: bold items */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.current > a,
.sp-megamenu-parent > li > span { font-weight: 700; }

/* Footer columns: content-width columns with equal gaps; Adres and Contact top-aligned,
   name and logo centred */
@media (min-width: 768px) {
  #sp-footer #footer .sppb-row { justify-content: space-between; align-items: flex-start; }
  #sp-footer #footer .sppb-row > [class*=sppb-col-] { flex: 0 0 auto; width: auto; max-width: none; }
  #sp-footer #footer .sppb-row > [class*=sppb-col-]:first-child,
  #sp-footer #footer .sppb-row > [class*=sppb-col-]:last-child { align-self: center; }
}
@media (max-width: 767px) {
  #sp-footer #footer .sppb-row > [class*=sppb-col-]:not(:last-child) { margin-bottom: 24px; }
}

/* Main menu: bold (incl. active item) and a yellow underline on hover */
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.current > a { font-weight: 700; text-decoration: none; text-decoration-thickness: 2px; text-underline-offset: 6px; }
#sp-header .sp-megamenu-parent > li > a:hover,
#sp-header .sp-megamenu-parent > li > a:focus-visible { text-decoration: underline; text-decoration-color: #fec428; text-decoration-thickness: 2px; text-underline-offset: 6px; }

/* Header slider: no arrows, dot navigation instead (see js/dotnav.js) */
.n2-ss-slider .nextend-arrow { display: none !important; }
.hdr-dotnav { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 30; display: flex; gap: 10px; }
.hdr-dotnav__dot { width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: rgb(255 255 255 / 0.6); box-shadow: 0 1px 3px rgb(0 0 0 / 0.3); cursor: pointer; transition: background-color 200ms, transform 200ms; }
.hdr-dotnav__dot:hover { background: #fff; }
.hdr-dotnav__dot.is-active { background: #fec428; transform: scale(1.15); }
.hdr-dotnav__dot:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.current > a { text-decoration: underline; text-decoration-color: #fec428; }

/* Header slider heading: real bold weight, soft shadow, gradient behind the text */
#n2-ss-2 #n2-ss-2item1.n2-ss-item-content {
  font-family: 'Catamaran', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(26px, 3.6vw, 54px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.015em !important;
  color: #fff !important;
  text-shadow: 0 2px 18px rgb(0 0 0 / 0.35) !important;
}
#n2-ss-2 .n2-ss-slide-background::after {
  content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to top, rgb(0 0 0 / 0.45) 0%, rgb(0 0 0 / 0.15) 35%, transparent 60%);
}

/* Navbar: logo and menu in Catamaran, deep-blue top bar with yellow icons, solid blue header */
#sp-logo .logo a { font-family: 'Catamaran', sans-serif !important; font-weight: 700 !important; letter-spacing: -0.01em; }
#sp-logo .logo-slogan { font-family: 'Catamaran', sans-serif !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px !important; opacity: 0.9; }
#sp-header .sp-megamenu-parent > li > a { font-family: 'Catamaran', sans-serif !important; font-weight: 600 !important; font-size: 17px !important; }
#sp-top-bar { background: #1f4f69 !important; color: rgb(255 255 255 / 0.85) !important; padding: 6px 0 !important; font-size: 13.5px; }
#sp-top-bar a { color: #fff !important; }
#sp-top-bar .sp-contact-info li { margin-left: 22px; }
#sp-top-bar .sp-contact-info .fas, #sp-top-bar .sp-contact-info .far { color: #fec428; margin-right: 4px; }
#sp-header { background: #2d6a8b !important; box-shadow: 0 2px 14px rgb(0 0 0 / 0.14) !important; }
/* Large tablets (992–1199px): compact menu so it fits next to the logo */
@media (min-width: 992px) and (max-width: 1199px) {
  #sp-header .sp-megamenu-parent > li > a { font-size: 15px !important; padding: 0 8px !important; }
}
/* Mobile menu toggle in white */
#sp-header .burger-icon > span { background-color: #fff !important; }
/* Undo the old theme's landscape-tablet offset that pushed the menu into the top bar */
.device-lg #sp-header #sp-menu > .sp-column { margin-top: -10px !important; margin-right: 0 !important; }

/* Footer on mobile: centred */
@media (max-width: 767px) {
  #sp-footer #footer .sppb-addon,
  #sp-footer #footer .sppb-addon-content,
  #sp-footer #footer .sppb-addon-title { text-align: center !important; }
  #sp-footer #footer .greennature-logo { float: none; }
  #sp-footer #footer .greennature-logo,
  #sp-footer #footer .greennature-logo-inner { margin-left: auto; margin-right: auto; }
  #sp-footer #footer img { display: block; margin-left: auto; margin-right: auto; }
}

/* Home video on mobile/tablet: show the full 16:9 video instead of a cropped portrait box */
@media (max-width: 991px) {
  .rondleidingblok .videoblok { padding: 0 !important; }
  .sp-page-builder .page-content .rondleidingblok .videoblok .sppb-section.sppb-row-have-ext-bg { min-height: 0 !important; height: auto; aspect-ratio: 16 / 9; }
  .rondleidingblok .videoblok .sppb-youtube-video-bg .sppb-youtube-iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; transform: none !important; }
  .rondleidingblok .videoblok .sppb-container-inner { padding: 10px 6px; }
}

/* Mobile menu: show the close button again (an old ".pt-4 { display: none }" rule hid its row) */
.offcanvas-menu > .d-flex.pt-4 { display: flex !important; justify-content: flex-end; min-height: 64px; }
.offcanvas-menu > .d-flex .logo,
.offcanvas-menu > .d-flex .logo-slogan { display: none !important; }
.offcanvas-menu .close-offcanvas { right: 22px; top: 22px; padding: 6px; }
.offcanvas-menu .close-offcanvas .burger-icon > span { background-color: #231e18 !important; }
/* Home: space between the stacked booking block and video */
@media (max-width: 991px) {
  .rondleidingblok .videoblok { margin-top: 20px; }
}