:root {
    --border-radius: 5px;
}
/* Typografie start */
.rank-math-breadcrumb {
    font-size: 14px;
}
.rank-math-breadcrumb p {
	margin: 0;
}
p a:not(.gb-button):not(.site-footer a) {
	text-decoration: underline;
	color: var(--accent-2);
}
p a:hover:not(.gb-button):not(.site-footer a) {
	text-decoration: underline;
	color: var(--accent);
}
.gb-container p:last-child:last-of-type {
	margin-bottom: 0px;
}
@media (max-width: 768px) {
		.rank-math-breadcrumb > p {
    	margin-bottom: 0;
	}
}
/* UI start */
@media (min-width: 768px) {
    ul.column-count-2 {
	    column-count: 2;
    }
}
.gb-container ul:not(.site-footer ul) {
	margin-left: 1rem;
}
.gb-container ul li {
	margin-bottom: 0.875rem;
}
li::marker {
    color: var(--accent);
}
.accent .gb-icon svg {
	fill: var(--accent);
}
.displaynone {
	display:none !important;
}
.visibilityhidden {
    visibility: hidden;
}
.ic-fade-in {
	animation: none;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
}
.titel-punt::after {
	content: ".";
	color: var(--accent);
}
.titel-vraag::after {
	content: "?";
	color: var(--accent);
}
.titel-dpunt::after {
	content: "?";
	color: var(--accent);
}
.sticky-container {
	height: 100%;
}
.sticky-element {
	position: sticky;
	position: -webkit-sticky;
	top: 140px;
}
.ar-hor {
    aspect-ratio: 16 / 9;
}
/* UI eind */
/* Header start */
.site-header {
	border-bottom: 1px solid var(--contrast-3);
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a {
	border-radius: var(--border-radius);
}
#sticky-navigation, #mobile-header {
	background: #fff;
}
#sticky-navigation > .grid-container {
	padding: 8px 20px;
}
.menu-toggle {
	padding: 10px 40px 10px 10px;
}
.cta.menu-item svg {
	height: 1rem;
	fill: #fff;
}
.cta.menu-item a {
	background: var(--accent-2) !important;
	border-radius: var(--border-radius);
	color: #ffffff !important;
	margin-left: 20px;
}
.cta.menu-item a:hover, .cta.menu-item a:active {
    background-color: var(--accent-2) !important;
    background-image: linear-gradient(rgb(0 0 0/15%) 0 0);
}
.cta.menu-item a:active, .gb-button:active, form .ff-btn-submit:active {
    top: 1px;
    position: relative;
}
.post-type-archive-vacatures_cpt .inhuren.menu-item, .solliciteren.menu-item {
  display: none;
}
.post-type-archive-vacatures_cpt .solliciteren.menu-item {
    display: block;
}
@media (max-width: 768px) {
    .navigation-branding .main-title, .mobile-header-navigation .site-logo {
	    margin-left: 30px;
    }
    .cta.menu-item a {
	    margin-left: 0px;
	    width: 100%;
    }
    #generate-slideout-menu.main-navigation ul ul.toggled-on {
	    padding: 10px;
	    margin: 10px 0 20px;
    }
}
@media (min-width: 769px) {
    .main-nav .menu-item-has-children > .sub-menu {
        -webkit-box-shadow: 0 2px 15px 0 rgb(18 43 70 / 20%);
        box-shadow: 0 2px 15px 0 rgb(18 43 70 / 20%);
        border-radius: 4px;
        top: 50px;
    }
    .main-nav .menu-item-has-children > .sub-menu:before {
        width: 0;
        content: '';
        border-style: solid;
        transform: rotate(180deg);
        border-width: 14px 14px 0;
        border-color: #fff transparent transparent;
        position: absolute;
        top: -10px;
        left: 186px;
    }
    .main-nav .menu-item-has-children > .sub-menu a {
        padding: 16px 20px;
    }
}
/* Header eind */
/* Mega menu start */
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 640px;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
    .hover-zwart a:hover {
	    color: var(--contrast) !important;
    }
}
/* Mega menu eind */
/* Knoppen start */
.even-cards .gb-inside-container, .even-cards {
  display: flex;
  height: 100%;
  flex-direction: column; 
}
.even-cards .gb-inside-container >*:last-child {
  margin-top: auto;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--contrast-2);
}
.wp-block-navigation__responsive-container-close {
    color: #fff;
}
.cat-filter .wp-block-navigation-item__label {
    color: #fff;
}
@media (min-width: 769px) {
    .cat-filter .wp-block-navigation__container {
	    column-gap: 10px;
    }
    .cat-filter .wp-block-navigation-item__content {
	    background: var(--accent);
	    color: #fff;
	    padding: 4px 8px !important;
	    border-radius: 4px;
	    transition: 0.3s all;
    }
    .cat-filter .wp-block-navigation-item__content:hover {
	    color: #fff;
	    transform: translate3d(0,-3px,0);
    } 
}
@media (max-width: 768px) {
	.cat-filter .wp-block-navigation__responsive-container-open::after {
	    content: "Categorieën";
	    margin-left: 5px;
    }
    .cat-filter .wp-block-navigation__responsive-container-open {
	    background: var(--accent);
	    color: #fff;
	    padding: 8px 16px;
	    border-radius: 4px;
	    font-size: 15px;
    }
    .cat-filter .wp-block-navigation-item__content {
        line-height: 50px;
    }
}
/* Knoppen eind */
/* Form start */
::placeholder {
    color: #aaaaaa !important;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #aaaaaa !important;
}
::-ms-input-placeholder {
    color: #aaaaaa !important;
}
select {
    height: 50px !important;
}
.fluentform .ff-el-form-control:focus {
    border-color: var(--accent) !important;
}
.fluentform .ff-btn-secondary {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
}
.fluentform .ff-btn-secondary:focus, .fluentform .ff-btn-secondary:hover {
    background-color: var(--accent-donker) !important;
    border-color: var(--accent-donker) !important;
}
/* Form eind */
/* Blog start */
.gb-query-loop-wrapper > .gb-grid-column.gb-query-loop-item > .gb-container > .gb-inside-container {
    height: 100%;
}
.kb-table-of-content-nav .kb-table-of-content-wrap {
	padding-left: 0 !important;
}
.post-template-default.single.single-post .dynamic-entry-content .wp-block-image, .post-template-default.single.single-post .dynamic-entry-content .gb-block-image {
	margin-bottom: 2.175rem;
}
.post-template-default.single.single-post .dynamic-entry-content .wp-block-image img, .post-template-default.single.single-post .dynamic-entry-content .gb-block-image img {
	border-radius: var(--border-radius);
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
/* Blog eind */
/* Footer start */
.site-footer .wp-block-navigation__container li {
	line-height: 1.875;
}
.site-footer a:hover {
	text-decoration: underline;
}
/* Footer eind */