/****************************************/
/********** POST LIST CAGTEGORIES ****************/
/****************************************/

.CatDesktopList{
	display:flex;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:5px 10px;
	list-style:none;
	border-bottom:1px solid $color__tchatbooster_orange;
	padding-bottom:1em;

	&-Item{
		@include font-size(1);
		a{
			transition:0.35s;
			font-weight:300;
			&:hover{
				color:$color__tchatbooster_orange;
			}
		}

		&.current{
			> a{
				color:$color__tchatbooster_orange;
				font-weight:400;
			}
		}
	}
}

.list_cat_only_mobile{
	display:none;
	@media screen and (max-width: 1399px ) {
		display:block;
	}
}

@media screen and (max-width: 1399px ) {
	.CatDesktopList{
		display:none;
	}
}

/****************************************/
/********** LIST SUR MOBILE  ****************/
/****************************************/



/* */
.entry-content{

}


/****************************************/
/********** ALL POST RESUME ****************/
/****************************************/

.PostContainer{
	display:flex;
	flex-wrap:wrap;
	@media screen and (max-width: 1023px) {
		justify-content:space-between;
	}
	.PostResume{
		width:calc((100% - 64px) / 3);
		margin-bottom:3em;
		@media screen and (min-width: 1024px) {
		
		margin-right:21px;

		&:nth-child(3n){
			margin-right:0px;
		}
		}

		@media screen and (max-width: 1023px) {
			width:calc((100% - 32px) / 2);
		}
		@media screen and (max-width: 600px) {
			width:100%;
			margin-bottom:2em;
		}
	}
}

.PostContainer-Archive{
	.PostResume{
		&:nth-child(6n+1) .PostResume-HeaderCat{
			background:$color__tchatbooster_orange;
			color:#fff;
		}
		&:nth-child(6n+2) .PostResume-HeaderCat{
			background:$color__tchatbooster_bleutc;
		}
		&:nth-child(6n+3) .PostResume-HeaderCat{
			background:$color__tchatbooster_bleuf;
			color:#fff;
		}

		&:nth-child(6n+4) .PostResume-HeaderCat{
			background:$color__tchatbooster_bleutc;
		}
		&:nth-child(6n+5) .PostResume-HeaderCat{
			background:$color__tchatbooster_bleuf;
			color:#fff;
		}
		&:nth-child(6n+6) .PostResume-HeaderCat{
			background:$color__tchatbooster_orange;
			color:#fff;
		}
	}
}

.PostResume{
	display:flex;
	flex-direction:column;
	cursor:pointer;

	@media screen and (max-width: 767px) {
		.home &{
			&:nth-child(4),&:nth-child(5),&:nth-child(6){
				display:none;
			}
		}
	}

	&-HeaderCat{
		display:flex;
		min-height:180px;
		justify-content:center;
		align-items:center;
		transition:0.3s;
		
		background:#efefef;
		margin-bottom:1em;

		@media screen and (max-width: 1500px) {
			min-height:160px;
		}
		@media screen and (max-width: 1024px) {
			min-height:140px;
		}
		@media screen and (max-width: 767px) {
			min-height:110px;
		}
	}

	&-Cat{
		text-align:center;
		@include font-size(1.5625);
		> span{
			display:block;
			font-family:$font__title;
			@include font-size(1);
			@media screen and (max-width: 767px) {
				@include font-size(0.875);
			}
		}

		@media screen and (max-width: 1250px) {
			@include font-size(1.25);
		}
		@media screen and (max-width: 767px) {
			@include font-size(1.125);
		}
	}

	&-Title{
		@include font-size(1.875);
		display:block;
		margin-bottom: 1em;
		line-height:1.3em;
		transition:0.35s;

		@media screen and (max-width: 1250px) {
			@include font-size(1.5);
		}
		@media screen and (max-width: 767px) {
			@include font-size(1.25);
		}
	}

	&-Desc{
		@include font-size(1.0625);
		line-height:1.65em;
		margin-bottom: 1em;

		@media screen and (max-width: 767px) {
			@include font-size(0.875);
		}
	}

	.btn-arrow-next{
		display:flex;
		justify-content:flex-end;
		margin-top:auto;
		i{
			font-size:22px;
			transition:0.35s;
		}
	}

	.PostContainer-Archive &{
		
	}

	&:hover{
		.PostResume-HeaderCat{
			border-radius:12px;
		}
		.PostResume-Title{
			color:$color__tchatbooster_orange;
		}
		.btn-arrow-next i{
			color:$color__tchatbooster_orange;
			transform: scale(1.2) translate(0px,0px);
		}
	}


}


/***********************************************************/
/******************* ARCHIVE PAGE PAGINTION ******************************/
.nav-links{
	text-align:center;
	padding:50px 0px;
	padding-bottom:70px;

	a{
		font-weight:400;
		&:hover{
			color:$color__tchatbooster_orange;
		}
	}
}