/*
 Theme Name:   Document Cloud (Hello Elementor Child)
 Theme URI:    https://documentcloud.nl
 Description:  Child theme of Hello Elementor with Document Cloud bundle form
 Author:       Keen IT
 Author URI:   https://earlyharvest.nl
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-document-cloud
*/

/* Child theme overrides – add site-wide styles below if needed */

:root {
    --r: 30px;
}

#main-nav-knowledge-menu-item {
    background-color: var(--e-global-color-secondary);
    color: #ffffff;
    /* Inverted border radius in top and bottom left corners */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    padding: 8px 16px 8px 46px;
    mask: radial-gradient(var(--r) at left,#0000 calc(100% - 1px),#000);
}

#main-nav-knowledge-menu-item:hover {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary)!important;
}
#main-nav-knowledge-menu-item a span {
    color: #ffffff!important;
}
#main-nav-knowledge-menu-item:hover a span {
    color: var(--e-global-color-primary)!important;
}
/* Knowledge base styles */
.knowledge-base-categories {
    padding: 8px 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.knowledge-base-category {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.knowledge-base-category h3 {
    margin: 0;
    font-size: 1.5rem;
}

.knowledge-base-category-separator {
    border-top: 1px solid var(--e-global-color-primary);
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.knowledge-base-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.knowledge-base-items li {
	margin-bottom: 10px;
}