/*** General Styles ***/

h2 {
	color: #0056b8;
	font-size: 45px;
	line-height: 44px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
@media only screen and (max-width:630px){ 
	h2 { font-size: 40px; }
}

/*** Page Header ***/

#virtualLanding #header-image {
	height: 450px !important;
	background: url(../images/header-image.jpg) no-repeat center center;
	background-size: cover !important;
	background-repeat: no-repeat;
	position: relative;
}

#header-filter-graphic {
	background: url(../images/header-filter.png);
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-position: center !important;
}

#virtualLanding #header-image h1 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'SourceSansPro',Helvetica,Arial,sans-serif;
	text-shadow: 1px 1px 10px #333;
	font-size: 48px;
	bottom: 40px;
	position: absolute;
	width: 100%;
}

/*** Below the Fold Anchor Links ***/

#placeholder-height {
	position:relative;
	height: 40px;
}

.jump-full-width {
	width: 100%;
	z-index:1999;
	background-color: rgb(24, 40, 76);
	top: -28px;
	position: relative;
	padding: 10px 0 7px;
	transition:top .4s linear;
}

#virtualLanding .admissions-follow-links {
	text-align:center;
}

#virtualLanding .admissions-follow-links span{
	display: inline-block;
	margin: 0 20px;
	font-size: 17px;
	text-align: center;
}

#virtualLanding  .admissions-follow-links span:first-child{
	margin-left: 0;
}

#virtualLanding  .admissions-follow-links span:last-child{
	margin-right: 0;
}

#virtualLanding  .admissions-follow-links a{
	color: #fff;	
	font-weight:bold;
	text-transform:uppercase;
}

#virtualLanding .admissions-follow-links a:hover{
	color: #f3a71e;	
	text-decoration: none;
}

.mobile-sub-nav {
	display: none;
	border: 1px solid #fff;
	border-radius: 15px;
	width: 75%;
	color: #fff;
	text-align: center;
	margin: auto;
	height: 18px;
	font-size: 25px;
	padding: 13px;
	cursor: pointer;
	background-color: #1c3a71;
}

.mobile-drowpown-list {
	display: none;
	background: #102c52;
	color: #fff;
	text-align: center;
}

.mobile-drowpown-ul {
	list-style: none;
	padding: 0;
}

.mobile-drowpown-ul a {
	color: #fff;
}

.mobile-drowpown-ul li {
	padding: 5px;
}

@media only screen and (max-width:1025px){ 
	#virtualLanding .admissions-follow-links span { margin: 0px 20px !important; } 
}
@media only screen and (max-width:962px){ 
	#virtualLanding .admissions-follow-links span { font-size: 16px !important; margin: 0px 8px !important; } 
	#virtualLanding .admissions-follow-links { display: none !important; }
	.mobile-sub-nav { display: inherit !important; }
	header { height: 7em; }
}
@media only screen and (max-width:675px){ 
	#placeholder-height {
		display: inherit !important;
	}
}

/*** Virtual Welcome Section ***/

.virtual-welcome-section {
	text-align: center;
	padding: 10px 0 50px;
	width: 900px;
    margin: auto;
    max-width: 95%;
}
.virtual-welcome-section h2 {
	font-size: 50px;	
	line-height: 54px;
	margin-bottom: 5px;
}
@media only screen and (max-width:962px){ 
	.virtual-welcome-section { padding: 20px 0 50px; }
}
@media only screen and (max-width:630px){ 
	.virtual-welcome-section h2 { font-size: 44px; }
}

.virtual-welcome-section p {
	margin-bottom: 15px;	
}
.bold-paragraph {
	font-weight: bold;
}

