/**
*
* Shopping Cart Shared CSS
* ========================
*
* Created to house shopping cart related CSS
* This includes the checkout process 
* No unsecure URLs PLEASE
*
**/

.sc-sitewidth {
    width:100%;
    max-width:960px;
    margin:0 auto;
}

.cartLockIcon {
    max-width:2em;
}

.cart-lock-icon {
    color:#298900;
    font-size:1.2em;
}

.shopping-cart-item img {
    max-width: 100%;
    display: block;
}

.shopping-cart-item__right {
    text-align:right;
}


/*===================================
=      Add to Cart Item Pop-up      =
===================================*/
.item-cart-popup-mask {
    position:fixed;
    z-index:10000;
    background:rgba(0,0,0,.6);
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:none;
}

.item-cart-popup {
    position:relative;
    z-index:100001;
    background-color:#fff;
    width:95%;
    max-width:30em;
    margin:3em auto 0;
    padding:1em;
}

.item-cart-popup__close {
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 10002;
    cursor: pointer;
}

.item-cart-popup__close span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #424b54;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    top:.75em;
}

.item-cart-popup__close span:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.item-cart-popup__close span:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.item-cart-popup__title {
    font-size:1.2em;
    color:#7A7A7A;
    text-transform:uppercase;
    position:relative;
    outline:none;
}

.item-cart-popup__item-price {
    font-size:1.2em;
}

.item-cart-popup__addons {
    display:none;
    padding-top:1em;
    border-top:1px solid #EBEBEB;
}

.item-cart-popup__addons-title {
    font-size:1.1em;
}


/*==================
=      Addons      =
===================*/

.shopping-cart-item__addon {
    padding:.5em;
    background-color:#F7F6F6;
    border:1px solid #EBEBEB;
    display:block;
}

.shopping-cart-item__addon-btn {
    color:#fff;
    background-color:#CC0000;
    float:right;
    display:inline-block;
    padding:.4em .5em;
    cursor:pointer;
    font-size:.9em;
    position:relative;
    min-width: 7.25em;
    text-align:center;
    margin-left:1em;
}

    .shopping-cart-item__addon-btn:hover {
        background-color:#ad0000;
    }

.shopping-cart-item__addon.shopping-cart-item__addon--incart {
    background-color:#fff;
    border-width:0;
    padding-left:2em;
    position:relative;
}

.shopping-cart-item__addon:not(.shopping-cart-item__addon--incart) .shopping-cart-item__addon-image {
    max-width:3em;
    float:left;
    margin-right:1em;
}

.shopping-cart-item__package-title {
    margin-top:1em;
}

.shopping-cart-item__package-item {
    font-size:.9em;
    padding:0 0 0 2em;
    margin-top:.25em;
}

/*===================================
=            Cart Status            =
===================================*/

.cart-status-container {position:relative;display:inline-block;}
.cart-status {}

    .cart-status__icon,
    .cart-status__text,
    .cart-status__count {
        display: inline-block;
        vertical-align: middle;
    }

        .cart-status__icon__img {
            display: block;
        }

.cart-status-popup {
    display:none;
    position:absolute;
    z-index:10000;
    cursor:default;
    padding-top:.5em;
    right:0;
    min-width:25em;
}

.cart-status-popup__box {
    background-color:#fff;
    padding:0;
    border:1px solid #D6D6D6;
    border-radius:.25em;
    position:relative;
}

.cart-status-container.__active .cart-status-popup {
    display:block;
}

.cart-status-popup__box:after, .cart-status-popup__box:before {
	bottom: 100%;
	right: 2.25em;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
    z-index:101;
	pointer-events: none;
}

.cart-status-popup__box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 9px;
	margin-right: -9px;
}
.cart-status-popup__box:before {
	border-color: rgba(214, 214, 214, 0);
	border-bottom-color: #D6D6D6;
	border-width: 10px;
	margin-right: -10px;
}

.cart-status-popup__items {
    max-height:20em;
    overflow:auto;
}

.cart-status-popup .shopping-cart-item {
    padding: 1em 0;
    margin: 0 1em;
}

.cart-status-popup .shopping-cart-item__desc {
    font-size:1em;
}

.cart-status-popup .shopping-cart-item__edit {
    display:inline-block;
    margin-top:.5em;
    font-size:.9em;
    border:1px solid #D6D6D6;
    padding:.05em 1em;
}

    .cart-status-popup .shopping-cart-item__edit:hover {
        background-color:#f6f7fb;
    }

