.sections-table__td--right,
.sections-table__th--right {
    text-align: right;
}

.sections-table__td--left,
.sections-table__th--left {
    text-align: left;
}

/**
 * Zebra stripe the table. TODO: use BEM
 */
table#sections-table tbody tr:nth-child(2n+1)>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))
}

.embedded-map {
    border: none;
    width: 100%;
    height: 600px;
}

.event-info {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
}

.event-info__upcoming-fee {
    margin-left: 10px;
}

.event-info__upcoming-fee-changes-to {
    margin-top: 5px;
    font-style: oblique;
}

.event-info__subheader {
    font-weight: bold;
}

.availability__total-available-spots-text--urgent {
    color: red;
}

.availability__total-number-of-available-spots {
    font-weight: bold;
}

.notes-from-the-event-director {
    overflow-x: hidden;
}