/* Match the existing standard TablePress table without requiring TablePress. */
table.springfields-opening-times {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    margin: 0 auto 10px;
    table-layout: fixed;
    width: 100%;
    color: #111;
    font: inherit;
}
.springfields-opening-times > tbody > tr > th,
.springfields-opening-times > tbody > tr > td {
    border: 0;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    font: inherit;
    color: #111;
    background: #fff;
    overflow-wrap: anywhere;
}
.springfields-opening-times > tbody > tr + tr > * {
    border-top: 1px solid #ddd;
}
.springfields-opening-times > tbody > tr:nth-child(even) > * {
    background: #f9f9f9;
}
.springfields-opening-times > tbody > tr:hover > * {
    background: #f3f3f3;
}
.springfields-opening-times .opening-day {
    width: 45.366%;
    text-transform: uppercase;
}
.springfields-opening-times.has-description .opening-day { width: 42%; }
.springfields-opening-times.has-description .opening-description { width: 30%; }

@media screen and (min-width: 769px) {
    .springfields-opening-times.has-description > tbody > tr > .opening-day,
    .springfields-opening-times.has-description > tbody > tr > .opening-description {
        padding-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    table.springfields-opening-times,
    .springfields-opening-times > tbody,
    .springfields-opening-times > tbody > tr {
        display: block;
        width: 100%;
    }
    .springfields-opening-times > tbody > tr {
        padding: 5px 0;
        background: #fff;
    }
    .springfields-opening-times > tbody > tr:nth-child(even) { background: #f9f9f9; }
    .springfields-opening-times > tbody > tr:hover { background: #f3f3f3; }
    .springfields-opening-times > tbody > tr + tr { border-top: 1px solid #ddd; }
    .springfields-opening-times > tbody > tr > th,
    .springfields-opening-times > tbody > tr > td {
        display: block;
        width: 100%;
        padding: 2px 5px;
        border: 0;
        background: transparent;
    }
    .springfields-opening-times > tbody > tr > .opening-description:empty { display: none; }
    .springfields-opening-times .opening-day,
    .springfields-opening-times.has-description .opening-day,
    .springfields-opening-times.has-description .opening-description { width: 100%; }
}

.springfields-opening-times > tbody > tr.opening-heading-row,
.springfields-opening-times > tbody > tr.opening-heading-row > .opening-heading {
    background: #666;
    color: #fff;
}
.springfields-opening-times > tbody > tr.opening-heading-row > .opening-heading {
    text-align: center;
    font-weight: 600;
}
