.class-level { color: var(--booked-dark-color) }

.no_multisport {
  color: #dd9933;
  line-height: 1.2;
  margin: 0px;
  font-size: 0.8em;
}
.level {
  word-break: break-all; 
  line-height: 0.8;
  font-weight: normal;
}
.dark-button {
    padding-top: 6px !important; 
    padding-bottom: 5px !important;
}
.timeslot a {
    font-weight: 500 !important;
    color: var(--booked-title-color)
    /*white-space: nowrap;*/
}
.timeslot a::before {
    content: '\A';
    display: block;
    margin-top: 5px;
}
.timeslot a:hover {color: var(--booked-light-color)}

.timeslot.bookedClearFix.timeslot-unavailable.timeslot-empty {
    background-color: transparent;
    box-shadow: none;
    /*min-height: 150px;*/
}
.timeslot.bookedClearFix.timeslot-unavailable.timeslot-empty:hover {
    background-color: transparent;
}
.timeslot-disabled {
    background-image: url(/wp-content/themes/betheme/images/stripes/stripes_10_b.png);
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available {
    margin-top: 10px;
    padding: 0px;
    line-height: 1;
    font-size: .6rem;
}
.booked-details {
    border-top: 1px solid rgba(0,0,0,.08);
    margin-top: 10px;
    padding-bottom: 55px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time .timeslot-more-info-panel {
    font-size: 75%;
}
#schedule .one-sixth.column {
    margin-bottom: -25px;
    width: 14.285%;
}
h4 {
    font-size: 20px;
}

div.timeslot button.dark-button span.button-text,
div.timeslot button:disabled span.button-text {
    letter-spacing: -0.5px;
    font-size: 90%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time .timeslot-range {
    font-weight: normal;
    font-size: 13.5px;
    display: inline;
}

/* desktop **********************************************************************************************************/
@media screen and (min-width: 768px) {
body .booked-calendar-wrap .booked-appt-list .timeslot {
    background-color: white;
    margin-bottom: 10px;
    border-top: 0;
    box-shadow: 0 0 20px 0px rgb(90 77 70 / 5%);
    position: relative;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
    width :100%;
    font-size: 100%;
    padding: 20px 10px 10px 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time {
    margin-bottom: 0px;
    padding: 20px 10px 10px 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time .timeslot-range {
    font-size: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {
    margin: 10px 0 0px 0;
    display: block;
    color: #646464;
    line-height: normal;
    font-size: 90%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {
    font-size: 13px;
    float: unset;
    margin: 0px 10px;
    letter-spacing: 0px;
    line-height: 13px;
    min-height: 40px;
    padding: 6px 10px !important;
    width: calc(100% - 20px);
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled] {
    float: unset;
    margin: 0px 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people {
    height: auto;
    padding: 0px;
}
div.timeslot span.button-text {
    font-size: 90%;
}
}

/* big desktop **********************************************************************************************************/
@media screen and (min-width: 1240px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time .timeslot-range {
    font-size: 14px;
}
}

/* small desktop **********************************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1239px) {
div.timeslot span.button-text {
    font-size: 70%;
    line-height: 0.9;
}
div.timeslot button.dark-button span.button-text, div.timeslot button:disabled span.button-text {
    letter-spacing: -0.5px;
    font-size: 70%;
}
}

/* tablet **********************************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 959px) {
h4 {
    letter-spacing: -1px;
    font-size: 16px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time .timeslot-range {
    font-size: 10.5px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
    font-size: 12px;
    padding: 10px 5px 10px 5px !important;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {
    font-size: 11px;
    line-height: 11px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
}

/* mobile **********************************************************************************************************/
@media screen and (max-width: 767px) {
#schedule .one-sixth.column {
    margin-bottom: -10px;
    width: 100%;
}
h4 {
    /*font-size: 16px;*/
    /*margin-top: 15px;*/
}

div.timeslot button.dark-button span.button-text,
div.timeslot button:disabled span.button-text {
    letter-spacing: unset;
}
body .booked-calendar-wrap .booked-appt-list .timeslot {
    background-color: white;
    margin-bottom: 10px;
    width: calc(50% - 10px);
    float: left;
    margin: 0px 5px 15px;
    border-top: 0px solid #ddd;
    box-shadow: 0 0 20px 0px rgb(90 77 70 / 5%);
    position: relative;
}
.timeslot.bookedClearFix.timeslot-unavailable.timeslot-empty {
    display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child {
    margin: 0px 5px 10px;
}
}

/* tablet & mobile **********************************************************************************************************/
@media screen and (max-width: 959px) {
/*body .booked-calendar-wrap .booked-appt-list .timeslot:nth-last-child(1):nth-child(odd) {
    margin-left: calc(25% + 5px);
}
*/
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title .timeslot-time {
    height: auto;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
    width :100%;
    font-size: 100%;
    padding: 10px 10px 10px 10px;
    display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time {
    margin-bottom: 0px;
    padding: 10px 10px 10px 10px;
    width: 100%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title {
    margin: 10px 0 0px 0;
    display: block;
    color: #646464;
    line-height: normal;
	font-size: 100%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {
    font-size: 13px;
    float: unset;
    margin: 0px 0px;
    letter-spacing: 0px;
    line-height: 13px;
    width: 100%;
    min-height: 40px;
    padding: 6px 10px !important;
    border-radius: 0px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled] {
    float: unset;
    margin: 0px 0px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px;
    display: block;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people {
    height: auto;
    padding: 0px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .button-timeslot {
    display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title {
    display: none;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text {
    display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available {
    display: none;
}
body .booked-calendar-wrap {
    margin : 0px;
}
}

@media screen and (max-width: 767px) {body .booked-calendar-wrap .booked-appt-list .timeslot {width: calc(25% - 10px);}}
@media screen and (max-width: 599px) {body .booked-calendar-wrap .booked-appt-list .timeslot {width: calc(33% - 10px);}}
@media screen and (max-width: 399px) {body .booked-calendar-wrap .booked-appt-list .timeslot {width: calc(50% - 10px);}}

div.timeslot.bookedClearFix.has-title { visibility: hidden; }
div.timeslot.bookedClearFix.has-title.eqh-ready { visibility: visible; }