/* Market Dashboard Lite - public market shortcode
   All colours and main sizes are controlled from Market Dashboard > Markten > Stijl instellen. */
.angel-it-markten,
.angel-it-markten *{box-sizing:border-box;min-width:0}

.angel-it-markten{
  width:100%;
  max-width:var(--markt-max-width,1180px);
  margin:0 auto;
  padding:clamp(22px,4vw,48px);
  background:var(--markt-bg,#f8f4ed) !important;
  color:var(--markt-text,#2f2924) !important;
  font-family:inherit;
}

.angel-it-markten__header{
  width:100%;
  max-width:100%;
  margin-bottom:34px;
  padding-bottom:22px;
  border-bottom:1px solid var(--markt-border,#e6ded3) !important;
}

.angel-it-markten__title{
  margin:0 0 22px;
  color:var(--markt-text,#2f2924) !important;
  line-height:1.08;
  font-weight:600;
  letter-spacing:-.02em;
  max-width:100%;
  overflow-wrap:anywhere;
  font-family:inherit !important;
}

.angel-it-markten__intro{
  margin:0;
  color:var(--markt-muted,#7a6d61) !important;
  line-height:1.65;
  max-width:980px;
  width:100%;
  overflow-wrap:anywhere;
  font-family:inherit !important;
}

.angel-it-markten__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.angel-it-markt-card,
.angel-it-markten__empty{
  display:block;
  width:100%;
  background:var(--markt-panel,#ffffff) !important;
  border:1px solid var(--markt-border,#e6ded3) !important;
  border-radius:var(--markt-radius,24px) !important;
  color:var(--markt-text,#2f2924) !important;
  box-shadow:var(--markt-shadow,0 20px 55px rgba(48,38,28,.14)) !important;
  overflow:hidden;
  font-family:inherit !important;
}

.angel-it-markten__empty,
.angel-it-markt-card__content,
.angel-it-markt-highlight__content,
.angel-it-markt-highlight__inner{
  width:100%;
  max-width:100%;
  padding:28px 32px 30px;
}

.angel-it-markt-card__countdown,
.angel-it-markt-highlight__countdown{
  display:inline-flex;
  align-items:center;
  margin:0 0 14px !important;
  padding:7px 12px;
  border-radius:999px;
  background:var(--markt-accent,#8b6b52) !important;
  border:1px solid var(--markt-accent,#8b6b52) !important;
  color:var(--markt-button-text,#ffffff) !important;
  line-height:1;
  font-weight:600;
  font-family:inherit !important;
}

.angel-it-markt-card__date,
.angel-it-markt-card__note,
.angel-it-markt-highlight__date,
.angel-it-markt-highlight__note{
  color:var(--markt-muted,#7a6d61) !important;
}

.angel-it-markt-card__date,
.angel-it-markt-card__location,
.angel-it-markt-card__time,
.angel-it-markt-card__note,
.angel-it-markt-highlight__date,
.angel-it-markt-highlight__location,
.angel-it-markt-highlight__time,
.angel-it-markt-highlight__note{
  margin:0 0 8px;
  line-height:1.7;
  max-width:100%;
  overflow-wrap:anywhere;
  font-family:inherit !important;
}

.angel-it-markt-card__location,
.angel-it-markt-card__time{
  color:var(--markt-text,#2f2924) !important;
}

.angel-it-markt-card__title,
.angel-it-markt-highlight__title{
  margin:0 0 18px;
  color:var(--markt-text,#2f2924) !important;
  line-height:1.08;
  font-weight:600;
  letter-spacing:-.02em;
  max-width:100%;
  overflow-wrap:anywhere;
  font-family:inherit !important;
}

.angel-it-markt-card__footer,
.angel-it-markt-highlight__footer{margin-top:18px}

.angel-it-markt-card__link,
.angel-it-markt-highlight__link{
  display:inline-block;
  color:var(--markt-accent,#8b6b52) !important;
  text-decoration:none;
  border-bottom:1px solid var(--markt-accent,#8b6b52) !important;
  padding-bottom:2px;
  transition:opacity .2s ease,color .2s ease,border-color .2s ease;
  font-family:inherit !important;
}

.angel-it-markt-card__link:hover,
.angel-it-markt-highlight__link:hover{opacity:.85}

.angel-it-markt-highlight{
  display:block;
  width:100%;
  margin:0 0 18px;
  background:var(--markt-highlight,#3f2f25) !important;
  border-color:var(--markt-highlight,#3f2f25) !important;
}

.angel-it-markt-highlight__eyebrow{
  display:block;
  margin:0 0 16px !important;
  color:var(--markt-accent,#8b6b52) !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  font-family:inherit !important;
}

.angel-it-markt-highlight .angel-it-markt-card__title,
.angel-it-markt-highlight .angel-it-markt-card__location,
.angel-it-markt-highlight .angel-it-markt-card__time{
  color:var(--markt-text,#2f2924) !important;
}

.angel-it-markt-highlight .angel-it-markt-card__date,
.angel-it-markt-highlight .angel-it-markt-card__note{
  color:var(--markt-muted,#7a6d61) !important;
}

@media (max-width:1024px){
  .angel-it-markten__header{margin-bottom:24px;padding-bottom:16px}
  .angel-it-markten__title{margin-bottom:14px;line-height:1.15 !important;white-space:normal}
  .angel-it-markten__intro{line-height:1.6 !important;max-width:100%}
  .angel-it-markten__empty,
  .angel-it-markt-card__content,
  .angel-it-markt-highlight__content,
  .angel-it-markt-highlight__inner{padding:22px 20px 24px}
  .angel-it-markt-card__title,
  .angel-it-markt-highlight__title{line-height:1.15 !important}
}

@media (max-width:767px){
  .angel-it-markten__header{margin-bottom:20px;padding-bottom:14px}
  .angel-it-markten__title{margin-bottom:12px;line-height:1.18 !important;letter-spacing:0 !important;white-space:normal !important;text-wrap:wrap}
  .angel-it-markten__intro{line-height:1.58 !important;max-width:100%}
  .angel-it-markten__empty,
  .angel-it-markt-card__content,
  .angel-it-markt-highlight__content,
  .angel-it-markt-highlight__inner{padding:18px 16px 20px}
  .angel-it-markt-card__title,
  .angel-it-markt-highlight__title{line-height:1.18 !important}
  .angel-it-markt-card__location,
  .angel-it-markt-card__time,
  .angel-it-markt-card__note,
  .angel-it-markt-card__date,
  .angel-it-markt-highlight__date,
  .angel-it-markt-highlight__location,
  .angel-it-markt-highlight__time,
  .angel-it-markt-highlight__note{line-height:1.55 !important}
}
