/*!
 *    FileName:  cart.css
 *      Author:  Johann Olivares
 *        Date:  09/29/20
 *
 * Description: selectors for formatting the index file for E-Fit website
 */
 
#discount-header {
    display: none;
}
 
/*Shopping cart Styles*/
#shopping-cart {
    display: grid;
    grid-template-columns: 55% 45%;
	text-align: left;
	margin-bottom: 50px;
}
.shop-heading {
	 font-size: 20px;
	 font-weight: bold;
	 padding: 25px;
	 max-width: 1200px;
	 margin: 0px auto;
}

/*End of Shopping cart Styles*/


 /*Cart Table Styles*/
 .cart-table {
	 border-collapse: collapse;
	 padding: 5px;
	 width: 100%;
	 font-size: 15px;
 }
.cart-table td {
	 text-align: left;
	 border-bottom: 1px solid #ccc;
	 
 }
 /*End of Cart Table Styles*/
 
 
/*Button Styles*/
.btn-action {
    background-color: #000;
    color: #fff;
	font-size: 15px;
    text-decoration: none;
	border: 1px solid #000;
    cursor: pointer;
	padding: 15px;
	margin: 10px 0px;
	display: block;
	text-align: center;
}
.no-items {
    display: flex;
    gap: 25px;
	font-size: 15px;
	flex-direction: column;
	text-align: center;
	margin-top: 35px;
}
 #btn-empty {
    background-color: transparent;
    color: #000;
	font-size: 15px;
    text-decoration: none;
	border: 1px solid #000;
    cursor: pointer;
	padding: 15px;
	margin: 10px 0px;
	display: block;
	text-align: center;
 }
 /*End of Button styles*/
 
 
 .item-cell {
     display: grid;
     grid-template-columns: 30% 70%;
     margin: 0px;
     padding: 10px 0;
 }
 .item-details {
     display: block !important;
     width: 100% !important;
     position: relative;
     padding: 0 !important;
 }
 .name, .qty {
     display: block;
     width: 100%;
     text-align: left;
 }
 .unit-total {
     display: inline-block !important;
     position: absolute;
     top: 0;
     right: 10px;
 }
 .btnRemoveAction {
     position: absolute;
     right: 10px;
     bottom: 0;
 }
 .summary-wrapper {
     padding: 0px 25px;
 }
 .summary-wrapper h3 {
     padding-bottom: 25px;
 }
 .summary-wrapper p, .summary-wrapper h3 {
     text-align: left;
 }
 
.summary-table {
     width: 100%;
 }
.summary-table tr td {
     padding-bottom: 10px;
 }
 .total-row td {
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     padding: 20px 0px;
     padding-bottom: 20px !important;
 }
.summary-table tr > td:nth-child(2) {
    text-align: right;
}

@media (max-width: 767px) {
    #shopping-cart {
         grid-template-columns: auto;
     }
    .shop-heading {
    	 font-size: 20px;
    	 padding: 25px;
    }
    .no-items h2 {
    	font-size: 15px;
    	text-align: center;
    }

    .btn-action {
        color: #fff !important;
    }
     
     .item-cell {
         grid-template-columns: 35% 65%;
     }
     .summary-wrapper {
         padding: 25px 0px;
         padding-bottom: 0;
     }
}