/***General Styles***/

#prospectiveLanding .no-margin-left {
	margin-left: 0 !important;
}

#prospectiveLanding .no-margin-right {
	margin-right: 0 !important;
}

#prospectiveLanding .no-horizontal-margin {
	margin: 20px 0 !important;
}

#prospectiveLanding .fourty-margin {
	margin: 20px 40px !important;
}

#prospectiveLanding .inline-style {
	display: inline-flex !important;
}

h1{
	font-family: 'SourceSansProBold',Helvetica,Arial,sans-serif;
}

.last-grid-item-margin {
	margin-right: 0px !important;
}
@media only screen and (max-width:1000px){ 
	.no-margin-left { margin-left: 20px !important; }
	.no-margin-right { margin-right: 20px !important; }
}

/***Expandable Header Section***/

.exp-header-sixty-width {
	width: 66%;
	display: inline-flex;
}

.exp-header-full-width {
	width: 100%;
	display: inline-flex;
}

.exp-header-container {
	transition: all 0.5s ease;
	width: 34%;
	height: 575px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.fixed-header-container h2 {
	color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
}

.fixed-header-container h3 {
	margin-bottom: 0;
    font-size: 25px;
	line-height: 30px;
    color: #b9e6ff;
    max-width: 335px;
}

.fixed-header-container a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}

.fixed-header-container h4 {
	padding-right: 20px;
	margin-bottom: 0px;
}

.exp-header-image {
	min-width: 500px;
	max-width: none;
	height: 576px;
	left: 50%;
	position: absolute;
	margin-left: -250px;
}

#community {
	background-image: url('/studentlife/images/homepage/header-community.jpg');
	background-position: center;
	background-size: 100%;
}

#wellness {
	background-image: url('/studentlife/images/homepage/header-wellness.jpg');
	background-position: center;
	background-size: 100%;
}

#support {
	background-image: url('/studentlife/images/homepage/header-support.jpg');
	background-position: center;
	background-size: 100%;
}

#prospectiveLanding #header-image {
	height: 575px !important;
}

.fixed-header-container {
	height: 575px;
	width: 34%;
	background: url(https://emu.edu/_resources/images/home2019/right-info-sidebar-background.jpg);
	background-size: cover;
	color: #fff;
	position: relative;
}

.header-button-white {
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
	width: 100px;
	margin: auto;
	position: relative;
	top: 475px;
	text-transform: uppercase;
	padding: 5px 5px 2px;
	line-height: 25px;
}

#community-header-layer {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#wellness-header-layer {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#support-header-layer {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.padding-container {
	padding: 30px;
}

.header-large-button-white {
	position: absolute;
    top: 432px;
}

.inner-large-button-white {
	color: #fff;
    font-size: 22px;
    text-align: center;
    border: 1px solid #fff;
    width: 250px;
    text-transform: uppercase;
    padding: 20px 15px 15px;
    line-height: 26px;
    font-weight: bold;
}

.inner-large-button-white:hover {
	color: #f3a61f;
	background-color: #fff;
}

#deposit-button:hover {
	text-decoration: none;
}

#community-header-layer h1 {
	color: #fff;
	margin: 120px auto 40px;
	text-transform: uppercase;
	width: 60%;
	text-shadow: 2px 2px #111;
	line-height: 42px;
	display: none;
}

#community-header-layer p {
	color: #fff;
	margin: 25px auto;
	width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}

#wellness-header-layer h1 {
	color: #fff;
	margin: 120px auto 50px;
	text-transform: uppercase;
	width: 60%;
	text-shadow: 2px 2px #111;
	line-height: 42px;
	display: none;
}

#wellness-header-layer p {
	color: #fff;
	margin: 25px auto;
	width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}

#support-header-layer h1 {
	color: #fff;
	margin: 120px auto 40px;
	text-transform: uppercase;
	text-shadow: 2px 2px #111;
	width: 60%;
	line-height: 42px;
	display: none;
}

#support-header-layer p {
	color: #fff;
	margin: 25px auto;
	width: 60%;
	text-shadow: 1px 1px #111;
	font-size: 17px;
	display: none;
}

@media only screen and (min-width:2100px){
	.fixed-header-container { width: 40% !important; } 
	.exp-header-sixty-width { width: 60% !important; } 
}
@media only screen and (min-width:2400px){
	.fixed-header-container { width: 45% !important; } 
	.exp-header-sixty-width { width: 55% !important; } 
}
@media only screen and (max-width:900px){ 
	.fixed-header-container { display: none !important; } 
	.exp-header-sixty-width { width: 100% !important; } 
}

