/* ==========================================
   OJAS SINGLE BLOG
========================================== */

.ojas-single-blog{

	padding:30px 0;

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

}

.ojas-single-blog__container{

	max-width:100%;

	margin:0 auto;

/* 	padding:0 0px; */

	display:grid;

	grid-template-columns:minmax(0,2fr) 360px;

	gap:60px;

	align-items:start;

}

@media(max-width:1024px){

	.ojas-single-blog__container{

		grid-template-columns:1fr;

	}

}
/* ==========================================
   ARTICLE
========================================== */

.ojas-single-blog__featured-image{

	margin-bottom:35px;

	border-radius:24px;

	overflow:hidden;

}

.ojas-single-blog__featured-image img{

	width:100%;

	display:block;

	aspect-ratio:16/8;

	object-fit:cover;

}

.ojas-single-blog__category{

	display:inline-flex;

	padding:8px 18px;

	background:var(--e-global-color-secondary);

	color:#fff;

	font-size:13px;

	font-weight:600;

	border-radius:30px;

	margin-bottom:22px;

}

.ojas-single-blog__title{

	font-size:30px;

	line-height:1.5em;

	color:#0A2145;

	margin:0 0 24px;

	font-weight:700;

}

.ojas-single-blog__meta{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:14px;

	margin-bottom:40px;

	font-size:14px;

	color:#7E8798;

}

.ojas-single-blog__dot{

	width:5px;

	height:5px;

	background:#D4A437;

	border-radius:50%;

}

.ojas-single-blog__content-area{

	font-size:16px;

	line-height:1.6em;

	color:var( --e-global-color-text );

}

.ojas-single-blog__content-area p{

	margin-bottom:28px;

}

.ojas-single-blog__content-area h2{

	margin:50px 0 20px;

	font-size:24px;

	color: var(--e-global-color-primary) !important;
    font-weight: 500 !important;
    line-height: 1.65em !important;

}

.ojas-single-blog__content-area h3{

	margin:40px 0 18px;

	font-size:22px;
	color: var(--e-global-color-primary) !important;
    font-weight: 500 !important;
    line-height: 1.65em !important;

}

.ojas-single-blog__content-area img{

	max-width:100%;

	height:auto;

	border-radius:18px;

	margin:30px 0;

}

.ojas-single-blog__content-area ul{

	padding-left:24px;

	margin-bottom:28px;

}

.ojas-single-blog__content-area li{

	margin-bottom:12px;

}
/* ==========================================
   SIDEBAR
========================================== */

.ojas-sidebar{

    position:sticky;

    top:120px;

}

.ojas-sidebar__widget{

    background:#fff;

    border:1px solid #ECEFF6;

    border-radius:20px;

    padding:28px;

    margin-bottom:30px;

}

.ojas-sidebar__title{

    margin:0 0 24px;

    color: var(--e-global-color-primary) !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35em !important;

}
.ojas-sidebar-search{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.ojas-sidebar-search input{

    height:54px;

    border:1px solid #E5E8EF;

    border-radius:12px;

    padding:0 18px;

}

.ojas-sidebar-search button{

    height:54px;

    border:none;

    border-radius:7px;

    background:#0A2145;

    color:#fff;

    cursor:pointer;

    transition:.3s;

}

.ojas-sidebar-search button:hover{

    background:var(--e-global-color-secondary);
	color:var(--e-global-color-primary)

}
.ojas-sidebar-post{

    display:flex;

    gap:14px;

    text-decoration:none;

    margin-bottom:20px;

}

.ojas-sidebar-post img{

    width:80px;

    height:80px;

    object-fit:cover;

    border-radius:12px;

}

.ojas-sidebar-post h4{

    margin:0 0 8px;

    color:#0A2145;

    font-size:15px;

    line-height:1.5;

}

.ojas-sidebar-post span{

    color:#8B94A5;

    font-size:13px;

}
.ojas-sidebar-categories{

    list-style:none;

    padding:0;

    margin:0;

}

.ojas-sidebar-categories li{

    display:flex;

    justify-content:space-between;

    border-bottom:1px solid #ECEFF6;

    padding:12px 0;
	

}

.ojas-sidebar-categories li:last-child{

    border:none;

}

.ojas-sidebar-categories a{

    color:#0A2145;
	font-weight:500;
    text-decoration:none;

}
.ojas-sidebar-cta{

    background:#0A2145;

    color:#fff;

    border-radius:20px;

    padding:35px;

}

.ojas-sidebar-cta h3{

    color:#fff;

    margin-bottom:18px;

}

.ojas-sidebar-cta p{

    color:rgba(255,255,255,.85);

    margin-bottom:24px;

    line-height:1.8;

}

.ojas-sidebar-cta a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    background:var(--e-global-color-secondary);

    color:var(--e-global-color-primary);

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

}
/* ==========================================
   POST NAVIGATION
========================================== */

