/* ==========================================
   Single Blog
========================================== */

.kc-single-layout{

	display:grid;

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

	gap:60px;

	align-items:start;
}

.kc-single-main{

	min-width:0;

}
section.blog-content-section {
    background: #f2f2ef;
    padding: 50px 0;
    border-bottom: 1px solid #dedede;
}
.kc-single-sidebar{

	position:sticky;

	top:120px;

	align-self:start;

}


/* Large desktops (1440px and above) */
@media only screen and (min-width: 1440px){
    .sectionContentWrapper{
        max-width: 1440px !important;
        margin: 10px auto 0 auto !important;
    }
}

/* Tablets overall (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .sectionContentWrapper{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .kc-single-title{
      font-size: 46px !important;
  }
  .kc-single-hero-grid{
      gap: 50px !important;
      align-items: flex-start !important;
  }
  .kc-blog-content h2{
	        font-size: 36px !important;
	}
	.kc-blog-content h3{
	    font-size: 28px !important;
	}
	.kc-blog-content p{
	    font-size: 18px !important;
	}
}

@media(max-width:1024px){

	.kc-single-layout{

		grid-template-columns:1fr;

	}

	.kc-single-sidebar{

		position:relative;

		top:auto;

		margin-top:50px;

	}

}


/*=========================================
Hero
==========================================*/

.kc-post-category{

	display:inline-flex;

	padding:8px 16px;

	background:#f4f4f4;

	border-radius:30px;

	font-size:14px;

	font-weight:600;

	margin-bottom:25px;

}

.kc-post-title{

	font-size:52px;

	line-height:1.15;

	font-weight:700;

	margin:0 0 25px;

}

.kc-post-meta{

	display:flex;

	flex-wrap:wrap;

	gap:25px;

	margin-bottom:45px;

	font-size:15px;

	color:#666;

}

.kc-post-meta strong{

	color:#111;

	margin-right:6px;

}

.kc-post-image{

	border-radius:20px;

	overflow:hidden;

}

.kc-post-image img{

	display:block;

	width:100%;

	height:auto;

}

@media(max-width:767px){

	.kc-post-title{

		font-size:36px;

	}
	.kc-single-hero-grid {
	    gap: 50px !important;
        grid-template-columns: none !important;
    }
	
	.kc-single-title{
	    font-size: 46px !important;
	}
	.kc-single-hero{
	    padding: 50px 15px !important;
	}
	.kc-blog-content h2{
	        font-size: 36px !important;
	}
	.kc-blog-content h3{
	    font-size: 28px !important;
	}
	.kc-blog-content p{
	    font-size: 18px !important;
	}
	.kc-related-grid{
	    grid-template-columns: none !important;
	}
	.kc-single-hero-grid .kc-hero-right{
	    display:none;
	}
	.hide-desktop {
        display:block !important;
        padding-bottom: 50px;
    }

}


/*=========================================
Article Content
==========================================*/

.kc-blog-content{

	font-size:18px;

	line-height:1.8;

	color:#333;

}

.kc-blog-content>*:first-child{

	margin-top:0;

}

/*.kc-blog-content h2{*/
/*    font-size: 34px !important;*/
/*    color: #0a0a0a !important;*/
/*    line-height: 1.55em !important;*/
/*    font-style: italic !important;*/
/*    font-family: "Instrument Serif", Sans-serif !important;*/
/*    letter-spacing: -0.021px !important;*/
/*    scroll-margin-top: 120px;*/
/*    margin-bottom: 15px;*/
/*}*/

.kc-blog-content h2{
    font-size: 48px;
    color: #0a0a0a !important;
    line-height: 1.25em !important;
    font-weight: 400 !important;
    font-family: "Instrument Serif", Sans-serif !important;
    letter-spacing: 1.4px !important;
    scroll-margin-top: 120px;
    margin: 42px 0 18px 0;
}

