/*
 Theme Name:   Divi - Max Mega Menu
 Description:  A child theme for Divi 2.x
 Author:       Tom Hemsley
 Author URI:   https://www.maxmegamenu.com
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/** Relatively position the logo **/
.et_header_style_left div.logo_container {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.et_hide_primary_logo #main-header div.logo_container {
    display: none;
}

/** On smaller screens, make sure the menu is on a new line below the logo */
#mega-menu-wrap-primary-menu {
    clear: both;
}

/** On wider screens, float the menu over to the right of the logo **/
@media only screen and (min-width: 980px) {
    #mega-menu-wrap-primary-menu {
        float: right;
        clear: none;
    }

    .et_fullwidth_nav #mega-menu-wrap-primary-menu {
        float: none;
        clear: both;
    }
}

/** Make menu full width when both logo is hidden and full width nav is enabled */
.et_fullwidth_nav.et_hide_primary_logo #main-header .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}

/** Display secondary menu on mobiles **/
#top-header #et-secondary-nav,
#top-header #et-secondary-menu,
#top-header {
    display: inline-block !important;
}

/* Disruptive Cart Style Changes */
#main-content table.cart td.product-quantity {
    vertical-align: top;
}
#main-content table.cart td.product-name > a:first-child {
    font-weight: 700;
}
#content-area table td.product-thumbnail {
    max-width: 160px;
}
#content-area table td.product-name dl.variation {
    margin-top: 15px;
    margin-bottom: 20px;
}
.woocommerce-cart table.cart .product-thumbnail img {
    width: 100%;
}
.woocommerce-page div.quantity  {
    /* background: #841919; */
    width: 72px;
    float: right;
}
.woocommerce div.quantity input.qty {
    background-color: #f5f5f5!important;
    border-radius: 3px!important;
    max-width: 100%;
    font-size: 20px!important;
    height: auto;
}
#main-content table.cart td.product-subtotal {
    vertical-align: top;
    text-align: center;
    font-weight: 700;
}
div#new-cart-wrap .product-thumbnail {
    display: table-cell;
}
div.mobile-only {
    display: none;
}
div.woocommerce a.remove {
    font-size: 16px;
    width: auto;
    text-align: left;
}
div.woocommerce a.remove:hover {
    color: red!important;
    background: none;
    text-decoration: underline;
}
div#new-cart-wrap td.product-remove {
    display: none;
}
.woocommerce button.button[name='update_cart'] {
    background: #a1a1a1!important;
    font-size: 16px!important;
}
.woocommerce-page table.cart td.actions div.coupon {
    display: flex;
}
.woocommerce-cart table.cart td.actions .coupon #coupon_code {
    font-size: 16px!important;
    height: auto;
    margin: 0;
    width: 200px;
}
input#coupon_code::placeholder {
    color: #373737;
    font-size: 16px;
    line-height: 1;
}
.woocommerce-page.et_pb_button_helper_class .coupon button.button {
    font-size: 16px!important;
    height: 33px;
    line-height: 1!important;
    background: #a1a1a1;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
    width: 60%;
    font-size: 17px;
}

@media screen and (max-width: 768px) {
    tr.woocommerce-cart-form__cart-item.cart_item:after {
        content: '';
        clear: both;
        display: block;
    }
   .woocommerce-cart #content-area table td.product-price, .woocommerce-cart #content-area table td.product-quantity, .woocommerce-cart #content-area table td.product-subtotal {
       display: none;
   }
   div.mobile-only {
        display: block;
    }
    #content-area table td.product-thumbnail {
        width: 35%;
        float: left;
        vertical-align: top;
    }
    #content-area table td.product-name {
        width: 65%;
        float: right;
    }
    .woocommerce table.shop_table_responsive tr.woocommerce-cart-form__cart-item.cart_item td::before, .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item cart_item td::before {
        display: none;
    }
    #main-content table.cart td.product-name > a:first-child {
        text-align: left;
        display: block;
    }
    div.woocommerce div.mobile-only .price-qty {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 15px;
    }
    div.woocommerce div.mobile-only .woocommerce-Price-amount.amount {
        font-weight: 700;
        font-size: 18px;
    }
    div.woocommerce a.remove {
        display: none;
    }
    div.woocommerce div.mobile-only a.remove {
        display: block;
        font-size: 14px;
    }
    #content-area table td.product-name dl.variation {
        font-size: 12px;
    }
    .woocommerce td.product-name dl.variation p {
        font-size: 12px;
    }
}

