/* Scouting Dalfsen. De agenda volgt de globale kleuren en lettertypen van Elementor. */
.sd-agenda { --sda-green: var(--e-global-color-primary, #308d40) }
.sd-agenda { --sda-line: #e5e5e5 }
.sd-agenda { --sda-muted: #626262 }
.sd-agenda { --sda-heading-font: var(--e-global-typography-primary-font-family, "Neucha") }
.sd-agenda { --sda-text-font: var(--e-global-typography-text-font-family, "Poppins") }
.sd-agenda { --sda-max-width: 900px }
.sd-agenda { width: 100% }
.sd-agenda { max-width: var(--sda-max-width) }
.sd-agenda { min-width: 0 }
.sd-agenda { margin-inline: auto }
.sd-agenda { color: var(--e-global-color-text, #303030) }
.sd-agenda { font-family: var(--sda-text-font), sans-serif }
.sd-agenda { font-size: 16px }
.sd-agenda { font-weight: 400 }
.sd-agenda { line-height: 1.6 }
.sd-agenda { text-align: left }
.sd-agenda, .sd-agenda * { box-sizing: border-box }
.sd-agenda [hidden] { display: none !important }

/* Alleen het Dynamic Field met deze agenda krijgt een volledige, gecentreerde inhoud. */
.elementor-widget-jet-listing-dynamic-field:has(.sd-agenda) { width: 100% !important }
.elementor-widget-jet-listing-dynamic-field:has(.sd-agenda) { min-width: 0 }
.jet-listing-dynamic-field:has(.sd-agenda) { width: 100% !important }
.jet-listing-dynamic-field:has(.sd-agenda) { justify-content: center !important }
.jet-listing-dynamic-field:has(.sd-agenda) .jet-listing-dynamic-field__inline-wrap { width: 100% !important }
.jet-listing-dynamic-field:has(.sd-agenda) .jet-listing-dynamic-field__inline-wrap { min-width: 0 }
.jet-listing-dynamic-field:has(.sd-agenda) .jet-listing-dynamic-field__content { width: 100% !important }
.jet-listing-dynamic-field:has(.sd-agenda) .jet-listing-dynamic-field__content { min-width: 0 }
.jet-listing-dynamic-field:has(.sd-agenda) .r34ics-ajax-container { width: 100% }

.sd-agenda .sda-section-title { margin: 0 0 16px !important }
.sd-agenda .sda-section-title { color: #000 }
.sd-agenda .sda-section-title { font-family: var(--sda-heading-font), sans-serif }
.sd-agenda .sda-section-title { font-size: 28px !important }
.sd-agenda .sda-section-title { font-weight: 400 }
.sd-agenda .sda-section-title { line-height: 1.25 }

/* De pagina heeft al de kop Wat is de planning. Deze extra kop blijft voor schermlezers. */
.sd-agenda .sda-upcoming > .sda-section-title { position: absolute }
.sd-agenda .sda-upcoming > .sda-section-title { width: 1px }
.sd-agenda .sda-upcoming > .sda-section-title { height: 1px }
.sd-agenda .sda-upcoming > .sda-section-title { margin: -1px !important }
.sd-agenda .sda-upcoming > .sda-section-title { padding: 0 }
.sd-agenda .sda-upcoming > .sda-section-title { overflow: hidden }
.sd-agenda .sda-upcoming > .sda-section-title { clip-path: inset(50%) }
.sd-agenda .sda-upcoming > .sda-section-title { white-space: nowrap }
.sd-agenda .sda-upcoming > .sda-section-title { border: 0 }

.sd-agenda .sda-month { margin: 0 0 36px }
.sd-agenda .sda-month-title { margin: 0 !important }
.sd-agenda .sda-month-title { padding: 0 0 10px }
.sd-agenda .sda-month-title { border-bottom: 1px solid var(--sda-line) }
.sd-agenda .sda-month-title { background: transparent }
.sd-agenda .sda-month-title { color: #000 !important }
.sd-agenda .sda-month-title { font-family: var(--sda-heading-font), sans-serif }
.sd-agenda .sda-month-title { font-size: 32px !important }
.sd-agenda .sda-month-title { font-weight: 400 }
.sd-agenda .sda-month-title { line-height: 1.25 }
.sd-agenda .sda-month-title { letter-spacing: normal }
.sd-agenda .sda-rows { border: 0 }
.sd-agenda .sda-event { margin: 0 }
.sd-agenda .sda-event { padding: 0 }
.sd-agenda .sda-event { border: 0 }
.sd-agenda .sda-event { border-bottom: 1px solid var(--sda-line) }
.sd-agenda .sda-event { background: transparent }
.sd-agenda .sda-event.sda-next { border-left: 3px solid var(--sda-green) }
.sd-agenda .sda-event.sda-active { border-left: 3px solid var(--sda-green) }
.sd-agenda .sda-row { display: grid }
.sd-agenda .sda-row { grid-template-columns: minmax(135px, .9fr) minmax(180px, 1.1fr) minmax(0, 1.9fr) 18px }
.sd-agenda .sda-row { align-items: center }
.sd-agenda .sda-row { gap: 18px }
.sd-agenda .sda-row { min-height: 65px }
.sd-agenda .sda-row { padding: 16px }
.sd-agenda .sda-row { list-style: none }
.sd-agenda .sda-row { color: inherit }
.sd-agenda .sda-row { background: transparent }
.sd-agenda .sda-row { font-family: inherit }
.sd-agenda .sda-row { font-size: inherit }
.sd-agenda .sda-row { font-weight: inherit }
.sd-agenda .sda-row { line-height: inherit }
.sd-agenda .sda-next .sda-row { padding-left: 13px }
.sd-agenda .sda-active .sda-row { padding-left: 13px }
.sd-agenda summary.sda-row { cursor: pointer }
.sd-agenda summary.sda-row::-webkit-details-marker { display: none }
.sd-agenda summary.sda-row::marker { content: '' }
.sd-agenda summary.sda-row::before { content: none }
.sd-agenda summary.sda-row::after { content: none }
.sd-agenda summary.sda-row:hover { background: var(--e-global-color-secondary, #f4f4f4) }
.sd-agenda summary:focus-visible { outline: 2px solid var(--sda-green) }
.sd-agenda summary:focus-visible { outline-offset: -2px }
.sd-agenda .sda-date { font-weight: 500 }
.sd-agenda .sda-time { color: var(--sda-muted) }
.sd-agenda .sda-time { font-size: 14px }
.sd-agenda .sda-time { font-variant-numeric: tabular-nums }
.sd-agenda .sda-title { font-weight: 500 }
.sd-agenda .sda-title { overflow-wrap: anywhere }
.sd-agenda .sda-title { min-width: 0 }
.sd-agenda .sda-badge { display: inline-block }
.sd-agenda .sda-badge { margin-left: 12px }
.sd-agenda .sda-badge { padding: 0 }
.sd-agenda .sda-badge { color: #267032 }
.sd-agenda .sda-badge { font-size: 12px }
.sd-agenda .sda-badge { font-weight: 500 }
.sd-agenda .sda-badge { line-height: 1.5 }
.sd-agenda .sda-badge { white-space: nowrap }
.sd-agenda .sda-expand { color: var(--sda-green) }
.sd-agenda .sda-expand { font-size: 24px }
.sd-agenda .sda-expand { font-weight: 400 }
.sd-agenda .sda-expand { text-align: center }
.sd-agenda .sda-expand { line-height: 1 }
.sd-agenda .sda-event[open] .sda-expand { transform: rotate(45deg) }
.sd-agenda .sda-details { margin: 0 16px 16px }
.sd-agenda .sda-details { padding: 16px 20px }
.sd-agenda .sda-details { border: 0 }
.sd-agenda .sda-details { background: var(--e-global-color-secondary, #f4f4f4) }
.sd-agenda .sda-details { color: inherit }
.sd-agenda .sda-details { font-size: 14px }
.sd-agenda .sda-details p { margin: 0 0 12px }
.sd-agenda .sda-details p:last-child { margin-bottom: 0 }
.sd-agenda .sda-description { overflow-wrap: anywhere }
.sd-agenda .sda-description img { max-width: 100% }
.sd-agenda .sda-description img { height: auto }
.sd-agenda .sda-description img { box-shadow: none }
.sd-agenda .sda-description a { text-decoration: underline }
.sd-agenda .sda-description a { text-underline-offset: 3px }
.sd-agenda .sda-history { margin-top: 12px }
.sd-agenda .sda-history { border: 0 }
.sd-agenda .sda-history-toggle { display: flex }
.sd-agenda .sda-history-toggle { align-items: center }
.sd-agenda .sda-history-toggle { gap: 8px }
.sd-agenda .sda-history-toggle { padding: 14px 0 }
.sd-agenda .sda-history-toggle { border-bottom: 1px solid var(--sda-line) }
.sd-agenda .sda-history-toggle { cursor: pointer }
.sd-agenda .sda-history-toggle { color: inherit }
.sd-agenda .sda-history-toggle { font-family: inherit }
.sd-agenda .sda-history-toggle { font-weight: 500 }
.sd-agenda .sda-history-toggle { font-size: 15px }
.sd-agenda .sda-history-toggle { background: transparent }
.sd-agenda .sda-history-toggle { list-style: none }
.sd-agenda .sda-history-toggle::-webkit-details-marker { display: none }
.sd-agenda .sda-history-toggle::marker { content: '' }
.sd-agenda .sda-history-toggle::marker { font-size: 0 }
.sd-agenda .sda-history-toggle::before { content: none }
.sd-agenda .sda-history-toggle::after { content: '+' }
.sd-agenda .sda-history-toggle::after { margin-left: auto }
.sd-agenda .sda-history-toggle::after { color: var(--sda-green) }
.sd-agenda .sda-history-toggle::after { font-size: 24px }
.sd-agenda .sda-history[open] > .sda-history-toggle::after { content: '−' }
.sd-agenda .sda-count { color: var(--sda-muted) }
.sd-agenda .sda-count { font-size: 13px }
.sd-agenda .sda-count { font-weight: 400 }
.sd-agenda .sda-count::before { content: '(' }
.sd-agenda .sda-count::after { content: ')' }
.sd-agenda .sda-history-body { padding-top: 24px }
.sd-agenda .sda-history .sda-month-title { color: #525252 !important }
.sd-agenda .sda-history .sda-row { font-size: 15px }
.sd-agenda .sda-empty { margin: 0 0 28px }
.sd-agenda .sda-empty { padding: 16px 0 }
.sd-agenda .sda-empty { color: var(--sda-muted) }
.sd-agenda .sda-empty { background: transparent }

@media (max-width: 760px) {
  .sd-agenda .sda-row { grid-template-columns: minmax(115px, .85fr) minmax(165px, 1.15fr) minmax(0, 1.6fr) 18px }
  .sd-agenda .sda-row { gap: 12px }
  .sd-agenda .sda-row { padding: 15px 12px }
  .sd-agenda .sda-next .sda-row { padding-left: 9px }
  .sd-agenda .sda-active .sda-row { padding-left: 9px }
  .sd-agenda .sda-row { font-size: 15px }
}
@media (max-width: 600px) {
  .sd-agenda .sda-month { margin-bottom: 30px }
  .sd-agenda .sda-month-title { font-size: 28px !important }
  .sd-agenda .sda-row { grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr) 16px }
  .sd-agenda .sda-row { align-items: start }
  .sd-agenda .sda-row { gap: 4px 8px }
  .sd-agenda .sda-date { grid-column: 1 }
  .sd-agenda .sda-date { font-size: 14px }
  .sd-agenda .sda-time { grid-column: 2 }
  .sd-agenda .sda-time { font-size: 13px }
  .sd-agenda .sda-expand { grid-column: 3 }
  .sd-agenda .sda-expand { grid-row: 1 / span 2 }
  .sd-agenda .sda-title { grid-column: 1 / span 2 }
  .sd-agenda .sda-title { grid-row: 2 }
  .sd-agenda .sda-title { padding-top: 2px }
  .sd-agenda .sda-badge { margin-left: 10px }
  .sd-agenda .sda-badge { font-size: 11px }
  .sd-agenda .sda-details { margin: 0 12px 14px }
  .sd-agenda .sda-details { padding: 14px }
}