/*
Theme Name: Gekoo
Text Domain: tic-om
Version: 1.0
Author: TIC Online Marketing
Author URI: https://ticonlinemarketing.nl/
*/
/*
==========================================
Variables
==========================================
*/
/*
==========================================
Reset
==========================================
*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { background-color: #000000; overflow-x: hidden !important; }

body { background-color: #000000; }

body { color: #000000; }

header ul, footer ul { list-style: none; margin: 0; padding: 0; }

input:not([type="checkbox"]), textarea { -webkit-appearance: none; border-radius: 0; }

input:focus, input:focus-visible { outline: none; -webkit-box-shadow: none; box-shadow: none; }

img { max-width: 100% !important; height: auto; }

iframe { max-width: 100%; }

/*
==========================================
General
==========================================
*/
.z-index-0 { z-index: 0; }

.z-index-1 { z-index: 1; }

.z-index-2 { z-index: 2; }

.z-index-3 { z-index: 3; }

.breadcrumbs-container { background-color: #1a1a1a; }
.breadcrumbs-container #breadcrumbs { -webkit-filter: contrast(0); filter: contrast(0); color: #000000; margin-bottom: 0; }
.breadcrumbs-container #breadcrumbs > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.breadcrumbs-container #breadcrumbs > span > span { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0.5rem; }
.breadcrumbs-container #breadcrumbs > span > span:first-of-type { font-size: 0; margin-right: .5rem; margin-left: -7px; }
.breadcrumbs-container #breadcrumbs > span > span:first-of-type > a { display: -webkit-box; display: -ms-flexbox; display: flex; }
.breadcrumbs-container #breadcrumbs > span > span:first-of-type a:after { content: ''; display: inline-block; width: 25px; height: 25px; background-image: url(https://server01.ticonlinemarketing.nl/~gekoo/wp-content/uploads/2025/07/Gekoo-logo-beeldmerk-wit.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }
.breadcrumbs-container #breadcrumbs > span > span.breadcrumb_last { margin-left: .5rem; margin-right: 0; }

/*
==========================================
Text Elements
==========================================
*/
body, li { font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.6rem; font-weight: 300; }
body b, body strong, li b, li strong { font-weight: 600; }

h1, h2, h3, h4, h5 { font-weight: 500; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { color: #58df46; font-weight: inherit; }

h1 { margin-bottom: 1.5rem; }

h2 { margin-bottom: 1.3rem; }

.handscript { font-family: "Waiting for the Sunrise", cursive; }
.handscript.addition { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); display: inline-block; position: relative; left: -15px; font-size: 1.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.text-center .handscript.addition { left: 0px; }

span.title { font-weight: 600; }

small { line-height: 1rem; }

.checks ul li { padding-left: 10px; }
.checks ul li::marker { font-family: "Font Awesome 6 Free"; content: "\f00c"; font-weight: 600; }

.category-tag { color: #58df46; font-weight: 400; background-color: rgba(88, 223, 70, 0.2); padding: 0.4rem 0.75rem; border-radius: 25px; border: 1px solid rgba(88, 223, 70, 0.2); display: inline-block; margin-top: 8px; }

/*
==========================================
Links & Buttons
==========================================
*/
a, button, input[type="submit"] { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

p a { color: #46c535; }

a { color: #46c535; text-decoration: none; }
a:hover { color: #58df46; }

.button-primary, .button-secondary { display: inline-block; padding: 0 2rem; height: 50px; border-radius: 25px; border: none; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; }
.button-primary:hover, .button-secondary:hover { text-decoration: none; -webkit-transform: translateY(-3px); transform: translateY(-3px); }

.button-primary { color: #000000 !important; background-color: #58df46; }
.button-primary:hover { color: #000000; }

.button-secondary { border: 1px solid #ffffff; color: #ffffff !important; background-color: transparent; }
.button-secondary:hover { color: #ffffff; }

/*
==========================================
Graphic Elements
==========================================
*/
.bg-white { background-color: #ffffff !important; color: #000000; }

.bg-white .handscript, .bg-lightgreen .handscript { color: #46c535; }
.bg-white .button-secondary, .bg-lightgreen .button-secondary { border: 1px solid #000000; color: #000000 !important; }
.bg-white .button-secondary:hover, .bg-lightgreen .button-secondary:hover { color: #000000; }
.bg-white h1 strong, .bg-white h2 strong, .bg-white h3 strong, .bg-white h4 strong, .bg-white h5 strong, .bg-lightgreen h1 strong, .bg-lightgreen h2 strong, .bg-lightgreen h3 strong, .bg-lightgreen h4 strong, .bg-lightgreen h5 strong { color: #46c535; }
.bg-white li::marker, .bg-lightgreen li::marker { color: #46c535; }

.bg-dark { background-image: linear-gradient(135deg, #1a1a1a, #4d4d4d); color: #ffffff; }
.bg-dark a { color: #58df46; }
.bg-dark a:hover { color: #46c535; }
.bg-dark .handscript { color: #58df46; }
.bg-dark .card { color: #ffffff; }

.bg-lightgreen { background-image: linear-gradient(135deg, #eefced, #def9da); }
.bg-lightgreen#flex-col-img-text .card { background-color: #ffffff; }

.bg-gray { background-color: #f2f2f2; }

.bg-image { color: #ffffff; background-repeat: no-repeat; background-size: cover; background-position: center; }
.bg-image .handscript { color: #58df46; }
.bg-image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.75; }

li::marker { color: #58df46; }

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.glass-effect { width: 300px; border-radius: 10px; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.25); box-shadow: 0px 15px 30px -10px rgba(0, 0, 0, 0.25); }

.accordion .accordion-item { background-color: transparent; border-top: none; border-left: none; border-right: none; }
.accordion .accordion-item:last-of-type { border-bottom: none; }
.accordion .accordion-item .accordion-header .accordion-button { background-color: transparent; padding: 20px 0; }
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: inherit; color: inherit; -webkit-box-shadow: none; box-shadow: none; }
.accordion .accordion-item .accordion-header .accordion-button:focus { -webkit-box-shadow: none; box-shadow: none; }
.accordion .accordion-item .accordion-collapse .accordion-body { padding: 0 0 30px 0; }

svg#arrows-up { position: absolute; opacity: 0.1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#default-block svg#arrows-up { z-index: 1; width: 20vw; left: -5%; }

footer svg#arrows-up { z-index: 0; width: 60vw; right: -10%; opacity: 0.03; }

/*
==========================================
Forms
==========================================
*/
form.wpcf7-form { background-color: #ffffff; padding: 2rem; border-radius: 15px; -webkit-box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.25); }
form.wpcf7-form > p { margin-bottom: 0px; }
form.wpcf7-form input { background-color: none; }
form.wpcf7-form input.wpcf7-text { width: 100%; border-top: none; border-right: none; border-left: none; border-bottom: 0.5px solid #000000; padding: 9px 0px; }
form.wpcf7-form input.wpcf7-text::-webkit-input-placeholder { opacity: 0.5; }
form.wpcf7-form input.wpcf7-text:-ms-input-placeholder { opacity: 0.5; }
form.wpcf7-form input.wpcf7-text::-ms-input-placeholder { opacity: 0.5; }
form.wpcf7-form input.wpcf7-text::placeholder { opacity: 0.5; }
form.wpcf7-form input.wpcf7-submit { border-radius: 30px; }
form.wpcf7-form input.wpcf7-submit:disabled { opacity: 0.5; }
form.wpcf7-form input.wpcf7-submit:disabled:hover { -webkit-transform: none; transform: none; }
form.wpcf7-form textarea { background-color: none; width: 100%; border-top: none; border-right: none; border-left: 0.5px solid #000000; border-bottom: 0.5px solid #000000; padding-left: 12px; }
form.wpcf7-form textarea::-webkit-input-placeholder { opacity: 0.5; }
form.wpcf7-form textarea:-ms-input-placeholder { opacity: 0.5; }
form.wpcf7-form textarea::-ms-input-placeholder { opacity: 0.5; }
form.wpcf7-form textarea::placeholder { opacity: 0.5; }
form.wpcf7-form select { width: 100%; border-top: none; border-right: none; border-left: none; border-bottom: 0.5px solid #000000; padding: 9px 0px; }
form.wpcf7-form .wpcf7-acceptance { color: #000000; }
form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item { margin-left: 0px; }
form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 6px; margin-bottom: 1.5rem; }
form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item > label .wpcf7-list-item-label { font-size: 12px; line-height: 16px; }
form.wpcf7-form .wpcf7-not-valid-tip { font-size: 10px; position: absolute; }

/*
==========================================
Header
==========================================
*/
header { background-size: cover; background-position: center; }
header .main-navigation { z-index: 9999; }
header ul li { display: inline-block; padding: 0 1rem; }
header #mega-menu-primary { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100%; }
header #mega-menu-primary .mega-search-wrap input[role="searchbox"] { color: #ffffff !important; padding-left: 20px !important; }
header #mega-menu-primary .mega-search-wrap input[role="searchbox"]::-webkit-input-placeholder { color: #ffffff; opacity: .5; }
header #mega-menu-primary .mega-search-wrap input[role="searchbox"]:-ms-input-placeholder { color: #ffffff; opacity: .5; }
header #mega-menu-primary .mega-search-wrap input[role="searchbox"]::-ms-input-placeholder { color: #ffffff; opacity: .5; }
header #mega-menu-primary .mega-search-wrap input[role="searchbox"]::placeholder { color: #ffffff; opacity: .5; }
header #mega-menu-primary a.dashicons-admin-page.mega-menu-link { font-weight: 500 !important; }
header .content { color: #ffffff; }
header .content .handscript { color: #58df46; }
header .header-video { height: 100vh; width: 100%; top: 0; position: absolute; }
header .header-video .embed-container { min-width: 100% !important; height: 100% !important; }
header .header-video .embed-container iframe, header .header-video .embed-container object, header .header-video .embed-container embed { top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; min-width: 400% !important; }
header .stats .counter .counter-value { font-family: "Montserrat", sans-serif; font-size: 1.5rem; font-weight: 600; }
header .stats .counter .counter-value.more-than::after { content: '+'; }

/*
==========================================
Footer
==========================================
*/
footer { border-top: 1px solid rgba(255, 255, 255, 0.1); }
footer .column ul, footer .column ul { padding-left: 0; }
footer .column ul li, footer .column ul li { line-height: 1.6rem; }
footer .column a { color: rgba(255, 255, 255, 0.7); line-height: 1.6rem; }
footer .column a:hover { color: #ffffff; }
footer .column p { color: rgba(255, 255, 255, 0.7); line-height: 1.6rem; }
footer .absolute-footer small { font-size: 0.75rem; }
footer .absolute-footer small a { color: #ffffff; }
footer .absolute-footer { border-top: 0.5px solid rgba(255, 255, 255, 0.5); }
footer .absolute-footer ul#menu-absolute-footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; }
footer .absolute-footer .socials a { color: #ffffff; }
footer .absolute-footer .socials a:hover { color: #58df46; }

/*
==========================================
Dynamic content blocks
==========================================
*/
.card { background-color: transparent; background-size: cover; background-repeat: no-repeat; border: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; }
.card .hover-content { max-height: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.card:hover .img-link { background-color: #ffffff; color: #46c535 !important; }
.card:hover .card-img-top::after { height: 150px; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
.card .card-img-top { height: 350px; border-radius: 15px; position: relative; overflow: hidden; background-position: center; background-size: cover; }
.card .card-img-top .card-icon svg { font-size: 1.5rem; position: absolute; left: 0; bottom: 0; z-index: 1; margin: 0 0 1.25rem 1.25rem; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.card .card-img-top::after { content: ''; position: absolute; bottom: 0; height: 100%; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.card .card-img-top .card-content { position: relative; z-index: 1; }
.card .img-link { position: absolute; right: 0; bottom: 0; margin: 0 1rem 1rem 0; z-index: 1; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ffffff; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#flex-col-img-text .card { background-color: #f2f2f2; border-radius: 15px; }
#flex-col-img-text .card img { -o-object-fit: cover; object-fit: cover; }
#flex-col-img-text .card .img-icon { position: absolute; right: 0; bottom: 0; z-index: 1; margin: 0 1.25rem 1.25rem 0; }
#flex-col-img-text .card .img-icon svg { font-size: 2rem; color: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#flex-col-img-text .card .img-icon svg path { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); }
#flex-col-img-text .card .img-link { top: 0; bottom: auto; margin: 1rem 1rem 0 0; border: 1px solid #000000; color: #000000; }
#flex-col-img-text .card:hover .img-link { background-color: #000000; color: #58df46 !important; }

#call-to-action.half-bg::before { display: none; }
#call-to-action form { -webkit-box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 50px -10px rgba(0, 0, 0, 0.25); }
#call-to-action form .wpcf7-acceptance .wpcf7-list-item-label { font-size: 10px; line-height: 16px; }

#slider-logos .flexslider.logo-slider { -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent)); -webkit-mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%); mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent)); mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%); }
#slider-logos .flexslider.logo-slider .slides li img { max-height: 100px; max-width: 150px !important; -o-object-fit: contain; object-fit: contain; margin: auto; }

#flex-col-icon-text .column svg, #flex-col-icon-text .column i { color: #58df46; font-size: 2rem; }
#flex-col-icon-text.bg-white .column svg, #flex-col-icon-text.bg-white .column i, #flex-col-icon-text.bg-lightgreen .column svg, #flex-col-icon-text.bg-lightgreen .column i { color: #46c535; }

#two-col-text-img img { border-radius: 15px; height: 350px; -o-object-fit: cover; object-fit: cover; }
#two-col-text-img .embed-container { border-radius: 15px; }

#slider-images img { border-radius: 15px; height: 550px; -o-object-fit: cover; object-fit: cover; }

/*
==========================================
Archive Pages
==========================================
*/
/*
==========================================
Pagination
==========================================
*/
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pagination .nav-links, .pagination .page-numbers li { margin: 0 auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pagination .nav-links a, .pagination .page-numbers li a { text-decoration: none; }
.pagination .nav-links .page-numbers, .pagination .page-numbers li .page-numbers { font-weight: 500; display: inline-block; margin: 4px; font-size: 14px; color: #000000; line-height: 16px; padding: 10px 15px; border: 1px solid #000000; border-radius: 50%; -webkit-transition: .2s; transition: .2s; }
.pagination .nav-links .page-numbers:hover, .pagination .page-numbers li .page-numbers:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
.pagination .nav-links .page-numbers.next, .pagination .nav-links .page-numbers.prev, .pagination .page-numbers li .page-numbers.next, .pagination .page-numbers li .page-numbers.prev { border: none; }
.pagination .nav-links .current, .pagination .page-numbers li .current { border: 1px solid #000000; color: #ffffff; background: #000000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pagination .nav-links .current:hover, .pagination .page-numbers li .current:hover { -webkit-transform: none; transform: none; color: #ffffff; background: #000000; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #000000; }

/*
==========================================
Pages
==========================================
*/
body.error404 .error-code { font-size: 8rem; font-weight: 600; color: #f2f2f2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body.search .search-wrapper::before { content: ""; position: absolute; right: 0px; width: 350px; height: 350px; background-image: url(https://server01.ticonlinemarketing.nl/~gekoo/wp-content/uploads/2025/07/Gekoo-logo-beeldmerk-wit.svg); background-repeat: no-repeat; background-size: contain; background-position: center; pointer-events: none; opacity: 0.05; z-index: 0; }
body.search .search-wrapper .search-form-container form.search-form { display: -webkit-box; display: -ms-flexbox; display: flex; }
body.search .search-wrapper .search-form-container form.search-form > label { width: 100%; }
body.search .search-wrapper .search-form-container form.search-form > label input { width: inherit; color: #ffffff; height: 50px; border-radius: 30px 0 0 30px; border: none; background-color: rgba(255, 255, 255, 0.3); padding: 0 25px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
body.search .search-wrapper .search-form-container form.search-form .search-submit { height: 50px; padding: 0 25px 0 20px; border-radius: 0 30px 30px 0; background-color: rgba(255, 255, 255, 0.3); border: none; color: #ffffff; border-left: 1px solid rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
body.search .search-wrapper .search-form-container form.search-form .search-submit:hover { background-color: rgba(255, 255, 255, 0.5); }
body.search .search-result h2 { font-size: 1.2rem; }
body.page-template-page-service .service-bar { position: -webkit-sticky; position: sticky; bottom: 0; width: 100%; z-index: 999; border-top: 1px solid rgba(255, 255, 255, 0.5); }
body.page-template-page-service .service-bar .contact img { max-width: 40px !important; -o-object-fit: contain; object-fit: contain; }
body.page-template-page-service .service-bar .contact a i { font-size: 0.7rem; }
body.page-template-page-service .service-bar .button-secondary { padding: 0.8rem 1rem !important; width: auto !important; }
body.single-post .header-image { max-height: 40vh; -o-object-fit: cover; object-fit: cover; position: relative; border-bottom: 5px solid #58df46; }
body.single-post .share-buttons a, body.single-post .share-buttons button { color: #bfbfbf; width: 2rem; height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 1rem; margin-bottom: 10px; text-decoration: none; border: 1px solid #dcdcdc; }
body.single-post .share-buttons a:hover, body.single-post .share-buttons button:hover { text-decoration: none; color: white; background-color: #58df46; border-color: #58df46; -webkit-box-shadow: 0px 0px 0px 5px rgba(88, 223, 70, 0.3); box-shadow: 0px 0px 0px 5px rgba(88, 223, 70, 0.3); }
body.single-post .sticky { position: -webkit-sticky; position: sticky; top: 3rem; }
body.single-post .sticky .tic-toc-wrapper .table-of-contents { border-top: 1px solid #c4c8cb; padding-top: 1rem; }
body.single-post .sticky .tic-toc-wrapper .table-of-contents ul { list-style: none; padding-left: 0; margin-bottom: 0; }
body.single-post .sticky .tic-toc-wrapper .table-of-contents ul li { margin-bottom: 10px; line-height: 1.2rem; }
body.single-post .sticky .tic-toc-wrapper .table-of-contents ul li a { color: gray; font-weight: 400; font-size: .85rem; text-decoration: none; }
body.single-post .sticky .tic-toc-wrapper .table-of-contents ul li a:hover { color: #000000; }
body.single-post .sticky .tic-toc-wrapper .toc-heading span.title { border-bottom: none; }
body.single-post .sticky .tic-toc-wrapper .toc-heading.collapsed svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
body.single-post .sticky .tic-toc-wrapper .toc-heading svg { position: absolute; right: 1rem; -webkit-transition: .2s ease; transition: .2s ease; }
body.single-post .sticky .tic-toc-wrapper .toc-heading:hover { cursor: pointer; }
body.single-post .sticky .recent-articles .article img { width: 80px; border-bottom: 3px solid #46c535; }
body.single-post .sticky .tag-list .category-tag { background: #ffffff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none; }
body.single-post .sticky .tag-list .category-tag:hover { background: #46c535; }
body.single-post .sticky .tag-list .category-tag:hover a { color: #ffffff; text-decoration: none; }
body.single-post .body-content p, body.single-post .body-content ul { margin-bottom: 2rem; }
body.single-post .body-content img { width: 100%; max-height: 500px; }
body.single-projecten .rating svg { color: #46c535; }
body.page-template-page-faq .accordion .accordion-item:has(+ .title) { border-bottom: 0; margin-bottom: 3.5rem; }
body.page-template-page-faq .accordion .title h2 { color: #46c535; }
body.page-template-page-faq .accordion .title svg { font-size: 2rem; color: #46c535; }
body.page-template-page-faq .sticky { position: -webkit-sticky; position: sticky; top: 3rem; }
body.page-template-page-quote .support-content img { border-radius: 15px; }

/*
==========================================
Flexslider
==========================================
*/
.flexslider { overflow: hidden; margin: 0; background-color: transparent; border: none; }
.flexslider .flex-control-nav { position: static; margin-top: 1rem; }
.flexslider .flex-direction-nav { line-height: 40px; }
.flexslider .flex-direction-nav a { font-size: 0; width: 50px; height: 50px; padding: 10px; }
.flexslider.image-slider, .flexslider.project-slider, .flexslider.page-slider { overflow: visible !important; }
.flexslider.image-slider .flex-viewport, .flexslider.project-slider .flex-viewport, .flexslider.page-slider .flex-viewport { overflow: visible !important; }

/*
==========================================
ACF Google Map
==========================================
*/
.acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; }

/* // Fixes potential theme css conflict. */
.acf-map img { max-width: inherit !important; }

/*
==========================================
Spacing
==========================================
*/
.wst-0 { padding-top: 0rem; }

.wsb-0 { padding-bottom: 0rem; }

.wst-1 { padding-top: 1rem; }

.wsb-1 { padding-bottom: 1rem; }

.wst-2 { padding-top: 2rem; }

.wsb-2 { padding-bottom: 2rem; }

.wst-3 { padding-top: 3rem; }

.wsb-3 { padding-bottom: 3rem; }

.wst-4 { padding-top: 4rem; }

.wsb-4 { padding-bottom: 4rem; }

.wst-5 { padding-top: 5rem; }

.wsb-5 { padding-bottom: 5rem; }

/*
==========================================
Media Queries
==========================================
*/
@media (min-width: 576px) { .button-primary, .button-secondary { width: auto; } }
@media (min-width: 768px) { .wst-1 { padding-top: 1.5rem; }
  .wsb-1 { padding-bottom: 1.5rem; }
  .wst-2 { padding-top: 3rem; }
  .wsb-2 { padding-bottom: 3rem; }
  .wst-3 { padding-top: 4.5rem; }
  .wsb-3 { padding-bottom: 4.5rem; }
  .wst-4 { padding-top: 6rem; }
  .wsb-4 { padding-bottom: 6rem; }
  .wst-5 { padding-top: 7.5rem; }
  .wsb-5 { padding-bottom: 7.5rem; }
  #two-col-text-img img { height: 450px; }
  #call-to-action.half-bg::before { display: block; content: ''; position: absolute; height: 100%; width: 50%; top: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } }
@media (min-width: 992px) { .wst-1 { padding-top: 2rem; }
  .wsb-1 { padding-bottom: 2rem; }
  .wst-2 { padding-top: 4rem; }
  .wsb-2 { padding-bottom: 4rem; }
  .wst-3 { padding-top: 6rem; }
  .wsb-3 { padding-bottom: 6rem; }
  .wst-4 { padding-top: 8rem; }
  .wsb-4 { padding-bottom: 8rem; }
  .wst-5 { padding-top: 10rem; }
  .wsb-5 { padding-bottom: 10rem; }
  header .stats .counter .counter-value { font-size: 2rem; }
  h1 { font-size: 3rem; }
  .error404 .error-code { font-size: 14rem; }
  #two-col-text-img img { height: 550px; }
  #slider-highlighted-projects .card .card-img-top { height: 450px; }
  footer svg#arrows-up { width: 20vw; right: -5%; opacity: 0.05; } }