.archive-header {
  .content-layout-full & {
    border-bottom: 1px solid;
  }

  .archive-header-inner {
    .content-layout-boxed & {
      border-bottom: 1px solid;
    }
  }

  .archive-title-wrapper {
    display: flex;
    flex-direction: column;
    @each $breakpoint, $padding in $content-padding {
      @include breakpoint($breakpoint) {
        padding: rem-calc($padding*1.35) rem-calc($padding);
      }
      @include large_side_paddings;
    }
    @include breakpoint(large) {
      flex-direction: row;
      align-items: center;
    }

    .archive-title {
      margin-bottom: 0;
      font-size: rem-calc(23);
    }

    ul {
      &.archive-list {
        width: auto;
        margin: 0 0 0 auto;
        list-style-type: none;
        z-index: 10;
        max-width: 85%;

        li {
          margin-bottom: 0;
          font-size: rem-calc(13);
          margin-right: rem-calc(32);
          width: auto;
          display: inline-block !important;

          ul.children {
            display: none;
          }

          &.cat-item-none {
            display: none !important;
          }

          a {
            opacity: $opacity-medium;
            line-height: rem-calc(32);
            display: inline-block;
            width: auto;
            position: relative;
            @include global-transition();

            &:hover {
              opacity: 1;

              &:after {
                transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
              }
            }

            &:after {
              transition: all 0.3s ease-in-out;
              content: "";
              display: block;
              width: 100%;
              height: 3px;
              position: absolute;
              left: 0;
              bottom: 0;
              transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
            }
          }

          &:last-of-type {
            margin-right: 0;
          }

          &.current-cat {
            a {
              opacity: 1;
              align-items: center;

              &:before {
                @include nova_icon('\ea25');
                margin-left: auto;
                @include breakpoint(large) {
                  display: none;
                }
              }

              &:after {
                transition: all 0.3s ease-in-out;
                content: "";
                display: block;
                width: 100%;
                height: 3px;
                position: absolute;
                left: 0;
                bottom: 0;
                transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
              }
            }

            &.open {
              a {
                &:after {
                  @include nova_icon('\ea13');
                }
              }
            }
          }

          &:not(.current-cat) {
            float: none;
            width: auto;
            display: inline-block;
          }
        }
      }

      &.archive-mobile-list {
        margin: rem-calc(20) 0 0;
        padding: 0;
        width: 100%;
        @include breakpoint(medium down) {
          margin-bottom: rem-calc(-27);
        }

        li {
          margin: 0;
          padding: 0;
          list-style: none;

          &:not(:first-child) {
            visibility: hidden;
            opacity: 0;
            max-height: 0;
            transition: max-height 0.5s ease-in-out, opacity 0.8s ease-in-out;

            &.show {
              visibility: visible;
              transition: opacity 0.8s ease-in-out, max-height 0.5s ease-in-out;
              opacity: 1;
              max-height: 5rem;
            }
          }

          &:before {
            content: "";
            border-bottom: 1px solid;
            display: block;
          }

          ul.children {
            display: none;
          }

          &:first-child {
            visibility: visible;
            opacity: 1;
            max-height: 5rem;

            a {
              &:after {
                @include nova_icon('\ea25');
                font-size: 0.7em;
                background-color: transparent;
                margin-left: auto;
                margin-right: 1em;
              }
            }

            &.open {
              a {
                &:after {
                  @include nova_icon('\ea13');
                }
              }
            }
          }

          a {
            font-size: 0.8em;
            line-height: 1.4em;
            min-height: 4.5em;
            display: flex;
            align-items: center;
            background: inherit;
          }
        }
      }
    }
  }

  .archive-description {
    font-size: rem-calc(14);
    @each $breakpoint, $padding in $content-padding {
      @include breakpoint($breakpoint) {
        padding: 0 rem-calc($padding) rem-calc($padding*1.5);
      }
    }
    @include large_side_paddings;

    p {
      margin-bottom: 0;
    }
  }
}