﻿/*
sw-mini-cart.css
Factory for the mini cart customization
12/06/2018
SK
*/

/* ----------------------------------------------------------
01) MAIN TEMPLATE MINI CART STYLES
------------------------------------------------------------- */

.sw-shopping-cart-subtotal {
    color: #fff;
    text-align: right;
    right: 0;
    margin-left: 20px;
}

/*.fas {
    line-height: 60px !important; (RMS)(51137) Interferes with main CSS 
}*/

.fa-times-circle {
    color: #f00 !important;
}

.sw-mini-cart-upsell-item a {
    color: #1071c5 !important;
}

.sw-mini-cart-table {
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 3px;
    border-collapse: separate;
}

.sw-mini-cart-table td {
    padding: 5px;
}

.sw-mini-cart-table tr:first-child {
    background: transparent url(../../App_Themes/flex/images/menu-bg.png) repeat-x;
    border-bottom: 1px solid #60A65A;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}

.sw-mini-cart-table tr:nth-last-child(3) td {
    font-weight: bold;
    border-top: 1px solid #000;
}

.sw-mini-cart-table td.sw-mini-cart-remove-btn {
    color: red;
    cursor: pointer;
}

.sw-mini-cart-icon-container {
    position: relative;
    cursor: pointer;	
	width:137px;
	/*text-align:left; (RMS)(51137) Interferes with main CSS */
    height: 60px;
}

span.glyphicon-shopping-cart {
    font-size: 20px!important;
}

.sw-mini-cart-table-container {
    position: absolute;
    margin-top: 5px;
    width: 300px;
	z-index:100;
}

.sw-mini-cart-table-container-alt {
    position: absolute;
    margin-top: 5px;
    width: 300px;
    z-index: 100;
    left: 20px;
    top: 80px;
    background: #478ECC!important;
}


.sw-shopping-cart-count {
    position: absolute;
    top: 10px;
    right: 100px;
    color: #fff;
    font-size: 9px;
    background: #1071c5;
    padding: 2px 5px;
    border-radius: 100px;
}

.sw-checkout-btn {
    position: relative;
    padding: 6px 12px;
    width: 200px;
    cursor: pointer;
    border-radius: 3px;
    outline: 0;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    background-color: #1071c5;
    color: #fff;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
}

.sw-mini-cart-line-item div, 
.sw-mini-cart-line-item div span {
    display: block;
}

.sw-mini-cart-line-item-descrip,
.sw-mini-cart-line-item a,
.sw-mini-cart-line-item a:hover,
.sw-mini-cart-line-item a:visited {
    font: 13px normal !important;
    color: #000 !important;
}
.mc-item-desc a{color:#000!important;}

.sw-mini-cart-line-item div span.sw-mini-cart-line-item-mod-descrip {
    color: #fff;
    background-color: #478ECC;
    padding: 1px 6px 1px 6px;
    border-radius: 6px;
}
.sw-mini-cart-table tr:nth-last-child(2) td span a {
    line-height: 24px !important;
}



/* ----------------------------------------------------------
02) Mobile Mini Cart Styles
/*------------------------------------------------------------- */
@media (max-width : 599px) {
.sw-mini-cart-icon-container, li#miniCartMobile .sw-mini-cart-icon-container {
    margin: 12px auto 0;
    width: 50px;
}

li#miniCartMobile .sw-mini-cart-icon-container {
    margin: 5px auto 0;
}

.fas.fa-shopping-cart,
li#miniCartMobile .fas.fa-shopping-cart {
    color: #fff;
}

#miniCartMobileWrap li#miniCartMobile .fas.fa-shopping-cart {
    font-size: 2em;
}

.sw-shopping-cart-count,
li#miniCartMobile .sw-shopping-cart-count {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    background: #1071c5;
    line-height: normal;
}

.sw-mini-cart-table tr:first-child,
li#miniCartMobile .sw-mini-cart-table tr:first-child {
    background: #000;
}

.sw-mini-cart-table-container,
li#miniCartMobile .sw-mini-cart-table-container {
    width: 95%;
    position: relative;
    margin: 0 auto;
}

.sw-mini-cart-line-item,
.sw-mini-cart-upsell-item,
li#miniCartMobile .sw-mini-cart-line-item,
li#miniCartMobile .sw-mini-cart-upsell-item {
    color: #000;
}
}
