@charset "utf-8";
/* CSS Document */

/* Hamburger boven GTranslate houden */
.mobile-nav-toggle {
  position: fixed !important;
  top: 30px !important;
  right: 30px !important;
  z-index: 1000001 !important;
  pointer-events: auto !important;
}

/* GTranslate iets lager zetten zodat hij niet over de hamburger ligt */
#gt_float_wrapper {
  top: 80px !important;
  right: 30px !important;
  z-index: 999998 !important;
}

/* Open menu volledig schermvullend maken */
.mobile-nav-active .navmenu {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 999999 !important;
}

.mobile-nav-active .navmenu ul {
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 90px !important;
}

/* =========================
   MOBIEL OPTIMALISATIES
========================= */

@media (max-width: 767px) {

  .container,
  .category-diensten-layout.container {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .row.ms-4.me-4,
  .category-diensten-layout .row.ms-4.me-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .offset-md-1,
  .offset-lg-1,
  .category-diensten-layout .offset-md-1 {
    margin-left: 0 !important;
  }

  .category-diensten-layout .col-lg-5,
  .category-diensten-layout .col-md-5,
  .category-diensten-layout .col-xl-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .card,
  .category-diensten-layout .card {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }

  .card-body,
  .category-diensten-layout .card-body {
    padding: 24px !important;
  }

  p,
  .category-diensten-layout p {
    font-size: 17px !important;
    line-height: 1.7 !important;
  }

  h1 {
    font-size: 34px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  h3 {
    font-size: 26px !important;
  }

  h4,
  .category-diensten-layout h4 {
    font-size: 22px !important;
  }

}