/** Default theme implementation for Commerce Cart components **/

.cart-block--contents { width: 320px; color: #222222;
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 4%) 0px 3px 6px 0px; }
.cart-block--contents__inner { padding: 10px; }
.cart--cart-block .cart-block--contents a { color: inherit; }

.cart-block--summary,
.cart-block--summary__icon img,
.cart-block--summary__count { vertical-align: middle; }

.cart--cart-block li.cart-block--contents__item { clear: both; margin-bottom: 10px; border-bottom: 1px #eaeaea solid; }
.cart-block--contents__quantity { float: left; }
.cart-block--contents__price { float: right; }

.cart-block--contents__links {  }
.cart-block--contents__links a { display: inline-block; width: 100%; padding: 15px 55px 15px 25px; border: 2px solid #222222; text-decoration: none;
    font-family: 'ecdmed', sans-serif; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
    background-repeat: no-repeat; background-size: 22px; background-position: right 20px center; }

form .views-field-remove-button input.form-submit { border: none; width: 40px; height: 0; padding: 40px 0 0 0; margin: 0; overflow: hidden; opacity: 0.2;
    background-color: transparent; background-image: url('../../images/remove.png'); background-position: center; }
form .views-field-remove-button input.form-submit:hover { opacity: 1; }

.cart-form table tbody td { font-family: 'ecdmed', sans-serif; }

.cart-form .views-field-title { display: table; }
.cart-form .views-field-title img { display: table-cell; width: 80px; vertical-align: middle; }
.cart-form .views-field-title h5 { display: table-cell; vertical-align: middle; padding: 20px; font-size: 22px; }

.cart-form .views-field-unit-price__number {  }

.cart-form .views-field-edit-quantity { width: 50px; }
.cart-form .views-field-edit-quantity .form-item { border: 1px solid #000000; margin: 0; }
.cart-form .views-field-edit-quantity input { text-align: center; }

.cart-form .views-field-total-price__number { min-width: 60px; text-align: right; }

.cart-form .total_price .order-total-line { text-align: right; vertical-align: baseline; }
.cart-form .total_price .order-total-line .order-total-line-label { font-family: 'ecdmed', sans-serif; font-size: 13px; }
.cart-form .total_price .order-total-line .order-total-line-value { width: 140px; text-align: right; font-family: 'ecdmed', sans-serif; }
.cart-form .total_price .order-total-line.order-total-line__total .order-total-line-value { font-size: 22px; color: #7bb914; }

.cart-form .form-actions { text-align: right; margin-top: 50px; }
.cart-form .form-actions input { display: inline-block; width: auto; }
.cart-form .form-actions input#edit-submit { border: none; padding: 15px 0; margin: 0 25px;
    background: none; }
.cart-form .form-actions input#edit-submit:hover { border-bottom: 1px solid #000000; }
.cart-form .form-actions input#edit-checkout {  }

/** Responsiveness **/

@media only screen and (max-width: 585px) {
    .cart-form .views-field-title { text-align: center; }
    .cart-form .views-field-title img { display: inline-block; }
    .cart-form .views-field-title h5 { display: block; }
}

@media only screen and (max-width: 460px) {
    .cart-form .views-field-unit-price__number { display: none; }
}