@import '../helpers/helpers';
@import '../components/proposition';
@import '../components/home-offers';
@import '../components/popular-categories';
@import '../components/trade-offers';

.video-holder {
  @include make-col-ready;
  @include make-col(12);
  margin-bottom: 40px;

  @include media-breakpoint-down(sm) {
    margin-bottom: 30px;
  }
}

.page_content {
  .page-header {
    padding-bottom: 0;

    &::before {
      display: none;
    }
  }

  .clearboth {
    @include media-breakpoint-down(sm) {
      width: 100%;
    }
  }

  .section {

    img {
      @include img-fluid;
      width: 100%;
    }

    &__picture {
      margin: 0;
    }

    &_aligned {
      text-align: center;

      @include media-breakpoint-down(sm) {
        text-align: left;
      }

      p {
        @include primary-text;
      }
    }

    p {
      margin: 20px 0;
      line-height: 1.25rem;
    }
  }
}

.layout_left-aside .left-aside {
  margin-bottom: 65px;
}

.home-page > .sticky-wrapper {
  display: none;
}

.error-page {
  height: 100%;

  body {
    height: 100%;

    .error-container {
      width: 100%;
      height: 100%;
      background-color: $gray-light;

      .error-wrapper {
        background-color: $white;
        border: 1px solid $gray;
        padding: 0 0 20px;

        @include media-breakpoint-down(sm) {
          margin: 0;
        }

        .logo-wrapper {
          text-align: center;

          img {
            width: 200px;
            margin-bottom: 30px;
          }
        }

        .error-content {
          max-width: 900px;
          margin: 0 auto;
          text-align: center;

          h1 {
            font-size: 4rem;
            margin-bottom: 30px;
          }

          h2,
          h3,
          p {
            margin-bottom: 20px;
          }

          .large-text {
            font-size: 1.285rem;
          }

          .btn {
            margin: 0 10px 20px;
            width: 140px;

            @include media-breakpoint-down(sm) {
              width: 100%;
              margin: 0 0 20px;
            }
          }

          &.maintenance {

            .fa-exclamation-triangle {
              font-size: 4rem;
              margin-bottom: 30px;
            }

            h1 {
              font-size: 2.25rem;
              margin-bottom: 15px;
            }
          }
        }
      }
    }
  }
}

.home-offers {

  .card {

    &__inner {
      border: 1px solid $gray;
    }
  }
}
