/*--------------------------------
# Variables 
 --------------------------------*/
:root {
	--red:#FF264B;
	--white: #FFFFFF;
	--bg-dark: #182E45;
}


/*--------------------------------
# Knowledge Base Category Archive 
 --------------------------------*/

.kb-category-box {
	font-family: "Montserrat", Sans-serif;
	color: var(--white);
	background: var(--bg-dark);
	border-radius: 20px;
}

.kb-category-box h5 a {
	color: var(--red);
	font-size: 24px;
    line-height: 29.26px;
    font-weight: 800;
	margin: 0;
}

.kb-category-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


.kb-category-box ul li,
.kb-category-box ul li a {
	font-size: 16px;
	line-height: 20.8px;
	font-weight: 400;
	color: var(--white);
}

.kb-category-box ul li {
	padding-left: 10px;
}

.kb-category-box ul li a img {
	margin-top: 3px;
}

.kb-category-box .view-all-articles {
	color: var(--red);
	padding-left: 10px;
}

/*--------------------------------
# Accordion 
 --------------------------------*/
.kb-accordion {
	font-family: "Montserrat", Sans-serif;
	color: #FFFFFF;
}

.kb-accordion .accordion-item {
	background-color: transparent;
	border: none;
}

.kb-accordion .accordion-item {
	margin-top: 28px;
}
.kb-accordion .accordion-item:first-child {
	margin-top: 0;
}

.accordion-header {
	border-bottom: 1px solid #C0C0C0;
}

.kb-accordion .accordion-item button {
	font-family: "Montserrat", Sans-serif;
	font-size: 18px;
	line-height: 21.94px;
	font-weight: 500;
	color: var(--white);
	text-transform: uppercase;
	background: transparent;
}

.kb-accordion .accordion-item button.accordion-button {
	box-shadow: none;
	padding: 10px 10px 10px 0;
	
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23F1F3F7' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 11L8 5L14 11'/%3e%3c/svg%3e");
			transform:none;
		}
		
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23F1F3F7' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		}

.kb-accordion .accordion-item button.accordion-button:not(.collapsed) {
	color: var(--red);
}

/*--------------------------------
# Knowledge Base Search Results 
 --------------------------------*/
.kb-search-results {
	
}

.kb-search-results__heading {
	font-family: "Montserrat", Sans-serif;
	color: var(--white);
	font-size: 32px;
	line-height: 38.4px;
	font-weight: 800;
	border-bottom: 1px solid #F7F7F7;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.kb-search-results__listing {
	display: flex;
	flex-direction: column;
	gap: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
}

a.kb-search-results__title,
a.kb-search-results__title:hover, 
a.kb-search-results__title:visited {
	font-family: "Montserrat", Sans-serif;
	color: var(--red);
	font-size: 24px;
	line-height: 28.8px;
	font-weight: 500;
}

.kb-search__result__breadcrumbs i {
	font-size: 12px;
	margin-top: 5px;
}

.kb-search-results__cat, 
.kb-search-results__subcat {
	font-family: "Montserrat", Sans-serif;
	color: var(--white);
	font-size: 14px;
	line-height: 16.8px;
	font-weight: 300;
}

.kb-search-results__description {
	font-family: "Montserrat", Sans-serif;
	color: var(--white);
	font-size: 16px;
	line-height: 19.2px;
	font-weight: 400;
	margin-top: 15px;
}


/*--------------------------------
# Knowledge Base Category Sidebar
 --------------------------------*/
 .sidebar {
	font-family: "Montserrat", Sans-serif;
	width: 300px;
	max-width: 100%;
}

.sidebar a {
	font-size: 16px;
	font-weight: 400;
	line-height: 19.5px;
	color: white;
	text-decoration: none;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
}

.sidebar a:hover,
.sidebar a.active  {
	color: var(--red);
/* 	background-color: rgba(255, 255, 255, 0.1); */
}

.sub-menu a {
	font-size: 14px;
	font-weight: 300;
	line-height: 17.07px;
	padding-left: 20px;
 }

@media (max-width: 1024px) {

}

/*--------------------------------
*  Knowledge Base Category Selection 
* (Knowledge Base Category Listings Page)
 --------------------------------*/
 .category-listing {
	 font-family: "Montserrat", Sans-serif;
	   color: #fff; 
   }
   .section-title {
		font-weight: 800;
		font-size: 32px;
	   	line-height: 38.4px;
	   padding-bottom: 15px;
	}
	.text-danger {
		text-decoration: none;
	}
.category-listing ul {
	padding: 0;
	margin: 0;
}

ul.with-border {
	border-top: 1px solid #808080 ;
	border-bottom: 1px solid #808080;
	padding: 35px 0;
	margin-bottom: 35px;
}

/*--------------------------------
*  Iframe for Articles 
 --------------------------------*/

.iframe-container {
    position: relative;
    width: 600px;
    height: 100vh;
/*     overflow: hidden; /* Prevents double scrollbars */ */
}

.iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 50px);  /* calc(100% - 17px); Adjust to keep scrollbar visible */
    height: 100%;
    background: transparent; /* Invisible but blocks clicks */
    z-index: 2; /* Stays above iframe */
}

.kb-article-embed {
	min-height: 800px;
}