/* @group Blog & News Single
------------------------------------ */
.news-main { margin: 0 0 5.3rem; }
.news-main h1 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; letter-spacing: 0.38px; line-height: 1.224em; margin: 0 0 2.4rem; }
.news-main time { color: rgba(0,178,221,1); font-size: 1.4em; letter-spacing: 3.5px; line-height: 1.286em; margin: 0 0 2.4rem; text-transform: uppercase; display: block; }
.news-main header .img-box { height: 46.1rem; margin: 0 0 6.3rem; }
.news-main .content {}
.news-main .content h2 { color: rgba(26,46,87,1); font-size: 2.4em; font-weight: 800; letter-spacing: 0.25px; line-height: 1.210em; margin: 0 0 1em; }
.news-main .content h3 { color: rgba(26,46,87,1); font-size: 2em; font-weight: 800; letter-spacing: 0.25px; line-height: 1.210em; margin: 0 0 1em; }
.news-main .content h4 { color: rgba(26,46,87,1); font-size: 1.8em; letter-spacing: 0.25px; line-height: 1.210em; margin: 0 0 1em; }
.news-main .content h5 { color: rgba(26,46,87,1); font-size: 1.6em; letter-spacing: 0.25px; line-height: 1.210em; margin: 0 0 1em; }
.news-main .content h6 { color: rgba(26,46,87,1); font-size: 1em; letter-spacing: 0.25px; line-height: 1.210em; margin: 0 0 1em; }
.news-main .content li,
.news-main .content p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.3px; line-height: 1.643em; }
.news-main .content li a,
.news-main .content p a { color: rgba(0,100,163,1); text-decoration: underline; }
.news-main .content ol,
.news-main .content ul,
.news-main .content p { margin: 0 0 2.3rem; }
.news-main .content ol li { list-style: decimal outside none; }
.news-main .content ul { padding: 0 0 0 .7rem; }
.news-main .content ul li { text-indent: -.7em; padding-right: .7em; }
.news-main .content ul li::before { content: '•'; padding-right: .7em; }
.news-main .content ol:last-child,
.news-main .content ul:last-child,
.news-main .content p:last-child { margin: 0; }
.news-main .content img { width: 100%; height: auto; margin: 0 0 2.3rem; }
.news-main .content p img:last-child { margin: 0; }

