.single-event {
    margin: 0 20px 0 20px;
    font-weight: bold;
}

.single-event .New {
    color: darkblue;
}

.single-event .Was {
    color: red;
    display: inline;
}

.single-event .online {
    color: darkgreen;
    margin: 1px;
    display: inline;
}

.single-event .card {
    padding: 15px 10px;
}

.single-event .location {
    padding: 2px 0 2px 0;
}

.single-event .dates {
    font-size: 18px;
}

.single-event .time {
    margin: 2px 0 5px 0;
    padding: 2px 0 2px 0;
    font-size: 14px;
}

.single-event .btn {
    font-size: 16px;
    padding: 10px;
}

.class_days {
    display: inline;
    margin: 0 5px 0 0;
}

.class_time {
    display: inline;
    margin: 0 0 0 5px;
}

#comments .p-5 {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
}

.tuition_base {
    text-decoration: line-through;
    font-weight: normal;
}

.tuition_price {
    font-size: 28px;
    font-weight: bold;
}

#sale_date {
    font-size: 16px;
}

.lesson-dot {
    font-size: 6px;
}

.lesson-item {
    font-size: 14px;
    line-height: auto;
}

.lesson-activity-title {
    font-weight: 500;
}

.buttons_group {
    display: block;
}

.sptb {
    margin: 0;
    padding: 20px;
}

.compare-check {
    font-size: 64px;
    color: #00ff00;
}

.compare-times {
    font-size: 64px;
    color: #ff0000;
    margin-right: 10px;
}

.outline-item {
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0 0 0;
}

.outline-sub-item {
    padding-left: 15px;
    margin: 0;
}

.outline-dot {
    font-size: 8px !important;
    vertical-align: text-top;
    padding-top: 6px;
    padding-right: 10px;
}

#time_zone {
    display: block;
    color: #595959;
    font-weight: 500;
}

.date_card {
    border-top: 1px solid rgba(85, 85, 85, 0.28) !important;
    border-bottom: 1px solid rgba(85, 85, 85, 0.28) !important;
    border-right: 1px solid rgba(85, 85, 85, 0.28) !important;
    margin: 5px 0 10px 0 !important;
}

.date_ribbon {
    top: -2px;
    right: -2px;
}

.date_ribbon span {
    font-size: medium;
}

.date_ribbon span i sup {
    font-size: x-small;
}

.class-location {
    font-size: 15px;
    font-weight: bold;
    float: left !important;
}

.class-dates {
    font-size: 17px;
    font-weight: bold;
}

.class-days {
    font-size: 14px;
}

.class-time {
    font-size: 14px;
}

.ny_class {
    color: rgb(0, 0, 187);
}

.ny_edge {
    border-left: 6px solid rgb(0, 0, 187) !important;
}

.dc_class {
    color: rgb(0, 100, 0);
}

.dc_edge {
    border-left: 6px solid rgb(0, 100, 0) !important;
}

.online_class {
    color: rgb(243, 109, 0);
}

.online_edge {
    border-left: 6px solid rgb(243, 109, 0) !important;
}

.time_zone {
    font-size: 12px;
}

#widgets-group .card {
    background-color: #f6f7fb;
    border: none;
}

#widgets-group .text-muted {
    color: black !important;
    font-size: 14px;
}

.btn-timezone {
    color: #fff;
    background-color: #4f84c9;
    border-color: #4f84c9;
    padding: 2px 10px;
    width: 80px;
    font-size: small;
}

.btn-timezone:hover {
    color: #fff;
    background-color: #024daf;
    border-color: #024daf;
}

.btn-timezone:focus,
.btn-timezone.focus {
    box-shadow: 0 0 0 2px rgb(90, 84, 248, 0.5);
}

.btn-timezone.disabled,
.btn-timezone:disabled {
    color: #000;
    background-color: #0e54af;
    border-color: #0e54af;
}

.btn-timezone:not(:disabled):not(.disabled):active,
.btn-timezone:not(:disabled):not(.disabled).active,
.show>.btn-timezone.dropdown-toggle {
    color: #fff;
    background-color: #390eaf;
    border-color: #390eaf;
}

.btn-timezone:not(:disabled):not(.disabled):active:focus,
.btn-timezone:not(:disabled):not(.disabled).active:focus,
.show>.btn-timezone.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(24, 193, 185, 0.1);
}


/* On screens that are 1278px or less, set the background color to olive */

@media screen and (max-width: 1278px) {
    .class_days {
        display: block;
        margin: 0 0 0 0;
        font-size: 16px;
    }
    .class_time {
        display: block;
        margin: 0 0 0 0;
        font-size: 14px;
    }
    .single-event .time {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size: 16px;
    }
}


/* On screens that are 990px or less, set the background color to olive */

@media screen and (max-width: 990px) {
    .compare-check {
        font-size: 30px;
    }
    .compare-times {
        font-size: 30px;
    }
    .single-event .card {
        display: inline;
        margin: 5px 5px 5px 5px !important;
        width: 48% !important;
    }
    .class_days {
        display: inline;
        margin: 0 5px 0 0;
        font-size: 16px;
    }
    .class_time {
        display: inline;
        margin: 0 0 0 5px;
        font-size: 14px;
    }
    .single-event .time {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size: 16px;
    }
}


/* On screens that are 768px or less, set the background color to olive */

@media screen and (max-width: 768px) {
    .single-event .card {
        width: 100% !important;
    }
    .dates {
        font-size: 22px !important;
    }
    .class_days {
        display: inline;
        margin: 0 5px 0 0;
        font-size: 16px;
    }
    .class_time {
        display: inline;
        margin: 0 0 0 5px;
        font-size: 14px;
    }
    .single-event .time {
        margin: 0 0 5px 0;
        padding: 0 0 0 0;
        font-size: 16px;
    }
}


/* On screens that are 500px or less, set the background color to olive */

@media screen and (max-width: 500px) {
    #compare-table {
        display: none;
    }
}