/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 08 2025 | 07:12:29 */
.breadcrumb a {
	font-family: "Open Sans", sans-serif;
	color: #868686;
	font-size: 12px;
	line-height: 20px;
}
.breadcrumb span {
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: #de2027;
}
.content {
	margin: auto;
	display: flex;
	flex-direction: column;
}
.image-container {
	text-align: center;
	margin-bottom:4px;
}
.image-container img {
	width: 100%;
}
.heading-paragraph {
	display: flex;
	flex-direction: column;
}
.content .heading-paragraph .post-title h1, .heading-paragraph h2, .heading-paragraph h3, .heading-paragraph h4, .heading-paragraph h5, .recent-header h2 {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #181818;
}
.content .heading-paragraph p, .card-content .card-title a {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #181818;
}
.post-title .gradient-box{
	height: 64px;
}
.gradient-box{
	width:12px;
	background: linear-gradient(180deg, #DE2027 0%, #FFF 100%);
}
/*Recent posts*/
.recent-posts{
	margin-top:8px;
}
.recent-posts .recent-header, .post-title{
	display:flex;
	flex-direction:row;
	gap:12px;
	align-items:flex-start;
}
.recent-header .gradient-box{
	height:48px;
}
.recent-posts-cards {
	display: flex;
	flex-direction: row;
	gap: 24px;
	justify-content:flex-start;
	align-items:stretch;
	margin-top:24px;
}
.card.recent-post-card {
	width: 32%;
	box-shadow: -2px 2px 8px 0 rgba(36,36,36, .19);
	border-radius: 12px;
	padding:16px 12px;
	cursor:pointer;
}
.card-img img {
	width: 100%;
	height: 220px;
	border-radius: 8px;
}
.card-content .card-title a{
	font-weight:700;
}
.card:hover .card-title a{
	color:#de2027;
}
.card-content .card-title{
	margin: 12px 0 0;
}
@media (min-width: 1025px) {
	.breadcrumb {
		font-size: 12px;
		line-height: 20px;
	}
	.content {
		gap: 24px;
		margin-top: 104px;
		padding: 0 80px;
	}
	.image-container img {
		border-radius: 16px;
	}
	.heading-paragraph {
		gap: 20px;
	}
	.content .heading-paragraph .post-title h1 {
		font-size: 56px;
		line-height: 64px;
	}
	.heading-paragraph h2, .recent-header h2 {
		font-size: 40px;
		line-height:48px;
	}
	.heading-paragraph h3{
		font-size:32px;
		line-height:40px;
	}
	.heading-paragraph h4{
		font-size:24px;
		line-height:32px;
	}
	.content .heading-paragraph p, .card-content .card-title a {
		font-size: 20px;
		line-height: 28px;
		margin-bottom:16px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.breadcrumb {
		font-size: 12px;
		line-height: 20px;
	}
	.content {
		gap: 24px;
		margin-top: 92px;
		padding: 0 24px;
	}
	.image-container img {
		border-radius: 12px;
	}
	.heading-paragraph {
		gap: 16px;
	}
	.content .heading-paragraph .post-title h1 {
		font-size: 48px;
		line-height: 56px;
	}
	.heading-paragraph h2, .recent-header h2 {
		font-size:36px;
		line-height:44px;
	}
	.heading-paragraph h3{
		font-size:28px;
		line-height:36px;
	}
	.heading-paragraph h4{
		font-size:20px;
		line-height:28px;
	}
	.content .heading-paragraph p , .card-content .card-title a{
		font-size: 16px;
		line-height: 24px;
		margin-bottom:14px;
	}
	.gradient-box{
		width:10px;
	}
	.post-title .gradient-box{
		height:56px;
	}
	/*Recent posts*/
	.recent-posts .recent-header, .post-title{
		gap:8px;
	}
	.recent-header .gradient-box{
		height:44px;
	}
	.recent-posts-cards{
		gap:20px;
		margin-top:20px;
	}
	.card.recent-post-card {
		padding:12px 8px;
	}
	.card-img img {
		height: 140px;
	}
}
@media (max-width: 767px) {
	.breadcrumb {
		font-size: 12px;
		line-height: 20px;
	}
	.content {
		gap: 20px;
		margin-top: 72px;
		padding: 0 24px;
	}
	.image-container img {
		border-radius: 8px;
	}
	.heading-paragraph {
		gap: 12px;
	}
	.content .heading-paragraph .post-title h1 {
		font-size: 40px;
		line-height: 48px;
	}
	.gradient-box{
		width:8px;
	}
	.post-title .gradient-box{
		height:48px;
	}
	.heading-paragraph h2, .recent-header h2 {
		font-size:32px;
		line-height:40px;
	}
	.heading-paragraph h3{
		font-size:24px;
		line-height:32px;
	}
	.heading-paragraph h4{
		font-size:16px;
		line-height:24px;
	}
	.content .heading-paragraph p, .card-content .card-title a {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:12px;
	}
	/*Recent posts*/
	.recent-posts-cards{
		flex-wrap:wrap;
	}
	.recent-posts .recent-header, .post-title{
		gap:4px;
	}
	.recent-header .gradient-box{
		height:40px;
	}
	.card.recent-post-card{
		width:100%;
		border-radius: 8px;
		padding:10px 8px;
	}
	.card-img img {
		height: 198px;
		border-radius:4px;
	}
}