﻿.esh-basket {
  min-height: 80vh; }
  .esh-basket-titles {
    padding-bottom: 1rem;
    padding-top: 2rem; }
    .esh-basket-titles--clean {
      padding-bottom: 0;
      padding-top: 0; }
  .esh-basket-title {
    text-transform: uppercase; }
  .esh-basket-items--border {
    border-bottom: 1px solid #EEEEEE;
    padding: .5rem 0; }
    .esh-basket-items--border:last-of-type {
      border-color: transparent; }
  .esh-basket-items-margin-left1 {
    margin-left: 1px; }
  .esh-basket-item {
    font-size: 1rem;
    font-weight: 300; }
    .esh-basket-item--middle {
      line-height: 8rem; }
      @media screen and (max-width: 1024px) {
        .esh-basket-item--middle {
          line-height: 1rem; } }
    .esh-basket-item--mark {
      color: #00A69C; }
  .esh-basket-image {
    height: 8rem; }
  .esh-basket-input {
    line-height: 1rem;
    width: 100%; }
  .esh-basket-checkout {
    background-color: #83D01B;
    border: 0;
    border-radius: 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.35s; }
    .esh-basket-checkout:hover {
      background-color: #4a760f;
      transition: all 0.35s; }
    .esh-basket-checkout:visited {
      color: #FFFFFF; }
  .esh-basket-checkout-contact {
    margin-top: 2rem; }
    .esh-basket-checkout-contact h2 {
      font-size: 1.5rem; }
    .esh-basket-checkout-contact-field {
      margin-bottom: 1rem;
      max-width: 32rem; }
      .esh-basket-checkout-contact-field label {
        display: block;
        margin-bottom: .35rem; }
      .esh-basket-checkout-contact-field input {
        width: 100%; }
  .esh-basket-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1rem; }
    .esh-basket-actions .esh-basket-checkout {
      margin-top: 0; }
    .esh-basket-actions-group {
      display: flex;
      flex-wrap: wrap; }
      .esh-basket-actions-group .esh-basket-checkout + .esh-basket-checkout {
        margin-left: .75rem; }
    @media screen and (max-width: 576px) {
      .esh-basket-actions {
        align-items: stretch;
        flex-direction: column; }
        .esh-basket-actions .esh-basket-checkout {
          width: 100%;
          white-space: normal; }
        .esh-basket-actions-group {
          flex-direction: column;
          width: 100%; }
          .esh-basket-actions-group .esh-basket-checkout + .esh-basket-checkout {
            margin-left: 0;
            margin-top: .75rem; } }
