/*--------------------------------------------------------------
# ARCHIVE

For blog page and archives pages like category, author etc.. 
ONLY for post type = post 
ADD your own stylesheet for custom post type archive 
OR, if it uses sames styles, add it to enqueue style function in functions.php 

--------------------------------------------------------------*/


/* LOAD MORE */

.loadmore-container {
	margin: 35px 0 70px;
	text-align: center;
}

.mahii-loadmore {
	display: inline-block;
	padding: 15px 30px;
	background-color: #000;
	color: #fff;
	transition: all 0.4s;
}

.mahii-loadmore.loading {
	display: none !important;
}

.mahii-loadmore:hover {
	cursor: pointer;
	background-color: #333;
	color: #fff;
}
/* loader */ 
.loarder-container {
	padding: 25px 0 65px;
	text-align: center;
}

.loader-05 {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: inherit;
	vertical-align: middle;
	pointer-events: none;
	border: 5px solid #000;
	border-top-color: #333;
	border-radius: 50%;
	animation: 1s loader-05 linear infinite;
	position: relative;
}

@keyframes loader-05 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.ue_woocommerce_product_label {
	display: none !important;
}

.tag-sur-commande .ue_woocommerce_product_label {
	display: block !important;
}

.ue-woo-grid .ue-item .uc_post_image:after {
	display: flex;
	content: "En stock";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 128px;
	height: 38px;
	background: #5b5b5b;
	color: #fff;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.ue-woo-grid .ue-item.tag-en-stock  .uc_post_image:after {
	opacity: 1;
} 

.ue-woo-grid .ue-item .uc_post_image:before {
	display: flex;
	content: "Sur commande";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 128px;
	height: 38px;
	background: #5b5b5b;
	color: #fff;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

.ue-woo-grid .ue-item.tag-sur-commande  .uc_post_image:before {
	opacity: 1;
}