.cart-status-popup .shopping-cart-item__addon {
    margin:1em 0 0;
}

.cart-status-popup .shopping-cart-item__addon:not(.shopping-cart-item__addon--incart),
.cart-status-popup .shopping-cart-item__remove-link {
    display:none;
}

.cart-status-popup .shopping-cart-item__addon-image {
    width:30%;
}

.cart-status-popup .shopping-cart-item__addon-desc {
    width:70%;
    margin-left:0;
    padding-left:1em;
    text-align:left;
}

.cart-status-total {
    display:block;
    margin:.5em 0;
    padding:0 1em;
}

.cart-status-total__price {
    font-size:1.3em;
    margin-left:1em;
}

.cart-status-popup .btn {
    margin:0 1em 1em;
}


/*=============================
=         Cart Header         =
=============================*/
.shopping-cart-header {
    padding:1em 0;
}

.shopping-cart-header__logo img {
    max-height:5em;
    max-width:100%;
}

.shopping-cart-header__links {
    text-align:right;
    line-height: 5em;
}


/*===================================
=         Cart Progress Bar         =
===================================*/
.shopping-cart-progress {
    border:1px solid #EBEBEB;
    border-width:1px 0;
    padding:.75em 0;
    text-align:center;
    margin:0 0 1em 0;
}

    .shopping-cart-progress span {
        display:inline-block;
        margin:0 1em;
        color:#D6D6D6;
        font-size:.9em;
    }

        .shopping-cart-progress span.__active {
            color:#444;
        }


/*===================================
=       Cart Targeted Sections      =
===================================*/
.shopping-cart-banner-top {
    max-width: 1080px;
    max-width: 67.5rem;
    width:100%;
    margin: 1em auto;
}

.targeted-section__review-cart-main-1 {
    margin-bottom: 1em;
}


/*================================
=         View Cart Page         =
================================*/
.viewCart_actionContainer {
    padding:1em;
    background-color:#F6F7FB;
    border:1px solid #D6D6D6;
}

.viewCart_actionContainer__price-summary {
    line-height: 1.5em;
}

.viewCart_actionContainer__price-summary-total {
    font-size:1.5em;
}

.view-cart__delivery-lookup {
    padding:1em;
    background-color:#fff;
    border:1px solid #EBEBEB;
}

    .view-cart__delivery-lookup .ViewCartTitle__title {
        font-size:1.1em;
        text-align:center;
    }

    .view-cart__delivery-lookup .DeliveryQuoteDisc {
        font-size:.9em;
        color:#7A7A7A;
    }


/*============================
=         Login Page         =
============================*/
.shopping-cart-login__title {
    text-align:center;
    font-size:1.5em;
    font-weight: normal;
    color: #000;
    letter-spacing: normal;
}

.shopping-cart-login-btn {
    width:100%;
    padding:.75em 0;
    font-size:1em;
    margin-top:1em;
}

    .shopping-cart-login-btn.__active {
        background-color: #e9e9e9;
        border-color: #ccc;
    }

.fdn-form .form-field--checkbox .NewUserJoinEmail label {
    max-width:20em;
    vertical-align: text-top;
}


/*============================
=      Delivery Options      =
============================*/
.shopping-cart-delivery-options__address {
    padding:1em;
    background-color:#F6F7FB;
    border:1px solid #D6D6D6;
}

.proceed-btn {
    width:100%;
}

.shopping-cart-delivery-options__bottom {
    margin:1em 0;
    border-top:1px solid #EBEBEB;
}

.shippingOptionRBL input[type="radio"] {
    margin-right:.25em;
}

.shopping-cart-delivery-options__form {
    margin-bottom: 1em;
}


/*===================================
=        Cart Item .template        =
===================================*/
.shopping-cart-item {
    border-bottom:1px solid #EBEBEB;
    padding-bottom:1em;
}

.shopping-cart-item__desc {
    font-size:1.1em;
}

.shopping-cart-item__quantity span {
    font-size:.8em;
    display:inline-block;
    margin-right:.5em;
}

.shopping-cart-item__remove-link {
    color:#db4453;
}

    .shopping-cart-item__remove-link:hover {
        text-decoration:underline;
    }

