.header-video-text .video-facade-wrapper-hm .video-facade-hm .video-facade-text {
  position: absolute;
  max-width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.5rem 0rem 1rem 1rem;
  z-index: 3;
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 1.60rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
}

.header-video-text .video-facade-wrapper-hm .video-facade-hm .video-facade-text p {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  position: relative;
  display: inline-block;
  padding: 0.35rem 0.6rem;
  color: #fff;
  transition: color 0.4s ease;
  z-index: 1;
  overflow: hidden;
}

/* The wipe bar sits behind the text */
.header-video-text .video-facade-wrapper-hm .video-facade-hm .video-facade-text p::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 0, 0, .6);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}

.header-video-text .video-facade-wrapper-hm:hover .video-facade-text p::before {
  transform: scaleX(1);

}

.video-facade-wrapper-hm .video-facade-hm .video-facade-text p,
.video-facade-wrapper-hm .video-facade-hm .video-facade-text p:hover,
.video-facade-wrapper-hm .video-facade-hm .video-facade-text p:focus,
.video-facade-wrapper-hm .video-facade-hm .video-facade-text p:focus-visible {
  border-bottom: none !important;
}

.header-video-text .video-facade-wrapper-hm:hover .video-facade-text p {
  color: #fff;
}
@media (min-width: 1024px) and (max-width: 1491px) {
  .header-video-text .video-facade-wrapper-hm .video-facade-hm .video-facade-text {
    font-size: 1rem;
  }
}
.admission-aid .fact {
    font-size: 3rem;
}


@media screen and (min-width: 64em) {
  .rg-sub-text {
    padding-top: 1.3rem !important;
    font-size: 2.5rem !important;
  }
}

.rg-sub-text {
  padding-top: 1rem;
  font-size: 1rem;
}