/* Disruptive Checkout Style Changes */
.woocommerce-checkout div.woocommerce-form-coupon-toggle {
    display: none;
}
.woocommerce-checkout #woocommerce-cart-notice-no-us-notice {
    display: none;
}
.woocommerce-checkout .woocommerce-form-login-toggle > .woocommerce-info {
    background: none!important;
    color: #000!important;
    margin: 0;
    padding-left: 0!important;
    font-size: 16px;
}
.woocommerce-checkout .woocommerce-form-login-toggle > .woocommerce-info > a {
    color: #ff0000!important;
    font-weight: 700;
}
.woocommerce #order_review table.shop_table {
    width: 55%; 
}
#order_review div.prod-img-wrap {
    float: left;
    width: 30%;
    box-sizing: border-box;
    padding-right: 5px;
}
#order_review div.prod-info-wrap {
    width: 70%;
    float: right;
    font-weight: 700;
}
#content-area #order_review table td.product-name {
    /* max-width: 30%; */
    width: 80%;
}
#order_review td.product-total {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 25%;
    /* float: right; */
}
#order_review td.product-total .product-quantity {
    float: left;
    padding-right: 5px;
}
#order_review table div.prod-info-wrap dl.variation {
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .woocommerce #order_review table.shop_table {
        width: 100%; 
    }
    #content-area #order_review table td.product-name {
        width: 80%;
        float: left;
    }
}

/* Disruptive Cart QTY styles */
a.dashicons-cart.mega-menu-link {
    position: relative;
}
span.mega-menu-woo-cart-count {
    position: absolute;
    top: 17px;
    left: 47%;
    color: #fff;
    background: #ed1c22;
    border-radius: 15px;
    line-height: 1;
    padding: 2px 6px;
    font-size: 14px;
}
/* Disruptive Carousel Fix */
.tp-mask-wrap {
    transform: none !important;
}

/* Disruptive Checkout Dummy Coupon Styles */
#new-coupon .coupon-area {
    border: 1px solid #d3ced2;
    padding: 30px 20px;
}
#new-coupon p.form-row {
    margin-bottom: 20px;
}

@media screen and (max-width: 680px) {
    div.woocommerce-error {
        background: #ed1c23!important;
    }
}

/* Disruptive Cart and checkout page styling adjustments */
@media screen and (max-width: 980px) {
    .wc-proceed-to-checkout.top-btn {
        display: none;
    }
    .wc-proceed-to-checkout {
        width: 95%;
        margin: 0 auto;
    }
    .wc-proceed-to-checkout a.checkout-button {
        padding: 5px 0 !important;
    }
    .woocommerce-checkout .woocommerce {
        padding: 0 10px;
    }
}
#ivpa-content .ivpa_desc > a,
#ivpa-content .ivpa_desc > a:visited,
#ivpa-content .ivpa_desc > a:focus,
#ivpa-content .ivpa_desc > a:hover{
    border-bottom: solid 2px #ed1b24;
}
#ivpa-content .ivpa_attribute.ivpa_html .ivpa_term{
    display: block;
    float: none;
    min-width: 16px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    padding: 7px 45px;
    margin-right: 5px;
    margin-top: 5px;
    border: 0 solid #ccc;
    border-radius: 3px;
    background: #ffffff url("https://crossoversymmetrydotcom-staging.vuuawno4-liquidwebsites.com/wp-content/uploads/2018/03/unslectebk.png") no-repeat left center;
    background-size: 40px;
    color: #191919;
}
#ivpa-content .ivpa_attribute[data-attribute="pa_select-attachment"].ivpa_html .ivpa_term.ivpa_active.ivpa_clicked, 
#ivpa-content .ivpa_attribute[data-attribute="pa_select-attachment"].ivpa_html .ivpa_term.ivpa_active.ivpa_clicked.ivpa_outofstock {
    background: #ffffff url("https://crossoversymmetrydotcom-staging.vuuawno4-liquidwebsites.com/wp-content/uploads/2018/03/slectedb.png") no-repeat left center;
    background-size: 40px;
}
#ivpa-content [data-attribute="pa_resistance-options-popup"]{
    width: 0;
    height: 0;
    position: fixed;
    top:50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    display: table;
    overflow-y: auto;
    overflow-x: hidden;
    transition-delay: 1ms;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
#ivpa-content [data-attribute="pa_resistance-options-popup"].ivpa_attribute-active{
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 1;
    z-index: 9999;
}
#ivpa-content [data-attribute="pa_resistance-options-popup"] .ivpa_title{
    display: none;
}
#ivpa-content [data-attribute="pa_resistance-options-popup"] .ivpa_term{
    width: 100% !important;
    min-width: 100% !important;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
    display: none;
    position: relative !important;
    vertical-align: middle;
    text-align: center !important;
}
#ivpa-content [data-attribute="pa_resistance-options-popup"] .ivpa_term.ivpa_term-active{
    display: table-cell;
}

#ivpa-content [data-attribute="pa_resistance-options-popup"] .ivpa_term picture,
#ivpa-content [data-attribute="pa_resistance-options-popup"] .ivpa_term img{
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.variation-ResistanceOptionsPopup{display: none !important;}