/* =========================================================
   DIGBANG — BLOG CATEGORY ARCHIVE
========================================================= */


/* =========================================================
   PAGE WRAPPER
========================================================= */

.db-category-archive {

	width:100%;

	background:#FFFFFF;

	padding-bottom:88px;

	direction:rtl;

}





/* =========================================================
   BREADCRUMB
========================================================= */

.db-category-archive .db-breadcrumb {

	width:1320px;

	max-width:calc(100% - 120px);

	margin:32px auto 0;

}







/* =========================================================
   CATEGORY CONTENT
========================================================= */

.db-blog-category-page {

	width:1320px;

	max-width:calc(100% - 120px);

	margin:56px auto 0;

}





.db-blog-category-page__inner {

	width:100%;

}







/* =========================================================
   HEADER
========================================================= */


.db-blog-category-page__header {

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:56px;

}





.db-blog-category-page__title {

	margin:0;

	color:#8E7D71;

	font-family:"Vazirmatn",sans-serif;

	font-size:32px;

	font-weight:700;

	line-height:1.5;

}





.db-blog-category-page__count {

	color:#8E7D71;

	font-family:"Vazirmatn",sans-serif;

	font-size:18px;

	font-weight:300;

	line-height:1.5;

}









/* =========================================================
   GRID
========================================================= */


.db-blog-category-page__grid {

	display:grid;

	grid-template-columns:repeat(3,424px);

	gap:24px;

}









/* =========================================================
   BLOG CARD
========================================================= */


.db-blog-category-page .db-blog-card {


	width:424px;

	height:409px;

	background:#FFFFFF;

	border:1px solid #FFE0CC;

	border-radius:12px;

	overflow:hidden;

	box-sizing:border-box;


	transition:

	transform .25s ease,

	box-shadow .25s ease,

	border-color .25s ease;


}





.db-blog-category-page .db-blog-card:hover {


	border-color:#FFD2B5;


	transform:translateY(-3px);


	box-shadow:

	0 10px 30px rgba(255,102,0,.10),

	0 4px 12px rgba(246,237,222,.45);


}










/* =========================================================
   IMAGE
========================================================= */


.db-blog-category-page .db-blog-card__image-link {


	display:block;

	width:100%;

	height:165px;

}





.db-blog-category-page .db-blog-card__image-wrap {


	position:relative;

	width:100%;

	height:165px;

	overflow:hidden;

}





.db-blog-category-page .db-blog-card__image {


	display:block;

	width:100%;

	height:100%;

	object-fit:cover;

}









/* =========================================================
   BADGE
========================================================= */


.db-blog-category-page .db-blog-card__badge {


	position:absolute;


	right:10px;


	bottom:10px;


	height:26px;


	padding:0 14px;


	display:flex;


	align-items:center;


	justify-content:center;


	background:rgba(255,255,255,.75);


	backdrop-filter:blur(8px);


	border-radius:34px;


	color:#000000;


	font-family:"Vazirmatn",sans-serif;


	font-size:12px;


	font-weight:300;


}










/* =========================================================
   CONTENT
========================================================= */


.db-blog-category-page .db-blog-card__content {


	padding:24px 16px 16px;


	display:flex;


	flex-direction:column;


	height:244px;


	box-sizing:border-box;


}









/* =========================================================
   TITLE
========================================================= */


.db-blog-category-page .db-blog-card__title {


	margin:0;

}





.db-blog-category-page .db-blog-card__title a {


	color:#000000;


	font-family:"Vazirmatn",sans-serif;


	font-size:20px;


	font-weight:700;


	line-height:1.6;


	text-decoration:none;


}









/* =========================================================
   META
========================================================= */


.db-blog-category-page .db-blog-card__meta {


	margin-top:12px;


	color:#8E7D71;


	font-family:"Vazirmatn",sans-serif;


	font-size:12px;


	font-weight:300;


	line-height:1.5;


}










/* =========================================================
   EXCERPT
========================================================= */


.db-blog-category-page .db-blog-card__excerpt {


	width:100%;


	height:78px;


	margin:24px 0 0;


	overflow:hidden;


	color:#000000;


	font-family:"Vazirmatn",sans-serif;


	font-size:14px;


	font-weight:400;


	line-height:1.8;


}









/* =========================================================
   FOOTER
========================================================= */


.db-blog-category-page .db-blog-card__footer {


	display:flex;


	align-items:center;


	justify-content:space-between;


	margin-top:auto;


}









/* =========================================================
   BUTTON
========================================================= */


.db-blog-category-page .db-blog-card__button {


	width:102px;


	height:26px;


	display:flex;


	align-items:center;


	justify-content:center;


	gap:4px;


	background:#FFFFFF;


	border:1px solid #CC5200;


	border-radius:5.23px;


	color:#CC5200;


	font-family:"Vazirmatn",sans-serif;


	font-size:10.45px;


	font-weight:600;


	text-decoration:none;


	transition:.25s ease;


}





.db-blog-category-page .db-blog-card__button:hover {


	background:#CC5200;


	color:#FFFFFF;


}









/* =========================================================
   READ TIME
========================================================= */


.db-blog-category-page .db-blog-card__read-time {


	color:#8E7D71;


	font-family:"Vazirmatn",sans-serif;


	font-size:12px;


	font-weight:300;


}









/* =========================================================
   PAGINATION
========================================================= */


.db-category-archive .navigation {


	margin-top:56px;


	display:flex;


	justify-content:center;


}



.db-category-archive .page-numbers {


	display:flex;


	align-items:center;


	justify-content:center;


	min-width:40px;


	height:40px;


	margin:0 4px;


	border-radius:8px;


	border:1px solid #FFE0CC;


	color:#8E7D71;


	font-family:"Vazirmatn",sans-serif;


	font-size:14px;


	text-decoration:none;


}





.db-category-archive .page-numbers.current {


	background:#CC5200;


	color:#FFFFFF;


	border-color:#CC5200;


}









/* =========================================================
   TABLET
========================================================= */


@media(max-width:1399px){


	.db-category-page,

	.db-category-archive .db-breadcrumb {


		width:calc(100% - 64px);


	}



	.db-blog-category-page__grid {


		grid-template-columns:repeat(2,minmax(0,1fr));


	}



	.db-blog-category-page .db-blog-card {


		width:100%;


	}


}









/* =========================================================
   MOBILE
========================================================= */


@media(max-width:767px){


	.db-category-page {


		width:calc(100% - 32px);


		margin-top:40px;


	}




	.db-category-archive .db-breadcrumb {


		width:calc(100% - 32px);


		margin-top:16px;


	}





	.db-blog-category-page__header {


		flex-direction:column;


		align-items:flex-start;


		gap:12px;


		margin-bottom:32px;


	}





	.db-blog-category-page__title {


		font-size:24px;


	}





	.db-blog-category-page__count {


		font-size:14px;


	}





	.db-blog-category-page__grid {


		grid-template-columns:1fr;


		gap:24px;


	}





	.db-blog-category-page .db-blog-card {


		width:100%;


		max-width:424px;


		margin:0 auto;


	}



}