/*
 *  Create by: Numinix
 *  Description: #link to plugin#
 *
 *  WARNING! DO NOT EDIT THIS FILE!
 *
 *  To make it easy to update your theme, you should not edit the styles in this file. Instead use
 *  a file called ajaxcart_popup_overrides.css in your css/auto_loaders/ folder and add your styles.
 *  You can copy a style from this file and paste it in ajaxcart_popup_overrides.css and it will override the style in this file. 
 *  You have been warned! :)
*/

/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP

2. TITLE

3. TABLE CART
-3.1 PRODUCT IMAGE
-3.2 PRODUCT NAME
-3.3 PRODUCT ATTRIBUTES
-3.4 PRODUCT PRICE
-3.5 DELETE PRODUCT/UPDATE PRODUCT

4. BUTTONS
-4.1 CONTINUE SHOPPING
-4.2 GO TO CHECKOUT

5. RESPONSIVE

6. CLEAN STUFF FANCYBOX

-------------------------------------------------------------------------------------------*/

/*
 *  0. RESET
 *
 *  Basic reset setup.
*/
#shopping-cart-popup *,
#shopping-cart-popup *:before,
#shopping-cart-popup *:after {
    line-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fancybox-overlay.fancybox-overlay-fixed {
	overflow: hidden;
}

