/*----- Banner Section -----*/
.banner-post p.category-title, .post-section p.category-title{
	padding: 5px;
	display: inline-block;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.banner-post h1{
	position: absolute;
	bottom: 10px;
	line-height: 1.6;
	font-weight: 500 !important;
	letter-spacing: 1px;
}

/*------- Post Section ------*/
.post-section{
	position: relative;
}
.post-section .wp-block-column{
	display: grid;
}
.post-section h2{
	font-size: 20px !important;
	font-weight: 700 !important;
	padding: 8px !important;
	display: inline-block;
	position: relative;
}
.post-section h2:before{
	content: "";
	width: 0;
	height: 0;
	border-bottom: 40px solid #cc171e;
	border-left: 30px solid transparent;
	position: absolute;
	top: 0;
	left: -30px;
}
.post-section h2:after{
	content: "";
	width: 0;
	height: 0;
	border-top: 40px solid #cc171e;
	border-right: 30px solid transparent;
	position: absolute;
	top: 0;
	right: -30px;
}
.post-section hr{
	position: absolute;
	top: 52px;
    width: 100%;
    z-index: -1;
}
.post-section h3{
	line-height: 1.6;
	font-weight: 600 !important;
	padding: 10px 0 !important;
}

/*------ Media CSS ------*/
@media screen and (max-width: 768px) and (min-width: 576px){
	.banner-post .wp-block-column{
		flex-basis: 50% !important;
	}
}