/* =========================================
HOME PAGE FORMATTING adapted from https://warwick.ac.uk/services/studentopportunity/
============================================ */
.shadow {
 	background-color: rgba(0, 0, 0, 0);
 	position: absolute;
 	top: 0;
 	height: 100%;
 	width: 100%;
}		
.headtext {
 	position: absolute;
 	top: 46%;
 	left: 4%;
 	text-align: left;
 	color: #fff;
 	font-size: 3.25em;
 	font-weight: bold;
 	line-height: 1em;
 }

 .services {
 	padding: 2% 0% 2% 0%;
 }

 .services a {
 	text-decoration: underline;
 	font-weight: bold;
 	color: #552D62;
 }

 .services a:hover {
 	text-decoration: underline;
	 color: #552D62;
 }

.browsing {
	position: relative;
	left: 5%;
	display: inline-block
 }
.column-1 h2, .column-1 h3, .column-1 h4, .column-1 h5, .column-1 h6 {
	font-weight: bold;
}
.column-1 p, .column-1 .container-text li, .column-1 .margins li, h6 {
	font-size: 1.1em!important;
}
	.hr {border-color: #fff;}

.margins {
	margin-left: 10%;
	margin-right: 10%;
}

.body-large-title {
		font-size: 4em;
		margin-bottom: -20px
	}
	.body-large-title, .body-medium-title {
		font-weight: 700;
		line-height: 1.2;
		color: #fff!important;
	}
	.body-small-title {
		font-weight: 700;
		font-size: 1.5em;
		line-height: 1.2;
		color: #fff!important;
	}
	.body-medium-title, .body-small-title {
		margin-bottom: 10px
	}

@media (max-width: 768px) {
 	.headtext {
 		font-size: 5vw; 
 	}
	 .input-group-lg>.form-control {font-size: 16px;}

	.margins {
		margin-left: 0%;
		margin-right: 0%;
	}
 }

@media (max-width: 625px) {
	.browsing {
		left: 0%;
	}
}

 @media (max-width: 425px) {
 	.headtext {
 		display: none;
 	}
 }

/* =========================================
Section links adapted from https://warwick.ac.uk/study/international/immigration/css/iso-custom-sitewide-style.css 
============================================ */

.section-links {
	padding-top:60px;
	padding-bottom:60px;
}

.section-links a,
.section-links a:link,
.section-links a:visited {
    text-decoration: underline;
    color: #552D62;
}

.section-links h3 {
	text-decoration: underline;
    color: #552D62;
}

.section-links a:hover,
.section-links a:focus,
.section-links a:active {
    text-decoration: underline;
    color: #393A3B;


}

@media (max-width:767px) {
    .section-links .section-link {
        text-align: left;
    }

	.section-links .section-link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-links .section-link a h3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
        padding: 10px;
    }

    .section-links .section-link a .fa-stack {
        font-size: 3em;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:768px) {
    .section-links .section-link {
        text-align: center;
    }

    .section-links .section-link a .fa-stack {
        font-size: 5em;
    }
}

/* =========================================
Search bar formatting adapted from https://warwick.ac.uk/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;
}