/* Recents Stories
----------------------*/
.recent-stories { padding-top: 8.4rem; margin: 0 0 5.9rem;  background: linear-gradient(to top, rgba(237,248,251,1) 25.8rem, rgba(255,255,255,1) 25.8rem); }
.recent-stories h2 { color: rgba(25,45,88,1); font-size: 3.6em; font-weight: 800; letter-spacing: 0.77px; line-height: 1em; margin: 0 0 2.2rem; }
.recent-stories article { margin-bottom: 5rem; }
.recent-stories .box { display: flex; flex-direction: column; height: 100%; background: rgba(255,255,255,1); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.23); }
.recent-stories .img-box { height: 21.6rem; }
.recent-stories .content { display: flex; flex-direction: column; padding: 1.8rem 4rem 2.9rem 2.2rem; height: calc(100% - 21.6rem); }
.recent-stories time { color: rgba(0,178,221,1); font-size: 1.2em; letter-spacing: 0.26px; line-height: 1.500em; display: block; margin: 0 0 1rem; }
.recent-stories h3 { color: rgba(26,46,87,1); font-size: 2em; letter-spacing: 0.43px; line-height: 1.250em; margin: 0 0 1.8rem; }
.recent-stories p { color: rgba(0,178,221,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 1.250em; margin-top: auto; text-transform: uppercase; }
@media only screen
and (min-width : 961px) {
  /* Recents Stories
  ----------------------*/
  .recent-stories .recent-list { max-width: none; width: calc(100% + 9.6rem); left: -4.8rem; position: relative; }
  .recent-stories article { padding: 0 4.8rem; opacity: 0; visibility: hidden; }
  .recent-stories.animateActive article { animation: fadeUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  .recent-stories.animateActive article:nth-child(2) { animation-delay: .4s; }
  .recent-stories.animateActive article:nth-child(3) { animation-delay: .6s; }
  .recent-stories .content { min-height: 190px; }

  .Mozilla.v11 .recent-stories .box:hover,
  .Explorer .recent-stories .box:hover { -webkit-transform: scale(1.025); transform: scale(1.025); }
  @media (hover: hover) {
    .recent-stories .box:hover { -webkit-transform: scale(1.025); transform: scale(1.025); }
  }
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {

/* Recents Stories
  ----------------------*/
  .recent-stories { padding-top: 8.2rem; margin: 0 0 7.2rem;  background: linear-gradient(to top, rgba(237,248,251,1) 34.7rem, rgba(255,255,255,1) 34.7rem); }
  .recent-stories header { padding: 0 7.2rem; }
  .recent-stories header + div { padding: 0; }
  .recent-stories h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 3.4rem; }
  /* .recent-stories .slick-track { display: flex; } */
  .recent-stories .slick-list { padding: 0 4.2rem; }
  .recent-stories article { margin-bottom: 4rem; padding: 0 2.15rem; }
  .recent-stories .img-box { height: 21.9rem; }
  .recent-stories .content { padding: 2.8rem 2.5rem 3.7rem 3.5rem; height: calc(100% - 21.9rem); flex: 0 1 27rem; max-height: 27rem;}
  .recent-stories time { font-size: 2em; letter-spacing: 0.43px; line-height: 1em; margin: 0 0 2rem; }
  .recent-stories h3 { font-size: 2.4em; letter-spacing: 0.51px; line-height: 1.417em; margin: 0; }
  .recent-stories p { display: none; }

  }