/* ELH 20211029 - Init additional styles from homepage */

/* ------------------------------------
Hero Space
------------------------------------ */	
						
.home-impact .caption h1.title span 
								{ margin-top: 25px; margin-bottom: 25px; font-size: 0.4em; font-family: "utopia-std",serif; font-weight: 400; text-transform: none; line-height: 1.5; }

.home-impact .caption.center-center 
								{ top: 46%; }

.home-impact .overlay			{ opacity: 1; }

	@media (max-width: 960px)
								{
								
								.home-impact .caption.center-center
																{ top: 51%; }
								
								}


		.home-impact .slide-item   	{ min-height: 800px; }
		.home-impact .overlay		{ z-index: 1; opacity: 1; }
		.home-impact .bottomBorder 	{ }
		
	@media only screen and (max-width: 800px) {
		.home-impact .slide-item   	{ min-height: 475px; }
		.home-impact .caption.center-center		{ top: 38%; }
		
		
		}
		
	@media only screen and (max-width: 480px) {
		.home-impact .slide-item   	{ min-height: 475px; }
		.home-impact .overlay		{ display: none; }
		.home-impact .bottomBorder 	{ display: none; }
		.home-impact .caption.center-center		{ top: 35%; }
		
		
		}

		.homeHeroHero {
            position: relative;
            width: 100%;
            height: 100vh;
            min-height: 600px;
            max-height: 1280px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center top;
        }

        .homeHeroOverlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
        }

        .homeHeroContent {
            width: 100%;
			position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
        }

        .homeHeroContent img {
            max-width: 80%;
            height: auto;
			margin: 0 auto;
        }

        .homeHeroH1 {
            font-size: 2.95rem;
            margin: 20px 0 10px;
			text-transform: uppercase;
			color: #ffffff;
        }

        .homeHeroP {
            font-size: 1.5rem;
            margin: 10px 0 20px;
			padding: 0 0.5em;
        }
		.homeHeroContent .cta-button {
			background-color: transparent;
			color: #ffffff;
			border: 3px solid #ffffff;
			margin: 10px 5px 25px 5px;
		}
		.homeHeroContent .cta-button:hover {
			background-color: #ffffff;
			color: #111111;
		}
		@media screen and (max-width: 600px) {
		.homeHeroContent img {
			max-width: 50%;	
		}	
		}


/* ------------------------------------
Region 2
------------------------------------ */

.featured-intro					{ margin-bottom: 5em; }

	@media only screen and (max-width: 1300px) 

								{		
		
								.featured-intro					{ margin-bottom: 0em; }
		
								}



			

/* ------------------------------------
Region 3 - Programs
------------------------------------ */

