@charset "UTF-8";

.section-line-green {
	border-bottom: solid 4px rgba(144,178,60,1.00);
}
.section-line-blue {
	border-bottom: solid 4px rgba(60,122,178,1.00);
}
.section-bg-dark {
	background-color: rgba(52,52,52,1.00);
	color: rgba(255,255,255,1.00);
}
.section-bg-white {
	background-color: rgba(220,220,220,1.00);
	color: rgba(34,34,34,1.00);
}

.content-container {
	width: 80%;
}

.content-container {
	position: relative;
	margin: 0px auto;
	height: inherit;
}

.no-margin {
	margin: 0px;
	padding: 0px;
}
.no-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.no-list li {
	padding: 0px;
}
.no-wrap {
	white-space: nowrap;
}
.pad-content {
	padding: 10px;
}

.schedplay-container {
	background-color: rgba(239,239,239,1.00);
	min-height: 300px;
}
.schedplay-container .today {
	border-bottom: 3px solid #f57137 !important;
}
.schedplay-container .schedplay-header {
	border-bottom: 3px solid rgba(141,141,141,1.00);
}
.schedplay-container .schedplay-header h1 {
	margin: 0px;
	text-transform: capitalize;
	letter-spacing: 0em;
}
.schedplay-container .schedplay-header h2 {
	margin: 0px;
}
.schedplay-container .schedplay-day:nth-child(even) {
	background-color: rgba(231,231,231,1.00);
}
.schedplay-container .schedplay-item {
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(226,226,226,1.00);
	cursor: pointer;
}
.schedplay-item-image {
	margin: 5px 0px 0px 0px;
}
.schedplay-item-image img {
	max-width: 80%;
	height: auto;
}
.schedplay-item .schedplay-item-time {
	margin: 0px;
}
.schedplay-item .schedplay-item-name {
	margin: 5px 0px;
	font-weight: 700;
	color: rgba(4,74,113,1.00);
	text-transform: capitalize;
}
.schedplay-item .schedplay-item-room {
	margin: 0px;
	color: rgba(73,73,73,1.00);
}
.schedplay-item .schedplay-item-instructor {
	margin: 0px;
	color: rgba(73,73,73,1.00);
}
.schedplay-item .schedplay-item-signup {
	margin: 0px;
	font-style: italic;
	color: rgba(73,73,73,1.00);
}
.schedplay-item-desc {
	display: none;
}

.schedplay-item .schedplay-item-not-open {
	margin: 0px;
	font-style: italic;
	color: rgba(127,127,127,1.00);
}

.md-schedplay-time, .md-schedplay-duration, .md-schedplay-name, .md-schedplay-category, .md-schedplay-room, .md-schedplay-instructor {
	text-align: center;
	margin: 0px !important;
}
.schedplay-filters {
	padding: 5px 0px;
	text-align: center;
}

.schedplay-container {
	display: flex;
}
.schedplay-container .schedplay-day {
	flex: 1;
	margin: 7px;
	text-align: center;
}
.schedplay-container .schedplay-header {
	padding: 15px 0px;
	margin: 0px 0px 10px 0px;
}
.schedplay-container .schedplay-header h1 {
	font-size: 1.2em;
}
.schedplay-container .schedplay-header h2 {
	font-size: 0.9em;
}
.schedplay-container .schedplay-item {
	padding: 5px;
	margin: 3px auto;
}
.schedplay-item .schedplay-item-time {
	font-size: 1em;
}
.schedplay-item .schedplay-item-name {
	font-size: 1em;
}
.schedplay-item .schedplay-item-room {
	font-size: 1em;
}
.schedplay-item .schedplay-item-instructor {
	font-size: 0.7em;
}
.schedplay-item .schedplay-item-signup {
	font-size: 1em;
}
.schedplay-print {
	margin: 10px 0px 0px 0px;
	font-size: 0.8em;
	color: rgba(168,168,168,1.00);
}

@media screen and (max-width: 767px) {
	.content-container {
		width: 100%;
	}
    .schedplay-container {
        display: block;
    }
    .schedplay-container .schedplay-day {
        margin: 7px;
        text-align: left;
    }
    .schedplay-container .schedplay-header {
        padding: 10px 0px;
        margin: 0px 0px 5px 0px;
    }
    .schedplay-container .schedplay-header h1 {
        font-size: 1em;
    }
    .schedplay-container .schedplay-header h2 {
        font-size: 0.9em;
    }
    .schedplay-container .schedplay-item {
        padding: 5px;
        margin: 3px auto;
        position: relative;
    }
    .schedplay-item-image {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
    .schedplay-item .schedplay-item-time {
        font-size: 1em;
    }
    .schedplay-item .schedplay-item-name {
        font-size: 1em;
    }
    .schedplay-item .schedplay-item-room {
        font-size: 0.8em;
    }
    .schedplay-item .schedplay-item-instructor {
        font-size: 0.7em;
    }
    .schedplay-item .schedplay-item-signup {
        font-size: 0.7em;
    }
    .schedplay-print {
        display: none;
    }    
}