/*--------------------------------------------------------------
# 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);
	}
}

@keyframes moveGradient {
	50% {
		background-position: 100% 50%;
	}
}

@media (min-width: 1024px) {
	.site-main .post-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
	}

	.site-main .post-list article {
		width: calc(50% - 10px);
	}
}

.site-main .post-list article {
	--border-width: 1px;
	position: relative;
	padding: 30px;
	background: #21232E;
	border-radius: 10px;
	color: #fff;
}

.site-main .post-list article h2 {
	color: #fff;
	font-size: 42px;
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
}

.site-main .post-list article::after {
	position: absolute;
	content: "";
	top: calc(-1 * var(--border-width));
	left: calc(-1 * var(--border-width));
	z-index: -1;
	width: calc(100% + var(--border-width) * 2);
	height: calc(100% + var(--border-width) * 2);
	background: linear-gradient(
		60deg,
		hsl(179, 85%, 66%),
		hsl(224, 85%, 66%),
		hsl(269, 85%, 66%),
		hsl(240, 85%, 66%),
		hsl(190, 85%, 66%),
		hsl(160, 85%, 66%),
		hsl(134, 85%, 66%),
		hsl(200, 85%, 66%)
	);
	background-size: 300% 300%;
	background-position: 0 50%;
	border-radius: 10px;
	animation: moveGradient 4s alternate infinite;
}


.site-main .post-list article .entry-footer a {
	padding: 6px;
	text-transform: uppercase;
	color: hsl(240, 85%, 66%);
}