.kc-blog-content h3{
    font-size: 36px;
    color: #0a0a0a !important;
    line-height: 1.25em !important;
    font-weight: 500 !important;
    font-family: "Instrument Serif", Sans-serif !important;
    letter-spacing: 1.4px !important;
    scroll-margin-top: 120px;
    margin: 30px 0 10px 0;
}

.kc-blog-content p{
    margin-bottom: 14px;
    font-size: 18px !important;
    color: #0a0a0a !important;
    line-height: 1.75em !important;
    font-family: "DM Sans", Sans-serif !important;
}
.kc-blog-content p a {
    color: #a158ae;
    text-decoration: none;
    border-bottom: 1px solid #a158ae;
    padding-bottom: 0px;
    font-weight: 500;
    cursor: pointer;
}

.kc-blog-content ul,
.kc-blog-content ol{

	margin-bottom:30px;

	padding-left:25px;

}

.kc-blog-content li{

	margin-bottom:10px;

}

.kc-blog-content img{

	max-width:100%;

	height:auto;

	border-radius:14px;

	margin:30px 0;

}

.kc-blog-content blockquote{

	border-left:4px solid #111;

	padding-left:25px;

	margin:35px 0;

	font-style:italic;

}

.kc-blog-content table{

	width:100%;

	border-collapse:collapse;

	margin:35px 0;

}

.kc-blog-content table td,
.kc-blog-content table th{
    font-size: 16px !important;
    color: #0a0a0a !important;
    line-height: 1.75em !important;
    font-family: "DM Sans", Sans-serif !important;
	border:1px solid #ddd;
	padding:14px;

}

.kc-blog-content pre{

	border-radius:12px;

	padding:20px;

	overflow:auto;

}

.kc-blog-content iframe{

	width:100%;

	border:0;

	border-radius:12px;

}

/*=========================================
Post Navigation
==========================================*/

.post-navigation{

	margin:80px 0;

	padding-top:40px;

	border-top:1px solid #eee;

}

.post-navigation .nav-links{

	display:flex;

	justify-content:space-between;

	gap:40px;

}

.post-navigation a{

	text-decoration:none;

}

/*=========================================
Related Posts
==========================================*/

.kc-related-posts{

	margin-top:80px;

}

.kc-related-posts h3{
    font-size: 30px !important;
    color: #0a0a0a !important;
    line-height: 1.55em !important;
    font-family: "Instrument Serif", Sans-serif !important;
    margin:0;
}

.kc-related-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:30px;

	margin-top:32px;

}

.kc-related-card{
    text-decoration: none;
    color: #111;
    background: transparent;
    overflow: hidden;
    transition: .3s;
    border: 1px solid #dedede;
    padding-bottom: 24px;
}

.kc-related-card h4{
    font-size: 18px !important;
    color: #0a0a0a !important;
    line-height: 1.15em !important;
    font-family: "Instrument Serif", Sans-serif !important;
    letter-spacing: -0.026px !important;
    padding: 24px 24px 0 24px;
}

.kc-related-card p{
    font-size: 12px;
    color: #555555;
    line-height: 1.55em;
    font-family: "JetBrains Mono", sans-serif;
    letter-spacing: 0.12px;
    padding: 0 24px;
    margin: 0;
}

.kc-related-card p span {
    color:#a158ae;
}

.kc-related-image{
	overflow:hidden;

}

.kc-related-card img{

	display:block;

	width:100%;

	height:auto;

}

/*=========================================
Sidebar
==========================================*/

.kc-sidebar-wrapper{

	display:flex;

	flex-direction:column;

	gap:40px;

}

/*=========================================
TOC
==========================================*/

.kc-toc-title{
    font-size: 12px !important;
    color: #555555 !important;
    line-height: 1.55em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: "JetBrains Mono", Sans-serif !important;
    letter-spacing: 0.088px !important;
}

#kc-toc-list{

	list-style:none;

	margin:0;

	padding:0;

}

