/* Wrapper — enables scroll on small screens */
.course-dates-table-wrapper {
    margin: 1.5rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Base table */
.course-dates-table {
    width: 100%;
    min-width: 280px;
    border-collapse: separate !important; 
    border-spacing: 0 !important;        
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.2em !important;
    font-family: "Open Sans","Open Sans Fallback", sans-serif;
    border-radius: 5px !important;
    overflow: hidden !important; 
    border-bottom: 1px solid #80808080 !important;
}

/* Header row */
.course-dates-table thead {
    background: #ba983f;
}

.course-dates-table th {
    padding: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    
    white-space: nowrap;
    color: #ffffff;
}

/* Body cells */
.course-dates-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eee;
    font-weight: 500;
    color: #222222;
    padding: 5px !important;
}

/* Zebra striping */
.course-dates-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* Hover effect */
.course-dates-table tbody tr:hover {
    background: #f0f7ff;
}

/* Center align on desktop and up */
@media (min-width: 768px) {
    .course-dates-table th,
    .course-dates-table td {
        text-align: center;
    }
}