#course-search { border-top: 5px solid #6b2c91; background: #f8f8f8; }
#course-search fieldset { border: none; padding: 40px 20px; }
#course-search .formRowContainer.keywords { max-width: 400px; }
#course-search .formRowContainer.subject { max-width: 600px; }
#course-search input { border-color: #8c8c8c; }
#course-search input:focus { outline: auto; outline-color: #000; }

.formRowContainer.subject p { margin-bottom: 10px; font-size: 1em; padding: 0; }
.formRowContainer.subject label { display: inline-block; margin: 0 5px 5px 0; border: 1px solid #ededed; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 8px; }
.formRowContainer.subject label:hover { border-color: #8c8c8c; }
.formRowContainer.subject [type="radio"]:focus + label { outline: auto; outline-color: #000; }
.formRowContainer.subject [type="radio"]:checked + label { border: 1px solid #6b2c91; background: #6b2c91; color: #fff; }

.formRowContainer.submit input.clear-filters { display: none; padding: 6px 15px !important; }

.clear-filters { margin-top: 20px; padding: 0; }

.course-list-container .column-headings { display: none; margin-bottom: 10px; font-size: 1.230769em; }
.course-list-container .column-headings div { margin: 0; font-weight: 600; }

.course-search-no-results { display: none; }

.course-list-container ul { margin: 0; padding: 0; list-style: none; border-top: 0 solid #ccc; width: 100%; }
.course-list-container li { margin: 0 0 10px 0; padding: 0; background: none; }
.course-list-container div { display: block; width: 100%; vertical-align: top; padding: 0; }
.course-list-container ul div.degree { display: none; }
.course-list-container ul div.duration:before { content: "Duration: "; }
.course-list-container ul div.delivery:before { content: "Delivery: "; }
.course-list-container ul div.keywords { display: none; }
.course-list-container a:visited { color: #6b2c91; }

.course-list-container .clear-filters { text-align: right; }

.js .formRowContainer.submit input.search,
.clear-filters a { display: none; }
.js .formRowContainer.submit input.clear-filters { display: inline; }

@media only screen and (min-width: 600px) {
	#course-search fieldset { border: none; padding: 40px 30px; }
	.formRowContainer.subject label { margin: 0 10px 10px 0; }
}

@media only screen and (min-width: 900px) {
	.course-list-container .column-headings,
	.course-list-container li { display: flex; }
	.course-list-container .column-headings div,
	.course-list-container ul div { box-sizing: border-box; padding: 0 5px 0 0; }

	.course-list-container div.title { width: 50%; }
	.course-list-container div.degree { width: 15%; }
	.course-list-container div.duration { width: 20%; }
	.course-list-container div.delivery { width: 15%; }

	.course-list-container ul div { word-break: break-word; }
	.course-list-container ul div.degree { display: block; }
	.course-list-container ul div.duration:before,
	.course-list-container ul div.delivery:before { content: none; }

	.title-degree {	position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
}

@media only screen and (min-width: 1000px) {
	.course-list-container .column-headings { margin-bottom: 0; }
	.course-list-container .column-headings div { background-color: #000; color: #fff; }
	.course-list-container .column-headings div:nth-child(even) { background: #666; }

	.course-list-container div.degree,
	.course-list-container div.duration,
	.course-list-container div.delivery { text-align: center; }

	.course-list-container .column-headings div,
	.course-list-container ul div { padding: 8px; }

	.course-list-container li { margin-bottom: 2px; background: #f8f8f8; }
}

@media only screen and (min-width: 1300px) {
	.course-list-container div.title { width: 55%; }
	.course-list-container div.duration { width: 15%; }
}