/****************New Extraordinary Pages***************/

.slant .img {
	min-height: 250px;
}
@media (min-width:992px) {
	.slant .img {
		min-height: 500px;
	}
	.slant {
		transform: skew(-5deg);
	    -ms-transform: skewX(-5deg); /* IE 9 */
	    -webkit-transform: skewX(-5deg); /* Safari and Chrome */
		border-right: 10px solid #fff;
		border-left: 10px solid #fff;
		 position: relative;
		overflow: hidden;
	    -webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	    transform-origin: top left;
		}
}

.hero {
	background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Image/extraordinary/2023/alt_extraordinary_header.png") no-repeat scroll right center / cover;
	padding: 6rem 0;
	color: #fff;
}
.subhero {
	padding: 8rem 0 2rem;
	border-bottom: 25px solid #0455A4;
	border-image: linear-gradient(to right, rgba(2,152,216,1), rgba(35,65,144,1)) 1;
	color: #fff;
}
.subhero h1 {
	color: #fff;
}
.economy-page .subhero {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/UserFiles/Servers/Server_1240/Image/extraordinary/2023/economy-subpage-header.jpg') no-repeat scroll right center / cover;
	border-bottom: 25px solid #0455A4;
	border-image: linear-gradient(to right, rgba(2,152,216,1), rgba(35,65,144,1)) 1;
}

