/* CSS Document */



body.admin-bar .tb-block.is-sticky{
  --tb-sticky-top: calc(var(--tb-sticky-top) + 32px);
}

.tb-wrap{ width:100%; }

.tb-sectiontitle{
  margin: 20px 0 18px 0;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 56px;
  line-height: 1;
  color: #8FA5A3;
}

.tb-icon svg,
.tb-icon svg path {
  width: 22px;
  height: 22px;
  display: block;
  fill: currentColor !important;
}

/* Sticky header altijd boven rijen */
.tb-block.is-sticky .tb-header{
  position: sticky;
  top: var(--tb-sticky-top);
  
}

/* Zorg dat header een echte achtergrond heeft (anders "doorschijn") */
.tb-header{
  background: var(--tb-header-bg);
}

/* Zorg dat rijen onder de header vallen qua stacking */
.tb-row{ position: relative; z-index: 1; }


@media (max-width: 767px){
  .tb-sectiontitle{ font-size: 40px; }
}

.tb-subtitle{
  margin: 0 0 16px 0;
  font-size: 16px;
  line-height: 1.35;
  color: #1c1c1c;
}

.tb-block{
  --tb-header-bg: #183C40;
  --tb-header-text: #FFFFFF;
  --tb-row-bg: #7F9493;
  --tb-row-bg-alt: #728887;
  --tb-row-text: #FFFFFF;
  --tb-border-color: rgba(255,255,255,0.35);
  --tb-right-col: 320px;
  --tb-sticky-top: 0px;
  --tb-radius: 0px;

  border: 1px solid var(--tb-border-color);
  border-radius: var(--tb-radius);
  overflow: hidden;
  background: transparent;
}

.tb-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  font-weight:700;
  letter-spacing:0.5px;
  text-transform:uppercase;
  background: var(--tb-header-bg);
  color: var(--tb-header-text);
  position: relative;
  z-index: 2;
}

.tb-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
}

.tb-icon svg{ width:22px; height:22px; display:block; }

.tb-title{ font-size:16px; }

.tb-rows{ display:block; }

.tb-row{
  display:grid;
  grid-template-columns: minmax(0, 1fr) var(--tb-right-col);
  gap:18px;
  padding:18px 22px;
  border-top: 1px solid var(--tb-border-color);
  align-items:center;
  background: var(--tb-row-bg);
  color: var(--tb-row-text);
}

.tb-row.is-alt{ background: var(--tb-row-bg-alt); }

.tb-left{
  font-weight:400;
  line-height:1.35;
  min-width:0;
}

.tb-right{
  text-align:right;
  font-weight:500;
  line-height:1.35;
  min-width:0;
}

.tb-row--subheader{
  font-weight:600;
  text-transform:uppercase;
}

.tb-note{
  margin:14px 0 0 0;
  font-size:16px;
  line-height:1.5;
  color:#1c1c1c;
  font-weight:600;
}



@media (max-width: 767px){
    
    /* WP admin bar correctie bovenop jouw ingestelde offset */
body.admin-bar .tb-block.is-sticky{
  --tb-sticky-top: calc(var(--tb-sticky-top) + 32px);
}
@media (max-width: 782px){
  body.admin-bar .tb-block.is-sticky{
    --tb-sticky-top: calc(var(--tb-sticky-top) + 46px);
  }
}
    
  .tb-row{
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
  }
  .tb-right{ text-align:left; opacity:0.95; }
}