/* ==========================================================================
   Echo Knowledge Base — integrate with the Compatible global design
   --------------------------------------------------------------------------
   Strategy: keep Echo's STRUCTURE, remap its PALETTE + typography to the theme.
   Echo paints colours two ways — inline style="" on elements, and a few of its
   own CSS files. We remap the exact colours Echo uses to the nearest theme
   colour, which preserves each colour's ROLE (an accent stays an accent, grey
   body text becomes theme text, white-on-blue stays white). This is safer than
   blanket "all titles navy" rules, which would wreck text on coloured boxes.

   Scope: `.eckb-kb-template-active` is on the <body> of every KB view (main
   page, article, category archive, search), so nothing here leaks to the rest
   of the site. This file is enqueued LAST in <head>, and Echo's element colours
   carry no !important, so `!important` here wins. Hard-refresh to see changes.
   ========================================================================== */

/* ── Typography: theme font everywhere (code stays monospace) ── */
.eckb-kb-template-active,
.eckb-kb-template-active p,
.eckb-kb-template-active li,
.eckb-kb-template-active span,
.eckb-kb-template-active a,
.eckb-kb-template-active h1,
.eckb-kb-template-active h2,
.eckb-kb-template-active h3,
.eckb-kb-template-active h4,
.eckb-kb-template-active h5,
.eckb-kb-template-active h6,
.eckb-kb-template-active input,
.eckb-kb-template-active button,
.eckb-kb-template-active #eckb-article-content {
	font-family: var(--font-family-Montserrat) !important;
}

.eckb-kb-template-active code,
.eckb-kb-template-active pre,
.eckb-kb-template-active kbd,
.eckb-kb-template-active tt {
	font-family: "Courier New", monospace !important;
}

/* ── Remap Echo's ACCENT colours (its greens + its blue) → brand primary.
   These are used inline as text/icon colour, never as a background. ── */
.eckb-kb-template-active [style*="#34D399"],
.eckb-kb-template-active [style*="#A7F3D0"],
.eckb-kb-template-active [style*="#065f46"],
.eckb-kb-template-active [style*="#2EA3F2"],
.eckb-kb-template-active [style*="#2ea3f2"] {
	color: var(--main-color) !important;
}

/* ── Remap Echo's GREY text colours → theme navy. (Whites like #ffffff are
   left alone, so labels on the blue boxes stay readable.) ── */
.eckb-kb-template-active [style*="#374151"],
.eckb-kb-template-active [style*="#6B7280"],
.eckb-kb-template-active [style*="#4E4E4E"],
.eckb-kb-template-active [style*="#3E3E3E"],
.eckb-kb-template-active [style*="#2D3940"],
.eckb-kb-template-active [style*="#5f6368"],
.eckb-kb-template-active [style*="#333333"],
.eckb-kb-template-active [style*="#333;"],
.eckb-kb-template-active [style*="#444"] {
	color: var(--color-two) !important;
}

/* ── Colours coming from Echo's own CSS files (no inline style to catch) ── */

/* Links → brand primary, navy on hover. */
.eckb-kb-template-active a {
	color: var(--main-color) !important;
}
.eckb-kb-template-active a:hover,
.eckb-kb-template-active a:focus {
	color: var(--color-two) !important;
}

/* Article body copy + its headings → theme text / navy headings. */
.eckb-kb-template-active #eckb-article-content,
.eckb-kb-template-active #eckb-article-content p,
.eckb-kb-template-active #eckb-article-content li {
	color: var(--color-two) !important;
}
.eckb-kb-template-active #eckb-article-content h1,
.eckb-kb-template-active #eckb-article-content h2,
.eckb-kb-template-active #eckb-article-content h3,
.eckb-kb-template-active #eckb-article-content h4,
.eckb-kb-template-active #eckb-article-content h5,
.eckb-kb-template-active #eckb-article-content h6,
.eckb-kb-template-active #eckb-article-title {
	color: var(--color-two) !important;
}

/* Article headline links keep the navy (not link-blue) for readability. */
.eckb-kb-template-active #eckb-article-content a {
	color: var(--main-color) !important;
}

/* ── Search box: brand button, themed input text ── */
.eckb-kb-template-active .epkb-search-box input,
.eckb-kb-template-active input[class*="epkb-search"] {
	color: var(--color-two) !important;
}
.eckb-kb-template-active button[class*="epkb-search"],
.eckb-kb-template-active .epkb-search-box button {
	background-color: var(--main-color) !important;
	color: var(--white-color) !important;
}

/***

====================================================================
	Kennisbank
====================================================================

***/
body .ff-default .ff-btn-submit, body .ff-default .ff-btn-primary:not(.ff_btn_no_style) {
	font-weight: 500 !important;
	letter-spacing: 1px !important;
	font-family: var(--font-family-Montserrat) !important;
	font-size: 14px!important;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
	letter-spacing: 1px !important;
	font-weight: 500 !important;
}

