/******************************************************************/
/*	Name: Visit
Location: Visit Page*/

/* Homepage panels */
.index-panel {
	padding-bottom:2em;
}
.index-panel .panel {
	background-color: #013c65;
	min-height: 8em;
	padding: 0 0 0 0;
	background-size: cover;
	background-position: top;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.index-panel .panel:hover {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.index-panel .panel h2, .index-panel .panel h3, .index-panel .panel p, .index-panel .panel li {
	color: #fff;
}
.index-panel .panel a {
	color: white;
	display: block;
	min-height: 8em;
	padding: 2.9em 1.25em 1.25em 1.25em;
	text-align: center;
	text-transform: uppercase;
}
.index-panel.transfer-student .panel a, .index-panel.graduate-student .panel a {
	padding: 3.5em 1.25em 1.25em 1.25em;
}
.index-panel.school-counselor .panel a {
	padding: 1.8em 1.25em 1.25em 1.25em;
}
.index-panel .panel a:hover {
	color: #f6b000;
}
.index-panel h3 {
	font-size: 1.5em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}


/* Legacy CSS */

.requestlinks li {
	margin-bottom: 20px;
}

.visitorintro {
	background-size: cover;
	background-repeat: no-repeat;
}

.visitorintro h2 {
	font-weight: 700 !important;
	font-size: 5em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

.visitorintro p {
	color: #FFF;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

.visitorintro a {
	font-weight: 600;
}

.visitorintro a:hover {
	color: #A2C7D2;
}

.visitorinfo h3 {
	text-transform: uppercase;
}

.visitorinfo h4 {
	text-transform: uppercase;
}

div.populations a {
	display: block;
	height: 188px;
	width: 309px;
	color: #fff;
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.3em;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	line-height: 1.2em;
}

div.populations a:hover {
	color: #fc0;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}

div.populations .admitted a {
	background-image: url("images/populations/admitted.jpg");
	padding-top: 70px
}

div.populations .counselor a {
	background-image: url("images/populations/counselor.jpg");
	padding-top: 45px
}

div.populations .grad a {
	background-image: url("images/populations/grad.jpg");
	padding-top: 85px
}

div.populations .transfer a {
	background-image: url("images/populations/transfer.jpg");
	padding-top: 85px
}

div.populations .highschool a {
	background-image: url("images/populations/highschool.jpg");
	padding-top: 85px
}

div.populations .international a {
	background-image: url("images/populations/international.jpg");
	padding-top: 70px
}

@media only screen and (min-width: 64em) {
	/* LARGE*/
	.visitorintro {
		height: 536px;
		background-image: radial-gradient(transparent, #333), url('images/visit-2017.jpg');
	}

	.visitorintro h2 {
		margin-top: 200px;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/* MEDIUM */
	.visitorintro {
		height: 341px;
		background-image: radial-gradient(transparent, #333), url('images/visit-2017.jpg');
	}

	.visitorintro h2 {
		margin-top: 50px;
		font-size: 4em;
	}
}

@media only screen and (max-width: 40.063em) {
	/* SMALL */
	.visitorintro {
		height: 262px;
		background-image: radial-gradient(transparent, #333), url('images/visit-2017.jpg');
	}

	.visitorintro h2 {
		font-size: 3em;
		margin-top: 20px;
	}
}

/* STUDENT TYPE BOXES ON APPLY PAGE */
.student-type {
	width: 100%;
	height: 275px;
	margin: 20px 0;
	text-align: center;
	border: 1px solid #333;
}

.student-type .student-type-icon-box {
	position: relative;
	top: -30px; 
	display: inline-block;
	margin-bottom: 30px;
	padding: 10px;
	background: white;
}

.student-type .student-type-heading {
	position: relative;
	top: -30px;
}

.student-type .student-type-description {
	width: 80%;
	margin: 0 auto;
 }

.student-type .student-type-icon-box > img.student-type-icon {
	width: 40px; }

a:hover .student-type {
	border-color:#F6B000 !important;
}