/* #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen),
#slide-out-widget-area-bg.fullscreen,
#slide-out-widget-area-bg.fullscreen-split,
#slide-out-widget-area-bg.fullscreen-alt .bg-inner,
body.material #slide-out-widget-area-bg.slide-out-from-right {
  background-color: #151429f5;
} */

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .gooCol .divider-wrap {
    display: none;
  }
  .imgHeight {
    height: 460px !important;
    min-height: 460px !important;
  }
}

/** tekst **/
.whiteT h2 {
  color: #fff !important;
}

/* footer 
.wp-image-892 {
  margin-top: 40px !important;
  max-width: 50% !important;
}*/

#footer-outer #copyright {
  color: #fff;
}

.greyed {
  color: #b3a399 !important;
}

@media screen and (min-width: 1px) and (max-width: 690px) {
  .tekstContentVerdieping {
    padding: 4%;
  }
  .container,
  .orbit-wrapper .slider-nav,
  .post-area.standard-minimal.full-width-content .post .inner-wrap {
    max-width: 100% !important;
  }
}




@media screen and (max-width: 999px) {
 /* .logoTextHeader {
    font-size: 16px;
  }
 */
  /* 4% de boxes paddings */
  .full-width-content .col.padding-4-percent > .vc_column-inner {
    padding: calc(100vw * 0.075);
  }
}

/* nieuwe website */

:root {
  --bottommar: clamp(30px, 4vw, 60px);
}

/* Tim CSS Margins */

.material .wpb_content_element,
.material .wpb_row {
  margin-bottom: var(--bottommar);
}




/* zetten naar /checken in CSS Salient */

body.material #header-secondary-outer {
  border: 0px;
  border-bottom: 1px solid #2f2f4d;
}

#header-secondary-outer,
#header-outer #header-secondary-outer,
body #header-outer #mobile-menu .secondary-header-text {
  background-color: #1b1b2f;
}

/* aanpassingen mobiel en tablet */

@media screen and (max-width: 1000px) {
  h1 {
    margin-bottom: -6px !important;
    padding-left: 3%;
  }

  .row .abPos {
    position: absolute;
    right: -263px;
  }

  .nectar-rotating-words-title.element_stagger_words
    .dynamic-words
    > span
    span
    span {
    box-shadow:
      rgb(50 50 93 / 25%) 0px 10px 40px -20px,
      rgb(0 0 0 / 30%) 0px 30px 60px -30px,
      rgb(10 37 64) 1px 0px 14px 2px inset !important;
    margin: 94px;
    padding: 15px 15px 9px 24px;
    background-color: #69699fc7;
    border-radius: 0 0 10px 10px;
  }
}

@media screen and (max-width: 690px) {
  .nectar-rotating-words-title.element_stagger_words
    .text-wrap
    > span::first-letter {
    color: #d4d4d4;
  }

  .nectar-rotating-words-title .dynamic-words {
    font-family: "Antic Slab" !important;
  }

  .row .abPos {
    right: -200px;
  }
}

/* list en mobiel slider */
@media only screen and (max-width: 690px) {
  .nectar-icon-list[data-direction="horizontal"][data-columns]
    .nectar-icon-list-item {
    width: 100%;
    margin: 0 0 30% 0;
  }

  .swiper-slide .image-bg,
  .nectar-slider-wrap {
    max-height: 350px;
  }
}

@media only screen and (min-width: 691px) and (max-width: 1000px) {
  .swiper-slide .image-bg,
  .nectar-slider-wrap {
    max-height: 450px;
  }
}

@media only screen and (min-width: 1650px) {
  /* video */
  .wpb_row.parallax_section .nectar-video-inner {
    bottom: 34%;
    height: 45% !important;
    width: 55%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 690px) {
  .wpb_row.parallax_section .nectar-video-inner {
    bottom: 0;
    height: 18% !important;
    width: 100%;
    margin-bottom: 256%;
  }

  /*button */

  #belB {
    padding: 32px 75px !important;
  }
  .nectar-button #belB {
    width: 50% !important;
  }
}

@media only screen and (min-width: 691px) and (max-width: 1000px) {
  .wpb_row.parallax_section .nectar-video-inner {
    bottom: 770px;
    height: 45% !important;
    width: 90%;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1649px) {
  .wpb_row.parallax_section .nectar-video-inner {
    bottom: 410px;
    height: 50% !important;
    width: 87%;
  }
}

/* slider to main CSS */

.swiper-slide .image-bg {
  box-shadow:
    rgb(92 92 92 / 25%) 0px 40px 100px -20px,
    rgb(147 147 147 / 30%) 0px 30px 60px -30px,
    rgb(0 0 0) 5px -6px 10px -4px inset,
    rgb(0 0 0) -6px 6px 10px -4px inset !important;
}

/* temp mss nodig font weight toggle
.toggle > .toggle-title a {
  font-weight: 200 !important;
} */

/* verwijderen bij nieuwe lancering

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 200 !important;
} */

/* fix */

@media (width: 690px) {
  .vc_col-sm-3 {
    min-width: 25%;
    width: unset !important;
  }
}

@media (width: 690px) {
  .vc_col-sm-4 {
    width: unset;
    min-width: 33.333333%;
  }
}

#siteBut {
  background: linear-gradient(125deg, #ffb65b, #e5926e) !important;
  box-shadow:
    rgb(145 145 145 / 17%) 0px -23px 25px 0px inset,
    rgb(137 46 11 / 71%) 0px -36px 30px 0px inset,
    rgb(189 237 95 / 15%) 0px -79px 40px 0px inset,
    rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
  padding: 41px 106px !important;
}

#siteBut:hover {
  box-shadow:
    rgb(137 70 31 / 55%) 0px -23px 25px 0px inset,
    rgb(137 46 11 / 71%) 0px -36px 30px 0px inset,
    rgb(189 237 95 / 15%) 0px -79px 40px 0px inset,
    rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
}

.marBot40 {
  margin-bottom: 24px !important;
}

/* fix offcanvas paddings mobile */
@media (max-width: 999px) {
  body.mobile .slide-out-widget-area,
  body.mobile .slide-out-widget-area-inner,
  body.mobile .slide-out-widget-area-bg {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* header logo settings aangepast */
@media (min-width: 1000px) {
  #logo .header-logo {
    transform: scale(0.95);
    transform-origin: left center;
    opacity: 0;
    will-change: transform, opacity;
  }
  body.logo-anim-ready #logo .header-logo {
    transform: scale(1);
    opacity: 1;
    transition:
      transform 260ms ease,
      opacity 220ms ease;
  }
}

@media (min-width: 1000px) {
  #logo {
    visibility: hidden;
  }
  /* Logo wrapper context */
  .header-logo {
    position: relative;
  }

  /* Fallback zichtbaar by default */
  .header-logo .alpha-fallback {
    position: absolute;
    inset: 0;
    background: center / contain no-repeat url("/video/0001.webp");
    z-index: 2;
  }

  /* Canvas onder fallback */
  .header-logo .alpha-canvas {
    position: relative;
    z-index: 1;
    display: block;
    background: transparent;
  }

  /* Zodra WebGL ready is → fallback weg */
  .header-logo.is-ready .alpha-fallback {
    opacity: 0;
    pointer-events: none;
  }
}

/* menu off canvas margin buttons */
@media only screen and (max-width: 690px) {
  .wpb_column.child_column.top_margin_phone_20pct {
    margin-top: 35% !important;
  }

  /*   #slide-out-widget-area .inner>div:first-of-type {
    margin-left: 0px !important;
}*/
}