/* =========================================================
   DIGBANG — SINGLE POST PAGE LAYOUT
========================================================= */


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

.db-single-post-page {

	width:100%;

	margin:0;

	padding:0 0 88px;

	background:#FFFFFF;

	direction:rtl;

	box-sizing:border-box;

}




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


.db-single-post-page > .db-breadcrumb {


	width:1320px;

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


	margin:32px auto 0;


}




/* =========================================================
   MAIN LAYOUT
========================================================= */


.db-single-post-layout {


	display:grid;


	grid-template-columns:

	336px 896px;



	column-gap:88px;



	width:1320px;

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



	margin:56px auto 0;



	direction:ltr;



	align-items:start;



	box-sizing:border-box;

}




/* =========================================================
   ARTICLE COLUMN
========================================================= */


.db-single-post-content {


	width:896px;


	margin:0;

	padding:0;


	direction:rtl;


	box-sizing:border-box;

}




/* =========================================================
   SIDEBAR COLUMN
========================================================= */


.db-single-post-sidebar {

	width:336px;

	margin:255px 0 0;

	padding:0;

	direction:rtl;

	box-sizing:border-box;

}



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


@media(max-width:1399px){


	.db-single-post-page > .db-breadcrumb {


		width:calc(100% - 64px);


	}



	.db-single-post-layout {


		width:calc(100% - 64px);


		grid-template-columns:

		minmax(0,1fr)

		320px;



		column-gap:40px;


	}



	.db-single-post-content {


		width:auto;


	}



	.db-single-post-sidebar {


		width:320px;


	}

}


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

@media(max-width:767px){


	.db-single-post-page {

		padding-bottom:56px;

	}



	/* BREADCRUMB */

	.db-single-post-page > .db-breadcrumb {


		width:calc(100% - 32px);


		max-width:none;


		margin:16px auto 0;


		overflow:hidden;


		white-space:nowrap;


	}



	.db-breadcrumb__list {


		overflow:hidden;


		white-space:nowrap;


	}



	.db-breadcrumb__item {


		font-size:11px;


	}





	/* MAIN */

	.db-single-post-layout {


		display:block;


		width:calc(100% - 32px);


		max-width:none;


		margin:32px auto 0;


	}





	/* CONTENT */

	.db-single-post-content {


		width:100%;


	}





	/* HIDE SIDEBAR */

	.db-single-post-sidebar {


		display:none;


	}



}