.news-main .content .publication { margin: 0 0 2rem; }
.news-main .content .publication p { color: rgba(0,100,163,1); font-size: 1.6em; font-style: italic; letter-spacing: 0.17px; line-height: 1.250em; margin-top: 1.4rem; }
/* Recents Stories
----------------------*/
.recent-stories { padding-top: 8.4rem; margin: 0 0 5.9rem;  background: linear-gradient(to bottom, rgba(237,248,251,1) 35.8rem, rgba(255,255,255,1) 35.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) {
  .news-main { padding-top: 4.2rem; }
  .news-main article { opacity: 0; visibility: hidden; }
  .news-main.animateActive article { animation: sectionUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
  /* 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 : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .page-nav { background: rgba(26,46,87,1); position: fixed; top: 14.4rem; width: 100%; z-index: 4;
    -webkit-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    -moz-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    -ms-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    -o-transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
    transition: background .2s cubic-bezier(0.4,0.0,0.2,1), height .8s cubic-bezier(0.4,0.0,0.2,1), top .8s cubic-bezier(0.4,0.0,0.2,1);
  }
  .avisory-bar:not(.hiddenBar) ~ .page-nav { top: 23.6rem; }
  .scrollhidden.pinedHeader .page-nav { top: 0; }
  .page-nav .row { height: 9rem; }

  .page-nav button {
    background: var(--light-blue);
    color: var(--navy-blue);
    padding: .8rem 3rem;
    font: normal 600 16px / 2em var(--proxima-font);
    text-transform: uppercase;
    transition: 0.5s;
    inset-inline: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10rem;
  }
  .page-nav button i {
    color: var(--navy-blue);
    display: inline-block;
  }
  .page-nav .back {
    background: var(--light-blue);
    position: absolute;
    left: 0;
    top: 0;
    line-height: 9rem;
    height: 9rem;
    width: 10rem;
    color: rgba(25, 45, 86, 1);
    font-size: 2.2em;
    text-align: center;
  }
  .page-nav .col-36-24 {
    padding: 30px;
    padding-top: 0;
    padding-bottom: 15px;
    background: var(--light-blue);
    border-radius: 0px 0px 35px 35px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.07);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    width: 100%;
  }
  .page-nav .col-36-24 li {
    padding-left: 5rem;
  }
  .page-nav .col-36-24 li,
  .page-nav .col-36-24 li a {
    color: var(--navy-blue);
    font: normal 600 16px / 2em var(--proxima-font);
    display: block;
    text-transform: uppercase;
  }
  .page-nav .col-36-24 li a {
    padding-block: 15px;
  }
  .page-nav .current-menu-item a::after {
    content: none;
  }
  .page-nav .news-events-menu ul li:not(:last-of-type) a {
    border-bottom: 1px solid var(--white);
  }
  .page-nav.show-dropdown .row .col-36-24 {
    opacity: 1;
    visibility: visible;
  }









  /* News Main
  ----------------------*/
  .site-nav + .content-main.news-main { margin-top: 23.4rem; }
  .avisory-bar:not(.hiddenBar) ~ .site-nav + .news-main { margin-top: 31.4rem; }
  .news-main { margin: 0 0 10.2rem; }
  .news-main article { padding: 0 4rem; }
  .news-main header { margin-top: 6rem; }
  .news-main h1 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 3.8rem; }
  .news-main time { font-size: 2.2em; letter-spacing: 5.5px; line-height: 1em; margin: 0 0 1.8rem; }
  .news-main header .img-box { height: 42.9rem; margin: 0 0 7.2rem; }
  .news-main .content { padding: 0 4rem 0 2.4rem; }
  .news-main .content h2 { font-size: 4em; letter-spacing: 0.86px; line-height: 1.300em; margin: 0 0 1em; }
  .news-main .content h3 { font-size: 3.6em; letter-spacing: 0.86px; line-height: 1.300em; margin: 0 0 1em; }
  .news-main .content h4 { font-size: 3em; letter-spacing: 0.86px; line-height: 1.300em; margin: 0 0 1em; }
  .news-main .content h5 { font-size: 2.8em; letter-spacing: 0.86px; line-height: 1.300em; margin: 0 0 1em; }
  .news-main .content h6 { font-size: 1.6em; letter-spacing: 0.86px; line-height: 1.300em; margin: 0 0 1em; }
  .news-main .content li,
  .news-main .content p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; }
  .news-main .content ol,
  .news-main .content ul,
  .news-main .content p { margin: 0 0 5.9rem; }

  .news-main .content img { margin: 0 0 5.9rem; }
  .news-main .content p img:last-child { margin: 0; }

  .news-main .content .publication { margin: 0 0 2rem; }
  .news-main .content .publication p { font-size: 2.2em; letter-spacing: 0.23px; line-height: 1.230em; margin: 0; }

  /* Recents Stories
  ----------------------*/
  .recent-stories { padding-top: 8.2rem; margin: 0 0 7.2rem;  background: linear-gradient(to bottom, rgba(237,248,251,1) 38.7rem, rgba(255,255,255,1) 38.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 20.6rem; }
  .recent-stories article { margin-bottom: 4rem; padding: 0 2.15rem; }
  .recent-stories .box {}
  .recent-stories .img-box { height: 21.9rem; }
  .recent-stories .content { padding: 2.8rem 2.5rem 3.7rem 3.5rem; height: calc(100% - 21.9rem); }
  .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; }
}
/* @end */