.ojas-single-blog__navigation{

	display:grid;

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

	gap:25px;

	margin-top:70px;

	padding-top:45px;

	border-top:1px solid #ECEFF6;

}

.ojas-blog-nav{

	padding:28px;

	border:1px solid #ECEFF6;

	border-radius:18px;

	text-decoration:none;

	transition:.35s;

	background:#fff;

}

.ojas-blog-nav:hover{

	transform:translateY(-5px);

	box-shadow:0 18px 45px rgba(10,33,69,.08);

	border-color:#D4A437;

}

.ojas-blog-nav__label{

	display:block;

	font-size:13px;

	font-weight:600;

	color:#D4A437;

	margin-bottom:10px;

}

.ojas-blog-nav h4{

	margin:0;

	font-size:20px;

	line-height:1.5;

	color:#0A2145;

}

.ojas-blog-nav--next{

	text-align:right;

}

@media(max-width:767px){

	.ojas-single-blog__navigation{

		grid-template-columns:1fr;

	}

}
/* ==========================================
   SHARE
========================================== */

.ojas-blog-share{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:14px;

	margin-top:45px;

}

.ojas-blog-share span{

	font-weight:600;

	color:#0A2145;

}

.ojas-blog-share a{

	padding:10px 18px;

	border-radius:30px;

	background:#F5F7FA;

	text-decoration:none;

	color:#0A2145;

	font-size:14px;

	transition:.3s;

}

.ojas-blog-share a:hover{

	background:var(--e-global-color-secondary);

	color:#fff;

}
/* ==========================================
   RELATED ARTICLES
========================================== */

.ojas-related-posts{

	margin-top:90px;

	padding-top:70px;

	border-top:1px solid #ECEFF6;

}

.ojas-related-posts__title{

	font-size:38px;

	color:#0A2145;

	margin-bottom:40px;

}

.ojas-related-posts__grid{

	display:grid;

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

	gap:30px;

}

.ojas-related-card{

	background:#fff;

	border:1px solid #ECEFF6;

	border-radius:22px;

	overflow:hidden;

	transition:.35s;

	display:flex;

	flex-direction:column;

}

.ojas-related-card:hover{

	transform:translateY(-8px);

	box-shadow:0 20px 60px rgba(10,33,69,.08);

}

.ojas-related-card__image{

	position:relative;

	display:block;

	overflow:hidden;

}

.ojas-related-card__image img{

	width:100%;

	aspect-ratio:16/10;

	object-fit:cover;

	display:block;

	transition:.5s;

}

.ojas-related-card:hover img{

	transform:scale(1.08);

}

.ojas-related-card__category{

	position:absolute;

	top:18px;

	left:18px;

	background:#D4A437;

	color:#fff;

	padding:8px 16px;

	border-radius:30px;

	font-size:12px;

	font-weight:600;

}

.ojas-related-card__content{

	padding:24px;

	display:flex;

	flex-direction:column;

	flex:1;

}

.ojas-related-card__meta{

	font-size:13px;

	color:#8A93A5;

	margin-bottom:14px;

}

.ojas-related-card h3{

	font-size:22px;

	line-height:1.4;

	margin:0 0 16px;

}

.ojas-related-card h3 a{

	color:#0A2145;

	text-decoration:none;

}

.ojas-related-card p{

	color:#6D7588;

	line-height:1.8;

	margin-bottom:auto;

}

