/*
Theme Name: Divi child
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: A child theme of Divi
Template: Divi
*/

/*@import url("../Divi/style.css");*/



.page.et_pb_pagebuilder_layout #main-content {
    background: #f2ebe3;
}

/* hover over product image */
.et_overlay {
    display: none;
}
.et_shop_image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.et_shop_image:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}


/* change to 4 columns */
@media screen and (min-width:1024px) {
    .woocommerce ul.products li.product {
        width: 23% !important;
        margin: 1% !important;
        clear: none !important;
    }
    .woocommerce ul.products li.product:nth-child(4n+1) {
        clear: both !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .woocommerce ul.products li.product.first, .woocommerce ul.products li.product.last {
        clear: right !important;
    }
    .woocommerce ul.products li.product:nth-child(3n+1) {
        clear: none !important;
    }
}


.woocommerce span.onsale, .woocommerce-page span.onsale {
    top: 5px !important;
    left: 5px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0px 8px !important;
    background: #ef4e38 !important;
    text-shadow: none !important;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: inherit !important;
}


/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/* no right sidebar */
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}



#footer-widgets .footer-widget:last-of-type {
    margin: 0 0 5.5% 0;
}





#main-content {
  margin: 0 0 10px 0;
}

.et_right_sidebar #main-content .container:before {
    right: 300px !important;
	right: 0% !important;
height: 0 !important;
content: none !important;
}

#logo {
	min-height: 80%;
}

#main-content .container:before {
width: 0 !important;
content: none;
height: 0%;
}


ul { margin: 0 0 0 40px; }

.nav li ul {
    margin: 0px;
}

.right {float: right;}
.left {float: left;}

.padding0 {padding: 0; }
.padding5 { padding:5px;}
.padding10 {padding: 10px; }
.padding15 {padding: 15px; }
.padding20 {padding: 20px; }
.padding25 {padding: 25px; }
.padding30 {padding: 30px; }

.margin5 {padding: 5px; }
.margin10 {padding: 10px; }

.height50 {height: 50px; }
.height75 {height: 75px; }
.height100 {height: 100px; }
.height125 {height: 125px; }
.height150 {height: 150px; }

.w50 {width:50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}

.stretch {
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
}


.myheader {height: 50px; padding: 0px 0;}
.myheader .et_pb_fullwidth_header {padding: 0px 0;}
.myheader .et_pb_row { padding: 10px; }

.hundredheader {height: 100px; padding: 10px 0;}
