/*
Theme Name: Onderwijs ID thema
Description: Custom thema voor Onderwijs Interim Desk
Author: Frappant
Author URI: https://frappant.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada

	// Colors
	Blue:			#0c2645
	Light Blue:		#c5e3ef
	Orange:			#e75744
*/

:root {
	--primary:#909b44;
}

/* General */
* {outline:none!important}

#main p a {font-weight:bold !important}

.height-50 {height:50px;}
.height-50 > * {height:100%; max-height:50px;}
 
#main *:after,
#main *:before {font-weight:900; font-family:"Font Awesome 5 Free";}
#main .fab:after,
#main .fab:before {font-family:"Font Awesome 5 Brands";}

.stretch-image {height:100%; width:auto; object-fit:cover;}

.half-blue-bg:before {content:""; background:#f4fafc; position:absolute; top:0; left:-999px; right:-999px; bottom:50%;}
.white-bg .fusion-row:before {content:""; background:#fff; position:absolute; top:0; left:24px; right:24px; bottom:0; border-radius:24px; display:block; -webkit-box-shadow:0px 11px 22px 0px rgba(0,0,0,0.05); -moz-box-shadow:0px 11px 22px 0px rgba(0,0,0,0.05); box-shadow:0px 11px 22px 0px rgba(0,0,0,0.05);}

.fusion-text p,
.fusion-text span,
.fusion-text a,
.fusion-text ul,
.fusion-text li,
.fusion-text ol,
.fusion-text strong,
.fusion-text h1,
.fusion-text h2,
.fusion-text h3,
.fusion-text h4,
.fusion-text h5,
.fusion-text h6 {max-width:800px;}

.box-shadow {-webkit-box-shadow:0px 11px 22px 0px rgba(0,0,0,0.05); -moz-box-shadow:0px 11px 22px 0px rgba(0,0,0,0.05); box-shadow:0px 11px 22px 0px rgba(0,0,0,0.05);}

::placeholder {color:#c5e3ef!important; opacity:1!important;}
:-ms-input-placeholder {color:#c5e3ef!important;}
::-ms-input-placeholder {color:#c5e3ef!important;}

/* Buttons */
#main .fusion-button.button-default {position:relative; padding:18px 80px 18px 30px; line-height:1; transition:.3s;}
#main .fusion-button.button-default:after {content:"\f054"; background:#fff; height:40px; width:40px; font-size:16px; border-radius:50%; color:#0c2645; position:absolute; top:9px; right:9px; display:flex; align-items:center; justify-content:center;}
#main .fusion-button.button-default:hover {animation:slide-hover .5s; animation-fill-mode:forwards;}
#main .fusion-button.button-default .fusion-button-text {font-size:16px; line-height:22px;}

#main .fusion-button.button-custom {position:relative; padding:8px 40px 8px 0; line-height:1; margin-bottom:16px; background-color:transparent;}
#main .fusion-button.button-custom:after {content:"\f054"; height:40px; width:40px; font-size:14px; color:#0c2645; position:absolute; top:0; right:0; display:flex; align-items:center;transition:.25s; justify-content:center;}
#main .fusion-button.button-custom .fusion-button-text {font-size:16px; line-height:22px; color:#0c2645;}
#main .fusion-button.button-custom:hover .fusion-button-text{color:var(--primary)!important;}
#main .fusion-button.button-custom:hover:after {color:var(--primary) !important;right: -16px !important;}

.avada-page-titlebar-wrapper .fusion-button:hover:after {animation:header-slide-hover .5s; animation-fill-mode:forwards;}

.fusion-page-title-bar .fusion-button.button-default:after {content:"\f054"; background:#fff; height:auto !important; width:auto !important; font-size:16px; border-radius:50%; color:#0c2645; position:absolute; top:11px !important; right:11px !important; display:flex; align-items:flex-start !important; justify-content:flex-start !important;padding:10px 13px;}

/* White text */
#main #content .white-text, 
#main #content .white-text h1, 
#main #content .white-text h2, 
#main #content .white-text h3, 
#main #content .white-text h4, 
#main #content .white-text h5, 
#main #content .white-text h6, 
#main #content .white-text p, 
#main #content .white-text a, 
#main #content .white-text span, 
#main #content .white-text li, 
#main #content .white-text label {color:#fff;}

#main #content p {margin-bottom:24px;}

/* Header */
.fusion-header-wrapper .fusion-header .fusion-logo img {width:150px;}
	.fusion-overlay-search {display:none!important; opacity:0!important;}

/* Small Titlebar */
.avada-page-titlebar-wrapper.small .fusion-page-title-bar .fusion-page-title-row {background-position:center center; background-size:cover; border-radius:24px;}

/* Large Titlebar */
.avada-page-titlebar-wrapper.large .fusion-page-title-bar {position:relative; background-position:center center; background-size:cover; padding-top:128px; padding-bottom:128px; height:auto; min-height:32vh; overflow-y:visible; display:flex; align-items:center;}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar.top {background-position:center top;}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar.bottom {background-position:center bottom;}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar:before {content:""; background-image:url(image/shape-1.png); background-size:contain; background-repeat:no-repeat; background-position:right top; position:absolute; top:-64px; right:-64px; width:100%; height:50%; z-index:1;} 
.avada-page-titlebar-wrapper.large .fusion-page-title-bar:after {content:""; background-image:url(image/shape-2.png); background-size:contain; background-repeat:no-repeat; background-position:left bottom; position:absolute; bottom:-64px; left:-64px; width:100%; height:50%; z-index:1;} 
.avada-page-titlebar-wrapper.large .fusion-page-title-bar .fusion-page-title-wrapper {z-index:2;}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar .fusion-page-title-wrapper h1 {margin-bottom:48px;} 
.avada-page-titlebar-wrapper.large .fusion-page-title-bar .fusion-page-title-wrapper .fusion-button.button-default {margin:0 24px 24px 0; background:#fff; padding:18px 80px 18px 30px; line-height:1; position:relative; border-radius:8px;}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar .fusion-page-title-wrapper .fusion-button.button-default:last-child {margin-right:0;}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar .fusion-page-title-wrapper .fusion-button.button-default:after {content:"\f054"; background:#fff; height:40px; width:40px; font-size:16px; border-radius:50%; color:#0c2645; border:2px solid #c5e3ef; position:absolute; top:9px; right:9px; display:flex; align-items:center; justify-content:center; font-weight:900; font-family:"Font Awesome 5 Free";}
.avada-page-titlebar-wrapper.large .fusion-page-title-bar .fusion-page-title-wrapper .fusion-button.button-default .fusion-button-text {color:var(--primary); line-height:26px;}

/* Reviews */
.review-slider-wrapper {width:100%; float:left;}
.review-slider-wrapper .slick-dots {position:relative; text-align:left;}
.review-slider-wrapper .slick-dots li {width:auto; height:auto;}
.review-slider-wrapper .slick-dots li button:before {display:none;}
.review-slider-wrapper .slick-dots li button {background:#000; border-radius:50px; width:20px; height:6px; padding:0; transition:.3s;}
.review-slider-wrapper .slick-dots li.slick-active button {background:var(--primary); width:50px;}
.review-slider-wrapper .review-slider-container .review-text p {color:#9da8b4!important; max-width:800px;}
.review-slider-wrapper .review-slider-container .review-person {display:flex; flex-wrap:wrap; align-items:center;}
.review-slider-wrapper .review-slider-container .review-person .image {width:78px; padding-right:18px;}
.review-slider-wrapper .review-slider-container .review-person .image img {border-radius:50%;}
.review-slider-wrapper .review-slider-container .review-person .content {flex:0 0 calc(100% - 78px);}
.review-slider-wrapper .review-slider-container .review-person .content .name {font-family:"Carter One"; font-size:18px; line-height:1;}
.review-slider-wrapper .review-slider-container .review-person .content .company {color:#9da8b4;}

/* Counter Boxes */
.counters-box .counter-box-container span {font-family:"Carter One"; font-size:64px;}

/* Logo Slider */
.fusion-image-carousel {margin-bottom:0;}
.fusion-image-carousel .fusion-carousel .fusion-carousel-item img {max-height:104px; width:auto;}

/* Blog - Layout */
.posts-wrapper {display:flex; flex-wrap:wrap; margin:0 -32px;}
.posts-wrapper .single-post-wrapper {display:flex; flex:0 0 100%; padding:0 32px; margin-bottom:64px; position:relative;}
.posts-wrapper .single-post-wrapper a {display:flex; flex-wrap:wrap; height:100%; width:100%; align-items:center; position:relative;}
.posts-wrapper .single-post-wrapper.col-6 {flex-basis:50%;}
.posts-wrapper .single-post-wrapper .post-image {flex-basis:33.333%; background-size:cover; background-position:center center; border-radius:8px; position:relative;}
.posts-wrapper .single-post-wrapper .post-image:before {content:""; padding-top:100%; display:flex;}
.posts-wrapper .single-post-wrapper .post-image:after {width:48px; height:48px; background:var(--primary); color:#fff; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:.3s;}
.posts-wrapper .single-post-wrapper.next .post-image:after {content:"\f054"; right:-15px;}
.posts-wrapper .single-post-wrapper.next a:hover .post-image:after {right:-20px;}
.posts-wrapper .single-post-wrapper.prev .post-image:after {content:"\f053"; left:-15px;}
.posts-wrapper .single-post-wrapper.prev a:hover .post-image:after {left:-20px;}
.posts-wrapper .single-post-wrapper .post-content {flex-basis:66.666%; padding-left:32px;}
.posts-wrapper .single-post-wrapper .post-content > * {flex-basis:100%; margin-bottom:8px;}
.posts-wrapper .single-post-wrapper .post-content .post-category {color:var(--primary);}
.posts-wrapper .single-post-wrapper .post-content .post-title {color:#0c2645;}
.posts-wrapper .single-post-wrapper .post-content .post-date {color:#9ea8b5;}
.posts-wrapper .single-post-wrapper .post-content .post-text {color:#0c2645;}

.posts-wrapper.swapping .single-post-wrapper.next .post-image,
.posts-wrapper.swapping .single-post-wrapper:nth-child(even) .post-image {order:2;}
.posts-wrapper.swapping .single-post-wrapper.next .post-content,
.posts-wrapper.swapping .single-post-wrapper:nth-child(even) .post-content {order:1; padding-left:0; padding-right:32px;}
.posts-wrapper.swapping .single-post-wrapper.next .post-content > * {text-align:right;}

.related-posts-wrapper {margin-top:64px;}
.related-posts-wrapper .posts-wrapper {margin:0 -32px;}

/* Vacature - Layout */
.posts-wrapper.yy_job {display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:16px; margin:0 0 32px 0;}
.posts-wrapper.yy_job .single-post-wrapper {margin-bottom:0; background:#c5e3ef; padding:16px; border-radius:16px; transition:.3s;}
.posts-wrapper.yy_job .single-post-wrapper:hover {transform:scale(1.02);}
.posts-wrapper.yy_job .single-post-wrapper.disabled {opacity:.5;}
.posts-wrapper.yy_job .single-post-wrapper .post-content {flex-basis:100%; padding:0;}
.posts-wrapper.yy_job .single-post-wrapper .post-content .post-title {font-size:20px;}
.posts-wrapper.yy_job .single-post-wrapper .post-content .post-text {margin-bottom:0; max-width:800px;}
.posts-wrapper.yy_job .single-post-wrapper .post-content .post-tax {display:flex; font-size:14px; gap:4px;}
.posts-wrapper.yy_job .single-post-wrapper .post-content .post-tax .tax {background:#0c2645; color:#fff; border-radius:4px; padding:2px 4px;}
.posts-wrapper.yy_job .single-post-wrapper .post-content .post-tax .vertical-divider {display:none;}

/* Archive - Filters */
.archive .filter-wrapper {display:flex; margin-bottom:48px; flex-wrap:wrap; max-width:100%; overflow:hidden;}
.archive .filter-wrapper .taxonomy-filter-wrapper {margin-right:24px; margin-bottom:24px; position:relative; max-width:100%; overflow:hidden;}
.archive .filter-wrapper .taxonomy-filter-wrapper:last-child {margin-right:0;}
.archive .filter-wrapper .taxonomy-filter-wrapper:after {content:"\f078"; position:absolute; right:0; top:0; height:100%; width:48px; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.archive .filter-wrapper .taxonomy-filter-wrapper select {color:#0c2645; border:2px solid #c5e3ef; border-radius:28px; height:56px; line-height:56px; padding:0 48px 0 32px; min-width:300px; -webkit-appearance:none; max-width:100%; overflow:hidden;}
.archive .filter-wrapper .taxonomy-filter-wrapper select:hover {cursor:pointer;}
.archive #main .load-more-wrapper .load-more {line-height:22px;}

/* Single - Blog */
.single .post-meta {display:flex; margin-bottom:32px;}
.single .post-meta .meta {font-size:16px; line-height:24px; margin:0;}
.single .post-meta .vertical-divider {height:24px; width:2px; margin:0 8px; background:#c5e3ef; display:inline-block;}
.single.fusion-body .fusion-flex-container.fusion-builder-row-1 {padding-top:0!important; padding-bottom:0!important;}

/* Single - Vacature */
.single.single-yy_job .post-content .post-width {max-width:800px;}
.single.single-yy_job #main .yy_btn_apply,
.single.single-yy_job #main .yy_btn_job {line-height:22px;}
.single.single-yy_job #main table.job-offer {margin-top:24px;}
.single.single-yy_job #main table.job-offer tr th {padding:8px 32px 8px 0;}

/* Contact */
.contact-wrapper {padding:64px 0; display:flex; position:relative;}
.contact-wrapper .fusion-row {justify-content:center;}
.contact-wrapper.left .fusion-row {justify-content:flex-start;}
.contact-wrapper.right .fusion-row {justify-content:flex-end;}
.contact-wrapper:before {content:""; position:absolute; top:50%; right:-9999px; bottom:0; left:-9999px; background:#0c2645; z-index:1;}
.contact-wrapper.sharing:before {top:25%;}
.contact-wrapper.top:before {bottom:50%; top:0;}
.contact-wrapper .contact-container {display:flex; justify-content:center; max-width:550px; flex-wrap:wrap; border-radius:24px; overflow:hidden;}
.contact-wrapper .contact-container .contact-image {height:160px; overflow:hidden; position:relative; z-index:2;}
.contact-wrapper .contact-container .contact-image img {min-height:100%; width:100%; object-fit:cover; z-index:1;}
.contact-wrapper .contact-container .contact-image:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0c2645; opacity:.5; z-index:2;}
.contact-wrapper .contact-container .contact-info {background:#fff; padding:0 48px 64px 48px; max-width:550px; display:flex; flex-wrap:wrap; flex:0 0 100%; align-items:flex-start; z-index:3;}
.contact-wrapper .contact-container .contact-info > div {flex-basis:100%; margin-bottom:16px; display:flex; justify-content:center; flex-wrap:wrap;}
.contact-wrapper .contact-container .contact-info .image {margin-top:-128px;}
.contact-wrapper .contact-container .contact-info .image img {height:160px; width:160px; border-radius:50%; overflow:hidden; border:8px solid #fff;}
.contact-wrapper .contact-container .contact-info .text h4 {font-size:24px; margin-bottom:16px;}
.contact-wrapper .contact-container .contact-info .text p {text-align:center; margin-bottom:0;}
.contact-wrapper .contact-container .contact-info .button {text-align:center; margin-bottom:0;}

/* Share */
.share-wrapper {padding:64px 0; display:flex; position:relative;}
.share-wrapper:before {content:""; position:absolute; top:0; right:-9999px; bottom:0; left:-9999px; background:#0c2645; z-index:1;}
.share-wrapper .fusion-row {justify-content:center;}
.share-wrapper .fusion-row .social-wrapper {margin-top:0;}

/* Social Buttons */
.social-wrapper {position:relative; z-index:2; margin-top:64px;}
.social-wrapper .social-container {display:flex; justify-content:center;}
.social-wrapper.left .social-container {justify-content:flex-start;}
.social-wrapper.right .social-container {justify-content:flex-end;}
.social-wrapper .title {text-align:center; margin-bottom:16px; color:#fff;}
.social-wrapper.left .title {text-align:left;}
.social-wrapper.right .title {text-align:right;}
.social-wrapper .social-container .social-button {width:48px; height:48px; display:flex; justify-content:center; align-items:center; background:var(--primary); border-radius:50%; margin-right:16px;}
.social-wrapper .social-container .social-button i {color:#fff; font-size:16px; transition:.3s;}
.social-wrapper .social-container .social-button:last-child {margin-right:0;}
.social-wrapper .social-container .social-button:hover i {font-size:22px;}

/* Accordions */
.fusion-accordian {margin-bottom:32px; max-width:800px;}
.fusion-accordian .fusion-panel {border-bottom:solid #c5e3ef 2px!important;}
.fusion-accordian .fusion-panel .panel-title a {font-size:16px !important; padding:16px!important; font-family:'Fira Sans';font-weight:bold;}
.fusion-accordian .fusion-panel .panel-title a i:before {content:"\f078"!important; font-family: "Font Awesome 5 Free"; font-weight:600; transition:.3s;}
.fusion-accordian .fusion-panel .panel-title a.active i:before {transform:rotate(-180deg);}

/* Call Back - Button */
.call-wrapper {position:fixed; bottom:24px; right:24px; z-index:999;}
.call-wrapper a {width:64px; height:64px; font-size:16px; background:var(--primary); color:#fff; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:.3s; opacity:0; transform:scale(0); animation-delay:2s;}
.call-wrapper a:hover {font-size:22px; color:#fff!important;}

/* WP Forms */
.wpforms-container {width:100%!important}
.wpforms-container .wpforms-form .wpforms-field-container input[type="text"],
.wpforms-container .wpforms-form .wpforms-field-container input[type="email"],
.wpforms-container .wpforms-form .wpforms-field-container input[type="number"] {border:solid #c5e3ef 2px; height:56px; border-radius:32px; padding:0 20px; color:#0c2645; transition:.3s; -webkit-appearance:none;}
.wpforms-container .wpforms-form .wpforms-field-container textarea {border:solid #c5e3ef 2px; height:168px; border-radius:32px; padding:20px; width:100%; resize:none; color:#0c2645; transition:.3s;}
.wpforms-container .wpforms-form .wpforms-field-container .iti__flag-container {display:none;}

.wpforms-container .wpforms-form .wpforms-field-container input[type="text"]:focus,
.wpforms-container .wpforms-form .wpforms-field-container input[type="email"]:focus,
.wpforms-container .wpforms-form .wpforms-field-container input[type="number"]:focus,
.wpforms-container .wpforms-form .wpforms-field-container textarea:focus {border-color:var(--primary) !important}

.wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]{position:relative; margin-top:8px; text-align:left; font-weight:700; border:none; font-family:"Fira Sans"; padding:18px 80px 18px 30px; font-size:16px; line-height:22px; background:var(--primary); color:#fff; border-radius:32px;}
.wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]:after {content:"\f054"; font-family:"Font Awesome 5 Free"; background:#fff; height:40px; width:40px; font-size:16px; border-radius:32px; color:#0c2645; position:absolute; top:9px; right:9px; display:flex; align-items:center; justify-content:center;}
.wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]:hover {animation:slide-hover .5s; animation-fill-mode:forwards; border:none; background:var(--primary);}

/* Service Form */
.service-form-wrapper form .form-content {margin-bottom:32px; display:flex; align-items:center; flex-wrap:wrap; max-width:880px;}
.service-form-wrapper form .form-content .select {position:relative; display:inline-block; border-bottom:2px solid #c5e3ef; margin:0 8px;}
.service-form-wrapper form .form-content .select:after {content:"\f078"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:14px; position:absolute; right:0; top:0; height:100%; width:16px; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.service-form-wrapper form .form-content .select select {background:transparent; border:none; border-radius:0; -webkit-appearance:none; padding:0 32px 0 16px;}
.service-form-wrapper form .form-content .input {position:relative; display:inline-block; border-bottom:2px solid #c5e3ef; margin:0 8px;}
.service-form-wrapper form .form-content .input:after {content:"\f073"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:14px; position:absolute; right:0; top:0; height:100%; width:16px; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.service-form-wrapper form .form-content .input input {background:transparent; border:none; border-radius:0; -webkit-appearance:none; padding:0 32px 0 16px; font-size:16px; color:#9ea0a4;}
.service-form-wrapper form .form-content .input input::-webkit-inner-spin-button,
.service-form-wrapper form .form-content .input input::-webkit-calendar-picker-indicator {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:transparent; color:transparent; cursor:pointer;}

/* Modal */
.modal .modal-content {border:none; box-shadow:none; border-radius:8px;}
.modal .modal-content .modal-header .close {color:#fff; background:var(--primary); border:none; border-radius:50%; width:40px; height:40px; display:flex; justify-content:center; align-items:center;}
.modal .modal-content .modal-header .close:hover {cursor:pointer;}

/* Footer */
.fusion-footer .fusion-footer-widget-area > .fusion-row {border-top:solid #c5e3ef 2px; padding-top:64px;}
.fusion-footer .fusion-footer-copyright-area > .fusion-row {border-top:solid #c5e3ef 2px; padding-top:32px;}

.fusion-footer #menu-footer-menu li {border-bottom:2px solid #c5e3ef;}
.fusion-footer #menu-footer-menu li:last-child {border-bottom:none;}
.fusion-footer #menu-footer-menu li a {color:#0c2645; font-family:'Fira Sans'; padding-left:0!important; display:flex; justify-content:space-between; align-items:center; padding-top:16px!important; padding-bottom:16px!important; border-right:0!important;}
.fusion-footer #menu-footer-menu li a:hover {color:var(--primary)!important;}
.fusion-footer #menu-footer-menu li a .link-text {width:calc(100% - 20px); display:inline-block;}
.fusion-footer #menu-footer-menu li a .arrow {float:right!important; display:block!important; padding-right:16px!important; transition:padding .3s; width:20px!important;}
.fusion-footer #menu-footer-menu li a:hover .arrow {padding-right:0 !important;}
.fusion-footer #menu-footer-menu li a .arrow:before {content:"\f054"!important; font-family:"Font Awesome 5 Free"!important; font-weight: 600;}

.fusion-footer footer .fusion-columns {margin: 0 calc((32px) * -1) !important;}
.fusion-footer footer .fusion-columns .fusion-column {padding-left:32px !important; padding-right:32px !important}

.fusion-footer .footer-list li {border-bottom: 2px solid #c5e3ef;}
.fusion-footer .footer-list li:last-child {border-bottom:none;}
.fusion-footer .footer-list li a {color:#0c2645; font-family: 'Fira Sans'; padding-left:0 !important; display: flex;justify-content: space-between;align-items: center; padding-top:16px !important; padding-bottom:16px !important;}
.fusion-footer .footer-list li a:hover {color:var(--primary) }
.fusion-footer .footer-list li a i {padding-right:16px; transition: padding .3s;}
.fusion-footer .footer-list li a:hover i {padding-right:0px;}

footer #mc_embed_signup .mc-button {position:relative; margin:24px 0;}
footer #mc_embed_signup .mc-button:after {content:"\f054"; font-family:"Font Awesome 5 Free"; background:#fff; height:40px; width:40px; font-size:16px; border-radius:32px; color:#0c2645; position:absolute; top:9px; right:9px; display:flex; align-items:center; justify-content:center;}
footer #mc_embed_signup .mc-button input[type="submit"] {text-align:left; font-weight:700; padding:18px 80px 18px 30px; font-size:16px; border:none; font-family:"Fira Sans"; line-height:22px; color:#fff; background:var(--primary); border-radius:32px; height:auto; margin-bottom:0;}
footer #mc_embed_signup .mc-button:hover input[type="submit"] {animation:slide-hover .5s; animation-fill-mode:forwards; border:none; background:var(--primary);}

/* Copyright */
.fusion-copyright-notice > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.fusion-copyright-notice > div .social-wrapper {margin-top:0px}
.fusion-copyright-notice > div .copyright-links {width:100%;}
.fusion-copyright-notice > div .copyright-links a:hover {color:var(--primary);}

/* Recaptcha style */
.grecaptcha-badge {visibility: hidden;}
#main .recaptcha-text {font-size:12px; display:inline-block; width:100%; padding:0; color:#0c2645;}
#main .recaptcha-text a{font-weight:bold;}
#main .recaptcha-text a:hover{color:inherit}

// Voeg een "Titlebar" metabox toe aan pagina's
function custom_titlebar_metabox() {
    add_meta_box(
        'custom_titlebar_id',          // ID van de metabox
        'Titlebar',                    // Titel die boven de box komt
        'custom_titlebar_metabox_html', // Callback functie die de inhoud toont
        'page',                       // Waar (post type 'page')
        'side',                       // Locatie (sidebar)
        'default'                    // Prioriteit
    );
}
add_action('add_meta_boxes', 'custom_titlebar_metabox');

// Inhoud van de metabox (input veld)
function custom_titlebar_metabox_html($post) {
    $value = get_post_meta($post->ID, '_custom_titlebar', true);
    wp_nonce_field('custom_titlebar_nonce', 'custom_titlebar_nonce_field');
    ?>
    <label for="custom_titlebar_field">Voer je titlebar tekst in:</label>
    <input type="text" id="custom_titlebar_field" name="custom_titlebar_field" value="<?php echo esc_attr($value); ?>" style="width:100%" />
    <?php
}

// Opslaan van de ingevoerde data
function custom_titlebar_metabox_save($post_id) {
    if (!isset($_POST['custom_titlebar_nonce_field']) ||
        !wp_verify_nonce($_POST['custom_titlebar_nonce_field'], 'custom_titlebar_nonce')) {
        return;
    }
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) return;

    if (isset($_POST['custom_titlebar_field'])) {
        update_post_meta($post_id, '_custom_titlebar', sanitize_text_field($_POST['custom_titlebar_field']));
    }
}
add_action('save_post', 'custom_titlebar_metabox_save');

<?php
$titlebar = get_post_meta(get_the_ID(), '_custom_titlebar', true);
if ($titlebar) {
    echo '<h1 class="custom-titlebar">' . esc_html($titlebar) . '</h1>';
} else {
    the_title('<h1>', '</h1>'); // fallback: standaard paginatitel tonen
}
?>

<!-- Leadinfo tracking code -->
<script>
(function(l,e,a,d,i,n,f,o){if(!l[i]){l.GlobalLeadinfoNamespace=l.GlobalLeadinfoNamespace||[];
l.GlobalLeadinfoNamespace.push(i);l[i]=function(){(l[i].q=l[i].q||[]).push(arguments)};l[i].t=l[i].t||n;
l[i].q=l[i].q||[];o=e.createElement(a);f=e.getElementsByTagName(a)[0];o.async=1;o.src=d;f.parentNode.insertBefore(o,f);}
}(window,document,'script','https://cdn.leadinfo.net/ping.js','leadinfo','LI-686FDDD130FE3'));
</script>