.ojas-related-card__button{

	margin-top:24px;

	display:inline-flex;

	align-items:center;

	gap:8px;

	font-weight:700;

	color:#0A2145;

	text-decoration:none;

	transition:.3s;

}

.ojas-related-card:hover .ojas-related-card__button{

	color:#D4A437;

}

@media(max-width:1024px){

	.ojas-related-posts__grid{

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

	}

}

@media(max-width:767px){

	.ojas-related-posts__grid{

		grid-template-columns:1fr;

	}

}
/* ==========================================================
   RESPONSIVE
========================================================== */

/* ---------- Large Tablet ---------- */

@media (max-width: 1199px){

	.ojas-single-blog__container{

		grid-template-columns:minmax(0,1fr) 320px;

		gap:40px;

	}

	.ojas-single-blog__title{

		font-size:34px;

	}

}

/* ---------- Tablet ---------- */

@media (max-width:1024px){

	.ojas-single-blog{

		padding:50px 0;

	}

	.ojas-single-blog__container{

		grid-template-columns:1fr;

		gap:50px;

	}

	.ojas-sidebar{

		position:static;

	}

	.ojas-related-posts__grid{

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

	}

	.ojas-single-blog__title{

		font-size:30px;

	}

	.ojas-related-posts__title{

		font-size:32px;

	}

}

/* ---------- Mobile ---------- */

@media (max-width:767px){

	.ojas-single-blog{

		padding:35px 0;

	}

	.ojas-single-blog__featured-image{

		margin-bottom:24px;

		border-radius:16px;

	}

	.ojas-single-blog__title{

		font-size:26px;

		line-height:1.4;

		margin-bottom:18px;

	}

	.ojas-single-blog__meta{

		gap:8px;

		font-size:13px;

		margin-bottom:25px;

	}

	.ojas-single-blog__content-area{

		font-size:15px;

		line-height:1.8;

	}

	.ojas-single-blog__content-area h2{

		font-size:22px !important;

		margin:36px 0 18px;

	}

	.ojas-single-blog__content-area h3{

		font-size:20px !important;

		margin:28px 0 14px;

	}

	.ojas-sidebar__widget{

		padding:22px;

		margin-bottom:20px;

		border-radius:16px;

	}

	.ojas-sidebar__title{

		font-size:20px !important;

		margin-bottom:18px;

	}

	.ojas-sidebar-post{

		gap:12px;

	}

	.ojas-sidebar-post img{

		width:70px;

		height:70px;

	}

	.ojas-sidebar-post h4{

		font-size:14px;

	}

	.ojas-sidebar-cta{

		padding:26px;

	}

	.ojas-sidebar-cta a{

		width:100%;

		padding:14px 20px;

	}

	.ojas-single-blog__navigation{

		grid-template-columns:1fr;

		gap:18px;

		margin-top:50px;

		padding-top:35px;

	}

	.ojas-blog-nav{

		padding:22px;

	}

	.ojas-blog-nav--next{

		text-align:left;

	}

	.ojas-blog-nav h4{

		font-size:18px;

	}

	.ojas-blog-share{

		gap:10px;

	}

	.ojas-blog-share a{

		font-size:13px;

		padding:10px 16px;

	}

	.ojas-related-posts{

		margin-top:60px;

		padding-top:50px;

	}

	.ojas-related-posts__title{

		font-size:28px;

		margin-bottom:28px;

	}

	.ojas-related-posts__grid{

		grid-template-columns:1fr;

		gap:22px;

	}

	.ojas-related-card__content{

		padding:20px;

	}

	.ojas-related-card h3{

		font-size:20px;

	}

}

/* ---------- Small Mobile ---------- */

@media (max-width:480px){

	.ojas-single-blog__title{

		font-size:22px;

	}

	.ojas-single-blog__content-area{

		font-size:14px;

	}

	.ojas-single-blog__meta{

		flex-direction:column;

		align-items:flex-start;

		gap:6px;

	}

	.ojas-single-blog__dot{

		display:none;

	}

	.ojas-sidebar-search button{

		width:100%;

	}

	.ojas-blog-share{

		flex-direction:column;

		align-items:flex-start;

	}

	.ojas-blog-share a{

		width:100%;

		text-align:center;

		justify-content:center;

	}

}