/******************************** 
 offcanvas cart style
 ********************************/
.offcanvas {
  .inner {
    .head {
      margin-bottom: 25px;
      padding-bottom: 15px;
      border-bottom: 1px solid $border-color2;
      .offcanvas-close {
        position: relative;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        border: 0;
        background-color: transparent;
      }
    }

    .sub-total {
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid $border-color2;
      margin: 30px 0;
      border-bottom: 1px solid $border-color2;
      strong {
        color: $color-dark;
        font-weight: fontweight(medium);
      }

      .amount {
        font-weight: fontweight(medium);
      }
    }

    .minicart-message {
      margin-top: 15px;
      color: $color-dark;
      margin-bottom: 15px;
    }
  }
}

.minicart-product-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid $border-color;
    .image {
      flex: 1 0 0px;
      img {
        max-width: 100%;
        border: 1px solid $border-color;
      }
      @include max-screen(575) {
        flex: 1 0 50px;
      }
    }
    &:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0;
    }
    .content {
      position: relative;
      flex: 1 0 calc(100% - 150px);
      padding-left: 15px;
      .title {
        color: $color-dark;
        line-height: 18px;
        margin-bottom: 10px;
        font-size: 15px;
        text-transform: capitalize;
      }
      .quantity-price {
        font-size: 14px;
        display: block;
        margin-top: 10px;
        .amount {
          color: $color-dark;

          font-weight: 500;
        }
      }
      .remove {
        line-height: 1;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 3px;
        color: $color-dark;
        font-size: 18px;
      }
      @include max-screen(575) {
        flex: 1 0 calc(100% - 75px);
      }
    }
  }
}
// theme1

.theme1 {
  .inner {
    .sub-total {
      .amount {
        color: $theme-color;
      }
    }
  }
}

// theme1
.theme1 {
  .minicart-product-list {
    li {
      .content {
        .title {
          &:hover {
            color: $theme-color;
          }
        }

        .remove {
          &:hover {
            color: $theme-color;
          }
        }
      }
    }
  }
}

/******************************** 
 offcanvas cart style ENd
 ********************************/