/***General Styles***/

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

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

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

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

#studentlifeLanding .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: 400px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

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

.fixed-header-container h3 {
	color: rgb(141, 198, 232);
	margin-bottom: 0;
	font-size: 18px;
}

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

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

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

#students {
	background-image: url('/multifaith-calendar/images/homepage/interfaith-6.jpg');
	background-position: center;
	background-size: 100%;
}

#info {
	background-image: url('/multifaith-calendar/images/homepage/interfaith-3.jpg');
	background-position: center;
	background-size: 100%;
}

#events {
	background-image: url('/multifaith-calendar/images/homepage/interfaith-5.jpg');
	background-position: center;
	background-size: 100%;
}

#studentlifeLanding #header-image {
	height: 400px !important;
}

.fixed-header-container {
	height: 375px;
	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: 450px;
	text-transform: uppercase;
	padding: 5px 5px 2px;
	line-height: 25px;
}

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

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

#events-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

/***Link Section***/

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

#studentlifeLanding .link-section {
	text-align: center;
}

.link-section h1 {
	text-transform: uppercase;
	margin-top: 10px;
}

.student-link-feature {
    display: inline-flex;
	background: #edf6fc;
    padding: 20px 10px 0;
    border: 1px solid #aaa;
}

.student-community-link-section, .student-support-link-section, .student-well-link-section {
    padding: 0 25px;
	width: 280px;
}

.student-community-link-section h3 {
	border-bottom: 3px solid #f3a71f;
}
.student-well-link-section h3 {
	border-bottom: 3px solid #92c6e4;
}
.student-support-link-section h3 {
	border-bottom: 3px solid #73ad3b;
}

.student-link-feature ul {
    padding: 0;
    list-style: none;
}

.student-link-feature ul li {
    padding: 5px 2px;
    border-bottom: 1px solid #aaa;
    text-align: left;
}

.student-link-feature ul li:last-child {
    border: none;
}

@media only screen and (max-width:1035px){
	.student-link-feature { padding: 20px 0 0; max-width: 98%; }
}
@media only screen and (max-width:650px){
	.student-community-link-section, .student-support-link-section, .student-well-link-section { padding: 0 15px; }
}
@media only screen and (max-width:575px){
	.student-community-link-section, .student-support-link-section, .student-well-link-section { margin: auto; }
	.student-link-feature { width: 350px; display: block; margin: auto; }
}

/***Virtual Tour***/

#studentlifeLanding #virtualTourBackground {
	background-image: url('/admissions/images/homepage-2018/virtual-tour-background.png');
	width: 2500px;
	height: 300px;
	margin-left: -1250px;
	left: 50%;
	background-repeat: no-repeat;
	position: relative;
}
#studentlifeLanding #virtualTourBackground .virtual-tour-container { 
	text-align:center; 
	top: 70px; 
	position: relative;
	max-width: 98vw;
	width: 900px;
    margin: auto;
}
#studentlifeLanding #virtualTourContainer {
	overflow: hidden;
}

/***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 { width: 75%; 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; }


/***News Section***/

#studentlifeLanding .news-section {
	background-color: #fff;
	text-align:center;
	padding: 50px 0;
	z-index: 0;
	position: relative;
}

#studentlifeLanding .news-header {
	color: #0056b8;
	text-transform: uppercase;
	font-size: 36px;
	font-family: 'SourceSansProBold',Helvetica,Arial,sans-serif;
}


/***Responsive Design***/

@media only screen and (max-width:946px) and (min-width: 644px){
	#studentlifeLanding .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){ 
	#studentlifeLanding .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; }
	#studentlifeLanding .admissions-follow-links { display: none !important; }
	header {height: 7em;}
	#studentlifeLanding #header-image { height: 468px !important; background: #102c52; }
	.jump-full-width { z-index: 3 !important; } 
	#students-header-layer h1, #info-header-layer h1, #events-header-layer h1 { line-height: 30px; font-size: 28px !important; width: 90%; margin: 0 auto 10px; display: inherit; }
	#students-header-layer p, #info-header-layer p, #events-header-layer p { display: none; }
	#students-header-layer, #info-header-layer, #events-header-layer { left: 100%; width: 300%; position: absolute; display: flex; }
	.mobile-header-centering { width: 100%; align-self: center; }
	.header-button-white { top: 0px; }
	#students-container:hover .header-button-white, #info-container:hover .header-button-white, #events-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; }
	#students-header-layer { background-color: rgb(0, 86, 184); }
	#info-header-layer { background-color: rgb(243, 167, 30); }
	#events-header-layer { background-color: rgb(124, 193, 255); }
}
@media only screen and (max-width:735px){ 
	#studentlifeLanding .cv-white-circles { margin: 0 15px !important; height: 140px !important; width: 140px !important; border-radius: 75px !important;}
	#studentlifeLanding .white-circle-inner-text { margin: -18% 0 0 0 !important; font-size: 22px !important; line-height: 28px !important; }
}
@media only screen and (max-width:650px){
	#studentlifeLanding .mobile-page-title h1 { font-size: 34px !important;}
}
@media only screen and (max-width:540px){ 
	#studentlifeLanding .admissions-button { margin: 65px 10px 35px !important; }
	#studentlifeLanding .no-margin-right { margin-right: 0px !important; }
	#studentlifeLanding .no-margin-left { margin-left: 0px !important; }
}
@media only screen and (max-width:435px){ 
	#studentlifeLanding .fourty-margin { margin: 0 !important; }
}
@media only screen and (max-width:400px){ 
	.removable-breaks-400 {display: inherit !important;}
}