/***General Styles***/

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

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

.last-grid-item-margin {
	margin-right: 0px !important;
}

/***Expandable Header Section***/

#givingLanding #header-image {
	height: 600px !important;
	background: url(https://emu.edu/giving/images/homepage-2019/fall-aerial.jpg) no-repeat center center;
	background-position-y: -50px;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
}

/**** Give Now Container ******/

.header-give-now-container {
	position: relative;
	top: 0px;
	width: 100%;
	max-width: 980px;
	margin: auto;
}

.header-give-now-inner-container {
	background: rgba(16, 44, 82, .9);
	width: 380px;
	border-radius: 10px;
	float: right;
	position: relative;
	margin-right: 20px;
}

.header-give-now-inner-container .give-now-header {
	color: #fff;
	text-align: center;
	font-size: 34px;
	margin: 35px 0 10px;
	line-height: 38px;
	text-transform: uppercase;
}

.header-give-now-inner-container .give-now-subhead {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 25px;
}

.header-give-now-inner-container .give-now-textbox-container {
	width: 100%;
	text-align: center;
}

.header-give-now-inner-container .give-now-textbox {
	width: 85%;
	height: 45px;
	border: none;
	padding: 11px 4px 11px 15px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 24px;
}

.header-give-now-inner-container .give-now-dollar-symbol {
	position: relative;
	top: 2px;
}

.header-give-now-inner-container input:focus, .header-give-now-inner-container select:focus, .header-give-now-inner-container textarea:focus, .header-give-now-inner-container button:focus {
	outline: none;
}

.header-give-now-inner-container .give-now-inner-textbox {
	width: 75%;
	height: 40px;
	border: none;
	margin-left: 10px;
}

.header-give-now-inner-container .give-now-button {
	width: 86%;
	height: 46px;
	background-color: #0056b8;
	border: none;
	border-radius: 5px;
	margin: 20px 0px;
	padding: 0px;
}

.header-give-now-inner-container .why-give {
	color: #f3a71e;
    font-size: 16px;
    text-align: center;
    padding: 0 0 20px;
    text-transform: uppercase;
    bottom: -5px;
    margin: 0px 10px;
}

@media only screen and (max-width:1025px){ 
	.header-give-now-inner-container {
		width: 90%;
		max-width: 520px;
		float: none;
		margin: auto !important;
		padding: 10px 0 0 0;

	}
}

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

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

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

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

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

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

#givingLanding .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){ 
	#givingLanding .admissions-follow-links span { margin: 0px 20px !important; } 
}
@media only screen and (max-width:799px){ 
	#givingLanding .admissions-follow-links span { font-size: 16px !important; margin: 0px 8px !important; } 
	#givingLanding .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;
	}
}

/***First Section Grid***/
.youtube-container {
	margin: 10px 0 40px;
}

#below-jump-links {
	text-align: center;
	width: 980px;
	max-width: 95%;
	margin: auto;
}

/****Giving Section****/

.giving-section { position:relative; width: 100%; overflow: hidden; }
#givingDiv { background: url(/_resources/images/home2017/support-campus-background.jpg) center center no-repeat; text-align: center; background-size: cover; padding: 30px 0 60px; }
#homeGivingLinks { position: relative; display: inline-flex; color: #fff; } 
#homeGivingLinks .payment-outer-container { margin: 10px; padding: 10px; height: 100px; border-radius: 15px; } 
.payment-outer-container:hover { background: rgba(0, 85, 184, .8); } 
#homeGivingLinks a { font-size: 20px; color: #fff; }
#givingLanding .give-header { color: #fff; text-transform: uppercase; font-size: 54px; padding: 25px 0 0; margin: 0px; position: relative; }
#givingLanding .give-subhead { color: #fff; margin-bottom: 30px; }
#homeGivingLinks .payment-method-title { margin-bottom: 0px; }
#homeGivingLinks .payment-method-icon { width: 100px; position: relative; }
#homeGivingLinks .payment-row-container { display: inline-flex; }
#homeGivingLinks #phoneIcon { width: 80px; top: 8px; }
#homeGivingLinks #transferIcon { width: 125px; top: -13px; }
#homeGivingLinks #stocksIcon { width: 70px; top: 13px; padding: 0 10px; }
#homeGivingLinks #planningIcon { width: 77px; top: 12px; }

@media only screen and (max-width: 980px) { 
	#homeGivingLinks { display: inline-block; }
}

@media only screen and (max-width: 580px) { 
	#homeGivingLinks .payment-row-container {
		display: grid;
		grid-template-columns: auto auto;
	}
}

/***Meet Your Counselor Section***/

#givingLanding .meet-your-counselor-section {
	background-color: #fff;
	text-align:center;
	padding: 50px 0;
}

#givingLanding .meet-admissions-button {
	background-color: #0056b8;
	color: #fff;
	padding: 20px 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin: 45px 0 25px;
}

#givingLanding .meet-admissions-button:hover {
	background-color: #f3a71e;
}

#givingLanding .meet-button-link:hover {
	text-decoration: none;
}

#givingLanding .meet-header {
	color: #0056b8;
	text-transform: uppercase;
	font-size: 54px;
	position: relative;
}

.counselor-full-width {
	width: 100%;
	max-width: 1600px;
}

.counselor-full-width-container {
	width: 100%;
	background-color: #111;
	height: 400px;
}

