*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.m-4 {
  margin: var(--spacing-4);
}
.my-40 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}
.mb-10 {
  margin-bottom: var(--spacing-10);
}
.mb-12 {
  margin-bottom: var(--spacing-12);
}
.mb-16 {
  margin-bottom: var(--spacing-16);
}
.mb-6 {
  margin-bottom: var(--spacing-6);
}
.mt-0 {
  margin-top: 0;
}
.grid {
  display: grid;
}
.size-full {
  width: 100%;
  height: 100%;
}
.justify-center {
  justify-content: center;
}
.gap-10 {
  gap: var(--spacing-10);
}
.gap-20 {
  gap: var(--spacing-20);
}
.gap-8 {
  gap: var(--spacing-8);
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.p-2 {
  padding: var(--spacing-2);
}
.p-4 {
  padding: var(--spacing-4);
}
.p-8 {
  padding: var(--spacing-8);
}
.px-2 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}
.px-4 {
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}
.px-8 {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}
.py-12 {
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12);
}
.py-16 {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}
.py-20 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}
.py-3 {
  padding-top: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}
.py-40 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}
.pb-12 {
  padding-bottom: var(--spacing-12);
}
.pb-2 {
  padding-bottom: var(--spacing-2);
}
.pb-8 {
  padding-bottom: var(--spacing-8);
}
.pt-10 {
  padding-top: var(--spacing-10);
}
.pt-16 {
  padding-top: var(--spacing-16);
}
.pt-20 {
  padding-top: var(--spacing-20);
}
.pt-8 {
  padding-top: var(--spacing-8);
}
.text-3xl {
  font-size: var(--font-size-3xl);
}
.text-base {
  font-size: var(--font-size-base);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

/* Set Bricks Font Size to match Tailwind font size */
html {
  font-size: 100%;
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-xs: clamp(0.79rem, -0.24vw + 0.85rem, 0.57rem);
    --font-size-sm: clamp(0.89rem, -0.14vw + 0.92rem, 0.75rem);
    --font-size-base: clamp(1rem, 0vw + 1rem, 1rem);
    --font-size-lg: clamp(1.13rem, 0.22vw + 1.07rem, 1.33rem);
    --font-size-xl: clamp(1.27rem, 0.53vw + 1.13rem, 1.77rem);
    --font-size-2xl: clamp(1.5rem, 1.02vw + 1.18rem, 2.35rem);
    --font-size-3xl: clamp(1.6rem, 1.61vw + 1.2rem, 3.13rem);
    --font-size-4xl: clamp(1.8rem, 2.48vw + 1.18rem, 4.16rem);
    --font-size-5xl: clamp(2.03rem, 3.69vw + 1.1rem, 5.53rem);
    --font-size-6xl: clamp(2.28rem, 5.35vw + 0.94rem, 7.36rem);
    --font-size-7xl: clamp(2.57rem, 7.61vw + 0.66rem, 9.79rem);
  }
}