#kc-toc-list li{
    border-left: 2px solid #A158AE4D;
    padding: 6px 8px 6px 18px;
}

#kc-toc-list li:has(a.active),#kc-toc-list li:hover{
    border-left: 2px solid #a158ae;
}

#kc-toc-list li.h3{

	padding-left:30px;

	font-size:14px;

}

#kc-toc-list a{
    margin-bottom: 24px;
    font-size: 14px !important;
    color: #555555;
    line-height: 1.75em !important;
    font-family: "DM Sans", Sans-serif !important;
    transition: .25s;
    text-decoration: none;
}

#kc-toc-list a:hover{

	color:#a158ae;

}

#kc-toc-list a.active{

	color:#a158ae;
	font-weight: 600;

}

/*=========================================
Sidebar CTA
==========================================*/

.kc-sidebar-cta{
    padding: 18px;
    background: #0a0a0a;
    color: #fff;
}

.kc-sidebar-cta h4{
    font-size: 25px !important;
    color: #f5f5f3;
    line-height: 1.55em !important;
    font-family: "Instrument Serif", Sans-serif !important;
    margin: 0;
}

.kc-sidebar-cta p{
    font-size: 16px !important;
    color: #f5f5f3;
    line-height: 1.65em !important;
    font-family: "DM Sans", Sans-serif !important;
    margin-bottom: 25px;
}

.kc-sidebar-btn{
    max-height: 33px !important;
    padding: 7px 18px !important;
    border-radius: 0 !important;
    background: #F5CB39 !important;
    border: 1px solid #F5CB39;
    color: #0a0a0a;
    font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.kc-sidebar-btn:hover{
    background: transparent !important;
}

@media(max-width:1024px){

	.kc-single-sidebar{

		display:none;

	}

}

.kc-single-hero-grid{

	display:grid;

	grid-template-columns:1fr 1.1fr;

	align-items:center;

	gap:80px;

}

/*=========================================
Sprinto Hero
==========================================*/

.kc-single-hero{

	background: #0a0a0a;
    padding: 50px 0;
    color: #f5f5f3;

}

.kc-breadcrumb{

	margin-bottom:40px;

	font-size:15px;

	display:flex;

	flex-wrap:wrap;

	gap:12px;

	align-items:center;

}

.kc-breadcrumb a{

	color:#F8E44C;

	text-decoration:none;

}

.kc-breadcrumb .current{

	color:#fff;

}

.kc-single-meta{

	display:flex;

	gap:15px;

	align-items:center;

	margin-bottom:45px;

	font-size:17px;

	opacity:.9;

}

.kc-single-hero-grid{

	display:grid;

	grid-template-columns:1fr 1.1fr;

	gap:90px;

	align-items:center;

}
.hide-desktop{
    display:none;
}

.kc-single-title{

	font-size:64px;

	line-height:1.05;

	font-weight:500;

	margin-bottom:50px;
	color:#f5f5f3;

}

.kc-author-card{

	display:flex;

	align-items:center;

	gap:20px;

	margin-bottom:45px;

}

.kc-author-avatar img{

	border-radius:50%;

}

.kc-author-label{
    font-size: 12px !important;
    color: #a8a8a8 !important;
    line-height: 1.55em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: "JetBrains Mono", Sans-serif !important;
    letter-spacing: 0.14px !important;
}

.kc-author-info h4{

	margin:0;

	font-size:24px;

	color:#f5f5f3;

}

.kc-author-info p{

	margin-top:8px;

	color:#ddd;

	font-size:16px;

}

.kc-hero-btn{
    max-height: 33px !important;
    padding: 7px 18px !important;
    border-radius: 0 !important;
    background: #F5CB39 !important;
    border: 1px solid #F5CB39;
    color: #0a0a0a;
    font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.kc-hero-btn:hover{
    background:transparent !important;
}

.kc-featured-image img{

	width:100%;

	border-radius:20px;

	display:block;

	height:auto;

}