.popup__cart .fancybox-inner {
	overflow: auto !important;
}


    /*
     *  1. SETUP
     *
    */

    /* fonts */
    @font-face {
        font-family: 'Shopping Cart Icons';
        src: url('../fonts/ajaxshoppingcartpopup.eot?-9dzp9u');
        src: url('../fonts/ajaxshoppingcartpopup.eot?#iefix-9dzp9u') format('embedded-opentype'),
             url('../fonts/ajaxshoppingcartpopup.woff?-9dzp9u') format('woff'),
             url('../fonts/ajaxshoppingcartpopup.ttf?-9dzp9u') format('truetype'),
             url('../fonts/ajaxshoppingcartpopup.svg?-9dzp9u#ajaxshoppingcartpopup') format('svg');
         
        font-style: normal;
    }

    #popup-cart-wrapper {
        background: rgba(0, 0, 0, .9);
        display: flex;
          align-content: center;
          align-items: center;
        position: fixed;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
        z-index: 1000;
        opacity: 1; 
        transform: translateY(0);
        animation: fade .5s;
    }

    #shopping-cart-popup {
        background: #fff;
        overflow: hidden;
        padding: 30px;
        max-width: 90%;
        margin: 0 auto;
        overflow: hidden;
        max-height: 80%;
        overflow-y: auto;
    }

    @keyframes fade {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

        /*
         * 1 = Value for margin-left and right (-30px) is equal to paddings left and right #shopping-cart-popup padding-left and right 30px
         * 2 = Paddings should be the oposite of margins
        */

        #shopping-cart-popup #subTotal,
        #shopping-cart-popup .ajaxCartPopupHeader {
            border-color: #444;
            border-style: solid;
        }

        /*
         *  2. TITLE
         *
        */
        #shopping-cart-popup .ajaxCartPopupHeader {
            border-bottom-width: 1px;
            font-size: 40px;
            line-height: 100%;
            margin-bottom: 30px; /* 1 */
            padding-bottom: 18px;
            text-align: center;
        }

        /*
         *  3. TABLE CART
         *
        */
        #shopping-cart-popup .ajaxCartPopupItem {
            overflow: hidden;
            position: relative;
        }

        #shopping-cart-popup .ajaxCartPopupItem + .ajaxCartPopupItem {
            margin-top: 30px;
        }

            #shopping-cart-popup .col-left {
                float: left;
                height: auto;
                margin-right: 15px;
                text-align: left;
                max-width: 80px;
            }

            #shopping-cart-popup .col-right {
                overflow: hidden;
                color: #444;
            }

            /*
             *  3.1 IMAGE
             *
            */
            #shopping-cart-popup .col-left img {
                height: auto;
                width: 100%;
                max-height: 100%;
                max-width: auto;
            }

            /*
             *  3.2 PRODUCT NAME
             *
            */
            #shopping-cart-popup .ajaxCartPopupProductsName {
                color: #444;
                display: block;
                 
                margin-bottom: 12px;
                text-decoration: none;
                max-width: 490px
            }

            #shopping-cart-popup .ajaxCartPopupProductsName:hover {
                color: #000;
            }

                #shopping-cart-popup .ajaxCartPopupProductsName span {
                    font-weight: 500;
                }

            /*
             *  3.3 PRODUCT ATTRIBUTES
             *
            */
            #shopping-cart-popup [class*="wrapper"] {
                font-size: 14px;
                overflow: hidden;
            }

            #shopping-cart-popup .attributes-wrapper:not(.attributes-name) {
                margin-top: -7px;
                margin-bottom: 3px;
            }

                #shopping-cart-popup [class*="wrapper"] label,
                #shopping-cart-popup [class*="wrapper"] span {
                    float: left;
                    padding-bottom: 10px;
                }

                    #shopping-cart-popup .qty-price-wrapper label,
                    #shopping-cart-popup .qty-price-wrapper span {
                        line-height: 30px;
                    }

                #shopping-cart-popup [class*="wrapper"] label {
                    clear: left;
                    text-transform: none;
                    width: 90px;
                }

                #shopping-cart-popup [class*="wrapper"] span {
                    color: #444;
                }

                #shopping-cart-popup [class*="wrapper"] .backorder {
                    display: block;
                    clear: left;
                    padding-top: 6px;
                    color: #b42020;
                }

                #shopping-cart-popup [class*="wrapper"] input {
                    float: left;
                    width: 50px;
                    height: 30px;
                    border: 1px solid #A7ADB2;
                    text-align: center;
                    margin-bottom: 6px;
                }

                #shopping-cart-popup [class*="wrapper"] .quantity-buttons {
                    float: left;
                    margin-left: 9px;
                    padding-bottom: 0;
                }
                    
                    #shopping-cart-popup .quantity-buttons a {
                        display: block;
                    }

                    #shopping-cart-popup .quantity-buttons a + a {
                        margin-top: 6px;
                    }

            /*
             *  3.4 PRODUCT PRICE
             *
            */
            #shopping-cart-popup .product-price-final {
                color: #444;
                 
                position: absolute;
                right: 0;
                top: 0;
                font-weight: 500;
            }

            #shopping-cart-popup .ajaxCartPopupItem:first-child .product-price-final {
                top: 0;
            }

            #shopping-cart-popup #subTotal {
                border-top-width: 1px;
                border-bottom-width: 1px;
                 
                margin-bottom: 30px;
                margin-top: 30px;
                overflow: hidden;
                padding-bottom: 15px;
                padding-top: 15px;
            }

                #shopping-cart-popup #subTotal br {
                    display: none;
                }

                #shopping-cart-popup #subTotal a {
                    color: #444;
                    font-weight: 500;
                    text-decoration: none;
                }

                #shopping-cart-popup #subTotal a:hover {
                    color: #000;
                }

                #shopping-cart-popup .shopping-cart-total {
                    overflow: hidden;
                }

                #shopping-cart-popup div + .shopping-cart-total {
                	margin-top: 10px;
                }

                    #shopping-cart-popup .ajaxCartPopupSubtotal {
                        float: right;
                    }

                        #shopping-cart-popup .ajaxCartPopupSubtotal span {
                            display: inline-block;
                            text-align: right;
                            width: 125px;
                        }

                        #shopping-cart-popup #subTotal > span:last-child {
                            display: block;
                            font-size: 14px;
                            margin-top: 10px;
                        }

            /*
             *  3.5 DELETE PRODUCT/UPDATE PRODUCT
             *
            */
            #shopping-cart-popup .icon_update,
            #shopping-cart-popup .icon_remove {
                color: #444;
                display: inline-block;
                font-size: 14px;
                margin-top: 0;
                text-decoration: none;
            }

            #shopping-cart-popup .icon_update:hover,
            #shopping-cart-popup .icon_remove:hover {
                color: #000;
            }

            /*
             *  4 BUTTONS
             *
            */
            #shopping-cart-popup .ajaxCartPopupOptions {
                overflow: hidden;
            }

                #shopping-cart-popup .ajaxCartPopupOptions a,
                #shopping-cart-popup .ajaxCartPopupOptions span {
                    display: inline-block;
                }

                #shopping-cart-popup .ajaxCartPopupOptions span + span {
                    margin-left: 11px;
                }

                #shopping-cart-popup .ajaxCartPopupOptions a {
                    border-style: solid;
                    border-width: 1px;
                    height: 39px;
                    line-height: 39px;
                    padding: 0 30px;
                    font-size: 18px;
                    position: relative;
                    text-decoration: none;
                }

                /* icons */
                #shopping-cart-popup .ajaxCartPopupOptions a:before {
                    font-family: 'Shopping Cart Icons';
                    speak: none;
                    font-style: normal;
                     
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                     
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                       -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                         -o-transform: translateY(-50%);
                            transform: translateY(-50%);

                    /* Better Font Rendering =========== */
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

                /*
                 * 4.1 CONTINUE SHOPPING
                */
                #shopping-cart-popup #ajaxCartPopupContinueShopping {
                    float: left;
                }

                    #shopping-cart-popup #ajaxCartPopupContinueShopping a {
                        border-color: #989898;
                        color: #989898;
                        padding-left: 42px;
                    }

                    #shopping-cart-popup #ajaxCartPopupContinueShopping a:hover {
                        border-color: #747373;
                        color: #747373;
                    }

                        /* arrow < */
                        #shopping-cart-popup #ajaxCartPopupContinueShopping a:before {
                            color: #989898;
                            content: "\f053";
                            left: 19px;
                        }

                /*
                 * 4.2 GO TO CHECKOUT
                */
                #shopping-cart-popup #ajaxCartPopupCheckout {
                    float: right;
                }

                    #shopping-cart-popup #ajaxCartPopupCheckout a {
                        border-color: #444;
                        color: #444;
                        padding-right: 45px;
                    }

                    #shopping-cart-popup #ajaxCartPopupCheckout a:hover {
                        border-color: #000;
                        color: #000;
                    }

                        /* arrow > */   
                        #shopping-cart-popup #ajaxCartPopupCheckout a:before {
                            color: #333;
                            content: "\f054";
                            right: 19px;
                        }

            /* 
             *  5. RESPONSIVE
            */
            @media only screen and (max-width: 767px) {
                #shopping-cart-popup {
                    padding: 21px;
                }

                /* header */
                #shopping-cart-popup .ajaxCartPopupHeader {
                    font-size: 30px;
                    margin-bottom: 24px;
                }

                /* cart */
                #shopping-cart-popup .ajaxCartPopupItem + .ajaxCartPopupItem {
                    margin-top: 24px;
                }

                    /* product name */
                    #shopping-cart-popup .ajaxCartPopupProductsName {
                        font-size: 14px;
                    }

                    /* price */
                    #shopping-cart-popup .product-price-final {
                          position: static;
                          display: block;
                          font-size: 14px;
                          margin: -7px 0 14px;
                    }

                    /* subtotal */
                    #shopping-cart-popup #subTotal > span {
                        display: block;
                        overflow: hidden;
                    }

                    #shopping-cart-popup #subTotal > span:first-child {
                        margin-bottom: 12px;
                    }

                    #shopping-cart-popup #subTotal .ajaxCartPopupSubtotal {
                        float: none;
                    }

                        #shopping-cart-popup #subTotal .ajaxCartPopupSubtotal span {
                            float: right;
                        }

                    #shopping-cart-popup #subTotal > span:last-child {
                        margin-top: 13px;
                    }
            }



            @media only screen and (max-width: 567px) {
                /* product name */
                #shopping-cart-popup .ajaxCartPopupProductsName {
                    line-height: 1.3;
                }

                /* buttons */
                #shopping-cart-popup #ajaxCartPopupContinueShopping,
                #shopping-cart-popup #ajaxCartPopupCheckout {
                    display: block;
                }

                #shopping-cart-popup .ajaxCartPopupOptions span + span {
                    margin-left: 0;
                    margin-top: 15px;
                }

                #shopping-cart-popup .ajaxCartPopupOptions a {
                    display: block;
                }
            }

            @media only screen and (max-width: 479px) {
                /* header */
                #shopping-cart-popup .ajaxCartPopupHeader {
                    font-size: 24px;
                }

                /* subtotal */
                #shopping-cart-popup #subTotal > span:first-child,
                #shopping-cart-popup #subTotal > span:last-child {
                    display: none;
                }

                /* options */
                #shopping-cart-popup .ajaxCartPopupOptions a,
                #shopping-cart-popup #ajaxCartPopupContinueShopping a,
                #shopping-cart-popup #ajaxCartPopupCheckout a {
                     
                    padding-left: 15px;
                    padding-right: 15px;
                }

                #shopping-cart-popup .ajaxCartPopupOptions a:before {
                    display: none;
                }
            }

            @media only screen and (max-width: 380px) {
                /* header */
                #shopping-cart-popup .ajaxCartPopupHeader {
                    font-size: 21px;
                }

                /* image */
                #shopping-cart-popup .col-left img {
                    max-width: 36px;
                }

            }

            /*
             *  6. CLEAN STUFF FOR FANCYBOX
            */
            .fancybox-inner {
                overflow-x: hidden !important;
            }

            .fancybox-opened {
                z-index: 100 !important;
            }

            .fancybox-overlay {
                z-index: 99
            }