.shopping-cart-item__price {
    font-size:1.1em;
}


/*===================================
=    Shopping Cart Order Review     =
===================================*/
.shopping-cart-order-summary {
    float:right !important;
    margin-left:2em !important;
}

.shopping-cart-order-summary--box {
    padding:1em;
    background-color:#F6F7FB;
    border:1px solid #D6D6D6;
}

.shopping-cart-order-summary__title {
    font-size:1.3em;
    margin-bottom:.7em;
}

.shopping-cart-order-summary__label {
    float:left;
    width:50%;
}

.shopping-cart-order-summary__price {
    float:left;
    width:50%;
    text-align:right;
}

.shopping-cart-order-summary__total-price {
    margin-top:1em;
    padding-top:1em;
    border-top:1px solid #D6D6D6;
    font-weight:bold;
}

.ShoppingCartSummary_Security {
    padding:.5em;
    border:1px solid #EBEBEB;
    margin-top:1em;
}

.ShoppingCartOrder_MainPanel {
    margin-left:0 !important;
}

.shopping-cart-order__toggle-header {
    padding:1em 0;
    border-top:1px solid #EBEBEB;
    color:#555;
    font-size:1.2em;
    cursor:pointer;
    outline:none;
}

    .shopping-cart-order__toggle-header div {
        outline:none;
    }

.shopping-cart-order__toggle-header::before {
    content: "\e915";
    font-family: 'furndeal';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition:transform .3s ease-in-out;
    float:left;
    margin:.1em .25em 0 0;
}

.shopping-cart-order__toggle-header.__open::before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shopping-cart-order__toggle-body {
    display: none;
    padding: 0 1em 2em 1em;
    background-color: #fff;
}

.shoppingCart_deliveryInfoHeaders {
    font-weight:bold;
}

.shopping-cart-order__payment-options {
    border-top:1px solid #EBEBEB;
    padding-top:3em;
}

.shopping-cart-order__payment-options__title {
    font-size:1.3em;
}

.shopping-cart-order__payment-option {
    padding:1em;
    border:1px solid #EBEBEB;
    margin-bottom:1em;
}

.AuthNet_FormFields {
    margin-top:1em;
}

    .AuthNet_FormFields.fdn-form label {
        display:block;
    }

    .AuthNet_FormFields.fdn-form .form-control {
        display:inline-block;
    }

    .AuthNet_FormFields.fdn-form .cc_form_exp .form-control,
    .AuthNet_FormFields.fdn-form .cc_form_seccode .form-control {
        min-width:unset;
    }

.AuthNet_FormFields_ccn {
    position:relative;
    max-width:360px;
    padding-right:1.8em;
}

    .AuthNet_FormFields_ccn .cart-lock-icon {
        position:absolute;
        right:0;
        top:.25em;
    }

.shopping-cart__promo-code {
    position:relative;
    width:272px;
    padding-right:2em;
}

    .shopping-cart__promo-code .coupon-spinner {
        max-width:2em;
        position:absolute;
        top:.3em;
        right:0;
    }

.shopping-cart-order-summary .shopping-cart-order-summary__coupon-row {
    position: relative;
}
.shopping-cart-order-summary .fdnicon-cancel-circle {
    color: #bd0000;
    position: absolute;
    left: -1.1em;
    top: .1em;
    cursor: pointer;
    font-size: 90%;
}

/*============================
=        Mobile Styles       =
============================*/
@media only screen and (max-width: 67.500em) {
    .sc-sitewidth {
        padding:0 1em;
    }

    .shopping-cart-header {
        padding:1em;
    }

    .shopping-cart-banner-top.targeted-section__view-cart-banner-top {
        width:95%;
    }
}

@media only screen and (max-width: 47.9375em) {
    .shopping-cart-header {
        border-bottom:1px solid #EBEBEB;
        margin-bottom:1em;
    }

    .shopping-cart-header__links-icon {
        font-size:1.2em;
        padding-top:.25em;
    }

    .proceed-mobile-btn {
        position: fixed;
        bottom: .5em;
        /*  trackevent js error preventing the __show class from getting appended, displaying always for now

            display: none;

        */
        left: .5em;
        right: .5em;
    }

        .proceed-mobile-btn.__show {
            display:block;
        }
}

@media only screen and (max-width: 30em) {
    .item-cart-popup {
        margin-top:.5em;
    }
}