/******************
 * HEADER
 ****************/

.content-header {
  padding-top: 18px;
  padding-bottom: 12px;
  background-color: rgba(0, 0, 0, 0.85);
  position: relative;
  z-index: 200;
}
@media (min-width: 1220px) {
  .header--style-standard .content-header {
    padding-top: 36px;
    padding-bottom: 19px;
  }
}

  .content-header .body-wrap {
    display: flex;
    justify-content: space-between;
    gap: 25px;
  }

    .content-header .block-system-branding-block {
      line-height: 0;
    }
      .content-header .block-system-branding-block a {
         display: inline-block;
         line-height: 0;
      }
        .content-header .block-system-branding-block img {
          width: 180px;
          height: 40px;
          line-height: 1;
        }
        @media (min-width: 1220px) {
          .header--style-standard .content-header .block-system-branding-block img {
            width: 278px;
            height: 62px;
          }
        }


    .content-header .nav-wrap {
      display: flex;
      gap: 12px;
      align-items: center;
    }
      .content-header .nav-wrap .nav-aside {
        position: relative;
      }

      .header--style-microsite .content-header .nav-wrap .nav-main .nav-inner-menu {
        position: relative;
        margin-top: -2px;
        align-items: center;
        display: flex;
        gap: 2px;
      }
      @media (min-width: 1220px) {
        .header--style-standard .content-header .nav-wrap .nav-main .nav-inner-menu {
          position: relative;
          display: flex;
          gap: 20px;
          align-items: initial;
          margin-top: 0;
        }
      }


/******************
 * SEARCH
 ****************/

.search--header {
  display: none;
  width: 56px;
  margin: 0 0 -20px 0;
  background-color: #68d2f2;
}
@media (min-width: 1220px) {
  .search--header {
    display: block;
  }
}

  .search--control {
    display: none;
    width: 30px;
    height: 30px;
    margin: 8px 13px 0;
    border: none;
    text-indent: -9999px;
    background: transparent url(../../images/icon-search.svg) center center no-repeat;
    background-size: 28px 28px;
    cursor: pointer;
  }
  @media (min-width: 1220px) {
    .search--control {
      display: block;
    }
  }

  .search--control:hover,
  .search--control:focus {
    background-image: url(../../images/icon-search-white.svg);
  }

  .search--tray {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
  }
  .search--tray.active {
    display: block;
  }

  /* If the search tray has been moved into the mobile drop menu. */
  .nav-inner .search--tray {
    position: relative;
    top: auto;
    display: block;
    margin-top: 0;
  }