/*
Theme Name:     Divi Child
Theme URI:      https://abundantdesigns.com
Description:    Child theme of Divi
Author:         Abundant Designs
Template:       Divi
Version:        0.4.7
*/


/* 
 * Header
 */

.nav li ul {
    padding: 18px 0 20px 0;
    width: 280px;
}
#top-menu li li a {
    width: 250px;
    padding: 10px 15px 5px 15px;
}


/* 
 * WooCommerce
 */

/*---------- Add Header Space to Top of Pages */
.et-tb-has-header.woocommerce-page #main-content {
    margin-top: 125px;
}

/*---------- Single Product Page */

.single-product span.onsale {
    display: none;
}

.single-product .woocommerce-breadcrumb {
    display: none;
}

.woocommerce div.product .entry-summary > p.price {
   padding-bottom: 1em;
   font-size: 20px;
   line-height: 1.3;
}

.entry-summary > p.price span.regular-label {
   font-size: 20px !important;
   color: #999;
   display: inline;
}
.entry-summary > p.price span.sale-label {
   font-size: 20px !important;
   color: #333;
   display: inline;
}

.entry-summary > p.price span.sale-label:before {
   content: ' '; display: block;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    color: red;
}


.single-product .product .woocommerce-product-details__short-description {
    line-height: 1.75;
    font-size: 17px;
}

.woocommerce div.product p.stock {
    display: none;
}

.single-product .product_meta {
    display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    font-size: 16px;
    line-height: 1.7;
}



/* Bundled Products */

.post-287.product-type-bundle .summary > .price, .woocommerce ul.products li.product.post-287 .price,
.post-912.product-type-bundle .summary > .price, .woocommerce ul.products li.product.post-912 .price,
.post-1036.product-type-bundle .summary > .price, .woocommerce ul.products li.product.post-1036 .price,
.post-1265.product-type-bundle .summary > .price, .woocommerce ul.products li.product.post-1265 .price
{
    display: none;
}

.single-product.postid-287 .bundled_product .item_qty,
.single-product.postid-287 .bundled_product .bundled_item_cart_details {
    display: none;
}
.single-product.postid-287 .bundled_product input[type=checkbox] {
    transform: scale(1.25);
    margin-left: 12px;
}
body div.bundled_product_summary, body.woocommerce div.product.bundled_product_summary {
   padding-bottom: 0;
}

.bundle_form.layout_grid .bundled_products {
   margin-top: 35px;
}
.woocommerce.single-product ul.bundled_products.products li.product a img {
   max-height: 325px;
   width: auto;
   margin-left: auto !important;
   margin-right: auto !important;
}
.woocommerce div.product .bundled_product_title {
   line-height: 1.3;
}
.woocommerce div.product .bundled_item_cart_details {
   margin-bottom: 10px;
}


/*---------- WooCommerce Archives */

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 21px;
}
.woocommerce-page ul.products li.product .price,
.woocommerce-page ul.products li.product .price del {
    font-size: 18px;
}
.woocommerce ul.products li.product .price ins {
    color: red;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
    background-color: #e71e39 !important;
}

/* Fix styling issue with Divi adding break after four columns on three column layout */
@media (min-width: 981px) {
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1),
    .et_left_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1),
    .et_right_sidebar.woocommerce-page ul.products li.product:nth-child(3n+1) {
         clear: none;
    }
}


/*---------- WooCommerce Cart & Checkout */

.woocommerce .cart button.button:disabled[disabled],
.woocommerce button.button.alt.disabled {
    background: none !important;
    color: #666 !important;
    padding: .3em 1em;
    font-weight: normal;
    border-color: #666;
}
.woocommerce .cart button.button:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled:hover {
    background: none !important;
    color: #666 !important;
    border-color: #666;
}
.woocommerce .cart button.button:disabled[disabled]:hover:after,
.woocommerce button.button.alt.disabled:hover:after {
    display: none;
}


/* Notification Messages */
body .woocommerce-error {
    background: #f48160 !important;
}
.woocommerce-info.woocommerce-cart-notice {
    background: #f5f5f5 !important;
    color: #676767 !important;
}
.woocommerce-message a, .woocommerce-error a, .woocommerce-info a {
    color: white;
    text-decoration: underline;
}
.woocommerce-message a:hover, .woocommerce-error a:hover, .woocommerce-info a:hover {
    font-weight: bold;
}



/* Proceed to Checkout */
.woocommerce-page a.button.alt.checkout-button {
    color: white;
    background: #2777bd;
    border-color: #2777bd;
}


/* Fix Return to Shop button arrow on hover display bug */
.return-to-shop a.wc-backward:after {
    top: .2em;
    right: .15em;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 12px;
}


/* Fix invisible buttons in cart   error messages */
.et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .comment-reply-link, .form-submit .et_pb_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .et_pb_contact p input[type="checkbox"]:checked+label i:before, .et_pb_bg_layout_light.et_pb_module.et_pb_button {
    background: white;
}


/* Two Columns Checkout (1200px and up) */
@media (min-width: 993px) {
   form.woocommerce-checkout {
       overflow: hidden;
   }
   body .woocommerce .col2-set .col-1,
   body .woocommerce .col2-set .col-2 {
       width: 100%;
       margin-bottom: 35px;
   }
   .woocommerce-billing-fields h3 {
       margin-top: 20px;
   }
   .woocommerce .col2-set, .woocommerce-page .col2-set {
       width: 47%;
       float: left;
   }
   #order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review {
       float: left;
       width: 47%;
       margin-left: 4%;
       margin-top: 20px;
   }
}