/***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);
	position: relative;
	padding: 10px 0 7px;
	transition:top .4s linear;
}

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

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

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

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

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

#prospectiveLanding .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){ 
	#prospectiveLanding .admissions-follow-links span { font-size: 15px !important; margin: 0px 8px !important; } 
}
@media only screen and (max-width:891px){
	#prospectiveLanding .admissions-follow-links span { font-size: 14px !important; margin: 0px 6px !important; } 
}
@media only screen and (max-width:799px){
	#placeholder-height { height: 68px; }
}


/***Link Section***/

#prospectiveLanding .link-section {
	text-align: center;
	padding: 40px 0 25px;
}

/*** 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;
}

@media only screen and (max-width: 960px) {
	.campus-interviews-container { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; max-width: 95%;}
}
@media only screen and (max-width: 511px) {
	.campus-interviews-container { grid-template-columns: 1fr; grid-template-rows: 1fr; max-width: 80%; }
}

/**** 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;
}

/***Purpose Statement Section***/

.purpose-statement-section { background-color: #fff; text-align: center; font-size: 30px; font-weight: bold; background: url(/_resources/images/home2019/top-gradient.jpg); width: 100%; background-size: cover; }
.purpose-statement-sky-gradient .meet-header { padding: 20px 0 0; }
.location-purpose-statement-description { max-width: 90%; width: 700px; margin: 25px auto 15px; padding-bottom: 5px; }
.location-purpose-statement-description p {  margin: 0; font-size: 16px; line-height: 22px; font-weight: initial; position: relative; }
.purpose-statement-mountain-graphic { background: url('/_resources/images/home2019/mountain-graphic.png'); width: 100%; height: 200px; background-size: cover; position: relative; background-position-x: center; z-index: 1; margin-top: 15px; }

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

.contact-section {
	text-align: center;
	background-color: #fff;
	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;
}

/***Responsive Design***/

@media only screen and (max-width:946px) and (min-width: 644px){
	#prospectiveLanding .fourty-margin { margin: 20px 0 20px 40px !important; }
}
@media only screen and (max-width:845px){
	#visit-section-break { display: none !important; }
}
@media only screen and (max-width:811px){ 
	.jump-full-width { background-color: rgb(16, 44, 82) !important; padding: 12px 0 10px !important; } 
}
@media only screen and (max-width:799px){ 
	#prospectiveLanding .grid-item { margin: 0 0 20px 0 !important; } 
	header .section { z-index: 2 !important; } 
	.mobile-page-title { display: inherit !important; padding-top: 10px; }
	.mobile-sub-nav { display: inherit !important; }
	#prospectiveLanding .admissions-follow-links { display: none !important; }
	header {height: 7em;}
	#prospectiveLanding #header-image { height: 450px !important; background: #102c52; }
	.jump-full-width { z-index: 3 !important; } 
	#community-header-layer h1, #wellness-header-layer h1, #support-header-layer h1 { line-height: 30px; font-size: 28px !important; width: 90%; margin: 0 auto 10px; display: inherit; }
	#community-header-layer p, #wellness-header-layer p, #support-header-layer p { display: none; }
	#community-header-layer, #wellness-header-layer, #support-header-layer { left: 100%; width: 300%; position: absolute; display: flex; }
	.mobile-header-centering { width: 100%; align-self: center; }
	.header-button-white { top: 0px; }
	#community-container:hover .header-button-white, #wellness-container:hover .header-button-white, #support-container:hover .header-button-white { background: #fff; color:#000; }
	.exp-header-container { height: 150px; width: 100% !important; }
	.exp-header-image { height: 150px; width: 25%;  left: 0px; margin-left: 0px; background-size: cover !important; min-width: 0; }
	.header-button-white { top: 0px; }
	#header-image .inline-style { display: inline-block !important; }
	#community-header-layer { background-color: rgb(0, 86, 184); }
	#wellness-header-layer { background-color: rgb(243, 167, 30); }
	#support-header-layer { background-color: rgb(124, 193, 255); }
}
@media only screen and (max-width:650px){
	#prospectiveLanding .mobile-page-title h1 { font-size: 34px !important;}
}
@media only screen and (max-width:540px){ 
	#prospectiveLanding .admissions-button { margin: 65px 10px 35px !important; }
	#prospectiveLanding .no-margin-right { margin-right: 0px !important; }
	#prospectiveLanding .no-margin-left { margin-left: 0px !important; }
}
@media only screen and (max-width:435px){ 
	#prospectiveLanding .fourty-margin { margin: 0 !important; }
}
@media only screen and (max-width:400px){ 
	.removable-breaks-400 {display: inherit !important;}
}