/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ----------- SET COLOR --------------------------- */
:root {
    --mainC:#000a56;
    --secondC:#F0F0F0;
    --thirdC:#808080;
}

/* ----------- SET COLOR --------------------------- */
.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-page button.button.alt, .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 {color:var(--mainC);}


/* ----------- WOOCOMMERCE BUTTON --------------------------- */
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .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, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {font-size:15px !important;}

/* ----------- PAGE START / PAGE PRODUCT_PAGE / SHOP --------------------------- */

#page-container {left: 0px !important;}

.et_slide_menu_top {display: block !important;}
form.et-search-form {display: none;}
.et_overlay:before {top: 40% !important;}

.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price
{
    display: none;
    position: relative;
    padding: 20px 0px 0px !important;
    z-index: 4 !important;
    text-align: center;
}
.woocommerce ul.products li.product h3{margin-top: -55% !important;}
.woocommerce ul.products li.product span.onsale {z-index:4;}
.woocommerce ul.products li.product span.et_overlay{border: none;}
.woocommerce ul.products li.product:hover h3,
.woocommerce ul.products li.product:hover .price
{
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
    display:block; 
}
@keyframes fadein {from { opacity: 0; top:20px; }to{ opacity: 1; top:0px;}}
@-moz-keyframes fadein {from { opacity: 0; top:20px;}to{ opacity: 1; top:0px;}}
@-webkit-keyframes fadein {from { opacity: 0; top:20px;}to   { opacity: 1; top:0px;}}
@-ms-keyframes fadein {from { opacity: 0; top:20px;}to   { opacity: 1; top:0px;}}
@-o-keyframes fadein {from { opacity: 0; top:20px;}to   { opacity: 1; top:0px;}}
/*.woocommerce ul.products li.product a img{width:100%;height:25vw;}*/

.woocommerce ul.products li.product .price del{height:20px;}
.woocommerce div.product div.images, div.woocommerce-tabs.wc-tabs-wrapper {width: calc(100vw*4/6);}
.woocommerce #content div.product div.thumbnails a, 
.woocommerce div.product div.thumbnails a, 
.woocommerce-page #content div.product div.thumbnails a, 
.woocommerce-page div.product div.thumbnails a {margin-right:0px;}
.single-product .woocommerce-breadcrumb {display:none;}

/* ----------- PAGE CART --------------------------- */
.woocommerce-cart table.cart, .woocommerce-cart table.cart thead, .cart tbody, .cart tr, .cart td {border-right:none !important;border-left:none !important;border-top:none !important;}
.woocommerce-cart table.cart, .woocommerce-cart table.cart thead, .cart tbody, .cart td{border-bottom:none;}
.cart tr {border-bottom: 1px solid !important;}
.cart .product-thumbnail img {border-radius: 90px; -webkit-border-radius: 90px;
-moz-border-radius: 90px; border: 2px solid;}
.woocommerce-cart table.cart td.product-remove a.remove {margin: auto;}
.woocommerce-cart table.cart td.product-thumbnail {padding: 5px 0px 0px !important;}
.woocommerce-cart table.cart td.product-thumbnail img {width: 52px;}
.woocommerce-cart table.cart td.actions .coupon .input-text {width: calc(100vw*1/6) !important; height: 100%; line-height: 1.7em;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float: center; width: 50%; margin: auto;}

/* ----------- FOOTER --------------------------- */ 
footer#main-footer {width:calc(100vw*2/6); margin:auto;}
#footer-widgets {height: 55px !important;padding: 0px !important;}
.footer-widget {margin:15px 0px 0px !important;}
#footer-widgets div#text-2 {width:100%;}
#footer-widgets h4.title {width: 200px; position: relative; margin: auto; text-align: center; font-size:1em;}
#footer-bottom {display:none !important;}

/* ----------- MOBILE VERSION --------------------------- */ 
@media only screen and (max-width:981px) {
    li.product {padding-bottom: 100% !important;}
}