/* =========================================================
   DIGBANG — SINGLE POST HEADER
========================================================= */


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

.db-single-post-header {

	width:100%;

	margin:0;

	padding:0;

	direction:rtl;

}



.db-single-post-header__inner {

	width:100%;

	margin:0;

	padding:0;

}



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

.db-single-post-header__category {

	display:inline-flex;

	align-items:center;

	justify-content:center;


	min-height:32px;


	padding:4px 14px;


	background:#FDF6F6;

	color:#CC5200;


	border-radius:8px;


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

	font-size:14px;

	font-weight:600;

	line-height:1.5;

}



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

.db-single-post-header__title {

	width:100%;


	margin:56px 0 0;


	color:#000000;


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


	font-size:32px;


	font-weight:700;


	line-height:1.5;


	text-align:right;

}




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

.db-single-post-header__meta {


	display:flex;


	align-items:center;


	justify-content:flex-start;


	margin-top:16px;


	gap:16px;


	direction:rtl;

}



.db-single-post-header__meta-item {


	display:flex;


	align-items:center;


	gap:8px;


	color:#A39082;


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


	font-size:14px;


	font-weight:300;


	line-height:1.8;


}




.db-single-post-header__meta-item img,
.db-single-post-header__meta-item svg {


	width:24px;

	height:24px;


	display:block;

}




.db-single-post-header__divider {

	width:1px;

	height:18px;


	background:#DFDFDF;

	flex-shrink:0;

}



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

.db-single-post-header__image-wrap {


	width:896px;


	height:424px;


	margin-top:55px;


	overflow:hidden;


	border-radius:24px;


}



.db-single-post-header__image {


	display:block;


	width:100%;


	height:100%;


	object-fit:cover;


}




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

@media(max-width:1199px){


	.db-single-post-header__image-wrap {


		width:100%;


		height:auto;


		aspect-ratio:896 / 424;


	}


}

/* =========================================================
   MOBILE HEADER FINAL
========================================================= */

@media(max-width:767px){


	/* TITLE */

	.db-single-post-header__title {

		margin-top:24px;

		font-size:22px;

		line-height:1.7;

		text-align:right;

	}




	/* META */

	.db-single-post-header__meta {

		width:100%;

		display:flex;

		align-items:center;

		justify-content:flex-start;

		flex-wrap:nowrap;

		gap:8px;

		margin-top:12px;

		overflow:hidden;

	}



	.db-single-post-header__meta-item {


		display:flex;

		align-items:center;

		gap:0;


		font-size:10px;

		line-height:1.6;

		white-space:nowrap;


		flex-shrink:1;


	}



	/* hide icons mobile */

	.db-single-post-header__icon {

		display:none;

	}



	.db-single-post-header__divider {


		height:12px;

		flex-shrink:0;


	}



	/* IMAGE */


	.db-single-post-header__image-wrap {


		width:100%;

		margin-top:24px;

		border-radius:16px;


	}



}