/*---------------------------------------- POSITION ----------------------------------------*/

.h-cart {
	display: flex;
	flex-wrap: wrap;
}

.h-cart .woocommerce-cart-form {
	width:50%;
	padding: 8vw 8vw;
}

.h-cart .cart-collaterals {
	width:50%;
	background-color: #235d39;
	padding: 8vw 8vw 35vw 8vw;
}

@media only screen and (max-width: 768px) {

.h-cart .woocommerce-cart-form {
	width:100%;
	padding: 12vw 4vw;
}

.h-cart .cart-collaterals {
	width:100%;
	padding: 12vw 4vw 12vw 4vw;
}
}

/*---------------------------------------- PRODUCT GRID ----------------------------------------*/

.h-cart .shop_table .cart_item {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
	margin-bottom: 2vw;
}

.h-cart .product-thumbnail {
    grid-column: 1 / 2;
  grid-row: 1 / 5;
	width: 8vw;
	height: 8vw;
	margin-right:2vw;
	background-color: white;
	border-radius: 10px;
	padding: 1vw;
}

.h-cart .product-name {
    grid-column: 2 / 3; 
    grid-row: 1;
	height: 2vw;
}

.h-cart .product-quantity {
    grid-column: 2 / 3;
    grid-row: 3;
	height: 2vw;
}

.h-cart .product-quantity input {
	padding: 0 0 0 0.25vw;
	width: 3vw;
	border: solid 1px grey;
}

.h-cart .product-price {
    grid-column: 2/3;
    grid-row: 2;
	height: 2vw;
	font-size: 0.75vw;
}

.h-cart .product-remove {
    grid-column: 2/3; 
    grid-row: 4; 
	height: 2vw;
}

.h-cart .product-subtotal {
    grid-column: 3 / 4;
    grid-row: 1/5;
	height: 8vw;
	color: #235d39;
	font-family:"hempika-bold";
}

.h-cart .product-remove a {
   visibility:hidden;
   width:auto;
	font-size: 0.75vw;
}

.h-cart .product-remove a:before {
   content: "Remove";
   visibility:visible;
	text-decoration: underline;
}

.h-cart input {
	width: unset; /*????*/
}

.h-cart .screen-reader-text {
	display: none;
}

@media only screen and (max-width: 768px) {
	
.h-cart .shop_table .cart_item {
	margin-bottom: 8vw;
}

.h-cart .product-thumbnail {
	width: 24vw;
	height: 24vw;
	margin-right:4vw;
	border-radius: 10px;
	padding: 2vw;
}

.h-cart .product-name {
		height: 6vw;
}

.h-cart .product-quantity {
		height: 6vw;
}

.h-cart .product-quantity input {
	padding: 0 0 0 1vw;
	width: 10vw;
	border: solid 1px grey;
	
}

.h-cart .product-price {
	height: 6vw;
	font-size: 3vw;
}

.h-cart .product-remove {
		height: 6vw;
}

.h-cart .product-subtotal {
	height: 24vw;
}

.h-cart .product-remove a {
	font-size: 3vw;
}
}

/*---------------------------------------- COUPON ----------------------------------------*/

.h-cart .coupon {
	display: flex;
}

.h-cart #coupon_code {
	width: 50%;
	padding: 1vw;
	border: solid #235d39;
	border-width: 0.2vw 0 0.2vw 0.2vw;
	text-transform: uppercase;
}

.h-cart .coupon button {
	width: 50%;
	background-color: transparent;
	border: solid #235d39;
	border-width: 0.2vw 0.2vw 0.2vw 0;
	text-align: right;
	padding: 1vw;
	text-transform: none;
}

.h-cart .coupon button:hover {
	text-decoration: underline 0.15vw;
	text-underline-offset: 0.1vw;
	color: #235d39;
}

@media only screen and (max-width: 768px) {

.h-cart #coupon_code {
	padding: 4vw;
	border-width: 0.8vw 0 0.8vw 0.8vw;
}

