body.archive main section.archive {
  margin-top: 68px;
  overflow-x: hidden; }
  body.archive main section.archive div.container {
    padding-left: 32px;
    padding-right: 32px;
  }
  @media (min-width: 992px) {
    body.archive main section.archive {
      margin-top: 124px; } }
  body.archive main section.archive section.archive-panel {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 0.5px solid var(--slate-grey-20); }
    @media (min-width: 992px) {
      body.archive main section.archive section.archive-panel.archive-panel-0 {
        padding-top: 64px;
      }
      body.archive main section.archive section.archive-panel {
        padding-top: 56px;
        padding-bottom: 56px;
      }
      body.archive main section.archive div.container {
        padding-left: 12px;
        padding-right: 12px;
      }
    }
    body.archive main section.archive section.archive-panel.archive-panel-0 h1 {
      font-size: 32px;
    }
    body.archive main section.archive section.archive-panel h1, body.archive main section.archive section.archive-panel h2 {
      font-family: var(--secondary-font-medium);
      font-weight: 500;
      font-style: normal;
      font-size: 24px;
      line-height: 120%;
      margin-bottom: 16px;
      color: var(--slate-grey); }
    body.archive main section.archive section.archive-panel p {
      font-family: var(--primary-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      letter-spacing: -0.32px;
      margin-bottom: 1rem;
      color: var(--slate-grey-80); }
      body.archive main section.archive section.archive-panel p:last-of-type {
        margin-bottom: 0; }
    body.archive main section.archive section.archive-panel div.text-col {
      opacity: 0;
      visibility: hidden; }
    body.archive main section.archive section.archive-panel div.image-col {
      opacity: 0; }
      body.archive main section.archive section.archive-panel div.image-col img {
        cursor: pointer; }
      body.archive main section.archive section.archive-panel div.image-col.image-col-left {
        transform: translate3d(-40px, 0, 0); }
      body.archive main section.archive section.archive-panel div.image-col.image-col-right {
        transform: translate3d(40px, 0, 0); }
    body.archive main section.archive section.archive-panel div.archive-image-container {
      position: relative;
      overflow: hidden;
      cursor: pointer; }
      body.archive main section.archive section.archive-panel div.archive-image-container div.archive-image-cover {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        background-image: url("../gfx/archive/magnifying_glass_icon.png");
        background-size: 60px 60px;
        background-position: center center;
        background-repeat: no-repeat;
        transition: all 0.5s; }
        body.archive main section.archive section.archive-panel div.archive-image-container div.archive-image-cover.active {
          opacity: 1; }
      body.archive main section.archive section.archive-panel div.archive-image-container img.mobile-zoom-icon {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 30px; }
        @media (min-width: 992px) {
          body.archive main section.archive section.archive-panel div.archive-image-container img.mobile-zoom-icon {
            display: none; } }
  body.archive main section.archive section.archive-panel-15 div.text-col {
    opacity: 1;
    visibility: visible; }
    body.archive main section.archive section.archive-panel-15 div.text-col a {
      color: var(--accessible-orange);
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      letter-spacing: -0.32px;
      text-decoration-line: underline; }
      body.archive main section.archive section.archive-panel-15 div.text-col a:hover {
        color: var(--accessible-orange-hover); }
  body.archive main section.archive div.archive-intro-container {
    background: linear-gradient(276deg, #020E10 54.03%, #07272D 95.88%);
    /*
    background: rgb(232, 110, 38);
    background: -moz-linear-gradient(135deg, rgba(232, 110, 38, 1) -30%, rgba(47, 44, 128, 1) 70%);
    background: -webkit-linear-gradient(135deg, rgba(232, 110, 38, 1) -30%, rgba(47, 44, 128, 1) 70%);
    background: linear-gradient(135deg, rgba(232, 110, 38, 1) -30%, rgba(47, 44, 128, 1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e86e26", endColorstr="#2f2c80", GradientType=1);
    */ }
  body.archive main section.archive section.archive-panel-intro {
    border-bottom: none;
    text-align: center; }
    @media (max-width: 992px) {
      body.archive main section.archive section.archive-panel-intro div.text-col {
        padding: 0 32px;
      }
      body.archive main section.archive div.archive-intro-container .container {
        max-width: 100%;
        padding: 0;
      }
      body.archive main section.archive div.archive-intro-container .container .archive-panel-intro {
        padding: 32px 0 0;
      }
      body.archive main section.archive section.archive-panel-intro div.image-col.image-col-right {
        position: relative;
        right: 0;
        top: 0;
      }
      body.archive main section.archive section.archive-panel-intro div.image-col img {
        left: -56px;
        max-height: 210px;
        object-fit: cover;
        object-position: top;
        position: relative;
        width: calc(100% + 56px) !important;
      }
    }
    @media (min-width: 992px) {
      body.archive main section.archive div.archive-intro-container {
        align-items: center;
        display: flex;
        height: 440px;
        position: relative;
      }
      body.archive main section.archive section.archive-panel-intro {
        text-align: left;
        padding-top: 0;
        padding-bottom: 0; 
      }
      body.archive main section.archive section.archive-panel-intro div.image-col.image-col-right img {
        height: 440px;
        position: absolute;
      }
    }
    
    body.archive main section.archive section.archive-panel-intro div.text-col {
      transform: translate3d(-40px, 0, 0); }
    body.archive main section.archive section.archive-panel-intro div.image-col {
      transform: translate3d(40px, 0, 0); }
      body.archive main section.archive section.archive-panel-intro div.image-col img {
        cursor: default; }
        @media (min-width: 992px) {
          body.archive main section.archive section.archive-panel-intro div.image-col img {
            margin-top: 0; } }
    body.archive main section.archive section.archive-panel-intro h1 {
      color: #fff;
      font-family: var(--secondary-font);
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: 1px; }
      @media (min-width: 992px) {
        body.archive main section.archive section.archive-panel-intro h1 {
          font-size: 56px; } }
    body.archive main section.archive section.archive-panel-intro p {
      font-family: var(--primary-font);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      letter-spacing: -0.32px; }
      @media (min-width: 992px) {
        body.archive main section.archive section.archive-panel-intro p {
          font-size: 24px;
          max-width: 426px } }
    body.archive main section.archive section.archive-panel-intro h2 {
      color: #fff;
      font-size: 20px; }
      @media (min-width: 992px) {
        body.archive main section.archive section.archive-panel-intro h2 {
          font-size: 27px; } }
    body.archive main section.archive section.archive-panel-intro p {
      color: #fff; }
      body.archive main section.archive section.archive-panel-intro p.smaller {
        font-size: 16px;
        line-height: 23px; }
  @media (min-width: 992px) {
    body.archive main section.archive section.archive-panel-5 div.text-container {
      margin-right: 12.5%; } }
  @media (min-width: 992px) {
    body.archive main section.archive section.archive-panel-6 div.text-container {
      margin-left: 12.5%; } }