@charset "UTF-8";
.highlight-yellow {
  background: yellow;
  padding: 2px;
}
@media screen and (min-width: 991px) {
  .img-sticky-top {
    position: sticky;
    top: 60px;
  }
  body.oxy-modal-active {
    overflow-y: scroll !important;
  }
}
body p a, body .ct-text-block a {
  color: var(--primary-color);
}
.oxy-rich-text ul {
  list-style: none;
}
.oxy-rich-text ul li:before {
  content: "✓";
  margin-left: -35px;
  margin-right: 15px;
  color: var(--secondary-color);
  font-weight: bold;
}
.normalize-ul ul {
  list-style: disc !important;
  margin-left: -22px;
  margin-right: 15px;
}
.normalize-ul ul li:before {
  content: none;
  display: none !important;
}
.font-xs {
  font-size: 12px;
}
@media screen and (min-width: 992px) {
  .burger-trigger {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  #fancy_icon-296-17 {
    color: var(--light-color) !important;
  }
}
.trigger-features {
  border-radius: 6px;
  cursor: pointer;
  transition: 200ms all linear;
  opacity: 1;
}
.interactive-features.active .trigger-features {
  opacity: 0.5;
}
.interactive-features.active .trigger-features.active {
  opacity: 1;
}
.interactive-features-title {
  font-size: 0.9em;
}
.interactive-features-description {
  font-size: 0.75em;
  margin-top: -2.5px;
}
.oxy-modal-backdrop .ct-modal {
  max-height: 85vh;
}
@media screen and (max-width: 767px) {
  .oxy-modal-backdrop .ct-modal {
    max-height: 100vh;
  }
}
.wysiwyg-bg-blue {
  background-color: #dddaed;
  display: block;
  border-radius: 3px;
}
.wysiwyg-bg-yellow {
  background-color: #fcf2e8;
  display: block;
  border-radius: 3px;
}
.wysiwyg-bg-green {
  background-color: #a6f0e5;
  display: block;
  border-radius: 3px;
}
.wysiwyg-bg-blue p, .wysiwyg-bg-yellow p, .wysiwyg-bg-green p {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.2;
  padding: 13px 19px;
}
button.ct-link-text {
  border-width: 0px;
  cursor: pointer;
}
.wp-block-gallery {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-gallery figure {
  display: block !important;
  border-radius: 4px;
}
.wp-block-gallery img {
  border-radius: 4px;
}
.card-dots {
  position: relative;
}
.card-dots:before {
  position: absolute;
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: repeat;
  background-position: center;
  background-size: 40.8px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath fill='%23FFF' d='M0 0h96v96H0z'/%3E%3Cpath d='M24 20a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 48a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm48 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0-48a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E");
  /*background-image: url(https://framerusercontent.com/images/c0EZxtMucSR6UOSZk2TBnWsqr4.svg); */
  /*background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96"><path fill="#FFF" d="M0 0h96v96H0z"/><path d="M24 20a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 48a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm48 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0-48a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg>"); */
  content: "";
  opacity: 0.075;
  z-index: 0;
  mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
}
.card-dots > div, .card-dots h1, .card-dots h2, .card-dots h3, .card-dots h4, .card-dots h5, .card-dots h6, .card-dots span, .card-dots p, .card-dots a, .card-dots img, .card-dots iframe, .card-dots video, .card-dots button {
  z-index: 1;
}
.tc-fixed-top {
  position: sticky;
  top: 0px;
}
.gradient-headline-text {
  background-image: linear-gradient(178deg, #1144b6 19.6541%, #11a3f2 81.3526%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
/* ===== Image cards (stijl homepage) ===== */
/* Kaart = container, content onderaan */
.c-posts-grid .oxy-post {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  aspect-ratio: 1;
  /* vierkant zoals op de homepage */
  padding: 24px !important;
  margin: 0 !important;
  border: none;
  border-radius: 18px;
  overflow: hidden;
  background: #0d1b2a;
  /* fallback als er geen afbeelding is */
  text-align: left;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.c-posts-grid .oxy-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(13, 27, 42, 0.25);
}
/* Afbeelding vult de hele kaart, achter de tekst */
.c-posts-grid .oxy-post-image {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  order: 0;
}
.c-posts-grid .oxy-post-image img, .c-posts-grid .oxy-post-image-fixed-ratio {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}
.c-posts-grid .oxy-post:hover .oxy-post-image img, .c-posts-grid .oxy-post:hover .oxy-post-image-fixed-ratio {
  transform: scale(1.06);
}
/* Donkere overlay onderaan zodat witte tekst leesbaar blijft */
.c-posts-grid .oxy-post::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(13, 27, 42, 0) 40%, rgba(13, 27, 42, 0.55) 70%, rgba(13, 27, 42, 0.88) 100%);
  pointer-events: none;
}
/* Titel: wit, over de foto */
.c-posts-grid .oxy-post-title {
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-posts-grid .oxy-post-title a {
  color: #fff;
  text-decoration: none;
}
/* Lees artikel: wit, met pijl */
.c-posts-grid .oxy-read-more {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.c-posts-grid .oxy-read-more::after {
  content: " ›";
  /* › zoals op de homepage */
  display: inline-block;
  margin-left: 2px;
  transition: transform 0.2s ease;
}
.c-posts-grid .oxy-post:hover .oxy-read-more::after {
  transform: translateX(4px);
}
.c-posts-grid .oxy-post-title:hover {
  color: white !important;
}
.c-posts-grid .oxy-read-more {
  display: none !important;
}
.c-posts-grid .oxy-read-more::after {
  content: "" !important;
}
/* Verberg excerpt/meta als die in het template zitten (past niet op een image card) */
.c-posts-grid .oxy-post-content, .c-posts-grid .oxy-post-meta {
  display: none;
}
/* ===== Responsive ===== */
@media (max-width: 991px) {
  .c-posts-grid .oxy-posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-posts-grid .oxy-post-title {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  /* Vierkant is te hoog op mobiel — maak de kaart breder dan hoog */
  .c-posts-grid .oxy-posts-grid {
    grid-template-columns: 1fr;
  }
  .c-posts-grid .oxy-post {
    aspect-ratio: 1.6;
    padding: 20px !important;
  }
  .c-posts-grid .oxy-post-title {
    font-size: 18px;
    -webkit-line-clamp: 2;
  }
}
.card-dots-top {
  position: relative;
}
.card-dots-top:before {
  position: absolute;
  border-radius: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: repeat;
  background-position: center;
  background-size: 40.8px auto;
  height: 500px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath fill='%23FFF' d='M0 0h96v96H0z'/%3E%3Cpath d='M24 20a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 48a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm48 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0-48a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E");
  /*background-image: url(https://framerusercontent.com/images/c0EZxtMucSR6UOSZk2TBnWsqr4.svg); */
  /*background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96"><path fill="#FFF" d="M0 0h96v96H0z"/><path d="M24 20a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 48a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm48 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0-48a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg>"); */
  content: "";
  opacity: 0.075;
  z-index: 0;
  mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
}
.card-dots-top > div, .card-dots-top h1, .card-dots-top h2, .card-dots-top h3, .card-dots-top h4, .card-dots-top h5, .card-dots-top h6, .card-dots-top span, .card-dots-top p, .card-dots-top a, .card-dots-top img, .card-dots-top iframe, .card-dots-top video, .card-dots-top button {
  z-index: 1;
}
.single-bron details {
  font-size: 1em !important;
}
p {
  font-size: 1em !important;
  line-height: 1.6em !important;
}
li {
  line-height: 1.6em !important;
}
h3 {
  line-height: 1.6em !important;
}
.single-bron .intro-h1-span {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
html .single-bron .wp-block-details {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.single-bron .wp-block-details {
  margin: 0.7em 0em 0.7em 0em !important;
  padding: 0.7em 0em 0.7em 0em !important;
}
#_posts_grid-49-49 .oxy-posts {
  grid-row-gap: 24px !important;
}
.quick-navigation {
  background: #f9f9f9;
  padding: 0.5em;
  margin-bottom: 2em;
  border-left: 4px solid #0073aa;
  width: 100%;
}
.quick-navigation h3 {
  margin-top: 12.5px;
  padding-left: 15px;
  margin-bottom: -15px;
}
.quick-navigation ul {
  list-style: none;
  padding-left: 1em;
  margin-top: 22.5px;
}
.quick-navigation li {
  margin-bottom: 2.5px;
}
.quick-navigation a {
  text-decoration: none;
  color: #0073aa;
}
.quick-navigation a:hover {
  text-decoration: underline;
}
#image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
#image-modal .modal-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
#image-modal img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
#image-modal .close-modal {
  position: absolute;
  top: -30px;
  right: -30px;
  font-size: 2em;
  color: white;
  cursor: pointer;
}
/* Cheatsheet stylign */
#cheatsheet-search {
  width: 100%;
  padding: 1em;
  margin-bottom: 3rem;
  background-color: #f8fafc;
  /* licht blauwgrijs */
  color: #0f172a;
  border: 1px solid #c7d2fe;
  /* zacht blauw */
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.4;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
#cheatsheet-search::placeholder {
  color: #64748b;
}
#cheatsheet-search:hover {
  border-color: #93c5fd;
}
#cheatsheet-search:focus {
  background-color: #ffffff;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
/* ---------- Highlight ---------- */
.cheatsheet-highlight {
  background: #fef3c7;
  color: #92400e;
  padding: 0 3px;
  border-radius: 4px;
}
/* ---------- Layout ---------- */
.cheatsheet-row {
  columns: 3;
  column-gap: 16px;
}
/* Tablet */
@media (max-width: 980px) {
  .cheatsheet-row {
    columns: 2;
  }
}
/* Mobiel */
@media (max-width: 600px) {
  .cheatsheet-row {
    columns: 1;
  }
}
/* ---------- Cards ---------- */
.cheatsheet-container {
  color: #0f172a;
}
.cheatsheet-dropdown {
  display: inline-block;
  width: 100%;
  break-inside: avoid;
  margin: 0 0 16px;
  background: #ffffff;
  /* vlak = rust */
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06);
}
/* ---------- Toggle button ---------- */
.cheatsheet-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 14px;
  padding: 1.1em 1.25em;
  background: #f1f5ff;
  color: #1e3a8a;
  border: 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}
.cheatsheet-toggle:hover {
  background: #e0e7ff;
}
.cheatsheet-toggle:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}
/* ---------- Accordion content ---------- */
.cheatsheet-content {
  padding: 8px 0;
}
.cheatsheet-item {
  padding: 12px 16px;
  color: #475569;
  font-size: 14px;
}
/* ---------- Icon rotate ---------- */
.cheatsheet-icon {
  transition: transform 0.2s ease;
}
.cheatsheet-toggle[aria-expanded="true"] .cheatsheet-icon {
  transform: rotate(180deg);
}
/*
body:before {
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    left: 0;
    background-repeat: repeat;
    background-position: center;
    background-size: 40.8px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath fill='%23FFF' d='M0 0h96v96H0z'/%3E%3Cpath d='M24 20a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 48a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm48 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0-48a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E");
    
    content: "";
    opacity: 0.075;
    z-index: 0;
    mask: linear-gradient(
0deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
    height: 500px;
    z-index: 0;
}
*/
.tc-bron-label [href="https://transpaclean.nl/category/artikelen/"] {
  display: none;
}
.oxy-repeater-pages {
  font-size: 16px !important;
  display: flex;
  gap: 10px;
}