/* Styles used by the Annual Course Offerings page */

a.jumptolink {
    color: #0e5f7c;
    color: var(--text-links);
    text-decoration: none;
}

.jumptolink {
    padding: .1em .3em 0 .3em;
}

a.jumptolink.jumptolinkcurrent, a.jumptolink:hover {
    background-color: #45667e;
    color: #fff;
}

.alpha-menu {
    font-family: Rokkitt, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #0e5f7c;
    font-size: 1.5em;
    line-height: 1.5em;
    /*margin-bottom: .5em;*/
    margin-top: .5em;
}

.planned img {
    height: 2em;
    width: auto;
}

.classImageWrapper {
	display: inline-block;
	margin-right: 3%;
	text-align: center;
	width:22%;
}
.classImageWrapper label {
	font-size: .5em;
    display: block;
    line-height: .3em;
}

.classTable td {
	border-left: thin solid var(--border);
	padding: .3em .3em 0 .3em;
	white-space: nowrap;
}

figure {
	font-size: .8rem;
	line-height: 1.7em;
	margin: 1em 3em 3em 1em;
}
figure .classImage {
	height: 1.3em;
	margin-right: .5em;
	vertical-align: middle;
}
figure p {
	display: inline-block;
	margin-right: 2em;
}
figcaption {
	font-weight: bold;
}

@media (max-width: 80rem) {
	.classImage {
		height: 1.6em;
	}
}


@media (max-width: 45rem) {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.classImage {
		height: 1.5em;
	}
	.classTable td {
		/* Behave  like a "row" */
		border: none;
    	padding-left: 6em;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 3em;

		white-space: nowrap;
	}

	td:nth-of-type(even) {
		/*color: red;*/
	}

	td:nth-of-type(1) {
		font-size: 1.5em;
		font-weight: bold;
		padding: .5em .5em .5em 0;
	}



	/*
	Label the data
	*/
	td:nth-of-type(2):before { content: "Summer"; }
	td:nth-of-type(3):before { content: "Fall"; }
	td:nth-of-type(4):before { content: "Winter"; }
	td:nth-of-type(5):before { content: "Spring"; }


}