.virtual-welcome-button {
	color: #fff;
	background: #0056b8;
	border: 3px solid #0056b8;
	width: 200px;
	height: 35px;
	margin: auto;
	text-transform: uppercase;
	line-height: 37px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.virtual-welcome-button:hover {
	color: #0056b8;
	background: #fff;
	border: 3px solid #0056b8;
}

.welcome-grid-section {
	background: #e0edf7;
	padding: 50px 0;
}
.description-grid-item {
	margin: 0 40px 30px 0;
}
.grid-item {
	margin: 0 40px 30px 0;
}

.grid-feature-yellow .grid-title {
	background: #1b3668;
	padding: 15px 0 11px;
	border: 3px solid #1b3668;
	top: 0px;
}
.grid-feature-yellow .grid-title:hover {
	background: #fff;
	color: #f3a71e;
	font-weight: bold;
}
.grid-feature-yellow .grid-item {
	margin: 0 40px 0 0;
}
.last-grid-item-margin {
	margin-right: 0px !important;
}

@media only screen and (max-width: 1000px) {
	.grid-feature-yellow { text-align: center; }
	.wrap .description-grid-feature { padding-top: 35px !important; }
	.wrap .grid-feature { padding-top: 35px !important; }
}

/*** Virtual Tour Section ***/

.virtual-tour-section {
	text-align: center;
	padding: 40px 0;
}
.virtual-tour-container {
	max-width: 900px;
	margin:auto;
}

/*** Next Steps Section ***/

.next-steps-section {
	background: url("/admissions/virtual/images/next-steps-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 40px 0;
}
.next-steps-section h2 {
	color: #fff;	
}
.next-steps-video-container {
	-webkit-columns: auto 3;
	-moz-columns: auto 3;
	columns: auto 3;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	max-width: 900px;
	margin: auto;
}
.next-steps-video-item {
	margin-bottom: 15px;
	cursor: pointer;
	opacity: .7;
	width: 289px;
	transition: .5s ease;
}
.next-steps-video-item:hover {
	opacity: 1;
}
@media only screen and (max-width: 910px) {
	.next-steps-video-container {
		-webkit-columns: auto 2;
		-moz-columns: auto 2;
		columns: auto 2;
		max-width: 600px;
	}
}
@media only screen and (max-width: 615px) {
	.next-steps-video-container {
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
	}
}

/*** Campus Interviews Section ***/

.campus-interviews-section {
	background: #e0edf7;
	padding: 50px 0;
	text-align: center;
}
.campus-interviews-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-gap: 1em;
	margin: auto;
	max-width: 900px;
	text-align: left;
}
.campus-interviews-item {
	background: #0056b8;
	color: #fff;
	line-height: 36px;
	height: 35px;
	cursor: pointer;
	padding: 5px 15px;
	font-weight: bold;
	transition: .5s ease;
}
.campus-interviews-item:hover {
	background: #102c52;
}
.campus-interviews-item img {
	width: 20px;	
	position: relative;
	top: -2px;
	padding-right: 5px;
}
.interviews-section-button {
	color: #fff;
	background: #102c52;
	border: 3px solid #102c52;
	width: 900px;
	height: 40px;
	margin: 20px auto;
	text-transform: uppercase;
	line-height: 44px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	transition: .5s ease;
}
.interviews-section-button:hover {
	background: #fff;
	color: #0056b8;
	font-weight: bold;
}

@media only screen and (max-width: 960px) {
	.interviews-section-button { width: 94%; }
	.campus-interviews-container { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; max-width: 95%;}
}
@media only screen and (max-width: 511px) {
	.interviews-section-button { width: 79%; }
	.campus-interviews-container { grid-template-columns: 1fr; grid-template-rows: 1fr; max-width: 80%; }
}
@media only screen and (max-width: 370px) {
	.interviews-section-button { font-size: 12px; }	
}


/*** EMU Impact Section ***/

.emu-impact-section { 
	padding: 50px 0;
	text-align: center;
}
.emu-impact-section h2 {
	color: #0056b8;	
}
.impact-graphics-container {
	display: inline-flex;
	padding-bottom: 30px;
}
.impact-item {
	width: 185px;
	margin: 10px 20px;
}

@media only screen and (max-width: 675px) {
	.impact-item { width: 150px; margin: 10px; }
}
@media only screen and (max-width: 515px) {
	.impact-item { width: 125px; margin: 5px; }
	.impact-graphics-container { display: inline-block; }
}

/*** Life at EMU Section ***/

.emu-life-section {
	text-align: center;
}
.emu-life-sky {
	background: url(/_resources/images/home2019/top-gradient.jpg);
	background-size: cover;
	padding-top: 30px;
}
.launch-future-mountain-graphic {
	background: url(/_resources/images/home2019/mountain-graphic.png);
	width: 100%;
	height: 190px;
	background-size: cover;
	position: relative;
	background-position-x: center;
	z-index: 1;
}
.emu-life-top-background {
	background: #002e6c;
	height: 175px;
}
.emu-life-bottom-background {
	background: url(/admissions/virtual/images/blue-seal-background.jpg);
    background-position: center;
    background-size: cover;
	height: 550px;
	position: relative;
}

.pillars-container {
	display: inline-block;
	position: relative;
    top: 15px;
}
.pillar-item {
	width: 120px;
	margin: 0 10px;
}
.pillar-item:hover {
    opacity: .8;
}
.emu-life-video {
	border: 1px solid #fff;
	width: 400px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 155px;
	cursor: pointer;
}
.emu-life-video:hover {
	opacity: .9;
}
.emu-life-bottom-background p {
	color: #fff;
	position: relative;
	top: 415px;
	width: 900px;
	max-width: 95%;
	margin: auto;
	line-height: 20px;
	font-size: 15px;
}
.emu-life-bottom-background h3 {
	color: #fff;
    text-transform: uppercase;
    font-size: 54px;
    letter-spacing: 0px;
    position: absolute;
    width: 100%;
    top: 25px;
}
.emu-life-bottom-background h4 {
	color: #fff;
    text-transform: uppercase;
    letter-spacing: 3.5px;
    font-size: 38px;
    position: absolute;
    width: 100%;
    top: 85px;
}
@media only screen and (max-width: 860px) {
	.pillar-item { margin: 0; }
}
@media only screen and (max-width: 736px) {
	.emu-life-top-background { height: 350px; }
	.pillar-item { margin: 0 5px 5px; }
	.pillars-container { position: relative; top: -10px; z-index: 3; }
}
@media only screen and (max-width: 675px) {
	.emu-life-bottom-background p { display: none; }
	.emu-life-bottom-background { height: 450px; }
}
@media only screen and (max-width: 445px) {
	.emu-life-bottom-background h3 { font-size: 44px; top: 30px; }
	.emu-life-bottom-background h4 { letter-spacing: 3px; font-size: 30px; }
	.emu-life-video { width: 370px; margin-left: -185px; }
	.emu-life-bottom-background { height: 420px; }
}
@media only screen and (max-width: 400px) {
	.pillar-item { width: 100px; margin: 0 0 5px; }
	.pillars-container { top: 0;}
	.emu-life-video { width: 300px; margin-left: -150px; }
}

/***** Apply Section *****/

.apply-section {
	text-align: center;
	padding: 50px 0;
}
.apply-section .grid-item {
	margin: 40px 40px 40px 0;
}
.button-wrap {
	display: inline-flex;
	width: 100%;
}
.button-link {
	width: 50%;
}
.admissions-button {
	background-color: #1b3668;
	color: #fff;
	padding: 20px 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin: 20px 18px 35px;
}
.admissions-button:hover {
	background-color: #0056b8;
}
.button-link:hover {
	text-decoration: none;
}
.removable-breaks-400 {
	display: none;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}

@media only screen and (max-width: 800px) {
	.admissions-button { padding: 15px 30px; margin: 20px 18px 25px; } 
}
@media only screen and (max-width: 700px) {
	.admissions-button { padding: 15px; margin: 20px 5px 25px; }
}
@media only screen and (max-width: 500px) {
	.wrap .grid-feature { padding-top: 20px !important; }
}

/**** Contact Section ****/

.contact-section {
	text-align: center;
	background-color: #e6f0f9;
	padding: 50px 0;
}
.contact-section-button {
	color: #fff;
	background: #0056b8;
	border: 3px solid #0056b8;
	width: 975px;
	height: 40px;
	margin: auto;
	text-transform: uppercase;
	line-height: 44px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 20px;
	max-width: 85%;
}
.contact-section-button:hover {
	background: #fff;
	color: #0056b8;
	font-weight: bold;
}

/**** Page Footer Tweaks ****/

.footer-with-mountains {
	margin-top: 80px;
}

/**** YouTube Embeded Popup ****/

.youtube-embeded-popup {
	display: none;
	position: fixed;
	width: 100vw;
	top: 0;
	z-index: 100000;
	height: 100vh;
	background: rgba(25,25,25,.9);
}
.youtube-section-embed-container {
	position: relative;
	background: #fff;
	width: 854px;
	height: 480px;
	max-width: 96%;
    max-height: 53.88vw;
	margin: auto;
}

.youtube-section-embed-container iframe {
	border: none;
}
.youtube-inner-container {
	position:relative;
}
.exit-video-circle {
	width: 25px;
    height: 25px;
    background: #ddd;
    color: #444;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
	cursor: pointer;
}
.exit-video-circle span {
    position: relative;
    left: 7px;
    top: 1px;
    font-size: 26px;
}