/* Hero section */

/* Hero section Main heading */

 .purdue-home-teritary-hero__header.second-level-page-heading {
     padding-top: 400px;
     text-shadow: 5px 5px 5px #000;
}

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

 .purdue-home-teritary-hero__content {
     background: #CFB991;
     color: #000;
     display: inline-block;
     font-size: 2.25rem;
     padding: 0.625rem 1.875rem;
     text-transform: uppercase;
}

 .has-image-background p:not(.tagged-header) {
     color:#000;
}

/* Stories section */

.stories {
    padding: 3rem 3.25rem;
    background-color: #ededed;
}

.stories h2 {
    text-align: center;
}

 .stories-cards {
     display: grid;
     grid-auto-rows: minmax(auto,auto);
    /* grid-template-columns: repeat(4,1fr); */
     grid-template-columns: repeat(4, minmax(250px, 1fr));
     grid-gap: 2rem;
}

     @media screen and (max-width: 1024px) {
         .stories-cards {
             grid-template-columns: repeat(2,1fr);
        }
    }
    
     @media screen and (max-width: 767px) {
         .stories-cards {
             grid-template-columns: 1fr;
        }
    }

 .stories-cards .box {
     border-radius: 0.25rem;
     box-shadow: 0 .5em 1em -.125em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.02);
     color: #000;
     max-width: 100%;
     overflow: hidden;
     padding: 0;
     position: relative;
}

 .stories-cards .box:not(:last-child) {
     margin-bottom: initial;
}

 .stories-cards .box:hover {
     box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
}

.purdue-home-cta-card.purdue-home-cta-card--story .flex-container--align-center .purdue-home-cta-grid__card-subtext {
    -webkit-line-clamp: initial;
}


/* Other */

.purdue-home-image.image-align-left{
    float:left;
    max-width: 300px;
    margin-right: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.purdue-home-image.image-align-right{
    float:right;
    max-width: 300px;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.purdue-home-image.image-align-center{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.purdue-home-image.image-align-full{
   width:100%;
}

    @media (max-width:767px){
        .purdue-home-image.image-align-left{
            float:none;
            max-width: 100%;
            margin-right: 0;
            margin-top: 2rem;
            margin-bottom: 2rem;
        }
        .purdue-home-image.image-align-right{
            float:none;
            max-width: 100%;
            margin-left: 0;
            margin-top: 2rem;
            margin-bottom: 2rem;
        }
    }

.content-area ol,
.content-area ul,
.content-area ol,
.content-area ul,
.content-area ol,
.content-area ul {
    font-size: 1rem;
    padding-left: 2.5rem;
    padding-bottom: 1.25rem
}

:is(.content-area ol, .content-area ul) li {
    padding-bottom: 1rem;
}

:is(.content-area ol, .content-area ul) li {
    padding-bottom: 1rem;
}

:is(.content-area ol, .content-area ul) li {
    padding-bottom: 1rem;
}

    @media(max-width: 767px) {
        
        .content-area ul,
        .content-area ol,
        .content-area ul,
        .content-area ol,
        .content-area ul,
        .content-area ol {
            padding-left:1.5rem
        }
        
    }

    .content-area ul {
        list-style-type: disc;
    }
    
    :is(.content-area ul) 
    :is(.content-area ul) {
        list-style-type: circle;
    }
    
    .content-area .purdue-home-button {
        margin-bottom: 1rem;    
    }
}