/****Top Header****/

#homepage { background: #fff !important; }
#homepage header{ margin:0; position:absolute; width: 100%; height:auto; }
#seoHeader { display: none; }


#topImageResponsiveSection { position:relative; width: 100%; height: 100vh; overflow: hidden; top: -50px; margin-bottom: -50px; }
.top-image-picture-container { position: relative; align-self: center; top: 50px; width: 100%; }
#topImageResponsiveDiv1 { height: 100vh; display: flex !important; background: url(/_resources/images/home2026/find-your-roar-text.jpg) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv2 { height: 100vh; display: flex !important; background: url(/_resources/images/home2026/academic-excellence.png) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv3 { height: 100vh; display: flex !important; background: url(/_resources/images/home2026/affordable-investment.png) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv4 { height: 100vh; display: flex !important; background: url(/_resources/images/home2026/graduate-program.png) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveDiv5 { height: 100vh; display: flex !important; background: url(/_resources/images/home2026/visit-campus.png) center top no-repeat; background-position-y: 50px; text-align: center; background-size: cover; }
#topImageResponsiveSection a:focus {outline:0;}

.slick-dotted.slick-slider { margin-bottom: 0px; }
.slick-dots { margin-left: 0px !important; text-align: center !important; bottom: 44px !important; }
.slick-dots li { width: 20% !important; height: 30px !important;}
.slick-dots li button { width: 100% !important; }
.slick-dots li button:before { opacity: 1 !important; width: 20% !important; left: inherit !important; color: transparent !important; }
.slick-dots li.slick-active button:before { color: transparent !important; }