.healthcare-page .subhero {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/UserFiles/Servers/Server_1240/Image/extraordinary/2023/healthcare-subpage-header.jpg') no-repeat scroll right center / cover;
	border-bottom: 25px solid #0455A4;
	border-image: linear-gradient(to right, #77294D, #C12437) 1;
}
.opportunity-page .subhero {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/UserFiles/Servers/Server_1240/Image/extraordinary/2023/opportunity-subpage-header.jpg') no-repeat scroll right top / cover;
	border-bottom: 25px solid #0455A4;
	border-image: linear-gradient(to right, rgba(2,152,216,1), rgba(35,65,144,1)) 1;
}
.partnering-page .subhero {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/UserFiles/Servers/Server_1240/Image/extraordinary/2023/partnering-subpage-header.jpg') no-repeat scroll right center / cover;
	border-bottom: 25px solid #0455A4;
	border-image: linear-gradient(to right, #CB6C34, #D42D33) 1;
}
.hero .container {
	max-width: 900px;
}
/*.hero .hero-text {
position: relative;
}	*/
.hero .divider {
	background-image: url("/userfiles/Servers/Server_1240/image/extraordinary/ex-deco.jpg");
	clear: both;
	display: block;
	height: 15px;
	margin: -25px auto 5px;
	width: 60%;
	background-size: contain;
	display: none;
}
.accent-font-style1 {
font-style: italic;
vertical-align: top;
font-family: "Bodoni Moda";
margin-left: -5px;
margin-right: -5px;
text-transform: none;
}
.hero .accent-font-style1 {
	display: inline-block;
}
.hero .accent-font-style1::after {
/* 	position: absolute;*/
	content: ' ';
	display: block;
	height: 15px;
	background-image: url(https://www.uillinois.edu/userfiles/Servers/Server_1240/image/extraordinary/ex-deco.jpg);
	background-size: contain;
	margin: -10px auto;

/*	transform: rotate(180deg);*/
	z-index: 1;
}
/*.accent-font-style2 {
display: block;
}*/
/*@media (min-width:992px) {
	.hero .accent-font-style1::after {
	margin: -25px auto;
	}
}*/
.hero h1 {
font-size: 3.75rem;
text-transform: uppercase;
color: #fff;
}
@media (min-width:576px) {
.hero h1 {
 font-size: 4rem;
 }
}

.subhero h1 {
	font-size: 2.5rem;
}

@media (min-width:992px) {
	.hero .accent-font-style1 {
	font-size: 8rem;
	margin-bottom: 20px;
	 	}
	.hero h1 {
	font-size: 6rem;
	 }
	 .hero {
	 	padding: 16rem 0;
	}
	.subhero h1 {
	font-size: 4.5rem;
	}
}
a.il-button:hover {
text-decoration: none;
}
.uofi-image-feature, .connected, .three-universities, .advocacy {
	text-align: center;
	border-bottom: 10px solid #fff;
}
.uofi-image-feature h2,.connected h2,
.three-universities h2, .advocacy h2,
.our-stories h2 {
font-size: 2.5rem;
line-height: 1;
}
 @media (min-width:992px) {
 	.uofi-image-feature h2,.connected h2,
.three-universities h2, .advocacy h2,
.our-stories h2 {
		margin-top: 60px;
		margin-bottom: 45px;
font-size: 3.5rem;
 }
}
.uofi-image-feature p {
	font-size: 1.35rem;
	margin-bottom: 3rem;
}
.connected p, .three-universities p,
 .advocacy p, .our-stories p {
	font-size: 1.15rem;
	margin-bottom: 1.5rem;
}


 @media (min-width:992px) {
	.uofi-image-feature .img {
		transform: skew(5deg);
		width: 120%;
		margin-left: -10%;
	}
}
.uofi-image-feature a.il-blue {
	border-color: white;
}
/*.economy .row .slant:first-child {
  border-right: none !important;
}*/
.economy .slant:first-child {
  border-right: none;
}
.economy-image-1 {
	background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Image/extraordinary/2023/economy.jpg") no-repeat scroll center center / cover;
}
.economy-image-2 {
	background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Image/extraordinary/2023/chicago-skyline.jpg") no-repeat scroll center center / cover;
}
.healthcare  {
 background: #932455;
 color: #fff;
}
.healthcare .img {
	background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Image/extraordinary/2023/healthcare2.jpg") no-repeat scroll center / cover;
}
.healthcare a.il-button {
	background-color: #67193C;
	color: #fff;
	border-color: #fff;
}
.healthcare a.il-button:hover {
	background-color: #fff;
	color: #192f4f;
	border-color: #67193C;
}
.opportunity { 
	background: #1F376B;
	color: #fff;
}
.opportunity .img {
	background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Image/extraordinary/2023/opportunity.jpg") no-repeat scroll center / cover;
}
.partnering .img {
	background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Image/extraordinary/2023/partnering.png") no-repeat scroll center / cover;
}
.partnering {
 background: #D04A33;
 color: #fff;
}
.partnering a.il-button {
	background-color: #863027;
	color: #fff;
	border-color: #fff;
}
.partnering a.il-button:hover {
	background-color: #fff;
	color: #192f4f;
	border-color: #863027;
}
.three-universities { 
	background: #254191; 
	color: #fff; 
	text-align: center;
}
.three-universities .card {
 color: #254191;
}

 .three-universities h3 {
font-size: 3rem;
line-height: 1;

}
.three-universities .card img {
	max-height: 150px;
	margin: 0 auto;
}
 @media (min-width:992px) {
 .three-universities h3 {
 	font-size: 3.5rem;
 	transform: skew(5deg);
 }
 .three-universities .card img {
	transform: skew(5deg);
 }
 .three-universities .row p {
transform: skew(5deg);
	}
.three-universities .card-footer {
 transform: skew(5deg);
 }
}
.three-universities .card-footer {
 border-color: transparent; 
 background-color: transparent;
 }
.light-blue-gradient {
background: rgb(2,152,216);
background: linear-gradient(90deg, rgba(2,152,216,1) 0%, rgba(30,70,146,1) 54%, rgba(35,65,144,1) 97%);
color: #fff;
}
.light-blue-gradient h2,
.dark-blue-gradient h2,
.uofi-image-feature h2 {
	color: #fff;
}
.dark-blue-gradient {
background: rgb(2,152,216);
background: linear-gradient(90deg, rgba(30,70,146,1) 0%, rgba(35,65,144,1) 54%, rgba(19,41,75,1) 97%);
color: #fff;
}
.our-stories .lead {
	font-size: 1.75rem;
	font-weight: 300;
	max-width: 800px;
	margin: 0 auto 2rem;
}
.our-stories .container {
	max-width: 1200px;
}
.our-stories {
text-align: center;
}
.our-stories .article-entries {
text-align: left;
}

.no-header .top-banner::after {
	content: ' ';
	display: block;
	height: 15px;
	background-image: url(https://www.uillinois.edu/userfiles/Servers/Server_1240/image/extraordinary/ex-deco.jpg);
	background-size: cover;
}
il-header[view="full"] .il-links {
	margin-top: -50px;
}