/* =========================================================
   DIGBANG — SINGLE POST RELATED POSTS
========================================================= */


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

.db-single-post-related {

	width:896px;

	margin:56px 0 0;

	direction:rtl;

}



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

.db-single-post-related__title {


	margin:0;


	color:#8E7D71;


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


	font-size:32px;


	font-weight:700;


	line-height:1.5;


	text-align:right;


}





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

.db-single-post-related__grid {


	display:grid;


	grid-template-columns:repeat(2, 428px);


	column-gap:40px;


	row-gap:40px;


	margin-top:56px;


}




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

.db-single-post-related__card {


	width:428px;


	height:258px;


	background:#FFFFFF;


	border:1px solid #FFE0CC;


	border-radius:24px;


	overflow:hidden;


	box-sizing:border-box;


	transition:

		box-shadow .25s ease,

		transform .25s ease,

		border-color .25s ease;


}





.db-single-post-related__link {


	display:block;


	width:100%;


	height:100%;


	text-decoration:none;


}





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

.db-single-post-related__image {


	width:428px;


	height:196px;


	overflow:hidden;


}



.db-single-post-related__image img {


	display:block;


	width:100%;


	height:100%;


	object-fit:cover;


}




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

.db-single-post-related__content {


	padding:16px;


	box-sizing:border-box;


}




.db-single-post-related__card-title {


	margin:0;


	color:#665A51;


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


	font-size:20px;


	font-weight:700;


	line-height:1.6;


	text-align:right;


}





/* =========================================================
   HOVER
========================================================= */


.db-single-post-related__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);


}





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

@media(max-width:1199px){


	.db-single-post-related {


		width:100%;


	}



	.db-single-post-related__grid {


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


	}



	.db-single-post-related__card,


	.db-single-post-related__image {


		width:100%;


	}



}





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

@media(max-width:767px){


	.db-single-post-related {


		width:100%;


		margin-top:40px;


	}



	.db-single-post-related__title {


		font-size:24px;


	}



	.db-single-post-related__grid {


		grid-template-columns:1fr;


		gap:24px;


		margin-top:32px;


	}



	.db-single-post-related__card {


		width:100%;


		height:auto;


	}



	.db-single-post-related__image {


		width:100%;


		height:auto;


		aspect-ratio:428 / 196;


	}



	.db-single-post-related__card-title {


		font-size:18px;


	}


}