// For overwriting nopCommerce Default Styling

//
// General
//
.title {
  margin: 0;
  padding: 0;
}

.section {
  margin-bottom: 18px;
  padding-top: 18px;
  @include media-breakpoint-up($toggling-container-breakpoint-desktop) {
    margin-bottom: $spacing;
    padding-top: 0;
  }
  .title {
    padding: 0;
    margin: 0;
  }
}

.page {
  text-align: left;
}

//
// Breadcrumb
//
.breadcrumb {
  a {
    margin: 0;
  }
}

//
// Button
//
.btn {
  &--flat {
    border: none;
  }
}

//
// Card
//
.card {
  &-blog {
    &__desc {
      p {
        margin: 0;
      }
    }
  }
}

//
// Header
//
.header {
  text-align: left;
  .cart {
    .btn {
      color: white;
    }
  }
  &__search {
    form {
      border-bottom: $border;
      align-items: center;
    }
    input {
      border-bottom: none;
      &:focus {
        outline: none;
        border: none;
      }
    }
  }
}

.admin-header-links {
  display: none;
}

//
// Select
//
.select-label {
  select {
    padding: 0;
  }
}

//
// Slick
//
.slick-slider {
  .slick-dots {
    button {
      &:before {
        font-size: 10px;
        @include media-breakpoint-up($banner-breakpoint-desktop) {
          font-size: 18px;
        }
      }
    }
    li {
      width: 13px;
      @include media-breakpoint-up($banner-breakpoint-desktop) {
        width: 26px;
      }
    }
  }
}