.sports-list-two-col {
  column-count: 2;
  column-gap: 10rem;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.sports-list-two-col li {
  break-inside: avoid;
  margin-bottom: 0.5rem;
}

.sports-list-two-col a {
  text-decoration: none;
  border-bottom: none;
}

.sports-list-two-col a:hover,
.sports-list-two-col a:focus {
      text-decoration: none !important;
  border-bottom: none !important;
  
}
.sports-list-two-col .arrow-link-hm {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
.sports-list-two-col .arrow-link-hm:hover,
.sports-list-two-col .arrow-link-hm:focus {
      text-decoration: none !important;
  border-bottom: 1px solid white !important; !important;
}

.more-resources-hm .arrow-link-hm:hover,
.more-resources-hm .arrow-link-hm:focus {
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
} 

@media screen and (max-width: 640px) {
  .sports-list-two-col {
    column-count: 1;
  }
} 
.theme-grey-story .stories-channel-hm {
    padding-top: 2rem;
    background-color: #f3f2f2;
}
.load-more-stories-hm:not(.story-inner-hm) {
    text-align: center;
   
}

.story-inner-hm {
    text-align: left !important;
}
@media screen and (min-width: 1024px) {
    .large-align-top-hm {
        align-items: center;
    }
}

.research-about {
  background-size: cover;
  background-position: center;
  color: #fff;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4)),
    url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/research/why-take-part/symposium-promo.jpg');
}

.city-student-life {
  background-size: cover;
  background-position: center;
  color: #fff;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4)),
    url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/student-life/index-26/City/promo/mural-promo.jpg');
}

.club-org-about {
  background-size: cover;
  background-position: center;
  color: #fff;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4)),
    url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/student-life/index-26/clubs-and-orgs/promo/Promo.jpg');
}

.athletics-test {
  background-size: cover;
  background-position: center;
  color: #fff;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4)),
    url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/athletics/index-26/mascot-spider-pride/promo/Promo-1024x576.jpg');
}

.finance-about {
  background-size: cover;
  background-position: center;
  color: #fff;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2)),
    url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/about/index-26/financial-aid/promo/gazebo-promo.jpg');
}

/* Mobile */
@media (max-width: 699px) {
    
      .research-about {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/research/why-take-part/symposium-promo.jpg');
  }
  
  .city-student-life {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/student-life/index-26/City/promo/mural-promo.jpg');
  }

  .club-org-about {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/student-life/index-26/clubs-and-orgs/promo/Promo.jpg');
  }

  .athletics-test {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/athletics/index-26/mascot-spider-pride/promo/Promo-1024x576.jpg');
  }

  .finance-about {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url('https://d1gtq9mqg5x3oe.cloudfront.net/hermes/images/www/about/index-26/financial-aid/promo/gazebo-promo.jpg');
  }
}

.athletics-test .grid-x, .city-student-life .grid-x, .finance-about .grid-x, .club-org-about .grid-x, .research-about .grid-x {
    max-width: 800px;
}


.new-breadcrumbs-hm li {
    margin-right: 8px;
    position: relative;
    overflow: visible;
  
}

.new-breadcrumbs li:not(:last-child)::after {
    content: " / ";
    margin-left: 8px;
}

.new-breadcrumbs {
    list-style: none; 
}

.new-breadcrumbs li {
    float: left;
    cursor: default;
    
}

.arrow-link-hm {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important;;
}

.arrow-link-hm:hover,
 .arrow-link-hm:focus {
      text-decoration: none !important;
  border-bottom: 1px solid red !important; 
  
}

 @media (min-width: 1200px) and (max-width: 1630px) 
 {   .promo-gateway-hm .small-padding-vertical-3-hm:first-of-type { padding-left: 3rem; padding-right: 3rem; } } 
  @media (min-width: 1200px) and (max-width: 1630px) {  .collage-width .grid-x:first-of-type { padding-left: 3rem; padding-right: 3rem; } } 



.row-hm:not(.large-text-hm) p:not(.preview-hm *):not(.video-facade-text *),
.row-hm:not(.large-text-hm) ul li:not(.preview-hm *):not(.video-facade-text *) {
  font-size: 19px !important;
  font-weight: 300 !important;
}

.landing-text-hm p {
       font-size: 19px !important;
    font-weight: 300 !important; 
}

.video-facade-text p {
       font-weight: 600 !important;
        margin-right: 1rem !important;
}


#breadcrumbs-wrap-hm {
    display: none;
}

h2.h1 {
    font-size: 72px !important;
}

@media (max-width: 1200px) {
    h2.h1 {
        font-size: 56px !important;
    }
}

@media (max-width: 768px) {
    h2.h1 {
        font-size: 40px !important;
    }
}

@media (max-width: 480px) {
    h2.h1 {
        font-size: 28px !important;
    }
}
  
#lead-media-basic-hm:before,
#lead-media-basic-www-style-override-hm:before,
#lead-media-basic-school-style-override-hm:before,
#lead-media-basic-office-style-override-hm:before,
#lead-media-basic-department-style-override-hm:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
background: rgba(0, 0, 0, 0.3); /* better than opacity on pseudo-element */
opacity: 1;
    z-index: 1;
    pointer-events: none; /* to ensure clicks pass through */
}



img {
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12),
              0 5px 15px rgba(0, 0, 0, 0.08);
}




/* Make picture and img fill container and zoom in */
#lead-media-basic-hm picture,
#lead-media-basic-hm img {

}

@media screen and (min-width: 75em) {
    #lead-media-basic-hm .lead-image-hm img, #lead-media-basic-www-style-override-hm .lead-image-hm img, #lead-media-basic-school-style-override-hm .lead-image-hm img, #lead-media-basic-office-style-override-hm .lead-image-hm img, #lead-media-basic-department-style-override-hm .lead-image-hm img {
        height: 40vw;
    }
}

@media screen and (min-width: 75em) {
    #lead-media-basic-hm .grid-x, #lead-media-basic-www-style-override-hm .grid-x, #lead-media-basic-school-style-override-hm .grid-x, #lead-media-basic-office-style-override-hm .grid-x, #lead-media-basic-department-style-override-hm .grid-x {
        min-height: 40vw;
            
    }
}

/* expanding line */
.line-animate-hm {
    display: inline-block;
    height: 4px;
    width: 0;
    background-color: #990000;
    margin: 2rem auto;
    animation: expandLine 1s forwards;
    /* To keep it horizontal */
 }
 
 .theme-red-hm .line-animate-hm, .theme-blue-hm .line-animate-hm {
    background-color: #FFF;
 }

 @keyframes expandLine {
    from {
      width: 0;
      margin-left: 2.5rem; /* Start centered */
      margin-right: 2.5rem;
    }
    to {
      width: 5rem;
      margin-left: 0;
      margin-right: 0;
    }
 }