/*
 Theme Name:   ET Fashion
 Theme URI:    https://candythemes.com/themes/et-fashion/
 Description:  Divi child theme based on the free 'Fashion' layout pack designed by Elegant Themes.
 Author:       Candy Themes
 Author URI:   https://candythemes.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Remove sidebar vertical divider line */

.container::before { background-color:transparent !important; }

.et_pb_widget_area_right { border-left:0; }

.et_pb_widget_area_left { border-right:0; }

#page-container { overflow-x: hidden; }



/* Footer */

.hidden { display: none !important; }

#globalfooter { margin-bottom: -1px; }

/* Back To Top */

.et_pb_scroll_top.et-pb-icon { background: rgba(247, 213, 132, 0.9) none repeat scroll 0 0!important; }


/* Remove sidebar from all archive pages */

.search #main-content .container::before,
.archive #main-content .container::before { display: none; }

.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar { display: none; }
 
/* Create masonry style for archive pages */

.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 { font-size: 18px; }
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio { padding: 0; }
 
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider { margin: -20px -20px 10px; }
 
.archive .et_pb_post.format-audio .et_audio_content { margin: 0px -38px 0px; }
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide { min-height: 180px; }
 
.archive .pagination,
.search .pagination { padding: 20px 0; }
 
/* Media Queries */

@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{ margin: 0; } 
	
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}


/* Keep WooCommerce Archive pages normal */

.archive.woocommerce #left-area {
-moz-column-count: initial;
column-count: initial;
-moz-column-gap: initial;
column-gap: initial;
}

/* Style Blog Post Grid view */

.archive article.et_pb_post, article.et_pb_post {
    box-shadow: 0px 40px 50px 0px rgba(0,0,0,0.05) !important;
	border:0 !important;
}

.single article.et_pb_post {
    box-shadow: none !important;
	border:0 !important;
}

.archive article.et_pb_post img { margin-bottom: 20px !important; }

.archive article.et_pb_post .post-meta, .archive article.et_pb_post .post-meta a {
	color: rgba(0,0,0,0.2) !important;
	text-transform: uppercase !important;
	font-size:12px !important;
}

.archive article.et_pb_post .post-meta { padding-bottom: 0 !important; }

/* Style comment form */
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    background-color: #fff;
    border: 1px #fd7792 solid;
}

#commentform input[type="submit"]{
    background-color: #fd7792; color:#fff; border-color:#fd7792; height:50px;
}


/* WooCommerce styling */


.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
	color: #fff !important;
	background:#fd7792 !important;
	background-color:#fd7792 !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#fd7792 !important;
}
.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{
  color: #fff !important;
  background:#fd7792 !important;
	background-color:#fd7792 !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#fd7792 !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #fd7792 none repeat scroll 0 0;
    color: #fff;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #fd7792;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #7e6550;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #7e6550;
}

.orderby {
	background: #fd7792 !important;
	color: #fff!important;
	height: 40px;
	font-size: 16px !important;
}

.orderby, .woocommerce div.product form.cart .variations td select {
	border: 1px solid #fd7792;
	background:none;
	border-radius:0;
}

.orderby option, .woocommerce div.product form.cart .variations td select option {
   padding: 5px;
}

.woocommerce-Price-amount, .woocommerce .woocommerce-breadcrumb, p.woocommerce-result-count {
    font-size: 18px !important;
    color: #fd7792 !important;
    letter-spacing: 2px;
}

.et_overlay:before {
	content: ‘New Content’ !important;
}

.related h2{
	clear:both !important;
    padding-top:50px !important;
}

.product .related h2.woocommerce-loop-product__title {
	padding-top:0 !important; 
	font-size:18px !important;
}

.product_meta {
    border-top: 1px dotted  #fd7792;
}

ul.products li.product .onsale, .woocommerce-page span.onsale {
	font-size:14px;
}

ul.products li.product .et_overlay {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}