.top-image-button-container { display: inline-flex; width: 100%; pointer-events: none; position: relative; top: -75px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 19px; }
.top-image-button-text { width: 20%; text-align: center; pointer-events: none; }
.top-image-button-text span { border-bottom: 5px #fff solid; padding-bottom: 5px; position: relative; }
.top-image-button-text .active { color: #f3a71e; }

#topImageButtonOneContainer { width: 87px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarOne { width: 87px; left: -87px; visibility: visible;}
#topImageButtonTwoContainer { width: 94px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarTwo { width: 94px; left: -94px; visibility: hidden;}
#topImageButtonThreeContainer { width: 127px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarThree { width: 127px; left: -127px; visibility: hidden;}
#topImageButtonFourContainer { width: 120px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarFour { width: 120px; left: -120px; visibility: hidden;}
#topImageButtonFiveContainer { width: 42px; margin: auto; height: 31px; overflow: hidden; }
#tickerBarFive { width: 42px; left: -42px; visibility: hidden;}
.top-image-button-text > div > span > div{
	height: 5px; 
	position: absolute; 
	top: 24px; 
	transition: left 6s linear;
	background: rgba(243, 167, 30, 0.8);
}

.top-responsive-words-left { width: 530px; padding-left: 7%; text-align: left; }
.top-responsive-words-centered { width: 725px; padding-left: 7%; margin-left: auto; margin-right: auto; }
.headerBtn { width: 181px; padding: 15px 0 !important; }
.headerBtnMobile { display: none; }
.top-responsive-large-title { color: #fff; font-size: 54px; text-transform: uppercase; line-height: 50px; margin-bottom: 10px; }
.top-responsive-sub-title { color: #fff; font-size: 28px; line-height: 32px; margin-bottom: 10px; font-family: 'SourceSansPro',Helvetica,Arial,sans-serif; }

@-moz-document url-prefix() {
	.top-image-button-text > div > span > div{
		top: 26px; 
	}
}

@media only screen and (max-width: 725px) {
	.top-image-button-container, #explore-more-container { display: none !important; }
	.slick-dots { bottom: 90px !important; }
	.slick-dots li { width: 25px !important; height: 25px !important; }
	.slick-dots li button:before { width: 25px !important; color: #fff !important; left: 0px !important; }
	.slick-dots li.slick-active button:before { color: #f3a71e !important; }
}
@media only screen and (max-width: 699px) {
	.top-responsive-large-title { font-size: 42px !important; line-height: 44px !important; }
	.top-responsive-sub-title { font-size: 20px; line-height: 26px !important; margin-bottom: 8px !important; }
	.top-responsive-words-left { width: 450px !important; padding-left: 6% !important; }
	.top-responsive-words-centered { width: 450px; padding-left: 6% !important; }
}
@media only screen and (max-width: 625px) {
	.headerBtn { width: 175px !important; }
}
@media only screen and (max-width: 574px) {
	body#homepage header { position: relative !important; height: 130px !important; }
	.top-image-picture-container { top: 66vw !important; height: 37vw !important; background: url(https://emu.edu/_resources/images/home2019/right-info-sidebar-background.jpg) !important; min-height: 169px !important;}
	.top-responsive-words-left, .top-responsive-words-right, .top-responsive-words-centered {padding: 20px 10px !important;text-align: center !important;float: none !important;margin: 0px !important;width: 95% !important;}
	.top-responsive-large-title  {font-size: 30px !important;line-height: 32px !important;margin: 0 0 8px 0 !important;text-shadow: none !important;}
	.top-responsive-sub-title {font-size: 16px !important;line-height: 19px !important;}
	#topImageResponsiveDiv1, #topImageResponsiveDiv2, #topImageResponsiveDiv3, #topImageResponsiveDiv4, #topImageResponsiveDiv5 { display: block !important; background-size: auto 67vw !important;}
	#topImageResponsiveSection {position: relative !important;height: 103vw !important; min-height: 470px !important;}
	.headerBtn {display: none !important;}
	.headerBtnMobile {display: inherit;color: #f3a71d !important;}
	.slick-dots {position: relative !important;bottom: 32px !important;height: 32px !important; }
	.slick-slider .slick-track, .slick-slider .slick-list, .slick-dotted.slick-slider { height: 103vw !important; min-height: 470px !important; }
}
@media only screen and (max-width: 456px) {
	#topImageResponsiveDiv1, #topImageResponsiveDiv2, #topImageResponsiveDiv3, #topImageResponsiveDiv4, #topImageResponsiveDiv5 { background-size: auto 302px !important; }
	.top-image-picture-container { top: 302px !important; }
}
@media only screen and (max-width: 380px) {
	#topImageResponsiveDiv1, #topImageResponsiveDiv2, #topImageResponsiveDiv3, #topImageResponsiveDiv4, #topImageResponsiveDiv5 { background-size: auto 275px !important; }
	.top-image-picture-container { top: 275px !important; min-height: 195px !important; }
}

/****Explore More Dropdown****/

#explore-more-container { position: relative; top: -61px; color: #fff; display: inline-flex; width: 100%; }
#explore-more-container a { margin: auto; }
#explore-more-arrow { font-size: 30px; background: #eee; color: #111; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 5px 30px 2px; }


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

#launchFutureSection { background-color: #fff; color:#FFF; width: 100%; background: url(/_resources/images/home2026/background-find-your-roar.png); background-size: cover; background-position-x: center; }

.roar-container { display: flex; flex-wrap: wrap; flex-direction: row; padding: 2em;  gap: 30px;  justify-content: center;  align-items: flex-start;  align-content: center; max-width: 750px; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 550px) { 
	.roar-container-hide { visibility: hidden; }
}
.launch-future-container > div  {padding: 10px; font-size: 15px; font-weight: bold; }

.launch-future-tagline {position: relative; top: 25px; width: 430px; margin: 15px auto 10px;}
.location-launch-future-description { width: 75%; margin: 40px auto 0; 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/home2026/background-find-your-roar.png'); width: 100%; height: 225px; background-size: cover; position: relative; background-position-x: center; z-index: 1; }




/****** Values Section *******/

#valuesSection { 
	text-align:center; 
	background-color: #111; 
} 
#valuesSection p { 
	color:#fff; 
	text-shadow: 1px 1px #000; 
	font-size: 20px; 
	line-height: 27px;
}
#valuesTopDiv { 
	display:inline-flex; 
	text-align:left; 
	max-width:2000px;
}
.valuesSecondaryDiv { 
	display: inline-flex; 
	width: 50%; 
}
.lightValue { 
	width: 100%; 
	background-color: #0058b8; 
}
.valuesHeaderInside { 
	position: absolute;
	top: 0px;
	text-shadow: 2px 2px #000;
	color: #fff;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 3px;
	margin: 39% 0px;
	pointer-events: none;
	transition: .4s ease;
}
.valuesParagraphInside {
	position: absolute;
	top: 0px;
	color: #fff;
	opacity: 0;
	margin: 150px 40px 0;
	display: none;
	font-size: 17px;
	pointer-events: none;
	text-align: center;
}
.valuesSecondaryDiv div {
	position: relative;
}
.valuesSecondaryDiv div:before {
	background: rgba(25,25,25,.3);
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
.valuesSecondaryDiv > div > a > img { width:100%; }

#advocateImg:hover .valuesParagraphInside, #connectImg:hover .valuesParagraphInside, #engageImg:hover #valuesParagraphInside, #serveImg:hover .valuesParagraphInside {
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeInFromNone {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}
@-o-keyframes fadeInFromNone {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { display: block; opacity: 1; }
}
@keyframes fadeInFromNone {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}

@media only screen and (max-width: 1920px) { 
	.valuesParagraphInside { margin: 125px 40px 0; } 
}
@media only screen and (max-width: 1700px) { 
	#valuesSection p { font-size: 19px; line-height: 26px; } 
	.valuesParagraphInside { margin: 100px 40px 0; } 
}
@media only screen and (max-width: 1575px) { 
	#valuesSection p { font-size: 18px; line-height: 24px; } 
	.valuesParagraphInside { margin: 100px 40px 0; } 
}
@media only screen and (min-width: 1475px) { 
	.valuesParagraphInside { margin: 105px 25px 0; }
}
@media only screen and (min-width: 1700px) { 
	.valuesParagraphInside { margin: 125px 25px 0; }
}
@media only screen and (min-width: 1925px) { 
	.valuesParagraphInside { margin: 150px 25px 0; }
}
@media only screen and (max-width: 1345px) { 
	#valuesSection p { font-size: 16px; line-height: 22px; }
}
@media only screen and (max-width: 1299px) { 
	.valuesHeaderInside {font-size: 34px; line-height: 30px; } 
	.valuesParagraphInside { margin: 80px 20px 0; } 
}
@media only screen and (max-width: 1275px) { 
	#valuesSection p { line-height: 21px; } 
}
@media only screen and (max-width: 1140px) { 
	.valuesParagraphInside { margin: 70px 15px 0; } 
}
@media only screen and (max-width: 1100px) { 
	#valuesTopDiv { display:block;} 
	.valuesSecondaryDiv { display: inline-flex; width: 100%; } 
}
@media only screen and (max-width: 1099px) { 
	.valuesParagraphInside { margin: 150px 30px 0; } 
	#valuesSection p { line-height: 28px; font-size: 22px; } 
	.valuesHeaderInside { font-size: 38px; } 
}
@media only screen and (max-width: 915px) { 
	.valuesParagraphInside { margin: 120px 30px 0; } 
	#valuesSection p { line-height: 26px; font-size: 20px; } 
	.valuesHeaderInside { font-size: 38px; } 
}
@media only screen and (max-width: 815px) {	
	.valuesParagraphInside { display: none; } 
}
@media only screen and (max-width: 630px) { 
	.valuesHeaderInside { font-size: 30px; } 
}
@media only screen and (max-width: 500px) { 
	.valuesHeaderInside { font-size: 26px; } 
}

/****News Section****/
#news-and-events-Section { position:relative; width: 100%; overflow: hidden; background: url(/_resources/images/home2026/background-news-section.jpg); background-size: cover; }
#news-feed { 
	padding: 0 25px 25px;
}
#more-news-button {
	position: absolute;
    width: 100%;
    left: 0;
}
#backArrow { 
	position: absolute; 
	top: 37%; 
	z-index: 1; 
	cursor: pointer;
}
#forwardArrow { 
	position: absolute; 
	top: 37%; 
	left: 66.5%; 
	z-index: 1; 
	cursor: pointer;
}
#main-menu > ul > li > a { 
	margin: 0;background: rgb(27,54,104); 
	color:#fff; 
	margin: 0; 
}
#main .left {
	margin: 0;
}
#main .right { 
	width: 27%; 
	float:right;
    margin:0;
	position: relative;
}   
#newsSection { 
	background-color: #fff; 
	display:inline-flex; 
}
#news-feed a { 
	color: #444; 
	font-weight:bold; 
	line-height: 1.3em;
}
#news > h3 { 
    line-height: 100%;
    margin-bottom: 0;	
	background: none;
	padding: 10px 5px 6px; 
	color: #0056b8; 
	text-align: center;
}
#main .right #news{
	width: 100%;
    float: none;
    clear: both;
    margin: 0 auto .8em;
    border-radius:0;
	position: relative;
	background-color: #edf6fc; 
	padding: 10px 0;
}
#news-feed a, #news-feed a:visited{
    display:block;
    float:none;
    border-top:1px solid #c7e0f1;
    padding:.4em .2em;
    font-size:15px;
}
#emuNewsTagline { padding-bottom: 35px; font-size:40px; letter-spacing: 1px; line-height: 35px; text-align: center; }
.flexslider .caption-content > h2 { margin-top:20px; }
.flexslider .caption-content > h2 > a { color: #ffffff; }
.secondary-links > li { width:120%; }
.secondary-links > li > a { padding:0px; }
.secondary-links > li > a > img { position: absolute; width: 295px; max-width: none; }
#main .right ul.secondary-links { list-style: none;padding: 0; top: 500px;position: relative; }
ol.flex-control-nav.flex-control-thumbs { display:none; }

@media only screen and (min-width: 800px) { 
	#main .left { float: left; width: 72%; } 
	#main .left #tagline { top: 5px; font-size: 24px; padding-left: 0;} 
}
@media only screen and (max-width: 1041px) { 
	#more-news-button { display: none }
	#main .right { left: 0; margin-bottom: 0px; top: 0px; } 
	#main .right ul.secondary-links { display: none;} 
	#main { display:grid;} 
	#main .left {width:72%; margin: auto; float: none;} 
	#main #smallNewsFormatting { width: 100%; } 
	#main .right { width: 100%; } 
	#main .tagline { font-size: 45px; text-align:center; padding-bottom: 30px; } 
	.tagline { padding: 40px 0; }
	#main .right #news { width: 60%; margin: 0 auto 2.5em; padding: .8em 4%; } 
	#forwardArrow { width: 4%; left: 81%; top: 27%; } 
	#backArrow { width: 4%; left: 14%; top: 27%; } 
}
@media only screen and (max-width: 941px) { 
	.tagline { font-size: 38px !important; }
}
@media only screen and (max-width: 800px) {
	#forwardArrow { width: 5%; top: 25%; } 
	#backArrow { width: 5%; top: 25%; }
}
@media only screen and (max-width: 778px) { 
	#main .left .tagline { font-size:45px; text-align:center; } 
}
@media only screen and (max-width: 600px) {
	#forwardArrow { left: 85.5%; top: 21%; } 
	#backArrow { left: 10%; top: 21%; } 
	.flexslider { width: 95%; }
	#main .right #news { margin: auto; width: 75%; }
	#main .right { margin-bottom: 30px; }
	.tagline { font-size: 34px !important; }
}
@media only screen and (max-width: 375px) {
	.flexslider { display: none; }
	#smallNewsFormatting .left a { display: none; }
	#main .right #news { width: 85%; }
}
@media only screen and (max-width: 346px) { 
	#main .tagline  { font-size: 35px; padding: 30px 0 20px; } 
	#forwardArrow { display: none; } 
	#backArrow { display: none; } 
	.flexslider { width: 100%; } 
}

/*** Impact Fast Facts Section ***/

#impactSection { background-color: #edf6fc; text-align: center; }
.impactGraphSection img { padding-bottom: 25px; width: 95%; margin: auto; } 
.impactGraphSection { -webkit-columns: auto 5;-moz-columns: auto 5;  columns: auto 5;-webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; width: 95%;margin: auto; max-width: 1100px; padding-bottom: 25px; }
.impact-grid-remove { display: inherit; }
#impactHeading { line-height: 35px; letter-spacing: 1px; font-size: 44px; padding-bottom: 35px; padding: 65px 0px 55px; font-family: 'SourceSansProBlack',Helvetica,Arial,sans-serif; }

.impact-container { display: flex; flex-wrap: wrap;  padding: 5px;  gap: 15px;  justify-content: center;  align-items: flex-start;  align-content: center; }
.impact-container img { width: 170px;}

@media only screen and (max-width: 899px) {
	.impactGraphSection { -webkit-columns: auto 4; -moz-columns: auto 4;  columns: auto 4; }
}
@media only screen and (max-width: 850px) { 
	.impactGraphSection { display:block; } 
}
@media only screen and (max-width: 800px) {
	.impact-grid-remove { display: none; }
	.impactGraphSection { -webkit-column-count: 2;  -moz-column-count: 2; column-count: 2; width: 85%; }
	.impactGraphSection img { max-width: 250px; }
}
@media only screen and (max-width: 550px) {
	.impactGraphSection {
		column-gap: .5em;
	}
}
@media only screen and (max-width: 490px) { 
	#impactHeading { font-size: 34px; padding: 35px 0 25px; } 
}

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

#givingSection { position:relative; width: 100%; overflow: hidden; background-color: #FFF; background-size: cover; }
#givingDiv { height: auto;	text-align: center; }

#givingHeading { line-height: 35px; letter-spacing: 1px; font-size: 44px; padding: 65px 0px 35px 0px; font-family: 'SourceSansProBlack',Helvetica,Arial,sans-serif; }
#homeGivingLinks { position: relative; display: inline-flex; color: #fff; } 
#homeGivingLinks div { margin: 20px; width: 100%; height: auto; } 
#homeGivingLinks img { height: 30px; } 
#homeGivingLinks a { font-size: 20px; color: #fff; }
#supportGivingBtn { position:relative; top:50px; }

.giving-container { display: flex; flex-wrap: wrap;  padding: 10px;  gap: 15px;  justify-content: center;  align-items: flex-start;  align-content: center; }
.giving-container img { height: 30px; }
.btn-giving, .btn-giving:hover, .btn-giving:visited { display: block; float: right; margin-right: 0.25em; padding: 0.5em 0 0.6em 0; font-family: "SourceSansProBold",Helvetica,Arial,sans-serif; font-size: 20px;text-align: center;text-transform: uppercase;color: #fff;transition: padding 0.4s ease 0s; border: 1px; border-radius: 5px; border-color: #000; }
.btn-giving:hover {padding-top: 1em;text-decoration: none; }
.btn-giving.btn-giving-drkblue { background-color: #0056B8; }

@media only screen and (max-width: 720px) { 
	#givingDiv { height: 430px; } 
	#homeGivingLinks { display: block; top: 3px; } 
	#supportImg { max-width: 65%; } 
}
@media only screen and (max-width: 490px) { 
	#givingHeading { font-size: 34px; padding: 35px 0 25px; } 
}

/*****Social Section*****/

#socialSecDiv {
	max-width: 90%;
}
@media only screen and (max-width: 425px) { 
	#socialSecDiv > div { margin: 5px; }
}