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

# 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: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);

	}

}

.mahii-article-card-header img {
	min-height: calc(100vw - 40px);
	height: calc(100vw - 40px);
	display: block;
}

.mahii-article-card-cat {
	background-color: #CFA45A;
	color: #FFF;
	font-family: "Overlock", Sans-serif;
	font-size: 18px;
	padding: 5px 10px;
}

.mahii-article-card-content {
	border: solid 1px #CFA45A;
	border-top: none;
	padding: 10px;
	color: #7A7A7A;
	font-family: "Overlock", Sans-serif;
	font-size: 18px;
}

.mahii-card-event-infos-zone svg {
	height: 20px;
	width: 20px;
}

.post-type-archive-evenement {
	background-color: #7A7A7A;
}
 
.post-type-archive-evenement .container {
	padding: 50px 0;
	min-height: 100vh;
	
}

.mahii-article-card-content {
	background-color: #FFF;
}

@media screen and (min-width: 992px) {
	.mahii-article-card.event {
		display: flex;
		flex-wrap: wrap;
	}
	.mahii-article-card-cat  {
		width: 100%;
		min-width: 100%;
	}

	.mahii-article-card-header {
		width: 60%;
		min-width: 60%;
	}

	.mahii-article-card-header img {
		min-height: 250px;
		height: 250px;
		width: 100%;
		object-fit: cover;
	}

	.mahii-article-card-content {
		width: 40%;
	}

	.mahii-article-card-content {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
  }