/*
 * 404.scss
 * -----------------------------------------------
*/
.page-404-wrapper {
  text-align: center;
  &.page-404-wrapper-padding {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .page-404-main-content {
    margin-bottom: 25px;
    .title {
      font-size: 11rem;
      @include media-breakpoint-down(md) {
        font-size: 8rem;
      }
      line-height: 1;
      margin-top: 0;
      margin-bottom: 2rem;
    }
    .sub-title {
      font-size: 2rem;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 1.7rem;
    }
    .content,
    .content p {
      margin-bottom: 1.7rem;
    }
  }
  .search-box {
    margin-bottom: 2rem;
    .paragraph {
      margin-bottom: 1rem;
    }
  }
  .helpful-links {
    margin-bottom: 25px;

    ul {
      list-style: none;
      li {
        padding-left: $ul-li-padding-left-with-arrow;
        position: relative;
        margin-bottom: 5px;
        &::before {
          content: "\f0da";
          left: 0;
          top: 0;
          position: absolute;
          font-family: "Font Awesome 5 Free";
          font-weight: 600;
          color: #ccc;
        }
        a {
          color: var(--text-color);
        }
      }
    }
  }
  &.page-404-layout-split {
    .page-404-main-content {
      .title {
        font-size: 8rem;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 1rem;
      }
      .sub-title {
        font-size: 1.7rem;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 1.2rem;
      }
      .content,
      .content p {
        margin-bottom: 1rem;
      }
    }
  }
}
.page-404-wrapper {
  .page-404-main-content {
	  text-align:center;
    .title {
      color: var(--theme-color1);
    }
  }
  .helpful-links {
    ul {
      li {
        &::before {
          color: var(--theme-color1);
        }
        a:hover {
          color: var(--hover-theme-color);
        }
      }
    }
  }
}