.eckb-kb-block-faqs #epkb-ml__module-faqs .epkb-faqs-title {
	text-align: center !important;
	color: var(--color-two) !important;
	font-size: var(--font-32) !important;
	font-weight: 700 !important;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	font-family: var(--font-family-Montserrat)!important;
}
.main-header .main-menu .wp-block-navigation > li > a {
	color: var(--black-color) !important;
}
.main-header .main-menu .wp-block-navigation > li:hover > a,
.main-header .main-menu .wp-block-navigation > li.current > a{
	opacity:1;
	color:var(--main-color) !important;
}

.header-phone_inner a:not(.header-phone_icon) {
	color: var(--color-three)!important;
}
.eckb-kb-template-active .header-support-btn, .eckb-kb-template-active .header-support-btn:hover, .eckb-kb-template-active .header-support-btn:focus {
	color: #fff !important;
}

.blog-detail .bread-crumb span {
	color: var(--dark-color);
}

[class^=ep_font_], [class*=" ep_font_"] {
	font-family: "ep_icons" !important;
}
#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-name {
	color: var(--color-two) !important;
	font-size: 48px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	font-family: inherit !important;
}

#eckb-archive-page-container .eckb-category-archive-articles-list-title, #eckb-archive-page-container .eckb-category-archive-sub-category-list-title, #eckb-archive-page-container #eckb-archive-content .eckb-category-archive-articles-list-title {
	line-height: 1.4em !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	font-style: normal !important;
	color: var(--color-two) !important;
}

#eckb-archive-page-container #eckb-archive-content .eckb-article-list-container {
	padding: 0px!important;
}
#eckb-archive-page-container #eckb-archive-content .eckb-article-list--separator .eckb-article-container {
	padding: 10px 0px 0 0px!important;
}
.eckb-kb-block-search #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input, .eckb-kb-block-search #epkb-ml__module-search #epkb-ml-search-modern-layout #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input {
	border: 1px solid rgba(var(--black-color-rgb), 0.10) !important;
}

#epkb-ml__module-categories-articles #epkb-ml-categories-layout .eckb-categories-list .epkb-ml__module-categories-articles__row {
	display: flex;
	gap: 30px!important;
	justify-content: left;
	margin-bottom: 30px!important;
	align-items: stretch;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout #epkb-content-container section {
	border: 1px solid rgba(var(--black-color-rgb), 0.10) !important;
	position: relative !important;
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: var(--white-color) !important;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-three-col .epkb-top-category-box {
	width: calc(33.33% - 30px)!important;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .section_light_shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-top-category-box {
	position: relative !important;
	padding: 40px 25px 22px !important;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .section-head {
	border-bottom-width: 0px!important;
	background-color: #ffffff!important;
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
	padding: 0px!important;
	overflow: hidden;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .section-head .epkb-category-level-1--alignment-center {
	text-align: left;
	justify-content: left;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .section-head .epkb-category-level-1--alignment-center .epkb-cat-name-count-container {
	justify-content: left!important;
	align-items: center;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .section-head .epkb-category-level-1 .epkb-cat-name, .eckb-kb-block-categories-layout #epkb-ml-cat-article-sidebar .epkb-ml-article-section__head {
	line-height: 1.4em !important;
	font-size: var(--font-24) !important;
	font-weight: 500 !important;
	font-style: normal !important;
	color: var(--color-two) !important;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-cat-count {
	display: inline-block;
	width: fit-content;
	height: fit-content;
	border-radius: 4px;
	text-align: center;
	padding: 2px 6px;
	background-color: #fff;
	color: var(--main-color);
	border: solid 2px var(--main-color);
	position: relative;
	font-weight: 600!important;
	font-size: var(--font-14);
	text-transform: uppercase;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .eckb-categories-list .epkb-section-body {
	border-bottom-width: 0px;
	padding: 0px!important;
	min-height: auto!important;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article .eckb-article-title .eckb-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article .eckb-article-title .epkb-article__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article .eckb-article-title .elay-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article .epkb-article-inner .eckb-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article .epkb-article-inner .epkb-article__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article .epkb-article-inner .elay-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-ml-article-container .eckb-article-title .eckb-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-ml-article-container .eckb-article-title .epkb-article__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-ml-article-container .eckb-article-title .elay-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-ml-article-container .epkb-article-inner .eckb-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-ml-article-container .epkb-article-inner .epkb-article__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-ml-article-container .epkb-article-inner .elay-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sidebar-article .eckb-article-title .eckb-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sidebar-article .eckb-article-title .epkb-article__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sidebar-article .eckb-article-title .elay-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sidebar-article .epkb-article-inner .eckb-article-title__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sidebar-article .epkb-article-inner .epkb-article__icon, #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sidebar-article .epkb-article-inner .elay-article-title__icon {
	color: var(--main-color)!important;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .eckb-article-title__text {
	position: relative;
	line-height: 28px;
	color: var(--color-three);
	font-size: var(--font-16) !important;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout #epkb-content-container ul {
	padding-left: 0!important;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article {
	padding: 8px 15px !important;
	border-radius: 50px !important;
	transition: background-color 0.2s ease, color 0.2s ease !important;
}
#eckb-archive-page-container .epkb-ml-article-container:hover {
	color: var(--main-color) !important;
}

.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-sub-category>li {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article:hover .eckb-article-title__text {
	color: #fff!important;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article:hover {
	background-color: var(--main-color) !important;
	color: #fff!important;
}

.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article:hover .eckb-article-title,
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article:hover .eckb-article-title {
	color: #fff !important;
}

.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-mp-article:hover .eckb-article-title__icon {
	color: #fff !important;
}

#eckb-archive-page-container .epkb-ml-article-container, #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-ml-article-container {
	padding: 8px 15px !important;
	border-radius: 50px !important;
	transition: background-color 0.2s ease,color 0.2s ease !important;
}

#eckb-archive-page-container .epkb-ml-article-container:hover, #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .eckb-article-header .epkb-ml-article-container:hover {
	background-color: var(--main-color) !important;
}

#eckb-archive-page-container .epkb-ml-article-container:hover .epkb-article-inner,  #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-ml-article-container:hover .epkb-article-inner {
	color: #fff !important;
}

#eckb-archive-page-container .epkb-ml-article-container:hover .epkb-article__icon, #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-ml-article-container:hover .epkb-article__icon {
	color: #fff !important;
}

#eckb-archive-page-container .epkb-ml-article-container:hover .eckb-category-archive-arrow,  #eckb-archive-page-container #eckb-archive-content .eckb-article-list-container .eckb-article-container .epkb-ml-article-container:hover .epkb-article-inner {
	color: #fff !important;
}


#epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-section-body .epkb-sub-category li .epkb-category-level-2-3 {
	position: relative;
	word-wrap: break-word;
	font-size: var(--font-16) !important;
	line-height: 1em;
	display: flex;
	width: 100%;
	align-items: baseline;
}
#epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-section-body .epkb-sub-category li .epkb-category-level-2-3 .epkb-category-level-2-3__cat-name {
	margin-left: 0.7em;
}
.eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-category-level-2-3__cat-name, .eckb-kb-block-categories-layout #epkb-ml__module-categories-articles #epkb-ml-categories-layout .epkb-category-level-2-3__cat-name_text a {
	font-size: var(--font-16) !important;
}

