@charset "UTF-8";
/* CSS Document */

footer {
	position: relative;
}

/***** FAQ section styling *****/

.question {
	font-style: italic;
}
.answer {
	padding-left: 2rem;
}

.faqhr {
	display: block;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 0.5px;
	border-color: lightgray;
}

/***** additional notes *****/

.note {
	padding-left: 2rem;
	font-style: italic;
}

p {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.total {
	list-style: none;
}

/***** grid of group session schdeule *****/

.options {
	padding-left: 0.75rem;
}

/*	.item1 {grid-area: month;} */
/*	.item2 {grid-area: blank1;} */
.item3 {grid-area: sun;}
.item4 {grid-area: mon;}
.item5 {grid-area: tues;}
.item6 {grid-area: wed;}
.item7 {grid-area: thurs;}
.item8 {grid-area: fri;}
.item9 {grid-area: sat;}
.item10 {grid-area: week1;}
.item11 {grid-area: m-p1-11;}
.item12 {grid-area: h-p1-11;}
.item13 {grid-area: s-p1-3;}
.item14 {grid-area: m-p1-3;}
.item15 {grid-area: h-p1-3;}
.item16 {grid-area: s-p1-8;}
.item17 {grid-area: m-p1-8;}
.item18 {grid-area: h-p1-8;}
.item19 {grid-area: week2;}
.item20 {grid-area: m-p2-11;}
.item21 {grid-area: h-p2-11;}
.item22 {grid-area: s-p2-3;}
.item23 {grid-area: m-p2-3;}
.item24 {grid-area: h-p2-3;}
.item25 {grid-area: s-p2-8;}
.item26 {grid-area: m-p2-8;}
.item27 {grid-area: h-p2-8;}
.item28 {grid-area: ob-11;}
.item29 {grid-area: week3;}
.item30 {grid-area: ob-3;}
.item31 {grid-area: week4;}
.item32 {grid-area: ob-8;}
.item33 {grid-area: oa-3;}
.item34 {grid-area: oa-8;}
.item35 {grid-area: ob-s;}
.item36 {grid-area: week5;}

.grid-container {
	display: grid;
	grid-template-areas:
	/*	'month month month month month month month month month' */
		'blank1 sun sun'
		'week1 s-p1-3 s-p1-3'
		'week1 s-p1-8 s-p1-8'
		'week2 s-p2-3 s-p2-3'
		'week2 s-p2-8 s-p2-8'
		'week3 oa-3 ob-s'
		'week3 oa-3 ob-s'
		'week4 oa-3 ob-s'
		'week4 oa-3 ob-s'
		'week5 open ob-s';

	gap: 10px;
	background-color: #333333;
	border-radius: 5px;
	padding: 10px;

}	

.grid-container > div {
	background-color: white;
	border-radius: 5px;
	padding: 5px;
/*	font-size: 1em; */
}

@media only screen and (max-width: 1000px){

	.grid-container {
		gap: 5px;
		padding: 5px;
		border: none;
		}

	.grid-container > div {
		font-size: 0.75rem;
		}

	.faqhr {
		border-color: gray;
		}

} /* end media query */