.r3								{ width: 100%; padding: 0; background-image: url("/images/bg-20210901-mlp-campus-04-01.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; overflow-y: hidden; overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index: 1; }
			
.r3-1							{ background: rgba(17,17,17, 0.85); width: 100%; z-index: 2; }

.r3-2 							{ width: 100%; padding: 3em 0 3em 0em; z-index: 3; max-width: 1110px; margin: 0 auto; }

.r3-2 .ferrisFlexObject-Two-simple p	
								{ color: #ffffff; }

.r3-2 .ferrisFlexObject-Two-simple a	
								{ color: #ffffff; }

.r3-2 a.cta-button, .cta-button 
								{ color: #ffffff; border: 2px solid #ffffff;}

.r3-2 a.cta-button:hover, .cta-button:hover	
								{ color: #111111; background: #ffffff; }

h2.degreePrograms				{ color: #ffffff; margin-top: 1em; font-style: italic; font-size: 1.75em; }

h2.degreePrograms::before		{ font-family: "Font Awesome 5 Free"; content: "\f0da \f0da \f0da"; font-weight: 900; padding-right: 5px; background: linear-gradient(-225deg, rgba(186,12,47,1) 55%, rgba(255,208,67,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.12em; font-style: normal; }
			
			
			
.r3 .bottomBorder 				{ height: 54px; width: 100%; background-image: url("https://www.ferris.edu/_resources20/images/gradient/foundation-banner-bottom.png"); background-position: center; background-repeat: no-repeat; bottom: -1em;
}			


	@media only screen and (max-width: 1300px) 

								{		
		
								h2.degreePrograms		{ font-size: 1.5em; margin: 0em 0 0.5em 0; padding-top: 3em; }
		
								.r3-2 					{ width: 100%; padding: 0em 4em 3em 4em; }		
		
								}

	@media only screen and (max-width: 800px) 

								{
		
								h2.degreePrograms		{ font-size: 1.5em; margin: 0 0 0.5em 0; }
		
								}

	@media only screen and (max-width: 500px) 
	
								{
		
								.r3						{ background-image: none; background: #333333; }
		
								h2.degreePrograms		{ font-size: 1.3em; margin: 0 0 0.5em 0; }
		
								.r3-2 					{ padding: 0em 3em 2.5em 3em; }			
		
								}


	@media only screen and (max-width: 320px) 
	
								{
		
								.r3-2 					{ padding: 0em 1em 1.5em 1em; }		
		
								}


/* ------------------------------------
Program Finder - Additional Styles
------------------------------------ */

input#lpFilter 		    		{ width: 100%; padding: 9px 15px; margin-top: 1em; margin-bottom: 1em; border: 2px solid #111111; box-sizing: border-box; font-family: "input-sans-compressed", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 500; }

input#lpFilter:focus    		{ outline: 2px solid #d9d9d9; }

::placeholder					{ /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #333333; opacity: 1; /* Firefox */ }

:-moz-placeholder				{ /* Firefox 18- */ color: #333333; opacity: 1; }

::-moz-placeholder				{ /* Firefox 19+ */ color: #333333; opacity: 1; }

:-ms-input-placeholder			{ /* Internet Explorer 10-11 */ color: #333333; opacity: 1; }

::-ms-input-placeholder			{ /* Microsoft Edge */ color: #333333; opacity: 1; }

.listButtons p 					{ width: 33%; }

a#show-less:not(#topLink):not(#alertButton)	
								{ display: none; }

#program-levels 				{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1em 1em; margin-bottom: 1.5em; }

#program-levels label 			{ color: #ffffff; font-family: "input-sans-compressed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; transition-duration: 0.25s; }

#program-levels label:hover		{ color: #d9d9d9; text-decoration: underline; }

#program-levels input			{ filter: grayscale(1); }

.person-name a:hover 
								{ color: #d9d9d9; }

#viewAllLink p, a#viewAllLink	{ text-align: right; color: #ffffff; font-size: 0.8em; font-family: "input-sans-compressed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: none; text-transform: uppercase; margin-top: 2em; transition-duration: 0.25s; display: inline; }

a#viewAllLink:hover			{ color: #d9d9d9; text-decoration: underline; }
			
	/* IE Only */

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
								{
								#show-more		{ visibility: visible !important; margin-top: 12em; }
				
								#show-less		{ visibility: visible !important; margin-top: 12em; }
								}		

			
.ferrisFlexObject-Two-simple.program-object { 
			display: none; 
		}




/* ------------------------------------
Home Banner Additional Styles
------------------------------------ */					

.homeBanner  				{ margin: 0 0; background-image: none; background-color: #ffffff; }
			
.homeBanner .wrapper p 		{ color: #111111; }
			
.homeBanner.hasBackground a.cta-button, .columns.hasBackground .content a.cta-button 
							{ border: 2px solid #333333; color: #111111; }
			
.homeEvents					{ background-size: cover; background-color: #ba0c2f; margin: 0em 0em 5em 0em; }



/* ------------------------------------
Region 2
------------------------------------ */				
			
 	 .r2 						{ width: 100%; max-width: 1510px; display: flex; flex-wrap: wrap-reverse; margin: 5em 0 5em auto; padding: 0 0 0 0; }

 .r2-1 						{ width: 35%; padding-top: 4.5em; padding-right: 2em; padding-left: 2em; }

 .r2-1 h3 					{ margin: 40px 0 20px; }
			
 .r2-1 img 					{ margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0; }

 .r2-2 						{ width: 65%; }

			
	@media screen and (max-width: 1023px) 
							{
			
 							.r2			{ margin: 2em 0 4em 0; }
			
 							.r2-2		{ width: 100%; }

 							.r2-1		{ width: 100%; padding: 2em 2em 0 2em; }
			
							}
			
.r2 a.cta-button:hover, .r2 a.cta-button:focus
							{  background: #111111; color: #ffffff; transition-duration: 0.35s; }	




/* ------------------------------------
Region 4
------------------------------------ */				
			
 .r4 						{ width: 100%; max-width: 1510px; display: flex; flex-wrap: wrap-reverse; margin: 5em auto 5em 0; padding: 0 0 0 0; }

 .r4-1 						{ width: 65%; }
			
 .r4-1 img 					{ margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0; }

 .r4-2 						{ width: 35%; padding-top: 4.5em; padding-right: 2em; }

 .r4-2 h3 					{ margin: 40px 0 20px; }
			
	@media screen and (max-width: 1023px) 
							{
			
 							.r4		{ margin: 2em 0 5em 0; }
			
 							.r4-1		{ width: 100%; }

 							.r4-2		{ width: 100%; padding: 0 2em 0 2em; }
			
							}
			
.home-impact .bottomBorder 	{ background-position: top right; }
			
.r3 .bottomBorder			{ background-position: top right; }
			
.homeEvents .topBorder		{ background-position: top left; }
			
.homeEvents .bottomBorder	{ background-position: top right; }
			
.footer .topBorder			{ background-position: top left; }
			
	@media screen and (max-width: 1023px) 
							{

							.home-impact .bottomBorder 	{ background-position: top left; }
			
							.r3 .bottomBorder			{ background-position: top left; }
			
							.homeEvents .topBorder		{ background-position: top right; }
			
							.homeEvents .bottomBorder	{ background-position: top left; }
			
							.footer .topBorder			{ background-position: top right; }
			
							}

.home-impact .caption a.cta-button:hover, .home-impact .caption a.cta-button:focus 
							{ background: #111111; color: #ffffff; transition-duration: 0.35s }
			
.featured-intro a.cta-button:hover, .featured-intro a.cta-button:focus 
							{  background: #111111; color: #ffffff; transition-duration: 0.35s }
			
.r3 a.cta-button:hover, .r3 a.cta-button:focus 
							{  transition-duration: 0.35s; }
			
.r4 a.cta-button:hover, .r4 a.cta-button:focus
							{  background: #111111; color: #ffffff; transition-duration: 0.35s; }



/* ------------------------------------
Region 5
------------------------------------ */				
			
 .r5						{ width: 100%; max-width: 1510px; display: flex; flex-wrap: wrap-reverse; margin: 5em auto 5em 0; padding: 0 0 0 0; }

 .r5-2 						{ width: 65%; }
			
 .r5-2 img 					{ margin: 0 0 0 0; padding: 0 0 0 0; line-height: 0; }

 .r5-1 						{ width: 35%; padding-top: 4.5em; padding-right: 2em; }

 .r5-1 h3 					{ margin: 40px 0 20px; }
			
	@media screen and (max-width: 1023px) 
							{
			
 							.r5		{ margin: 2em 0 5em 0; }
			
 							.r5-2		{ width: 100%; }

 							.r5-1		{ width: 100%; padding: 0 2em 0 2em; }
			
							}





/* ------------------------------------
Events
------------------------------------ */	
	.eventWrap .eventDescription .description { /* fixed height allows truncation of text for events */
		height: 100px;
	}
		
		/* Begin Spacing around events PDH */
		@media screen and (max-width: 1023px) {
			.homeEvents { padding: 3em 0 5em; }
		}
		/* End Spacing around events PDH */


/* ------------------------------------
Stat Bar
------------------------------------ */	

.homeStatContainer					{ color: #111111; max-width: 80%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 4em 0 4em 0; }

.homeStatItem							{ width: 100%; }
		
a.homeStatItem							{ color: #111111; text-decoration: none; }	
		
a.homeStatItem:hover					{ cursor: pointer; text-decoration: underline; }
		
.homeStatItemInterior					{ position: relative; }

.homeStatItemInterior .wrapper 			{ position: relative; width: 100%; max-width: 1110px; margin: 0 auto; padding: 0 1em; }

.homeStatItemInterior .statWrap 		{ position: relative; background-color: transparent; border: 1px solid #333333; overflow: unset; -moz-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); -o-transform: skew(-30deg, 0deg); -ms-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); }
.homeStatItemInterior .statWrap:last-child 	
										{ margin-right: 0; }

.homeStatItemInterior .statNumber 					
										{ position: absolute; left: -60px; top: 40px; text-align: right; color: #111111; min-width: 75px; }

.homeStatItemInterior .statNumber .statNumberWrap		
										{ -moz-transform: skew(30deg, 0deg); -webkit-transform: skew(30deg, 0deg); -o-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg); padding: 5px 0 10px; }

.homeStatItemInterior .statNumber a 				
										{ text-decoration: none; }

.homeStatItemInterior .statNumber .statNumberNumeral 				
										{ text-align: right; font-size: 3em; font-family: "input-sans-compressed", Arial, Helvetica, sans-serif; padding: 0; margin: 0; line-height: .7em; display: block; }
		

.homeStatItemInterior .statNumberDescription					
										{ margin-bottom: 0px; font-family: "utopia-std",serif; -moz-transform: skew(30deg, 0deg); -webkit-transform: skew(30deg, 0deg); -o-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg); }
		
.homeStatItemInterior .statSource 					
										{ position: absolute; right: -15px; bottom: -10px; text-align: center; background-color: #ba0c2f; color: #FFF; min-width: 75px; }

.homeStatItemInterior .statSource .statSourceWrap		
										{ -moz-transform: skew(30deg, 0deg); -webkit-transform: skew(30deg, 0deg); -o-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg); padding: 5px 5px; }

.homeStatItemInterior .statSource a 	{ text-decoration: none; }

.homeStatItemInterior .statSource .statSourceText				
										{ text-align: center; font-size: 0.65em; font-family: "input-sans-compressed", Arial, Helvetica, sans-serif; padding: 0; margin: 0; line-height: .7em; display: block; text-transform: uppercase; }
		
		
		
		
@media screen and (min-width: 1915px)
										{
	.homeStatContainer.mobileStats		{ display: none; }	
		
	.homeStatContainer.desktopStats		{ display: flex; }	
		
	.homeStatItem						{ width: fit-content; }
	.homeStatItemInterior .statNumberDescription
										{ font-size: 1.25em; padding: 1em 1em 1.5em 2em; width: 325px; height: 108px }
	.homeStatItemInterior .statNumber	{ top: 20px; }
										}

@media screen and (max-width: 1914px)
										{
	.homeStatContainer.mobileStats		{ display: none; }	
		
	.homeStatContainer.desktopStats		{ display: flex; }		
		
	.homeStatItem						{ width: 22%; }

	.homeStatItemInterior .statNumberDescription
										{ font-size: 1.281em; padding: 1em 1em 0.5em 2em; height: 108px;  }
	.homeStatItemInterior .statNumber	{ top: 30px; }
										}
		
@media screen and (max-width: 1560px)
										{
	.homeStatItemInterior .statNumberDescription
										{ height: 150px; }
	.homeStatItemInterior .statNumber	{ top: 45px; left: -65px; }
										}
		
@media screen and (max-width: 1360px)
										{
		
	.homeStatContainer.mobileStats		{ display: flex; }	
		
	.homeStatContainer.desktopStats		{ display: none; }
	
	.homeStatContainer					{ padding-bottom: 0; justify-content: space-evenly; }	
		
	.homeStatItem						{ width: 35%; }
		
	.revealOne, .revealTwo				{ margin-bottom: 4em; }
		
	.revealThree, .revealFour			{ margin-bottom: 0; }
			
	.homeStatItemInterior .statNumberDescription
										{ height: 107px; padding: 1em 1em 1em 2em; }
		
	.homeStatItemInterior .statNumber	{ top: 30px; }
										}

@media screen and (max-width: 1200px)
										{
	.homeStatContainer					{ padding-bottom: 2em; }
										}
		
		
@media screen and (max-width: 980px)
										{
		
	.homeStatContainer					{ justify-content: space-between; }
	
	.homeStatItem						{ width: 45%; }	
		
	.homeStatItemInterior .statNumber	{ top: 45px; left: -65px; }
										}
		
@media screen and (max-width: 760px)
										{
	.homeStatItemInterior .statNumberDescription
										{ height: 135px; }
										}
		
@media screen and (max-width: 668px)
										{
	.homeStatItem						{ width: 100%; }
		
	.revealThree, .revealFour			{ margin-bottom: 4em; }
		
	.homeStatItemInterior .statNumberDescription
										{ height: 90px; padding: 0.5em 1em 0.5em 2em; }
		
	.homeStatItemInterior .statNumber	{ top: 20px; }
		
	.homeStatContainer					{ width: 75%; padding: 4em 0 0 0; }	
		
	.revealOne, .revealTwo, .revealThree, .revealFour 							
										{ position: relative; transform: translateX(-150px); opacity: 0; transition: 2s all ease; }
		
	.revealOne.active 					{ transform: translateX(0); opacity: 1; }
	
	.revealTwo.active 					{ transform: translateX(0); opacity: 1; }	
		
	.revealThree.active 				{ transform: translateX(0); opacity: 1; }	
		
	.revealFour.active 					{ transform: translateX(0); opacity: 1; }

										}
		

@media screen and (min-width: 668px)	{		
	.reveal 							{ position: relative; transform: translateY(150px); opacity: 0; transition: 2s all ease; }
		
	.reveal.active 						{ transform: translateY(0); opacity: 1; }

										}


/* ------------------------------------
Additional Sportsball Styles
------------------------------------ */	

		.h2SpeedlineBackgroundContainer			{ max-width: 1110px; margin: 0 auto; padding-top: 4em; }
		
		.h2SpeedlineBackground						{ text-align: center; background: #ba0c2f; color: #FFF; width: fit-content; -moz-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); -o-transform: skew(-30deg, 0deg); -ms-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); margin: 0 auto; }
	
	.h2SpeedlineBackground .h2SpeedlineBackgroundWrap					
												{ -moz-transform: skew(30deg, 0deg); -webkit-transform: skew(30deg, 0deg); -o-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg); padding: 0.2em 2em 0em 2em; }
	
	.h2SpeedlineBackground .h2SpeedlineBackgroundText		{ text-align: center; font-size: 2.5em; font-family: "input-sans-compressed", Arial, Helvetica, sans-serif; padding: 0.2em 0.5em; margin: 0; line-height: 1; display: block; text-transform: uppercase; }
		
	.allScholarshipsLink						{ max-width: 1110px; margin: 0 auto; padding-top: 1em; padding-bottom: 2em; }	
		
		@media screen and (max-width: 1000px)
												{  
		.h2SpeedlineBackgroundContainer			{ max-width: 90%; }
												}
	@media screen and (max-width: 775px)
		  										{								
	.h2SpeedlineBackground .h2SpeedlineBackgroundText
												{ font-size: 1.875em;  }
	
	.h2SpeedlineBackground						{ margin: 0 auto; }	
		
	.h2SpeedlineBackground .h2SpeedlineBackgroundWrap
												{ padding: 0.2em 1em 0.2em 1em; }
		
	.h2SpeedlineBackgroundContainer				{ max-width: 75%; }
		
												}
	@media screen and (max-width: 425px)		{
	.h2SpeedlineBackgroundContainer				{ max-width: 300px; }
	
	.h2SpeedlineBackground .h2SpeedlineBackgroundText
												{ font-size: 1.65em; padding: 0.2em 0em;  }
												}