.counselor-container {
	transition: all 0.5s ease;
	width: 20%;
	height: 400px;
	text-align: center;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.counselor-image {
	min-width: 300px;
	max-width: none;
	height: 400px;
	left: 50%;
	position: absolute;
	margin-left: -150px;
}

#lindsay, #lindsay-mobile, #lindsay-xs {
	background-image: url('/giving/images/homepage-2019/lindsay-martin.jpg');
	background-position: center;
	background-size: 100%;
}

#susan, #susan-mobile, #susan-xs {
	background-image: url('/giving/images/homepage-2019/susan-beck.jpg');
	background-position: center;
	background-size: 100%;
}

#braydon, #braydon-mobile, #braydon-xs {
	background-image: url('/giving/images/homepage-2019/braydon-hoover.jpg');
	background-position: center;
	background-size: 100%;
}

#tim, #tim-mobile, #tim-xs {
	background-image: url('/giving/images/homepage-2019/tim-swartzendruber.jpg');
	background-position: center;
	background-size: 100%;
}

#laura, #laura-mobile, #laura-xs {
	background-image: url('/giving/images/homepage-2019/laura-daily.jpg');
	background-position: center;
	background-size: 100%;
}

#kirk, #kirk-mobile, #kirk-xs {
	background-image: url('/giving/images/homepage-2019/kirk-shisler.jpg');
	background-position: center;
	background-size: 100%;
}

#kirk, #kirk-mobile, #kirk-xs {
	background-image: url('/giving/images/homepage-2019/christopher-randolph.jpg');
	background-position: center;
	background-size: 100%;
}

.layer {
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.counselor-container h5 {
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	margin: 35px 0 15px;
	text-shadow: 1px 1px #111;
}

.counselor-container p {
	color: #fff;
	width: 84%;
	text-shadow: 1px 1px #111;
	display: none;
	margin: 0 auto 15px;
}

.bottom-of-layer {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.counselor-full-width-container {
	width: 100%;
	background-color: #111;
	height: 400px;
}

.counselor-mobile-width-container {
	display: none;
	background-color: #111;
	height: 802px;
}

.mobile-counselor-container {
	transition: all 0.5s ease;
	width: 33.1%;
	height: 400px;
	text-align: center;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.mobile-counselor-container h5 {
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	margin: 35px 0 15px;
	text-shadow: 1px 1px #111;
}

.mobile-counselor-container p {
	color: #fff;
	width: 76%;
	text-shadow: 1px 1px #111;
	display: none;
	margin: 0 auto 15px;
}

.counselor-xs-width-container {
	display: none;
	background-color: #111;
	height: 1604px;
}

.xs-counselor-container {
	transition: all 0.5s ease;
	width: 50%;
	height: 400px;
	text-align: center;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

.xs-counselor-container h5 {
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	margin: 35px 0 15px;
	text-shadow: 1px 1px #111;
}

.xs-counselor-container p {
	color: #fff;
	width: 80%;
	text-shadow: 1px 1px #111;
	display: none;
	margin: 0 auto 15px;
}

@media only screen and (max-width:1200px){ 
	.counselor-mobile-width-container { display: inherit !important; }
	.counselor-full-width-container { display: none !important; }
}
@media only screen and (max-width:600px){
	.counselor-xs-width-container { display: inherit !important; }
	.counselor-mobile-width-container { display: none !important; }
}

@media only screen and (max-width:850px){
	#givingLanding .meet-header {
		font-size: 40px;
		line-height: 42px;
	}
}

/***Launch Your Future Section***/

.launch-future-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; }
.launch-future-sky-gradient .meet-header { padding: 40px 0 0; }
.location-launch-future-description { width: 75%; margin: 30px auto 15px; padding-bottom: 20px; }
.location-launch-future-description p {  margin: 0; font-size: 16px; line-height: 22px; font-weight: initial; position: relative; }
.launch-future-mountain-graphic { background: url('/_resources/images/home2019/mountain-graphic.png'); width: 100%; height: 300px; background-size: cover; position: relative; background-position-x: center; z-index: 1; }
.launch-feature-tagline {position: relative; top: 25px; width: 430px; margin: 15px auto 10px;}



/***Learn More Section***/

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

#givingLanding .learn-more-header {
	color: #0056b8;
	text-transform: uppercase;
	font-size: 50px;
	position: relative;
	margin: 0px;
}

#givingLanding .learn-more-section .grid-item {
	margin: 40px 40px 0 0;
}

/***Responsive Design***/

@media only screen and (max-width:1000px){ 
	#givingLanding .wrap .grid-feature { padding-top: 35px !important; } 
}
@media only screen and (max-width:971px) and (min-width: 871px){ 
	.wrap .grid-title { font-size: 14px !important; } 
}
@media only screen and (max-width:799px){ 
	#givingLanding .grid-item { margin: 0 0 20px 0 !important; } 
}
@media only screen and (max-width:767px){ 
	.wrap { width: 96% !important; }
}
@media only screen and (max-width:591px){ 
	.wrap { width: 95% !important; }
}
@media only screen and (max-width:476px){ 
	.wrap { width: 94% !important; }
}
@media only screen and (max-width:400px){ 
	.wrap { width: 93% !important; }
}
@media only screen and (max-width:344px){
	.wrap { width: 90% !important; }	
}