.eckb-kb-template-active #eckb-article-content .epkb-demo-cta-link {
	display: inline-block;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 0.95em;
	transition: background 0.2s ease;
	margin: 4px 0 8px;
	padding: 18px 40px!important;
	border-radius: 50px!important;
	color: var(--white-color) !important;
	background: none!imporant;
	background-image: linear-gradient(to right, var(--color-two) 0, var(--color-two) 50%, var(--main-color) 50%, var(--main-color) 100%)!important;
	background-size: 200% 100%;
	background-position: 100% 0;
	transition: background-position 0.4s ease;
}
.eckb-kb-template-active #eckb-article-content .epkb-demo-cta-link:hover {
	background-position: 0 0;
}

.epkb-demo-content ul li::before {
	background: var(--main-color)!important;
}
.epkb-demo-notice--info {
	background: #edf6ff!important;
	border-left: 4px solid var(--main-color)!important;
	color: var(--color-two)!important;
}
.epkb-demo-badge--pro {
	background: #edf6ff!important;
	color: var(--main-color)!important;
}

.epkb-demo-features-grid {
	gap: 30px!important;
}
.epkb-demo-feature-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(var(--black-color-rgb), 0.10);
	background: linear-gradient(135deg, #ffffff 0%, #edf6ff 100%)!important;
	border-radius: 25px!important;
	padding: 25px!important;
	box-shadow: none!important;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
/*
#eckb-archive-page-container .eckb-category-archive-title-icon {
    width: 70px;
    height: 70px;
    line-height: 66px;
    text-align: center;
    border-radius: 50px;
    color: var(--main-color);
    font-size: var(--font-36);
    border: 2px solid var(--main-color);
}
#eckb-archive-page-container #eckb-archive-content-header .eckb-category-archive-title-container .eckb-category-archive-title-icon--image {
    width: 36px !important;
    display: inline-block;
    padding-top: 14px;
}*/

#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-footer .epkb-article-navigation-container .epkb-article-navigation__previous .epkb-article-navigation__label__previous__icon,
#eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-footer .epkb-article-navigation-container .epkb-article-navigation__next .epkb-article-navigation__label__next__icon  {
	font: normal normal normal 14px / 1 FontAwesome;
}