/* Site navigation */

    @media screen and (min-width: 1024px)and (max-width: 1215px){
        
        .navbar-start.menu-items {
            display: initial;
        }
        
    }

/* Home: Diagonal Hero section */

ul.purdue-home-button-list li{
    padding-right:1rem;
    padding-bottom:1rem;
}

/* Home: Rankings section */

 .homepage-rankings {
	background-color: #000;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
}

.homepage-rankings .columns {
    display: flex;
    flex-wrap: wrap;
}

.homepage-rankings .row {
    display: flex;
    flex-wrap: wrap;
}

.homepage-rankings-title {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 0.5rem !important;
}

 .homepage-rankings .inner {
	text-align: center;
}

.homepage-rankings .numbers{
	font-family: "United Sans","Franklin Gothic",sans-serif;
}

.numbersContainer {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 1rem;
}

.homepage-rankings .numbers .item {
    /* border: 1px solid #fff; */
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 20px 0; /* 40px 0 */ 
}

 .homepage-rankings .numbers a {
	font-size: 4em;
	font-weight: normal;
	background-color: inherit;
	color: #fff;
	text-decoration: none;
}

    @media(max-width: 767px){
	    
        .numbersContainer {
            grid-template-columns: repeat(2, 1fr);
	    }
	    
	}

	@media(max-width: 499px){
	    
	    .numbersContainer {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
	    }
	    
		.homepage-rankings .numbers a{
			font-size: 3.5em;
		}
	}

 .homepage-rankings .numbers .hidden{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden
}

 .homepage-rankings .heading{
	background-color: inherit;
	color: #cfb991;
	font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
	font-size: 2.25em;
}

 .homepage-rankings .heading h1 {
	margin: 0;
	font-weight: normal;
}

 .homepage-rankings .rank{
	color: #cfb991;
	background-color: #000;
	/* min-height: 410px; */
	/* display: flex; */
}

 .homepage-rankings .rank h2 {
    color: #8e6f3e;
    font-family: "acumin-pro-extra-condensed","franklin-gothic-extra-compre",sans-serif; 
    font-size: 3rem;
	margin: 5.25rem 0 1.25rem 0; /* 56px 0 20px 0; */
}

 .homepage-rankings .rank h3{
    color: #fff;
	font-family: "acumin-pro-extra-condensed","franklin-gothic-extra-compre",sans-serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: lighter;
	padding-top: 0;
}

 .hidden-rank a {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

/* Use the same color for each */

.homepage-rankings .toggleHidden.active, .homepage-rankings .toggleHidden:hover, .homepage-rankings .item a {
	color: #cfb991;
}

.homepage-rankings .hidden-rank {
	display: none;
	/* margin: 0 20px; */
	text-align: center;
}

 .homepage-rankings .toggleHidden {
	cursor: pointer;
}

	 @media (max-width:991px) {
	     
		 .homepage-rankings .rank{
			min-height: inherit;
			margin-bottom: 20px;
			display: flex;
			justify-content: center;
            align-items: center;
		}
		
		 .homepage-rankings .rank h2 {
			margin-top: 1rem;
		}
		 
		 .homepage-rankings .inner {
		     float: unset;
			 justify-content: center;
			 align-items: center;
			 margin: 2% 0;
		 }
		 
	}
	
/* Home: Second hero section */

h2.second-level-page-heading{
    font-family:"United Sans Condensed",Impact,"Arial Black","sans serif";
    font-size:6rem;
    font-weight:700;
    letter-spacing:0;
    line-height:.9;
    text-align:center;
    max-width:1061px;
    margin-top:0;
    text-transform:uppercase
}

    @media screen and (max-width: 1023px){
        h2.second-level-page-heading{
            font-size:5rem
        }
    }
    
    @media screen and (max-width: 767px){
        h2.second-level-page-heading{
            font-size:3.375rem
        }
    }
	
/* Home: News section - header, topics and items */

.purdue-home-news .header-wrap {
    margin-bottom: 2.25rem;
}

.news-topic {
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
}

.news-topic-space {
   margin-bottom: 2.5rem; 
}

.purdue-home-featured-news .column .columns {
    flex: 1;
}

.purdue-home-featured-news .mobile-hidden,
.purdue-home-featured-news .columns .column {
    display: flex;
    flex-direction: column;
}

.purdue-home-featured-news .purdue-home-cta-card {
    height: auto;
}

.purdue-home-cta-card.purdue-home-cta-card--story.featured-post-card {
    flex: 1;
}

.purdue-home-featured-news figure {
    margin-bottom: initial;
}

.purdue-home-cta-card.purdue-home-cta-card--story .image::after {
    background: none;
}

.purdue-home-featured-news .purdue-home-cta-card img {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    transition: all 0.3s;
}

.purdue-home-cta-card.purdue-home-cta-card--story img::after {
    background: none;
}

.purdue-home-featured-news .purdue-home-cta-grid__card-title {
    text-decoration: underline;
    text-wrap: balance;
}

.purdue-home-featured-news .purdue-home-cta-grid__card-title:hover {
    text-decoration: none;
}

/* Home: Events section - header and items */

.purdue-home-events .mobile-hidden,
.purdue-home-events .columns .column {
    display: flex;
    flex-direction: column;
}

.purdue-home-events .columns .column .purdue-home-cta-card {
    flex: 1;
}

.purdue-home-events .purdue-home-cta-card {
    height: auto;
}

.purdue-home-events .purdue-home-cta-grid__card-title {
    text-decoration: underline;
}

.purdue-home-events .purdue-home-cta-grid__card-title:hover {
    text-decoration: none;
}

.purdue-home-events .purdue-home-cta-grid__card-subtext {
    -webkit-line-clamp: 3;
}

.purdue-home-events .event-article-date {
    color: #000;
    font-weight: 400;
}

.purdue-home-events .event-article-title {
    text-decoration: underline;
    text-wrap: balance;
}

.purdue-home-events .event-article-title:hover {
    text-decoration: none;
}

/* Other styles */

.purdue-home-featured-story__content-container.column {
    justify-content: start;
}

.purdue-home-cta-banner .image::after {
    background-color: rgba(0,0,0,.3);
}

.purdue-home-teritary-hero__header.second-level-page-heading {
    padding-top: 400px;
}

.purdue-home-teritary-hero__content p {
    font-size: 1.5rem;
}

.purdue-home-teritary-hero .purdue-home-button {
    font-size: 2rem;
}

.purdue-home-teritary-hero .purdue-home-button::after {
    width:1.75rem;
    height: 1.75rem;
}