/** Dropdown icon for the vertical menu. Add .v-dropdown-icon to the item in Appearance > Menus **/
.v-dropdown-icon{position: relative;}
.v-dropdown-icon > a::before{
	content: '▼';
	color: #005172;
	position: absolute;
	top: 0;
	left: -16px;
}

/** Knowledge Base accordion icon **/
.kb-contents-table .e-n-accordion-item-title-icon{
    border-radius: 50%;
    background-color: #005172!important;
	line-height: 100%;
    text-align: center;
    padding: 12px;
}

/** FOS KB Articles Layout **/
.kb-contents-cols{
	display: contents;
}


@media(max-width: 1366.98px){
	.kb-contents-cols{
	display: flex;
	flex-direction: column;
	}
}
@media(max-width: 1024.98px){
	.kb-contents-cols{
	display: contents;
	}
}
.kb-left-col{order: 0;}
.kb-main-col{order: 1;}
.kb-right-col{order: 2;}

@media(min-width: 1367px){
.kb-left-col, .kb-right-col{
	position: sticky;
	top: 232px;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     max-height: calc(100vh - 260px);
     scrollbar-gutter: stable;
	 scrollbar-width: none;
	 -ms-overflow-style: none;
	}
}
@media (max-width: 1366.98px) and (min-width: 1025px){
.kb-contents-cols{
	position: sticky;
	top: 232px;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     max-height: calc(100vh - 260px);
     scrollbar-gutter: stable;
	 scrollbar-width: none;
     -ms-overflow-style: none;
	}
}
@media(max-width: 1024.98px){
	.kb-left-col{display: contents;}
	.kb-main-col{display: contents;}
	
	.kb-contents-table{
		order: 0;
		.e-n-accordion-item{box-shadow: 0px 0px 4px 1px rgba(65, 64, 66, 0.4);}
		}
	.kb-post-title{order: 1;}
	.kb-author{order: 2;}
	.kb-reading-time{order: 3;}
	.kb-divider{order: 4;}
	.kb-toc{order: 5;}
	#kb-content{order: 50;}
}

/** Drop-cap styling
 * Override Elementor's default styling **/
/* Case 1: Elementor successfully wrapped the letter */
.elementor-drop-cap-yes .elementor-drop-cap {
    float: left;
    padding-right: 10px;
    margin-top: 5px;
}

.elementor-drop-cap-yes .elementor-drop-cap-letter {
    font-size: 68px;
    line-height: .8;
    font-weight: 600;
}

/* Case 2: Elementor failed to wrap it (e.g. bold broke detection) — 
   only fire if there's no .elementor-drop-cap span in the paragraph */
.elementor-drop-cap-yes .elementor-widget-container > p:first-child:not(:has(.elementor-drop-cap))::first-letter {
    font-size: 68px;
    float: left;
    line-height: .8;
    padding-right: 10px;
    font-weight: 600;
    margin-top: 5px;
}