/* Fluid spacing size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --spacing-05: clamp(0.44rem, -0.45vw + 0.55rem, 0.01rem);
    --spacing-1: clamp(0.49rem, -0.51vw + 0.62rem, 0.01rem);
    --spacing-15: clamp(0.55rem, -0.57vw + 0.7rem, 0.02rem);
    --spacing-2: clamp(0.62rem, -0.64vw + 0.78rem, 0.02rem);
    --spacing-25: clamp(0.7rem, -0.71vw + 0.88rem, 0.03rem);
    --spacing-3: clamp(0.79rem, -0.79vw + 0.99rem, 0.04rem);
    --spacing-35: clamp(0.89rem, -0.89vw + 1.11rem, 0.05rem);
    --spacing-4: clamp(1rem, -0.99vw + 1.25rem, 0.06rem);
    --spacing-5: clamp(1.13rem, -1.1vw + 1.4rem, 0.08rem);
    --spacing-6: clamp(1.27rem, -1.22vw + 1.57rem, 0.11rem);
    --spacing-7: clamp(1.42rem, -1.34vw + 1.76rem, 0.15rem);
    --spacing-8: clamp(1.6rem, -1.48vw + 1.97rem, 0.2rem);
    --spacing-9: clamp(1.8rem, -1.62vw + 2.21rem, 0.26rem);
    --spacing-10: clamp(2.03rem, -1.77vw + 2.47rem, 0.35rem);
    --spacing-11: clamp(2.28rem, -1.92vw + 2.76rem, 0.46rem);
    --spacing-12: clamp(2.57rem, -2.06vw + 3.08rem, 0.61rem);
    --spacing-14: clamp(2.89rem, -2.18vw + 3.43rem, 0.81rem);
    --spacing-16: clamp(3.25rem, -2.28vw + 3.82rem, 1.08rem);
    --spacing-20: clamp(3.65rem, -2.33vw + 4.24rem, 1.44rem);
    --spacing-24: clamp(4.11rem, -2.31vw + 4.69rem, 1.91rem);
    --spacing-28: clamp(4.62rem, -2.19vw + 5.17rem, 2.55rem);
    --spacing-32: clamp(5.2rem, -1.91vw + 5.68rem, 3.39rem);
    --spacing-36: clamp(5.85rem, -1.42vw + 6.21rem, 4.5rem);
    --spacing-40: clamp(6.58rem, -0.62vw + 6.74rem, 5.99rem);
    --spacing-44: clamp(7.41rem, 0.59vw + 7.26rem, 7.97rem);
    --spacing-48: clamp(8.33rem, 2.38vw + 7.74rem, 10.6rem);
    --spacing-52: clamp(9.37rem, 4.97vw + 8.13rem, 14.09rem);
    --spacing-56: clamp(10.55rem, 8.63vw + 8.39rem, 18.75rem);
    --spacing-60: clamp(11.86rem, 13.76vw + 8.42rem, 24.93rem);
    --spacing-64: clamp(13.35rem, 20.86vw + 8.13rem, 33.16rem);
    --spacing-72: clamp(15.01rem, 30.62vw + 7.36rem, 44.1rem);
    --spacing-80: clamp(16.89rem, 43.96vw + 5.9rem, 58.66rem);
    --spacing-96: clamp(19rem, 62.12vw + 3.47rem, 78.01rem);
  }
}

/*** Custom changes ***/

#brx-content h1, #brx-content .h1 {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-3xl);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 115 115 / var(--tw-text-opacity, 1));
}

h2, .h2 {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-2xl);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 115 115 / var(--tw-text-opacity, 1));
}

h3, .h3 {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-xl);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 115 115 / var(--tw-text-opacity, 1));
}

h4, .h4 {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-lg);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 115 115 / var(--tw-text-opacity, 1));
}

h5, .h5 {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-base);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 115 115 / var(--tw-text-opacity, 1));
}

h6, .h6 {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-sm);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 115 115 / var(--tw-text-opacity, 1));
}

#brx-content p {
  font-size: var(--font-size-lg);
}

/* Auto margin on H3 headings post content */

.brxe-post-content h3 {
  margin-top: var(--spacing-16);
}


/* Padding left mobile menu items */

.brxe-xslidemenu .sub-menu {
  padding-left: var(--spacing-4);
}

/* Cards */

.repeater-item .image,
.repeater-item .image-wrapper {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.repeater-item .content-wrapper {
  justify-self: stretch;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.page-card-image-wrapper {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 77 77 / var(--tw-bg-opacity, 1)) !important;
}

/* Hero Heading */

.hero-heading {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

/* Dekreuen cards */

.dr-posts .bricks-layout-inner {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dr-posts .bricks-layout-inner .content-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgb(0 128 128 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}


.dr-posts .bricks-layout-inner:hover .content-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgb(77 166 166 / var(--tw-bg-opacity, 1));
}

/* Dekreu single page */

.dr-title {
  margin-bottom: var(--spacing-10) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

/* Nieuws Cards */

.news-posts .repeater-item:hover h3 a,
.brxe-block:hover h3 {
  --tw-text-opacity: 1;
  color: rgb(77 166 166 / var(--tw-text-opacity, 1));
}


.brxe-block .card-heading-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(0 128 128 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.brxe-block .card-heading-bg h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.brxe-block:hover .card-heading-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(77 166 166 / var(--tw-bg-opacity, 1));
}


/* Nieuws Page */

.page-numbers.current {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(191 223 223 / var(--tw-bg-opacity, 1));
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
}

@media (min-width: 640px) {
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .md\:-mt-4 {
    margin-top: calc(var(--spacing-4) * -1);
  }
  .md\:p-2 {
    padding: var(--spacing-2);
  }
}