.h-cart .coupon button {
	border-width: 0.8vw 0.8vw 0.8vw 0;
	padding: 4vw;
}

.h-cart .coupon button:hover {
	text-decoration: underline 0.6vw;
	text-underline-offset: 0.6vw;
}
}

/*---------------------------------------- UPDATE CART ----------------------------------------*/

button[name='update_cart'] {
   display: none !important;
}

/*---------------------------------------- CART TOTALS ----------------------------------------*/

.h-cart h2 {
	color: white;
	text-transform: uppercase;
	margin-bottom: 4vw;
}

.h-cart .shop_table thead {
	display: none;
}

.h-cart label {
	font-size: 0.75vw;
	display: inline-block;
	color: #EEEEEE;
}

.h-cart .tax_label {
	display: inline-block;
}

.woocommerce-shipping-destination {
	display: none;
}

.woocommerce-remove-coupon {
	color: #EEEEEE;
	font-family: "hempika-light";
	font-size: 0.75vw;
}

.cart-discount .amount {
	font-size: 0.75vw;
}

.h-cart .cart-collaterals th {
	color: white;
	text-align: left;
}

.h-cart .cart-collaterals td {
	color: white;
	text-align: right;
}

@media only screen and (max-width: 768px) {
	
.h-cart h2 {
	margin-bottom: 12vw;
}

.h-cart label {
	font-size: 3vw;
}

.woocommerce-remove-coupon {
	font-size: 3vw;
}

.cart-discount .amount {
	font-size: 3vw;
}
}

/*---------------------------------------- PADDINGS & BORDERS ----------------------------------------*/

.h-cart .cart-subtotal th {
	padding-bottom: 1vw;
	border-bottom: 0.2vw solid #EEEEEE;
}

.h-cart .cart-subtotal td {
	padding-bottom: 1vw;
	border-bottom: 0.2vw solid #EEEEEE;
}

.h-cart .order-total th {
	padding-top: 1vw;
	border-top: 0.2vw solid #EEEEEE;
	font-size: 2vw;
}

.h-cart .order-total td {
	padding-top: 1vw;
	border-top: 0.2vw solid #EEEEEE;
	font-size: 2vw;
}

.h-cart .shipping th {
	padding: 1vw 0;
}

.h-cart .shipping td {
	padding: 1vw 0;
}

.h-cart .cart-discount td {
	padding-top: 1vw;
}

.h-cart .cart-discount th {
	padding-top: 1vw;
}

@media only screen and (max-width: 768px) {
	
.h-cart .cart-subtotal th {
	padding-bottom: 4vw;
	border-bottom: 0.8vw solid #EEEEEE;
}

.h-cart .cart-subtotal td {
	padding-bottom: 4vw;
	border-bottom: 0.8vw solid #EEEEEE;
}

.h-cart .order-total th {
	padding-top: 4vw;
	border-top: 0.8vw solid #EEEEEE;
	font-size: 6vw;
}

.h-cart .order-total td {
	padding-top: 4vw;
	border-top: 0.8vw solid #EEEEEE;
	font-size: 6vw;
}

.h-cart .shipping th {
	padding: 4vw 0;
}

.h-cart .shipping td {
	padding: 4vw 0;
}

.h-cart .cart-discount td {
	padding-top: 4vw;
}

.h-cart .cart-discount th {
	padding-top: 4vw;
}
}

/*---------------------------------------- CHECKOUT BUTTON ----------------------------------------*/

.h-cart .checkout-button {
	display: inline-block;
	padding: 1vw 2vw;
	color: #EEEEEE;
	background-color: transparent;
	margin-top: 4vw;
	text-transform: uppercase;
	border: solid 0.2vw #EEEEEE;
	width: 100%;
	text-align: center;
}

.h-cart .checkout-button:hover {
	background-color: #EEEEEE;
	color: #235d39;
}

@media only screen and (max-width: 768px) {
	
.h-cart .checkout-button {
	padding: 4vw 4vw;
	margin-top: 12vw;
	border: solid 0.8vw #EEEEEE;
}	
}