/*
Theme Name:
Author URI: https://www.qstylez.nl/
Author: QStylez - Maaike Tol
Version: 1.0
*/

html {
    font-size: 16px;
    line-height: 24px;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-right: 0 !important;
    font-size: 16px;
    line-height: 150%; /* 24px */
    overflow-x: clip;
    color: #0C0F1E;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    width: 100%;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
/* Assistive text */

.grecaptcha-badge {
    visibility: hidden;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
:focus {
    outline: 0
}
a.post-edit-link {
    display: none
}
textarea, input[type="submit"], input {
    -webkit-appearance: none;
}
ul, ol {
    padding: 0;
    margin: 0;
    list-style-position: inside;
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin-top: 0;
    margin-bottom: 16px;
}
h1 {
    font-size: 32px;
    line-height: 40px;
    font-family: "Saira", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
}
h2 {
    font-size: 28px;
    line-height: 36px;
}
h3 {
    font-size: 24px;
    line-height: 32px;
}
h4 {
    font-size: 20px;
    line-height: 28px;
}
b, strong {
    font-weight: 700;
}
p, li, a {
    line-height: 24px;
    font-size: 16px;
}
p {
    margin: 16px 0px;
}
a {
    text-decoration: none;
    transition: .1s ease-in-out;
}
.home-link {
    position: relative;
    display: block;
    width:100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px;
    /* Don't cut off the webkit search cancel button */
    width: 100%;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: none;
    vertical-align: top;
}
img {
    border-style: none;
}
img, video {
    height: auto;
    max-width: 100%;
}

section:after, article:after, .clear:after, #inner-header:after, .row:after, .social:after, .site-info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

div#navbar {
    order: 4;
    flex-basis: 100%;
    width: 100%;
}
div#navbar ul {
    max-height: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
}


/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: ;
}
:-moz-placeholder {
    color: ;
}
::-moz-placeholder {
    color: ;
}
:-ms-input-placeholder {
    color: ;
}
/**
 * Standaard
 * ----------------------------------------------------------------------------
 */

.inner {
    width: 100%;
    max-width: 1472px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
}
.flexbox-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.c-btn {
    display: table;
    padding: 8px 16px;
    text-decoration: none;
    transition: .1s ease-in-out;
    margin-top: 16px;
}
.text-box > *:last-child {
    margin-bottom: 0;
}
.text-box > *:first-child {
    margin-top: 0;
}

/**
 * Start - Menu button - telefoon/ipad
 * ----------------------------------------------------------------------------
 */

 .menu span {
    background: #132628;
    height: 2px;
}
.menu {
    width: 30px;
    height: 26px;
    order: 2;
    position: relative;
    align-self: center;
    margin-left: auto;
    overflow: hidden;
    height: 44px;
    margin-left: 16px;
}
header a.n-btn.telefoon {
    display: block;
    width: 56px;
    height: 56px;
    background: #EE720E url(https://tradre.com/wp-content/uploads/2024/03/telefoon-icon-wit.svg) no-repeat;
    background-position: center center;
    color: transparent;
    border-radius: 100%;
    margin-left: auto;
}
header.site-header div.menu .close-btn span:nth-of-type(2) {
    transform: rotate(-25deg);
    top: 50%;
}
header.site-header div.menu .close-btn span:nth-of-type(1) {
    transform: rotate(25deg);
    top: 50%;
}
.menu:after {
    content: 'menu';
    position: absolute;
    bottom: -2px;
    color: var(--Color-Brand-white, #FFF);
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 14px */
text-transform: uppercase;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}

.modal-backdrop.fade.in {
    pointer-events: none;
    opacity: 0 !important;
}
body.home header#masthead .menu::after {
    color: white;
}
/* body.home header#masthead.fixed-header .menu::after {
    color: #0C0F1E;
}
body.home header#masthead .menu.open::after {
    color: #0C0F1E;
} */
.categorie-nav.Home {
    display: none;
}
/* .fixed-header .menu::after, header#masthead .menu::after {
    color: #0C0F1E;
}
.fixed-header .menu span, header#masthead.open .menu span {
    background: #132628;
} */
header.site-header div.menu {
    overflow: hidden;
}

header.site-header div.menu.open .close-btn {
   top: 0;
}

header.site-header div.menu .close-btn {
    position: absolute;
    height: 26px;
    width: 30px;
    transition: .1s ease-in-out;
    top: 45px;
}
div#navbar.open ul {
    max-height: 1000px;
}
header.site-header div.menu.open .open-btn {
    top: -26px;
}
header.site-header div.menu .open-btn {
    position: absolute;
    top: 0;
    width: 30px;
    height: 26px;
    transition: .1s ease-in-out;
}
.menu span {
    position: absolute;
    width: 100%;
    transition: .3s ease-in-out;
}
.menu span:nth-of-type(1) {
    top: 2px;
}
.menu span:nth-of-type(2) {
    top: 12px;
}
.menu span:nth-of-type(3) {
    bottom: 2px;
}

/**
 * Einde - Menu button - telefoon/ipad
 * ----------------------------------------------------------------------------
 */
 /**
 * Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {}
.entry-content a {}
.entry-content a:hover {}
.entry-content a, .entry-title a {
    text-decoration: none;
}
.entry-title a:hover {}
/**
 * Navigatie
 * ----------------------------------------------------------------------------
 */

/**
 * Forms
 * ----------------------------------------------------------------------------
 */

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    z-index: 100;
    padding: 0;
    border: 0;
    background: transparent;
    right: 10px;
    left: auto;
    top: 0px;
    font-size: 0.8rem;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display: none !important;
}
form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form p {
    margin: 0;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 8px;
}
form input, form textarea {
    width: 100%;
    border: 0;
    resize: none;
    font-size: 16px;
    padding: 10px;
}
form textarea {
    height: 130px;
}
.ajax-loader {
    position: absolute;
}
form input.wpcf7-form-control.wpcf7-submit {
    display: table;
    text-decoration: none;
    font-size: 16px;
    transition: .1s ease-in-out;
    width: auto;
    line-height: 2;
    margin-top: 0;
}

section.top-header a:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://tradre.com/wp-content/uploads/2024/03/telefoon-icon.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}
section.top-header a {
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}
section.top-header a:hover {
    text-decoration: underline;
}
section.top-header {
    position: relative;
    background: #0C0F1E;
    color: white;
    padding: 8px 0px;
    display: none;
}
header#masthead {
    position: sticky;
    top: 0;
    background: none;
}
a.home-link {
    display: block;
    width: 188px;
    height: 45px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
div#navbar {
    max-height: 0;
    overflow: hidden;
    transition: .1s ease-in-out;
}
section.header-laag {
    position: relative;
    min-height: 610px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    color: white;
    display: flex;
    align-items: center;
    margin-top: -80px;
    padding-top: 80px;
    overflow: hidden;
    text-align: left;
}
section.header-laag div.inner {
    z-index: 2;
}
section.header-laag:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 25%);
    z-index: 1;
    top:0;
    left:0;
}
section.usp-laag {
    background: #1C1C1C;
    color: white;
}
section.header-laag h1 {
    font-size: 60px;
    line-height: 54px;
    text-transform: uppercase;
    margin-bottom: 0;
}
a.c-btn {
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #EE720E;
    width: fit-content;
    border-radius: 30px;
    color: white;
    font-weight: 600;
    margin-top: 32px;
}
.post-type-archive-energie-vacatures a.c-btn, .single-energie-vacatures a.c-btn, .post-type-archive-energie-nieuws a.c-btn, .single-energie-nieuws a.c-btn, .post-type-archive-energie-projecten a.c-btn, .single-energie-projecten a.c-btn, .page-id-401 a.c-btn, .parent-pageid-401 a.c-btn {
    background: #208c3a;
}
.post-type-archive-energie-vacatures a.c-btn:hover, .single-energie-vacatures a.c-btn:hover, .post-type-archive-energie-nieuws a.c-btn:hover, .single-energie-nieuws a.c-btn:hover, .post-type-archive-energie-projecten a.c-btn:hover, .single-energie-projecten a.c-btn:hover, .page-id-401 a.c-btn:hover, .parent-pageid-401 a.c-btn:hover {
    background: #1f6430;
}
.post-type-archive-energie-nieuws a.energie-mail, .post-type-archive-energie-projecten a.energie-mail, .post-type-archive-energie-vacatures a.energie-mail, .single-energie-nieuws a.energie-mail, .single-energie-projecten a.energie-mail, .single-energie-vacatures a.energie-mail, .page-id-401 a.energie-mail, .parent-pageid-401 a.energie-mail {
    display: block !important;
}
.post-type-archive-energie-nieuws a.normal-mail, .post-type-archive-energie-projecten a.normal-mail, .post-type-archive-energie-vacatures a.normal-mail, .single-energie-nieuws a.normal-mail, .single-energie-projecten a.normal-mail, .single-energie-vacatures a.normal-mail, .page-id-401 a.normal-mail, .parent-pageid-401 a.normal-mail {
    display: none !important;
}
.page-template-sub-overons .tekst-afb-laag a.c-btn, .page-template-sub-overons section.tekst-afb-laag.is-inview .text-box .c-btn {
    background: none;
    border: 1px solid #ee720e;
}
.page-template-sub-overons .tekst-afb-laag a.c-btn:hover, .page-template-sub-overons section.tekst-afb-laag.is-inview .text-box .c-btn:hover {
    background: #ee720e;
}
a.c-btn:hover {
    background: #d96101;
}
header#masthead .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
header#masthead {
    position: sticky;
    top: 0;
    background: none;
    padding: 12px 0px;
    z-index: 9999;
    background: #000000;
}

section.error404 .inner p {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
}
.error404 section.crumbs {
    background: black;
}
body.error404 header#masthead {
    background: black;
}
section.error404 h1 {
    font-size: 40px;
    line-height: 48px;
}
section.error404 {
    position: relative;
    padding: 80px 0px;
    background: black;
    color: white;
}
.usp-slider .slide, .usp-slider-twee .slide {
    display: flex;
    color: #0C0F1E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
section.usp-laag .usp-slider .slide, section.usp-laag .usp-slider-twee .slide {
    color: white;
}
.page-id-401 .usp-slider .slide:before, .page-id-401 .usp-slider-twee .slide:before {
    background: url(https://tradre.com/wp-content/uploads/2024/07/check-groen.svg) no-repeat;
}
.usp-slider .slide:before, .usp-slider-twee .slide:before {
    content: '';
    position: relative;
    width: 22px;
    height: 22px;
    background: url(https://tradre.com/wp-content/uploads/2024/03/check.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}
.usp-slider, .usp-slider-twee {
    position: relative;
    padding: 24px 0px;
}
section h3 {
    color: var(--Color-Brand-white, #FFF);
    font-family: Saira;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.post-type-archive-energie-nieuws h1, .single-energie-projecten section h2, .parent-pageid-401 section h2, .page-id-401 section h2 {
    color: #208c3a !important;
}
.page-template-sub-contact.parent-pageid-401 section h1 {
    color: #208c3a;
}
.page-template-sub-contact.parent-pageid-401 section h2 {
    color: white !important;
}
section h2 {
    color: #EE720E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
section.over-ons-laag {
    position: relative;
    padding: 72px 0px;
    background: black;
    color: white;
}
.over-ons-laag .text-box {
    color: var(--Color-Brand-white, #FFF);

/* Text/Regular/Normal */
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.page-id-401 .opsomming-items > div h4:after {
    background: url(https://tradre.com/wp-content/uploads/2024/07/content-icon.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}
body.parent-pageid-401 .tekst-afb-laag a.c-btn, .page-id-401 .nieuws-laag a.c-btn, .page-id-401 section.los-project-laag .project-item .project-content div.knoppen a.c-btn:nth-of-type(1), .page-id-401 section.los-project-laag .project-item .project-content div.knoppen a.c-btn:nth-of-type(2), .page-id-401 section.over-tradre-laag .c-btn {
    border: 1px solid #208c3a !important;
}
.post-type-archive-energie-projecten a.c-btn:hover, body.parent-pageid-401 .tekst-afb-laag a.c-btn:hover, body.parent-pageid-401 section.tekst-afb-laag.is-inview .text-box .c-btn:hover {
    background: #208c3a;
}
.parent-pageid-401 .nieuws-item .flexbox-wrapper p.postdate, .page-id-401 .nieuws-item .flexbox-wrapper p.postdate {
    color: #208c3a;
}
.parent-pageid-401 .gform_footer.before input:hover, .page-id-401 .gform_footer.before input:hover {
    background: #206931;
}
.parent-pageid-401 .terugbel-verzoek span.terugbel-icon, .page-id-401 .terugbel-verzoek span.terugbel-icon {
    border: 1px solid #208c3a;
    background: url(https://tradre.com/wp-content/uploads/2024/07/terugbel-icon.svg) no-repeat;
    background-position: center center;
}
.post-type-archive-energie-vacatures section.top-header a:before, .single-energie-vacatures section.top-header a:before, .post-type-archive-energie-nieuws section.top-header a:before, .single-energie-nieuws section.top-header a:before, .post-type-archive-energie-projecten section.top-header a:before, .single-energie-projecten section.top-header a:before, .parent-pageid-401  section.top-header a:before, .page-id-401 section.top-header a:before, body.Energieadvies section.top-header a:before {
    background: url(https://tradre.com/wp-content/uploads/2024/07/telefoon-icon.svg) no-repeat;
}
.single-energie-projecten .mail-ons span.bel-icon, .parent-pageid-401 .mail-ons span.bel-icon, .page-id-401 .mail-ons span.bel-icon {
    background: transparent url(https://tradre.com/wp-content/uploads/2024/07/tradre_email.svg) no-repeat;
    background-size: 22px;
    background-position: center center;
}
.single-energie-projecten span.bel-icon, .parent-pageid-401 span.bel-icon, .page-id-401 span.bel-icon {
    background: #208c3a url(https://tradre.com/wp-content/uploads/2024/03/telefoon-icon-wit.svg) no-repeat;
    border: 1px solid #208c3a;
    background-position: center center;
}
.single-energie-projecten .gfrom_footer.before input, .parent-pageid-401 .gform_footer.before input, .page-id-401 .gform_footer.before input, .page-id-401 .nieuws-laag a.c-btn:hover, .page-id-401 section.los-project-laag .project-item .project-content div.knoppen a.c-btn:nth-of-type(1):hover, .page-id-401 section.over-tradre-laag .c-btn:hover {
    background: #208c3a;
}
.opsomming-items > div h4:after {
    content: '';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(https://tradre.com/wp-content/uploads/2024/03/content-icon.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: .2s ease-in-out;
}
.opsomming-items > div.open h4:after {
    transform: translateY(-50%) rotate(45deg);
}
.opsomming-items > div h4 {
    font-size: 18px;
    line-height: 150%;
    margin: 0;
    font-weight: 700;
    position: relative;
    flex-basis: 100%;
    width: 100%;
}
.opsomming-items > div:last-of-type {
    border-bottom: 1px solid #3D3F4B;
}
.opsomming-items > div {
    border-top: 1px solid #3D3F4B;
    padding: 30px 0px;
    cursor: pointer;
}
.opsomming-item > div:hover > h4 {
    color: #ffedde;
}
section#overons {
    background: black url(https://tradre.com/wp-content/uploads/2024/07/oranje-cirkel-fade.png) no-repeat;
    background-position: 0% 100%;
}
.page-id-401 section#overons {
    background: black url(https://tradre.com/wp-content/uploads/2024/11/over-ons-groen-cirkel.svg) no-repeat;
    background-position: 0% 100%;
}
section.over-ons-laag span.left.image-box {
    display: block;
    width: 100%;
    height: 304px;
    order: 2;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-top: 40px;
}
.bg-img-box img {
    display: none;
}
.opsomming-items > div div.text-box {
    max-height: 0;
    overflow: hidden;
    transition: .4s ease-in-out;
}
.opsomming-item div.text-box > :first-child {
    margin-top: 16px;
}

.opsomming-item.open div.text-box {
    max-height: 300px;
}
.opsomming-items {
    margin-top: 48px;
}
.opsomming-item > div > h4 {
    width: auto;
    flex-basis: auto;
    flex-grow: 2;
}
.opsomming-item > div span.icon {
    width: 30px;
    height: 30px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.opsomming-item > div {
    flex-wrap: nowrap;
    gap: 16px;
}
section.diensten-laag {
    position: relative;
    color: white;
    padding-bottom: 80px;
    padding-top: 80px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.20) 53%, rgba(0, 0, 0, 0.10) 98.5%), url(https://tradre.com/wp-content/uploads/2024/10/thumbnail_image005.png) lightgray 50% / cover no-repeat;
}
.page-id-401 section.diensten-laag {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.20) 53%, rgba(0, 0, 0, 0.10) 98.5%), url(https://tradre.com/wp-content/uploads/2024/11/wind-turbines-generating-electricity-scaled.jpg) lightgray 50% / cover no-repeat;
    background-position: center center;
}
section.diensten-laag .flexbox-wrapper > .c-btn {
    display: none;
}
.diensten-box.flexbox-wrapper {
    gap: 32px 8px;
    margin-top: 24px;
}


.diensten-box.flexbox-wrapper div.dienst-item h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}
div.navbar ul.sites {
    display: flex;
}
div.navbar ul.sites li a {
    display: inline-flex;
    height: 44px;
    padding: 9px 25px;
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
ul#primary-menu li:nth-of-type(1) {
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    margin-top: 24px;
}

div.navbar ul.sites {
    background: #1C1C1C;
    margin-top: 16px;
}
div.navbar ul.sites li:nth-of-type(1) a {
    background: #323232;
    text-decoration: none;
}
.diensten-box.flexbox-wrapper div.dienst-item span.icon {
    display: block;
    width: 126px;
    height: 111px;
}
.diensten-box.flexbox-wrapper div.dienst-item {
    flex-basis: calc(50% - 4px);
    width: calc(50% - 4px);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
section.projecten-laag {
    position: relative;
    background: white;
    padding: 80px 0px;
}
section.over-tradre-laag h3 {
    color: white;
}
.over-tradre-laag span.right.image-box {
    margin-top: 32px;
    height: 360px;
    background-size: cover !important;
    width: 100%;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
section.over-tradre-laag {
    position: relative;
    padding-top: 80px;
    color: white;
    padding-bottom: 80px;
    background: black url(https://tradre.com/wp-content/uploads/2024/07/background-contact-circle.png) no-repeat;
    background-position: 0% 80%;
}
section.nieuws-laag h3 {
    color: white;
}
.page-id-401 section.nieuws-laag {
    background: black url(https://tradre.com/wp-content/uploads/2024/11/over-ons-groen-cirkel.svg) no-repeat;
    background-position: 0% 0%;
}
section.nieuws-laag {
    position: relative;
    padding-top: 72px;
    padding-bottom: 80px;
    background: black url(https://tradre.com/wp-content/uploads/2024/07/background-contact-circle.png) no-repeat;
    background-position: 0% 0%;
}
body.home section.nieuws-laag {
    padding-top: 0;
}
section.contact-laag .form-box h3 {
    color: white;
}

.nieuws-item {
    height: 360px;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    overflow: hidden;
}
.header-laag a.c-btn.visible-desktop {
    display: none;
}
body.modal-open {
    padding-right: 0 !important;
    overflow: initial !important;
}
.nieuws-item a {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 16px;
    align-items: flex-end;
    color: white;
    z-index: 4;
    position: relative;
}
.nieuws-item a h4 {
    margin: 0;
    font-size: 24px;
    line-height: 26px;
    flex-basis: calc(100% - 80px);
    margin: 0;
    text-transform: uppercase;
}
.nieuws-item .flexbox-wrapper {
    flex-wrap: wrap;
}
.nieuws-item .flexbox-wrapper p.postdate {
    color: #EE720E;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.single-energie-nieuws .nieuws-item .flexbox-wrapper p.postdate {
    color: #208c3a;
}

.post-type-archive-energie-nieuws .nieuws-item .flexbox-wrapper p.postdate {
    color: #208c3a;
}
.nieuws-laag a.c-btn {
    display: none;
}
.nieuws-slider {
    margin-top: 16px;
    width: calc(100% + 24px);
}
.nieuws-slider .owl-stage {
    padding-left: 0 !important;
}
.nieuws-slider .owl-dots .active {
    height: 3px;
    background: white;
}
.nieuws-laag .inner > a.c-btn {
    display: block;
}
.nieuws-slider .owl-dots > div {
    flex-grow: 2;
}
.nieuws-slider .owl-dots {
    display: flex;
    margin: 32px 0px;
    align-items: center;
    background: rgba(255, 255, 255, 0.20);
    height: 1px;
}
.nieuws-item a span {
    display: block;
    width: 64px;
    height: 64px;
    background: url(https://tradre.com/wp-content/uploads/2024/03/arrow-news.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}
.nieuws-item a div {
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}
section.archief-nieuws.vacatures {
    background: black;
}
section.archief-projecten, section.archief-nieuws {
    position: relative;
    padding-top: 40px;
    padding-bottom: 80px;
}
.nieuws-wrapper.flexbox-wrapper {
    gap: 32px 16px;
}
.page-template-sub-contact section.crumbs * {
    color: white;
}
.page-template-sub-contact section.crumbs {
    padding-bottom: 40px;
}
section.crumbs span {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
section.crumbs {
    padding-top: 16px;
}
section.crumbs * {
    color: white;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
}
section.crumbs a { 
    text-decoration: underline;
}
section.crumbs a:hover {
    opacity: .6;
}
section.crumbs .inner {
    margin: 0 auto;
}
section.archief-projecten h2, body.archive .site-content h2 {
    color: white;
    font-family: Saira;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0;
    text-transform: uppercase;
}

section.archief-projecten h1, body.archive .site-content h1 {
    color: #EE720E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}
body.post-type-archive-energie-projecten, body.post-type-archive-projecten, body.post-type-archive-nieuws, body.post-type-archive-energie-nieuws {
    background: black;
    color: white;
}
li.sf-field-post-meta-categorie > ul li label {
    padding: 0 !important;
    font-weight: 600;
}
form ul li.sf-field-post-meta-categorie {
    padding: 0;
}
body.archive .filter {
    margin: 32px 0px;
}
body.post-type-archive-energie-projecten .filter {
    opacity: 0;
    pointer-events: none;
    margin-top: 0;
}
li.sf-field-post-meta-categorie > ul li input {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    cursor: pointer;
    width: 100%;
    padding: 0;
}
li.sf-field-post-meta-categorie > ul li {
    position: relative;
    border: 1px solid #ee720e;
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    cursor: pointer;
    gap: 10px;
    border-radius: 30px;
}
.post-type-archive-energie-vacatures li.sf-field-post-meta-categorie > ul li.sf-option-active, .post-type-archive-energie-vacatures li.sf-field-post-meta-categorie > ul li:hover {
    background: #208c3a;
}
.post-type-archive-energie-vacatures li.sf-field-post-meta-categorie > ul li {
    border: 1px solid #208c3a !important;
}
li.sf-field-post-meta-categorie > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
form#search-filter-form-127 ul {
    width: 100%;
}
li.sf-field-post-meta-categorie > ul li:hover, li.sf-field-post-meta-categorie > ul li.sf-option-active {
    background: white;
    color: black;
    border: 1px solid white;
}
body.archive div.nieuws-resultaten, .bekijk-ook-laag .projecten-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
}

.project-item a {
    display: flex;
    padding: 24px;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    align-items: flex-end;
}

.project-item {
    display: flex;
    align-items: flex-end;
    width: 100%;
    flex-basis: 100%;
    position: relative;
    min-height: 420px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.bekijk-ook-laag .projecten-wrapper {
    margin-top: 40px;
}
section.bekijk-ook-laag h2 {
    margin-bottom: 8px;
}
.project-content h3, .bekijk-ook-laag .project-content h3 {
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 26px;
    color: white;
    flex-basis: calc(100% - 80px);
}
.project-content h3 {
    animation: initial !important;
    opacity: 1;
}
 div.categorieen span {
    display: flex;
    padding: 9px 13px;
    display: none !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: #EE720E;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    line-height: 100%;
    border-radius: 40px;
    font-weight: 500;
}
.single-energie-projecten .left.content-box div.categorieen, .single-projecten .left.content-box div.categorieen {
    margin-bottom: 24px;
}
.single-projecten div.categorieen, .single-energie-projecten div.categorieen {
    margin-bottom: 16px !important;
}
.single-projecten div.categorieen span, .single-energie-projecten div.categorieen span {
    display: block !important;
    background: none;
    color: #EE720E;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.2px;
    line-height: 140%;
}
.single-energie-projecten div.categorieen span {
    color: #208c3a;
}

.locatie > span:nth-of-type(1), .oplevering > span:nth-of-type(1), .opdrachtgever > span:nth-of-type(1) {
    font-weight: 600;
    flex-basis: 122px;
}
.opdrachtgever {
    border-bottom: 1px solid rgba(12, 15, 30, 0.20);
}
.locatie, .oplevering, .opdrachtgever {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    display: flex;
    padding: 12px 0px;
}
.single-projecten .left.content-box H1, .single-energie-projecten .left.content-box h1 {
    margin-bottom: 0;
    text-transform: uppercase;
}
.single-energie-vacatures .left .text-box a, .single-energie-projecten .left .text-box a, .single-projecten .left .text-box a, .single-nieuws .left .text-box a, .single-vacatures .left .text-box a, .single-energie-nieuws .left .text-box a  {
    color: #EE720E;
    text-decoration: underline;
}
.single-energie-vacatures .left .text-box a:hover, .single-energie-projecten .left .text-box a:hover, .single-energie-nieuws .left .text-box a:hover {
    color: white;
}

.single-energie-vacatures .left .text-box a, .single-energie-projecten .left .text-box a, .single-energie-nieuws .left .text-box a {
    color: #208c3a;
}
.single-energie-vacatures .left .text-box a:hover, .single-energie-projecten .left .text-box a:hover, .single-projecten .left .text-box a:hover, .single-nieuws .left .text-box a:hover, .single-energie-nieuws .left .text-box a:hover, .single-vacatures .left .text-box a:hover{
    color: #0C0F1E;
}
.single-energie-vacatures .left .text-box h2, .single-energie-projecten .left .text-box h2, .single-nieuws .left .text-box h2, .single-projecten .left .text-box h2, .single-vacatures .left .text-box h2, .single-energie-nieuws .left .text-box h2{
    color: #0C0F1E;
    font-family: Roboto;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: initial;
    letter-spacing: 0;
}
.single-energie-vacatures .left .text-box h2, .single-vacatures .left .text-box h2 {
    color: white;
    margin-top: 40px;
}
.single-energie-vacatures .bekijk-ook-laag h3, .single-vacatures .bekijk-ook-laag h3 {
    color: white;
}
.single-vacatures .bekijk-ook-laag, .single-energie-vacatures .bekijk-ook-laag {
    background: black;
    color: white;
}
.single-energie-projecten .right.contact-box span.contact-afb, .single-projecten .right.contact-box span.contact-afb, .single-energie-nieuws .right.contact-box span.contact-afb, .single-nieuws .right.contact-box span.contact-afb, .single-vacatures .right.contact-box span.contact-afb{
    display: block;
    width: 100%;
    height: 230px;
    background-size: cover !important;
    background-position: center center !important;
}
.single-energie-projecten .left .text-box, .single-projecten .left .text-box {
    margin-top: 24px;
    margin-bottom: 24px;
}
.single-energie-projecten .right.contact-box, .single-projecten .right.contact-box, .single-nieuws .right.contact-box, .single-vacatures .right.contact-box, .single-energie-nieuws .right.contact-box, .single-energie-vacatures .right.contact-box {
    display: block;
    margin-top: 40px;
}
.single-energie-projecten .right.contact-box, .single-projecten .right.contact-box .content-box, .single-nieuws .right.contact-box .content-box, .single-vacatures .right.contact-box .content-box, .single-energie-vacatures .right.contact-box .content-box, .single-energie-nieuws .right.contact-box .content-box {
    background: white;
    position: relative;
    padding: 16px 24px;
}
.contact-box h4 {
    color: #000;
    font-family: Saira;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
div.categorieen {
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.project-item .project-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.project-item span.arrow-btn {
    display: block;
    width: 64px;
    height: 64px;
    background: url(https://tradre.com/wp-content/uploads/2024/03/arrow-news.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    transition: .2s ease-in-out;
    display: none !important;
    transform: rotate(0deg);
}
.project-item a {
    z-index: 2;
}
.project-item {
    overflow: hidden;
}
.project-item span.project-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .3s ease-in-out;
}
.project-item.uitgelicht a {
    color: white;
    display: flex;
    align-items: flex-start;
}
.project-item.uitgelicht {
    margin-top: 40px;
}
span.uitgelicht {
    display: flex;
    padding: 9px 13px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: #EE720E;
    display: none;
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    line-height: 100%;
    border-radius: 40px;
    font-weight: 500;
}
.project-item.uitgelicht div.project-content {
    margin-top: auto;
}
.project-item.uitgelicht h3 {
    flex-basis: 100%;
    color: white;
    margin-top: auto;
    width: 100%;
    opacity: initial !important;
    animation: initial !important;
}
.project-item.uitgelicht h3:before {
    content: 'Uitgelicht project';
    display: table;
    color: #EE720E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.project-item:hover .project-bg {
    transform: scale(1.1);
}
.nieuws-item span.arrow-btn {
    transition: .2s ease-in-out;
    transform: rotate(0deg);
    display: none;
}
section.project-detail.single-detail {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
section.bekijk-ook-laag {
    position: relative;
    padding: 40px 0px;
}
.single-nieuws section.bekijk-ook-laag h3, .single-energie-nieuws section.bekijk-ook-laag h3 {
    color: white;
}
.single-nieuws section.bekijk-ook-laag, .single-energie-nieuws section.bekijk-ook-laag {
    padding-top: 0;
    background: black;
    color: white;
}
.bekijk-ook-laag h3 {
    font-size: 32px;
    line-height: 40px;
    font-family: "Saira", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #0c0f1e;
}
.images-slider .owl-nav div {
    display: block;
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 100%;
    color: transparent;
}
.images-slider .owl-nav div.owl-prev {
    background: url(https://tradre.com/wp-content/uploads/2024/03/arrow-btn-left.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.single-energie-projecten .left.content-box, .single-projecten .left.content-box {
    margin-top: 0px;
}
.images-slider .owl-nav div.owl-next {
    background: url(https://tradre.com/wp-content/uploads/2024/03/arrow-btn-right.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.images-slider .owl-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 80px);
}
.project-item a:hover .arrow-btn, .nieuws-item a:hover .arrow-btn {
    transform: rotate(30deg);
}
.single-energie-projecten section.crumbs, .single-energie-projecten section.project-detail, .single-projecten section.crumbs, .single-projecten section.project-detail, .single-energie-nieuws section.crumbs, .single-energie-nieuws section.nieuws-detail, .single-energie-vacatures section.crumbs, .single-nieuws section.crumbs, .single-nieuws section.nieuws-detail, .single-vacatures section.crumbs, .single-vacatures section.nieuws-detail, .single-energie-vacatures section.nieuws-detail {
    background: black;
    color: white;
}
section.project-detail.single-detail {
    background: black url(https://tradre.com/wp-content/uploads/2024/07/background-contact-circle.png) no-repeat;
}
.project-detail .project-thumb {
    display: block;
    flex-basis: 100%;
    height: 320px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 40px;
}
.single-energie-projecten section.usp-laag div.usp-item, .single-projecten section.usp-laag div.usp-item {
    text-align: center;
}

.single-energie-projecten section.usp-laag, .single-projecten section.usp-laag {
    background-color: black;
    padding: 40px 0px;
}
.single-energie-projecten section.images-slider, .single-projecten section.images-slider {
    background: black;
}
section.project-content-laag .text-box {
    color: white;
}
section.project-content-laag {
    background: black;
    position: relative;
    padding: 40px 0px;
}
section.project-content-laag .content-box a.c-btn:hover {
    background: #ee720e;
}

section.project-content-laag .content-box a.c-btn {
    background: none;
    color: white;
    border: 1px solid #ee720e;
}
.single-energie-projecten section.quote-laag .quote-box, .single-projecten section.quote-laag .quote-box {
    color: white;
}
.single-energie-projecten section.quote-laag, .single-projecten section.quote-laag {
    background: black;
    position: relative;
    padding-bottom: 40px;
}
.quote-box p.auteur {
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}
section.quote-laag {
    padding-top: 40px;
}

.quote-box p.auteur, .quote-box p.functie {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}
.quote-box p {
    color: #FFF;
    text-align: center;
    font-family: Saira;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin: 24px 0px;
}
.quote-box span.quote-icon {
    display: block;
    width: 60px;
    height: 50px;
    background: url(https://tradre.com/wp-content/uploads/2024/07/quotes.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    margin: 0 auto;
    margin-bottom: 16px;
}
.quote-img.image-bg {
    display: block;
    width: 100%;
    height: 320px;
    background-size: cover !important;
    background-position: center center !important;
    margin-top: 40px;
}

.quote-img.image-bg img {
    display: none;
}
.single-energie-projecten section.bekijk-ook-laag h3, .single-projecten section.bekijk-ook-laag h3 {
    color: white;
}
.single-energie-projecten section.bekijk-ook-laag, .single-projecten section.bekijk-ook-laag {
    background: black;
}
section.project-content-laag h3 {
    font-size: 32px;
    line-height: 40px;
}
.usp-item span.icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url(https://tradre.com/wp-content/uploads/2024/07/schild-icon.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: -20px;
}
.single-energie-projecten .usp-item span.icon {
    background: url(https://tradre.com/wp-content/uploads/2024/11/schild-icon.svg) no-repeat;
}
.single-energie-projecten section.project-content-laag .content-box a.c-btn:hover {
    background: #208c3a;
}
.single-energie-projecten section.project-content-laag .content-box a.c-btn {
    border: 1px solid #208c3a;
}
.single-energie-projecten section.usp-laag div.usp-item, .single-projecten section.usp-laag div.usp-item {
    display: flex !important;
    align-items: center;
    color: var(--Color-Brand-white, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}
.usp-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.images-slider .slide {
    display: block;
    width: 100%;
    height: 240px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.images-slider .slide a {
    display: block;
    width: 100%;
    height: 100%;
}
section.contact-laag div.left.form-box {
    background: none;
    position: relative;
    padding: 0;
    color: white;
}
section.contact-laag {
    background: black;
    position: relative;
}
.nieuws-laag a.c-btn {
    border: 1px solid #EE720E;
    background: none;
    color: white;
    margin-top: 32px;
}
.nieuws-laag a.c-btn:hover {
    background: #0C0F1E;
    color: white;
}
.form input, .form textarea {
    border: 1px solid #262626;
    color: white;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    background: #262626;
    padding: 16px;
    transition: .1s ease-in-out;
}
.contact-items h5, .contact-items a {
    color: white !important;
}
.form input:focus, .form textarea:focus {
    border: 1px solid #0c0f1e;
}
span.gfield_required.gfield_required_text {
    position: relative;
    background: transparent !important;
    color: #c02b0a00 !important;
}
span.gfield_required.gfield_required_text:after {
    content: '* ';
    position: absolute;
    left: 0px;
    background: transparent;
    width: 100px;
    padding-left: 2px;
    font-weight: bold;
    color: white;
    font-size: 17px;
}
.page-template-sub-contact span.gfield_required.gfield_required_text:after {
    background: black;
    color: white;
    height: 110%;
    top: -1px;
    left: -1px;
}.page-template-sub-contact form input:focus, .page-template-sub-contact form textarea:focus {
    border: 1px solid white;
}
.page-template-sub-contact div.gchoice input:checked {
    background-color: white !important;
}
.page-template-sub-contact form input, .page-template-sub-contact form textarea {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.20);
    color: white;
}
div.gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0px;
}
div.gchoice input {
    width: 18px;
    cursor: pointer;
    height: 18px;
    padding: 0;
    margin: 0;
}
div.gchoice {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    flex-basis: 50%;
    width: 50%;
}
div.gchoice input:checked {
    background: #0C0F1E;
}
fieldset#field_1_6 {
    margin-top: 16px;
}
div#field_1_7 {
    margin-top: 0px;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 96px !important;
}
.gform_footer.before input:hover, input#gform_submit_button_3:hover {
    background: #d96101;
}
.single-energie-vacatures input#gform_submit_button_3 {
    background: #208c3a;
}
.single-energie-vacatures input#gform_submit_button_3:hover {
    background: #1f6430;
}
form#gform_3 {
    display: block;
    max-width: 600px;
}
.gform_footer.before input, input#gform_submit_button_3 {
    border-radius: 31px;
    background: #EE720E;
    border: 0;
    color: white;
    padding: 20px 20px;
    line-height: 1 !important;
    font-weight: 600;
    width: auto;
    margin-bottom: 0 !important;
}

.gform_footer.before {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 24px !important;
}
.contact-box .right.options-box span.contact-afb {
    display: block;
    width: 100%;
    height: 230px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: none !important;
}
.contact-box .right.options-box {
    margin-top: 20px;
}
.bel-ons a {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.bel-ons a:hover {
    text-decoration: underline;
}
footer#contact .footer-laag a:hover, .meta-laag a:hover {
    color: #fbd8bb;
}
.post-type-archive-energie-vacatures footer#contact .footer-laag a:hover, .post-type-archive-energie-vacatures footer#contact .meta-laag a:hover, .single-energie-vacatures footer#contact .meta-laag a:hover, .single-energie-vacatures footer#contact .footer-laag a:hover, .post-type-archive-energie-nieuws footer#contact .footer-laag a:hover, .post-type-archive-energie-nieuws footer#contact .meta-laag a:hover, .single-energie-nieuws footer#contact .meta-laag a:hover, .single-energie-nieuws footer#contact .footer-laag a:hover, .parent-pageid-401 footer#contact .meta-laag a:hover, .parent-pageid-401 footer#contact .footer-laag a:hover, .page-id-401 footer#contact .footer-laag a:hover, .page-id-401 .meta-laag a:hover, .single-energie-projecten footer#contact .footer-laag a:hover, .single-energie-projecten .meta-laag a:hover {
    color: #81d194;
}
.bel-ons h5 {
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0;
}
div.bel-ons {
    display: flex;
    margin-top: 32px;
    gap: 16px;
}
.contact-items {
    margin-bottom: 56px;
}
.terugbel-verzoek > div p {
    margin: 0;
    line-height: 20px;
}
.terugbel-verzoek > div h5 {
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0;
}
.terugbel-verzoek > div {
    flex-basis: calc(100% - 72px);
    width: calc(100% - 72px);
}
.terugbel-verzoek span.terugbel-icon, span.bel-icon {
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #EE720E;
    border-radius: 100%;
    background: url(https://tradre.com/wp-content/uploads/2024/03/terugbel-icon.svg) no-repeat;
    background-position: center center;
}
.mail-ons span.bel-icon {
    background: transparent url(https://tradre.com/wp-content/uploads/2024/04/tradre_email.svg) no-repeat;
    background-size: 22px;
    background-position: center center;
}
.bel-ons.mail-ons {
    border-top: 0;
    margin-top: 16px;
    padding-top: 0px;
}
span.bel-icon {
    background: #EE720E url(https://tradre.com/wp-content/uploads/2024/03/telefoon-icon-wit.svg) no-repeat;
    background-position: center center;
}
.meta-laag p, .meta-laag li, .meta-laag a {
    margin: 0;
    line-height: 22px;
    color: white;
}

footer#contact .footer-laag a {
    color: white;
}
.meta-laag {
    background: #1C1C1C;
    color: white;
}
.footer-laag {
    background: #1C1C1C;
    position: relative;
    padding: 64px 0px;
    color: white;
    padding-bottom: 1px;
}
section.contact-laag .inner {
    position: relative;
    z-index: 2;
}

section.contact-laag:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 260px;
    background: black;
    bottom: 0;
    left: 0;
    visibility: visible;
    z-index: 0;
    opacity: 0;
}
section.contact-laag {
    background: black url(https://tradre.com/wp-content/uploads/2024/07/oranje-cirkel-fade.png) no-repeat;
    position: relative;
    padding-bottom: 80px;
    background-position: 100% 140%;
}
.page-id-401 section.contact-laag {
    background: black url(https://tradre.com/wp-content/uploads/2024/11/contact-laag-groene-cirkel.svg) no-repeat;
    background-position: 100% 140%;
}
.post-type-archive-projecten section.contact-laag, .post-type-archive-energie-projecten section.contact-laag {
    padding: 0;
}
section.meta-laag .inner {
    display: flex;
    flex-wrap: wrap;
}
ul.socials {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    order: -1;
    margin-bottom: 24px;
}
ul.socials li {
    display: block;
    width: 42px;
    height: 42px;
    transition: .1s ease-in-out;
    border-radius: 100%;
    background: white;

}
section.meta-laag .inner {
    align-items: center;
}
.meta-laag ul li:hover {
    opacity: .7;
}

.meta-laag ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.meta-laag ul.socials li:after {
    display: none;
}
ul.socials li:nth-of-type(1) {
    background: url(https://tradre.com/wp-content/uploads/2024/07/linkedin-icon.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}
ul.socials li:nth-of-type(2) {
    background: url(https://tradre.com/wp-content/uploads/2024/07/insta-icon.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}
ul.socials li:nth-of-type(3) {
    background: url(https://tradre.com/wp-content/uploads/2024/07/facebook-icon.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.meta-laag ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}
.meta-laag p {
    margin-bottom: 8px;
}
.meta-laag ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.meta-laag ul li:after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background: white;
}
.meta-laag ul li:last-of-type:after {
    display: none;
}
.meta-laag {
    padding-bottom: 32px;
}
span.footer-logo {
    display: block;
    width: 100%;
    height: 57px;
    background-size: contain !important;
    background-position: 0% 0% !important;
    background-repeat: no-repeat !important;
    margin-bottom: 32px;
    width: 240px;
}
.certificaten > a:hover {
    opacity: .7;
}
.menu-box.snelnaar {
    display: block;
    width: 100%;
}
.menu-box a.c-btn {
    margin-top: 16px;
}
.menu-box p {
    margin: 0;
    margin-top: 8px;
}
.menu-box a.email {
    text-decoration: underline;
}
.menu-box a {
    display: block;
    margin-top: 8px;
}
.menu-box {
    margin-bottom: 24px;
}
.menu-box h4 {
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 12px;
}
.menu-box:last-of-type {
    margin-bottom: 0;
}
.footer-laag .inner > .flexbox-wrapper {
    border-bottom: 1px solid rgba(206, 207, 210, 0.30);
    padding-bottom: 40px;
    margin-bottom: 40px;
    gap: 0px 24px;
}
.terugbel-verzoek {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    position: relative;
    margin-top: 16px;
}
.terugbel-verzoek a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
header#masthead.fixed-header div#navbar ul li a {
    color: white;
}
header#masthead.fixed-header div#navbar ul li a:hover {
    color: #ee720e;
}

header#masthead.fixed-header {
    background: #000;
    box-shadow: 0px 4px 4px 0px rgba(93, 93, 93, 0.10);
}
div#navbar.open {
    max-height: 600px;
}
ul#primary-menu li:nth-of-type(1) {
    margin-top: 24px;
}
ul#primary-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
body:before {
    content: '';
    background: rgba(0, 0, 0, 0.60);
    mix-blend-mode: darken;
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    bottom: 0;
    z-index: 100;
    visibility: visible;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease-in-out;
}
body.menu-open:before {
    opacity: 1;
}

ul#primary-menu li a {
    color: white;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    display: block;
    padding: 16px 0px;
}
div.navbar a.c-btn {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 8px;
}
header#masthead.open {
    background: black
}

/* .fixed-header a.home-link, header#masthead.open a.home-link { 
    background: url(https://tradre.com/wp-content/uploads/2024/03/logo-blauw.svg) no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
} */
.contact-box .right .content-box h4 {
    color: white;
    font-family: Saira;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
}
.contact-box .right .content-box {
    background: #1C1C1C;
    position: relative;
    color: white;
    padding: 16px;
}
.contact-sub .options-box a, .contact-sub .options-box h5 {
    color: white !important;
}
span.postdate {
    color: #EE720E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    display: block;
    margin-bottom: 8px;
}
section.nieuws-detail.single-detail {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
.single-detail blockquote {
    margin-left: 0;
    margin-right: 0;
}
.single-detail blockquote p {
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    font-family: "Saira", sans-serif;
}
.single-detail blockquote em {
    font-size: 16px;
    font-style: normal;
    display: block;
    font-weight: 400;
    font-family: 'Roboto';
    margin-left: 24px;
}
.project-detail .left.content-box .text-box > p:first-of-type, .nieuws-detail .left.content-box .text-box > p:first-of-type {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}
.nieuws-detail span.single-thumb {
    display: block;
    width: 100%;
    height: 240px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-top: 32px;
    margin-bottom: 32px;
}
.page-template-sub-content section.crumbs {
    background: black;
}
.right.news-img > span {
    width: 100%;
    height: 100%;
    margin: 0;
}

.right.news-img {
    display: block;
    width: 100%;
    height: 360px;
    margin-top: 32px;
}

.page-template-sub-content section.sub-contentlaag {
    background: black;
    color: white;
    position: relative;
    padding: 40px 0px;
}
.menu span {
    background: white;
}

.menu div.open-btn span {
    width: 45px;
}
header.site-header div.menu .close-btn, .menu {
    width: 45px;
}
div.projecten-slider .slide {
    display: block;
    width: 100%;
    height: 402px;
    background-size: cover !important;
    background-position: center center !important;
    background-color: grey !important;
    background-repeat: no-repeat !important;
}
div.projecten-slider .slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
}
.projecten-laag a.c-btn {
    margin-left: auto;
    margin-right: auto;
}
.flexbox-wrapper.categorie-box {
    margin-top: 24px;
    gap: 16px;
}

.flexbox-wrapper.categorie-box a.cat-btn {
    color: #0C0F1E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    pointer-events: none;
    line-height: 150%;
}

div#terugbel .modal-dialog div.modal-header .close {
    position: absolute;
    right: 16px;
    top: 16px;
    margin: 0 !important;
    border-radius: 0;
    border: 0;
    width: 22px;
    height: 22px;
    background: url(https://tradre.com/wp-content/uploads/2024/04/close-popup.png) no-repeat;
    background-size: contain;
    background-position: center center;
    color: transparent;
}

div#terugbel .modal-dialog div.modal-header {
    position: relative;
}
.modal-header div.flexbox-wrapper > div.box {
    flex-basis: calc(100% - 56px);
    width: calc(100% - 56px);
}
.modal-header div.flexbox-wrapper span.terugbel-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url(https://tradre.com/wp-content/uploads/2024/03/terugbel-icon.svg) no-repeat;
    border-radius: 100%;
    background-position: center center;
    border: 1px solid #ee720e;
}
.modal-header div.flexbox-wrapper {
    flex-wrap: nowrap;
    gap: 16px;
}
.modal-header p {
    margin: 0;
}
.modal-header h5 {
    color: #0C0F1E;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
}
#terugbel .modal-body input, #terugbel .modal-body select {
    border: 1px solid #CECFD2;
    color: #0c0f1e;
    width: 100%;
}
#terugbel input#gform_submit_button_2 {
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #EE720E;
    border-radius: 30px;
    color: white;
    font-weight: 600;
    margin-top: 0;
    width: fit-content !important;
    border: 0 !important;
    margin-bottom: 0 !important;
    line-height: 24px;
}
form#gform_2 {
    display: block;
}
.modal-body span.gfield_required.gfield_required_text:after {
    background: white;
    color: #0c0f1e;
}
div#terugbel .modal-dialog {
    margin-top: 10vh;
    position: relative;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(170, 170, 170, 0.25);
    border-radius: 10px;
}
body.modal-open div#terugbel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0C0F1EB2;
}
.terugbel-verzoek:hover > div p {
    text-decoration: underline;
}
.ginput_container.ginput_container_date > input {
    background: url(https://tradre.com/wp-content/uploads/2024/04/kalender.svg) no-repeat;
    background-position: 96% 50%;
}
.contact-box.zonder-form div.left span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.contact-box.zonder-form div.left {
    display: block;
    width: 100%;
    height: 240px;
}
span.nieuws-item-hover {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute;
    opacity: 1;
    transition: .3s ease-in-out;
}
.nieuws-item:hover span.nieuws-item-hover {
    transform: scale(1.1);
}
.contact-box .form label.gfield_label {
    color: white;
}
body.archive .nieuws-item {
    flex-basis: 100%;
    width: 100%;
}
.nieuws-laag a.c-btn:hover {
    background: #ee720e;
}
.post-type-archive-nieuws section.contact-laag, .post-type-archive-vacatures section.contact-laag {
    padding: 0;
}

@keyframes titlePlacementSide {
    0%   {opacity:0;transform:translate(-30px, 0);}
    100% {opacity:1; transform:translateX(0);}
  }
  @keyframes titlePlacementSide60 {
    0%   {opacity:0;transform:translate(-60px, 0);}
    100% {opacity:1; transform:translateX(0);}
  }
  @keyframes titlePlacementSide60Right {
    0%   {opacity:0;transform:translate(60px, 0);}
    100% {opacity:1; transform:translateX(0);}
  }

  @keyframes titlePlacementBottom {
    0%   {opacity:0;transform:translate(0, 30px);}
    100% {opacity:1; transform:translateY(0);}
  }

  .form-box.form, .los-project-laag .project-item, .bekijk-ook-laag .projecten-wrapper .project-item, .quote-laag .flexbox-wrapper .quote-img, .quote-laag .quote-box p, .quote-laag .quote-box span.quote-icon, section.project-content-laag .text-box, .usp-laag .usp-item, .project-detail .project-thumb, .locatie, .oplevering, .opdrachtgever, .project-detail .content-box .text-box, .project-detail div.categorieen, .single-projecten .left.content-box h1, .single-energie-projecten .left.content-box h1, .usp-laag .usp-slider-twee .owl-item, .usp-laag .usp-slider .owl-item, footer .contact-laag .form, .contact-sub .contact-box .right .content-box, .contact-sub .contact-box .form, .contact-sub .left .text-box, .contact-laag.contact-sub h1, .contact-laag.contact-sub h2, .nieuws-detail .right.news-img, .nieuws-detail .content-box .text-box, .nieuws-detail span.postdate, .single-energie-vacatures h1, .single-energie-vacatures span.postdate, .single-nieuws h1, .single-energie-nieuws h1, .single-vacatures h1, .archief-nieuws .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(6), .archief-nieuws .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(5), .archief-nieuws .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(4), .archief-nieuws .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(2), .archief-nieuws .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(3), .archief-nieuws .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(1) , section.archief-projecten h1, body.archive .site-content h1, .achtergrond-bg-laag a.c-btn, .achtergrond-bg-laag .text-box, section.tekst-video-laag .text-box, .page-template-sub-overons section.tekst-afb-laag .afb-box, .page-template-sub-overons section.tekst-afb-laag .text-box .c-btn, .page-template-sub-overons section.tekst-afb-laag .text-box, .contact-laag .contact-items > div, section.contact-laag div.left.form-box > p, .over-tradre-laag .project-item.uitgelicht, section.over-ons-laag span.left.image-box, .nieuws-slider .owl-item, .nieuws-laag a.c-btn, section.over-tradre-laag .c-btn, section.over-tradre-laag .inner.flexbox-wrapper div.text-box, .diensten-box.flexbox-wrapper div.dienst-item, section.header-laag h1, section h2, section h3, .over-ons-laag .inner.flexbox-wrapper .right div.text-box, .over-ons-laag .opsomming-items > div {
    opacity: 0;
  }

    .quote-laag.is-inview .quote-box span.quote-icon, .is-inview.project-detail div.categorieen, .is-inview.contact-laag.contact-sub h1, .is-inview.nieuws-detail span.postdate, body.archive .site-content .is-inview h1, section.is-inview.archief-projecten h1, section.is-inview h2{
        animation: titlePlacementSide 1s ease-in-out 0.2s forwards;
        animation-iteration-count: 1;
    }
    .quote-laag.is-inview .quote-box p, section.project-content-laag.is-inview .text-box, .is-inview .form-box.form, .project-detail.is-inview .content-box .text-box, .single-projecten .project-detail.is-inview .left.content-box h1, .single-energie-projecten .project-detail.is-inview .left.content-box h1, .contact-sub.is-inview .contact-box .form, .contact-sub.is-inview .left .text-box, .single-nieuws .nieuws-detail.is-inview h1, .single-energie-nieuws .nieuws-detail.is-inview h1, .single-vacatures .nieuws-detail.is-inview h1, .single-energie-vacatures .nieuws-detail.is-inview h1, .nieuws-detail.is-inview .content-box .text-box, .is-inview.achtergrond-bg-laag a.c-btn, .is-inview.achtergrond-bg-laag .text-box, .page-template-sub-overons section.tekst-afb-laag.is-inview .text-box .c-btn, section.is-inview h3, section.header-laag.is-inview h1, .is-inview.nieuws-laag a.c-btn{
        animation: titlePlacementBottom .8s ease-in-out 0.4s forwards;
        animation-iteration-count: 1;
    }
    .los-project-laag.is-inview .project-item, .is-inview .locatie, .is-inview .oplevering, .is-inview .opdrachtgever, .is-inview.contact-laag.contact-sub h2, section.tekst-video-laag.is-inview .text-box, .page-template-sub-overons section.tekst-afb-laag.is-inview .text-box, section.is-inview.over-ons-laag .inner.flexbox-wrapper .right div.text-box, section.over-tradre-laag.is-inview .inner.flexbox-wrapper div.text-box, section.over-tradre-laag.is-inview .c-btn, section.contact-laag.is-inview div.left.form-box > p {
        animation: titlePlacementBottom .8s ease-in-out 0.4s forwards;
        animation-iteration-count: 1;
    }

    .quote-laag.is-inview .flexbox-wrapper .quote-img, .is-inview.project-detail .project-thumb, footer .contact-laag.is-inview .form, .contact-sub.is-inview .contact-box .right .content-box, .nieuws-detail.is-inview .right.news-img, .page-template-sub-overons section.tekst-afb-laag.is-inview .afb-box.right, .is-inview.over-tradre-laag .project-item.uitgelicht {
        animation: titlePlacementSide60Right 1s ease-in-out .5s forwards;
        animation-iteration-count: 1;
    }
    .is-inview.bekijk-ook-laag .projecten-wrapper .project-item:nth-of-type(1), .usp-laag.is-inview .usp-item:nth-of-type(1), .usp-laag.is-inview .usp-slider-twee .owl-item:nth-of-type(1), .usp-laag.is-inview .usp-slider .owl-item:nth-of-type(1), .archief-nieuws.is-inview .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(1), section.tekst-afb-laag.extra-tekst-laag.is-inview .afb-box.left, .is-inview .opsomming-items > div:nth-of-type(1), .is-inview .diensten-box.flexbox-wrapper div.dienst-item:nth-of-type(1), .is-inview .nieuws-slider .owl-item:nth-of-type(1), section.over-ons-laag.is-inview span.left.image-box, .is-inview.contact-laag .contact-items > div:nth-of-type(1) {
        animation: titlePlacementSide60 1s ease-in-out .5s forwards;
        animation-iteration-count: 1;
    }
    .is-inview.bekijk-ook-laag .projecten-wrapper .project-item:nth-of-type(2), .usp-laag.is-inview .usp-item:nth-of-type(2), .usp-laag.is-inview .usp-slider-twee .owl-item:nth-of-type(2), .usp-laag.is-inview .usp-slider .owl-item:nth-of-type(2), .archief-nieuws.is-inview .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(2), .is-inview .opsomming-items > div:nth-of-type(2), .is-inview .diensten-box.flexbox-wrapper div.dienst-item:nth-of-type(3), .is-inview .nieuws-slider .owl-item:nth-of-type(2), .is-inview.contact-laag .contact-items > div:nth-of-type(2) {
        animation: titlePlacementSide60 1s ease-in-out .6s forwards;
        animation-iteration-count: 1;
    }
    .is-inview.bekijk-ook-laag .projecten-wrapper .project-item:nth-of-type(3), .usp-laag.is-inview .usp-item:nth-of-type(3), .usp-laag.is-inview .usp-slider-twee .owl-item:nth-of-type(3), .usp-laag.is-inview .usp-slider .owl-item:nth-of-type(3), .archief-nieuws.is-inview .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(3), .is-inview .opsomming-items > div:nth-of-type(3), .is-inview .diensten-box.flexbox-wrapper div.dienst-item:nth-of-type(5), .is-inview .nieuws-slider .owl-item:nth-of-type(3), .is-inview.contact-laag .contact-items > div:nth-of-type(3) {
        animation: titlePlacementSide60 1s ease-in-out .7s forwards;
        animation-iteration-count: 1;
    }
    .archief-nieuws.is-inview .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(4), .is-inview .diensten-box.flexbox-wrapper div.dienst-item:nth-of-type(7), .usp-laag.is-inview .usp-slider-twee .owl-item:nth-of-type(4) {
        animation: titlePlacementSide60 1s ease-in-out .8s forwards;
        animation-iteration-count: 1;
    }
    .archief-nieuws.is-inview .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(5), .is-inview .diensten-box.flexbox-wrapper div.dienst-item:nth-of-type(9), .usp-laag.is-inview .usp-slider-twee .owl-item:nth-of-type(5) {
        animation: titlePlacementSide60 1s ease-in-out .9s forwards;
        animation-iteration-count: 1;
    }
    .archief-nieuws.is-inview .nieuws-wrapper.flexbox-wrapper > div:nth-of-type(6), .is-inview .diensten-box.flexbox-wrapper div.dienst-item:nth-of-type(11) {
        animation: titlePlacementSide60 1s ease-in-out 1s forwards;
        animation-iteration-count: 1;
    }
    /* .is-inview form#search-filter-form-127 ul > li:nth-of-type(7) {
        animation: titlePlacementSide60 1s ease-in-out 1.1s forwards;
        animation-iteration-count: 1;
    }
    .is-inview form#search-filter-form-127 ul > li:nth-of-type(8) {
        animation: titlePlacementSide60 1s ease-in-out 1.2s forwards;
        animation-iteration-count: 1;
    } */


    .page-template-sub-overons section.tekst-afb-laag .afb-box {
        display: block;
        width: 100%;
        margin-top: 40px;
        height: 320px;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
    .single-energie-nieuws section.bekijk-ook-laag h2, .single-energie-nieuws span.postdate {
        color: #208c3a;
    }
    .page-template-sub-overons section.tekst-afb-laag .text-box a:not(.c-btn) {
        color: #ee720e;
        text-decoration: underline;
    }
    .page-template-sub-overons section.tekst-afb-laag .text-box {
        color: white;
    }
    .page-template-sub-overons section.crumbs {
        background: black;
    }
    .page-template-sub-overons section.tekst-afb-laag {
        position: relative;
        background: black;
        padding: 40px 0px;
    }
    .page-template-sub-overons section.tekst-afb-laag .afb-box img {
        display: none;
    }
    section.tekst-video-laag .text-box {
        color: white;
    }
    section.tekst-video-laag {
        padding: 40px 0px;
        position: relative;
        background: black;
    }
    section.achtergrond-bg-laag span.afb-box img {
        display: none;
    }
    
    section.achtergrond-bg-laag span.afb-box {
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover !important;
        background-position: center center !important;
        width: 100%;
        height: 100%;
    }
    section.achtergrond-bg-laag {
        position: relative;
        background: black;
        color: white;
        padding: 80px 0px;
    }

    section.los-project-laag .project-content h3 {
        color: var(--Color-Brand-white, #FFF);
        font-family: Roboto;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase;
    }
    
    section.los-project-laag .project-item .project-content {
        flex-wrap: wrap;
    }
    section.los-project-laag {
        background: black;
        position: relative;
    }
    body.page-id-401 section.los-project-laag {
        display: none;
    }
    body.page-id-401 span.header-image {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        top: 0;
    }
    body.page-id-401 h1 {
        text-shadow: 2px 2px 5px #4d4d4d;
    }
    section.los-project-laag .project-item .project-content div.knoppen a.c-btn:nth-of-type(2) {
        border: 1px solid #EE720E;
    }
    
    section.los-project-laag .project-item .project-content div.knoppen a.c-btn:nth-of-type(1) {
        border: 1px solid #EE720E;
        background: none;
        color: white;
    }
    section.los-project-laag .project-item .project-content div.knoppen a.c-btn:nth-of-type(1):hover {
        background: #ee720e;
    }
    section.los-project-laag .project-item div.knoppen {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
        margin-top: 16px;
    }
    section.los-project-laag .project-item .project-content div.knoppen a.c-btn {
        margin: 0;
        padding: 16px 20px;
    }
    section.los-project-laag .project-item .project-content {
        flex-wrap: wrap;
        z-index: 10;
    }
    .los-project-laag .project-item {
        min-height: 608px;
        background: #212121;
        padding: 24px;
    }
    section.video-laag {
        height: 100%;
        top: 0;
        left: 0;
    }
    .sgpb-popup-builder-content-html section.video-laag {
        top: 0;
        position: absolute;
        left: 0;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
    }
    .video-laag iframe {
        max-height: initial;
        position: absolute;
        top: 50%;
        height: 150%;
        max-width: initial;
        transform: translateY(-50%);
        width: 250%;
        left: -70%;
        z-index: 0;
    }
    .video-laag iframe {
        height: 200%;
        width: 280%;
        left: -90%;
    }
    div.validation_message {
        background: none !important;
        padding: 6px !important;
        width: fit-content !important;
        background: #c02b0a !important;
        color: white !important;
    }
    div#gform_1_validation_container {
        display: none !important;
    }
    .tekst-video-laag .video-box {
        flex-basis: 100%;
        width: 100%;
    }
    .tekst-video-laag .video-box div.video-wrap {
        height: 100%;
        top: 0;
        left: 0;
    }
    
    .tekst-video-laag .video-box {
        flex-basis: 100%;
        width: 100%;
        height: 320px;
        margin-bottom: 32px;
    }
    /* .tekst-video-laag .video-box div.video-wrap iframe {
        max-height: initial;
        position: absolute;
        top: 50%;
        height: 150%;
        max-width: initial;
        transform: translateY(-50%);
        width: 250%;
        left: -70%;
        z-index: 0;
        height: 120%;
        width: 280%;
        left: -90%;
    } */
    .tekst-video-laag .video-box div.video-wrap {
        height: 100%;
        top: 0;
        left: 0;
        position: relative;
        overflow: hidden;
        pointer-events: none;
    }
    .tekst-video-laag .video-box div.video-wrap iframe {
        position: absolute;
        width: 130%;
        height: 120%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .single-projecten .tekst-video-laag .video-box div.video-wrap iframe {
        width: 100%;
    }
    .single-projecten section.tekst-video-laag .video-box {
        order: 2;
        margin-bottom: 0;
        height: 200px;
        margin-top: 24px;
    }
    ul.sites {
        display: none;
    }


    section.energieadvies.tekst-afb-laag .c-btn:hover {
        background: #208c3a !important;
    }
    section.energieadvies.tekst-afb-laag .c-btn {
        border: 1px solid #208c3a !important;
    }
    section.energieadvies h2 {
        color: #208c3a;
    }

    .post-type-archive-vacatures li.sf-field-post-meta-categorie ul li.sf-level-0:nth-of-type(4):hover, .post-type-archive-vacatures li.sf-field-post-meta-categorie ul li.sf-level-0:nth-of-type(4).sf-option-active {
        border: 1px solid #208c3a;
        background: #208c3a;
    }
    .post-type-archive-vacatures li.sf-field-post-meta-categorie ul li.sf-level-0:nth-of-type(4) {
        border: 1px solid #208c3a;
    }
    li.sf-field-post-meta-categorie ul li {
        padding-left: 24px;
        padding-right: 24px;
    }
    li.sf-field-post-meta-categorie ul li:hover, li.sf-field-post-meta-categorie ul li.sf-option-active {
        background: #ee720e;
        color: white;
        border: 1px solid #ee720e;
    }
    li.sf-field-post-meta-categorie ul {
        gap: 8px;
        color: white;
    }
    li#menu-item-654 {
        display: none;
    }
    .page-id-401 li#menu-item-126 {
        display: none;
    }
    .page-id-401 li#menu-item-654 {
        display: block;
    }
    .is-inview form#search-filter-form-127 ul > li:nth-of-type(8).sf-option-active {
        background: #208c3a;
    }
    .post-type-archive-energie-projecten li.sf-field-post-meta-categorie > ul li.sf-option-active, .post-type-archive-energie-projecten li.sf-field-post-meta-categorie > ul li:hover {
        background: #208c3a;
    }
    .post-type-archive-energie-projecten li.sf-field-post-meta-categorie > ul li {
        border: 1px solid #208c3a;
    }
    .is-inview form#search-filter-form-127 ul > li:nth-of-type(8) {
        border: 1px solid #208c3a;
        display: none;
    }
    body.Energieadvies .is-inview form#search-filter-form-127 ul > li:nth-of-type(8) {
        opacity: 1;
        pointer-events: all;
        display: block;
    }
    body.Energieadvies li.sf-field-post-meta-categorie ul li:nth-of-type(8) {
        display: block;
    }
    body.Energieadvies li.sf-field-post-meta-categorie ul li {
        display: none;
    }
    body.Energieadvies section.archief-projecten h1 {
        color: #208c3a;
    }
    body.Energieadvies a.c-btn:hover {
        background: #186d2c;
    }
    body.Energieadvies a.c-btn {
        background: #208c3a;
    } 
   
    .page-id-401 section.over-tradre-laag.is-inview {
        display: none !important;
    }

    .parent-pageid-401 ul.nav-menu li.menu-item-348, .page-id-401 ul.nav-menu li.menu-item-348 {
        display: none;
    }
    .parent-pageid-401 ul.nav-menu li.energieadvies, .page-id-401 ul.nav-menu li.energieadvies {
        display: block;
    }
    ul.nav-menu li.energieadvies {
        display: none;
    }
    p.white {
        color: white;
        text-align: center;
        margin: 0 auto;
    }
    .post-type-archive-energie-projecten h1 {
        color: #208c3a !important;
    }
    body.post-type-archive-energie-vacatures h1 {
        color: #208c3a !important;
    }
    .page-id-401 header a.n-btn.telefoon, .post-type-archive-energie-vacatures header a.n-btn.telefoon, .single-energie-vacatures header a.n-btn.telefoon, .post-type-archive-energie-nieuws header a.n-btn.telefoon, .single-energie-nieuws header a.n-btn.telefoon, .parent-pageid-401 header a.n-btn.telefoon, .post-type-archive-energie-projecten header a.n-btn.telefoon, .single-energie-projecten header a.n-btn.telefoon {
        background: #208c3a url(https://tradre.com/wp-content/uploads/2024/03/telefoon-icon-wit.svg) no-repeat;
        background-position: center center;
    }
    .post-type-archive-energie-vacatures div#navbar ul a:hover, .single-energie-vacatures div#navbar ul a:hover, .post-type-archive-energie-nieuws div#navbar ul a:hover, .single-energie-nieuws div#navbar ul a:hover, .parent-pageid-401 div#navbar ul a:hover, .post-type-archive-energie-projecten div#navbar ul a:hover, .single-energie-projecten div#navbar ul a:hover, .page-id-401 div#navbar ul a:hover {
        color: #208c3a !important;
    }
    .parent-pageid-401 li#menu-item-507, .page-id-401 li#menu-item-125, .page-id-401 li#menu-item-126, .page-id-401 li#menu-item-348, .page-id-401 li#menu-item-507 {
        display: none;
    }
    .single-energie-nieuws li#menu-item-125, .post-type-archive-energie-nieuws li#menu-item-125, .post-type-archive-energie-nieuws li#menu-item-126, .post-type-archive-energie-nieuws li#menu-item-348, .single-energie-nieuws li#menu-item-126, .single-energie-nieuws li#menu-item-348, .parent-pageid-401 li#menu-item-125, .parent-pageid-401 li#menu-item-126, .parent-pageid-401 li#menu-item-348, .post-type-archive-energie-projecten li#menu-item-126, .post-type-archive-energie-projecten li#menu-item-125, .post-type-archive-energie-projecten li#menu-item-348, .single-energie-projecten li#menu-item-126, .single-energie-projecten li#menu-item-125, .single-energie-projecten li#menu-item-348 {
        display: none;
    }
    .post-type-archive-energie-vacatures li#menu-item-125, .post-type-archive-energie-vacatures li#menu-item-126, .post-type-archive-energie-vacatures li#menu-item-348, .post-type-archive-energie-vacatures li#menu-item-507, .single-energie-vacatures li#menu-item-125, .single-energie-vacatures li#menu-item-126, .single-energie-vacatures li#menu-item-348, .single-energie-vacatures li#menu-item-507 {
        display: none;
    }
    .post-type-archive-energie-nieuws li#menu-item-125, .post-type-archive-energie-nieuws li#menu-item-126, .post-type-archive-energie-nieuws li#menu-item-348, .post-type-archive-energie-nieuws li#menu-item-507, .single-energie-nieuws li#menu-item-125, .single-energie-nieuws li#menu-item-126, .single-energie-nieuws li#menu-item-348, .single-energie-nieuws li#menu-item-507 {
        display: none;
    }
    .post-type-archive-energie-projecten li#menu-item-125, .post-type-archive-energie-projecten li#menu-item-126, .post-type-archive-energie-projecten li#menu-item-348, .post-type-archive-energie-projecten li#menu-item-507, .single-energie-nieuws li#menu-item-125, .single-energie-projecten li#menu-item-126, .single-energie-projecten li#menu-item-348, .single-energie-projecten li#menu-item-507 {
        display: none;
    }

    .page-id-401 li.energieadvies, .single-energie-vacatures li.energieadvies, .post-type-archive-energie-vacatures li.energieadvies, .post-type-archive-energie-nieuws li.energieadvies, .single-energie-nieuws li.energieadvies, .parent-pageid-401 li.energieadvies, .post-type-archive-energie-projecten li.energieadvies, .single-energie-projecten li.energieadvies {
        display: block !important;
    }
    .single-energie-vacatures span.postdate {
        color: #208c3a;
    }
    .single-energie-vacatures .bekijk-ook-laag h2 {
        color: #208c3a;
    }
    .project-detail.single-detail .text-box span.n-btn {
        order: 10;
    }
    .project-detail.single-detail .text-box {
        display: flex;
        flex-wrap: wrap;
    }

    .single .text-box ul {
        margin: 16px 0px;
    }
    
    .single .text-box ul li:before {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        background: white;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 8px;
    }
    .single .text-box ul li {
        position: relative;
        padding-left: 19px;
    }




/*Sub standaard text*/

body.page-template-sub-textcontent {
    color: #000000;
}

body.page-template-sub-textcontent section h2,
body.page-template-sub-textcontent section h3 {
    opacity: 1;
}

body.page-template-sub-textcontent .sub-contentlaag .inner {
    padding: 24px;
}

body.page-template-sub-textcontent section.crumbs {
    padding-bottom: 16px;
}

body.page-template-sub-textcontent section.contact-laag {
    padding-top: 80px;
}

#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    color: #000;
}

#cmplz-document a, .editor-styles-wrapper .cmplz-unlinked-mode a {
    text-decoration: underline;
    color: #000;
}

/*Sub standaard text END*/





/**
 * Media Queries
 * ----------------------------------------------------------------------------
 */
 .certificaten a.fsc {
    background: white url(https://tradre.com/wp-content/uploads/2024/11/FSC_C118359_Promotional_with_text_Portrait_BlackOnWhite_r_GwNblI-1.jpeg) no-repeat;
    background-size: 50%;
    background-position: center center;
}
.certificaten a.vca {
    background: white url(https://tradre.com/wp-content/uploads/2024/11/Gecertificeerd-VCA2-Kleur.png) no-repeat;
    background-size: 60px;
    background-position: center center;
}
.certificaten > a {
    display: block;
    width: 70px;
    height: 70px;
    transition: .1s ease-in-out;
    background: white;
    border-radius: 100%;
}
.certificaten {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
}

 .diensten-box.flexbox-wrapper div.dienst-item h4 {
    margin-top: 8px;
    color: white;
}
.diensten-box.flexbox-wrapper div.dienst-item a {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.diensten-box .modal-dialog .modal-content {
    background: black;
    margin: 0 !important;
    overflow: hidden;
}
.diensten-box .modal-body > p:last-of-type {
    margin-bottom: 0;
}
.diensten-box .modal-body > p:first-of-type {
    margin-top: 0;
}
.diensten-box .modal-body {
    padding: 32px;
}

.diensten-box .modal-dialog {
    margin-top: 10vh;
}
.diensten-box button.close {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    border: 0;
    background: #ee720e;
    margin-top: 0;
}
.diensten-box button.close:hover {
    opacity: .75;
}
.page-id-401 .diensten-box button.close {
    background: #208c3a;
}

.diensten-box .modal-header h4 {
    padding-top: 0 !important;
    font-family: 'Saira';
    text-transform: uppercase;
    font-size: 22px;
}
.diensten-box .modal-header {
    border-bottom: 0px;
    padding: 32px 32px 0px;
}

 body.parent-pageid-401 span.afbouw {
    display: none;
}

body.parent-pageid-401 span.energieadvies {
    display: inline !important;
}

 .sgpb-popup-dialog-main-div-theme-wrapper-1 .header-video {
    position: absolute;
}

 .header-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.header-video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 body.archive.Energieadvies h1 {
    color: #208c3a;
}

 div#gform_3_validation_container {
    display: none !important;
 }
 .project-detail .text-box.lees-meer-tekst {
    max-height: 0;
    overflow: hidden;
    transition: .2s ease-in-out;
}
.project-detail .text-box.lees-meer-tekst.active {
    max-height: 1000px;
}
.project-detail span.n-btn span {
    cursor: pointer;
}
.project-detail span.n-btn span:hover {
    color: #ee720e;
}
.single-energie-projecten .project-detail span.n-btn span:hover {
    color: #208c3a;
}
.project-detail .text-box.lees-meer-tekst {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.project-detail span.n-btn.active {
    margin-top: 24px;
}
.project-detail span.n-btn span:nth-of-type(1) {
    display: block;
}
.project-detail span.n-btn span:nth-of-type(2) {
    display: none;
}
.project-detail span.n-btn.active span:nth-of-type(2) {
    display: block;
}
.project-detail span.n-btn.active span:nth-of-type(1) {
    display: none;
}

 .sgpb-popup-dialog-main-div-theme-wrapper-1 * {
    z-index: 2;
    position: relative;
}

.project-detail span.n-btn {
    text-decoration: underline;
    font-weight: bold;
}
.sgpb-popup-dialog-main-div-theme-wrapper-1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(12, 15, 30, 0.80);
    top: 0;
    left: 0;
}
.sgpb-popup-dialog-main-div-theme-wrapper-1 {
    left: 0 !important;
    top: 0 !important;
    width: 100vw;
    height: 100vh;
    background: url(https://tradre.com/wp-content/uploads/2024/07/pop-up-background.jpg) no-repeat;
    background-size: cover !important;
    background-position: 50% 50% !important;
    overflow: hidden !important;
}
div#sgpb-popup-dialog-main-div * {
    color: white;
}
div#sgpb-popup-dialog-main-div {
    max-width: 100vw !important;
    max-height: 100vh !important;
    height: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    width: 100% !important;
    color: white !important;
}
.sgpb-popup-builder-content-396.sgpb-popup-builder-content-html, .sgpb-popup-builder-content-396.sgpb-popup-builder-content-html > div, .sgpb-popup-builder-content-396.sgpb-popup-builder-content-html .flexbox-wrapper {
    height: 100%;
}
 .container {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    left: 0;
    top: 0;
  }
  .container .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
  }
  .container .background-img {
   
  }
  .sgpb-main-html-content-wrapper div.afbouw .special-btn:before, .sgpb-main-html-content-wrapper div.energieadvies .special-btn:before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background: orange;
    border-radius: 100%;
}
.sgpb-main-html-content-wrapper div.afbouw .special-btn, .sgpb-main-html-content-wrapper div.energieadvies .special-btn {
    text-decoration: underline;
    display: flex;
    align-items: center;
    gap: 16px;
}
.sgpb-main-html-content-wrapper div.afbouw .special-btn:before {
    background: url(https://tradre.com/wp-content/uploads/2024/07/white-button-orange-arrow.svg) no-repeat;
    background-size:cover;
    background-position: center center;
    transition: .1s ease-in-out;
}
.sgpb-main-html-content-wrapper div.energieadvies .special-btn:before {
    background: url(https://tradre.com/wp-content/uploads/2024/07/white-button-arow-1.svg) no-repeat;
    background-size:cover;
    background-position: center center;
    transition: .1s ease-in-out;
}
.sgpb-main-html-content-wrapper div.afbouw:hover .special-btn:before {
    background: url(https://tradre.com/wp-content/uploads/2024/07/orange-button-arrow.svg) no-repeat;
    background-size: cover;
    background-position: center center;
} 
.sgpb-main-html-content-wrapper div.energieadvies:hover .special-btn:before {
    background: url(https://tradre.com/wp-content/uploads/2024/07/arrow-green-white.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.sgpb-main-html-content-wrapper div.afbouw h2, .sgpb-main-html-content-wrapper div.energieadvies h2 {
    color: #FFF;
    font-family: Saira;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
}
.sgpb-main-html-content-wrapper div.energieadvies, .sgpb-main-html-content-wrapper div.afbouw {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
div#sgpb-popup-dialog-main-div .flexbox-wrapper > div.afbouw a img {
    display: block !important;
}
.sgpb-main-html-content-wrapper div.afbouw span.close-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1000;
    color: transparent !important;
}
div#sgpb-popup-dialog-main-div * {
    color: white;
}
.sgpb-main-html-content-wrapper div.energieadvies div.content-box {
    pointer-events: none;
}
.sgpb-main-html-content-wrapper div.energieadvies:hover .special-btn, .sgpb-main-html-content-wrapper div.afbouw:hover .special-btn {
    text-decoration: none;
}
.sgpb-popup-dialog-main-div-theme-wrapper-1 > img {
    display: none !important;
}
img.sgpb-popup-close-button-1 {
    position: absolute;
    bottom: initial !important;
    top: 0 !important;
    right: 0 !important;
    position: fixed !important;
        opacity: 0 !important;
    width: 100vw !important;
    height: 50vh !important;
    opacity: 0 !important;
}
.sgpb-main-html-content-wrapper div.energieadvies > a, .sgpb-main-html-content-wrapper div.afbouw > a {
    position: absolute;
    width: 100%;
    height: 100%;
    color: transparent !important;
}
.sgpb-main-html-content-wrapper div.afbouw:after {
    content: '';
    display: block;
    position: absolute;
    width: 120px;
    height: 120px;
    background: #EE720E url(https://tradre.com/wp-content/uploads/2024/07/tradre-leeuw-icon.svg) no-repeat;
    bottom: -40px;
    border-radius: 100%;
    background-size: 70%;
    background-position: center center;
}
.sgpb-main-html-content-wrapper div.afbouw {
    background: rgba(12, 15, 30, 0.80);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}
  .container .foreground-img {

    width: 50%;
  }
  .container .slider {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    background: rgba(242, 242, 242, 0);
    outline: none;
    margin: 0;
    transition: all 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container .slider:hover {
    background: rgba(242, 242, 242, 0.1);
  }
  .container .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 6px;
    height: 600px;
    background: white;
    cursor: pointer;
  }
  .container .slider::-moz-range-thumb {
    width: 6px;
    height: 600px;
    background: white;
    cursor: pointer;
  }
  .container .slider-button {
    pointer-events: none;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .container .slider-button:after {
    content: "";
    padding: 3px;
    display: inline-block;
    border: solid #5d5d5d;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
  }
  .container .slider-button:before {
    content: "";
    padding: 3px;
    display: inline-block;
    border: solid #5d5d5d;
    border-width: 0 2px 2px 0;
    transform: rotate(135deg);
  }


 
 section.over-tradre-laag .c-btn:hover {
    background: #ee720e;
    color: white;
}

section.over-tradre-laag .c-btn {
    color: white;
    background: none;
    border: 1px solid #ee720e;
}
 .page-template-sub-contact footer#contact, .page-template-sub-contact footer#contact section, .page-template-sub-contact section.crumbs {
    background: black;
}
.page-template-sub-contact section.contact-laag div.left.form-box {
    background: none;
    color: white;
    padding: 0;
}
.contact-laag.contact-sub h1 {
    color: #EE720E;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 3.2px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.contact-laag.contact-sub h2 {
    color: #FFF;

/* Heading/Desktop/H2 */
font-family: Saira;
font-size: 32px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0;
line-height: 40px; /* 100% */
}

@media (min-width:680px) {
}
@media (min-width:768px) {

    .usp-slider .slide, .usp-slider-twee .slide {
        justify-content: center;
    }
    body.home section.nieuws-laag {
        padding-top: 0;
    }
    section.error404 {
        padding: 120px 0px;
    }
    .page-template-sub-content section.sub-contentlaag h1 {
        font-size: 54px;
        line-height: 54px;
    }
    div#sgpb-popup-dialog-main-div .flexbox-wrapper > div {
        flex-basis: 50%;
        width: 50%;
    }
    
    div#sgpb-popup-dialog-main-div .flexbox-wrapper {
        flex-wrap: nowrap;
    }
    div#sgpb-popup-dialog-main-div p {
        margin: 0;
    }
    .sgpb-main-html-content-wrapper div.afbouw .special-btn, .sgpb-main-html-content-wrapper div.energieadvies .special-btn {
        margin-top: 32px;
    }
    .sgpb-main-html-content-wrapper div.afbouw:after {
        bottom: initial;
        top: 20%;
        right: -60px;
    }
    img.sgpb-popup-close-button-1 {
        width: 50vw !important;
        height: 100% !important;
        right: initial !important;
        left: 0 !important;
    }
    .container .img {
        background-position: center center !important;
        background-size: 1000px !important;
    }
    .container .slider {
        opacity: 0;
        cursor: pointer;
    }
    .container .slider-button {
        margin-left: 3px;
    }
    div.projecten-slider .slide {
        height: 540px;
    }
    .project-detail .project-thumb {
        max-width: 768px;
        height: 672px;
    }
    .usp-item span.icon {
        width: 74px;
        height: 66px;
        margin-right: -30px;
    }
    .usp-wrapper {
        gap: 24px;
        justify-content: center;
    }
    section.project-content-laag h3 {
        font-size: 54px;
        line-height: 54px;
    }
    .quote-img.image-bg {
        max-width: 454px;
        height: 454px;
        margin-left: auto;
        margin-right: auto;
    }
    div#terugbel .modal-dialog > div {
        border: 0;
    }
    div#terugbel .modal-dialog {
        max-width: 764px;
        width: 100%;
        border-radius: 0;
    }
    #terugbel .modal-header {
        padding: 24px;
        border-bottom: 0;
        padding-bottom: 0;
    }
    #terugbel .modal-body {
        padding: 24px;
        padding-top: 0;
    }
    div.projecten-slider .slide h3 {
        font-size: 72px;
        line-height: 62px;
       
    }
    .page-template-sub-content section.sub-contentlaag {
        padding-bottom: 120px;
        padding-top: 120px;
    }
    .contact-laag.contact-sub h2 {
        font-size: 54px;
        line-height: 54px;
    }
    .page-template-sub-contact .contact-box .content-box {

        padding: 24px;
    }
    section h3 {
        font-size: 54px;
        line-height: 54px;
        margin-bottom: 24px;
    }
    .nieuws-wrapper.flexbox-wrapper {
        margin-top: 40px;
    }
    .images-slider .slide {
        height: 340px;
    }
    .images-slider .owl-nav div {
        height: 64px;
        width: 64px;
    }
    .single-energie-projecten .left.content-box h1, .single-projecten .left.content-box h1, .single-nieuws .left.content-box h1, .single-vacatures .left.content-box h1, .single-energie-nieuws .left.content-box h1, .single-energie-vacatures .left.content-box h1 {
        font-size: 54px;
        line-height: 54px;
    }
    .nieuws-detail span.single-thumb {
        
    }
    .right.news-img {
        width: 360px;
    }
    .nieuws-detail span.single-thumb {
        background-size: cover !important;
        background-position: center center !important;
    }
    .single-energie-projecten .rigt.contact-box, .single-projecten .right.contact-box, .single-nieuws .right.contact-box, .single-vacatures .right.contact-box, .single-energie-nieuws .right.contact-box, .single-energie-vacatures .right.contact-box {
        max-width: 384px;
    }
    .single-energie-projecten .right.contact-box .content-box h4, .single-projecten .right.contact-box .content-box h4 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 8px;
        color: #000;
font-family: Saira;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 100% */
    }
    .single-energie-projecten .left.content-box h1, .single-projecten .left.content-box h1 {
        max-width: 814px;
    }
   
    body.archive .project-item, .bekijk-ook-laag .projecten-wrapper .project-item, .nieuws-wrapper.flexbox-wrapper .nieuws-item {
        flex-basis: calc(50% - 8px);
        width: calc(50% - 8px);
    }
    section.archief-projecten h2, body.archive .site-content h2 {
        color: white;
        font-family: Saira;
        font-size: 54px;
        font-style: normal;
        font-weight: 700;
        line-height: 54px;
    }
    .vacatures h2 {
        max-width: 900px;
    }
    .opsomming-item > div span.icon {
        width: 40px;
        height: 40px;
    }
    .opsomming-item > div {
        align-items: center;
    }
    .opsomming-items > div h4:after {
        right: 16px;
    }
    .diensten-box.flexbox-wrapper div.dienst-item {
        flex-basis: calc(50% - 16px);
        width: calc(50% - 16px);
        padding: 32px;
    }
    .diensten-box.flexbox-wrapper {
        gap: 32px;
    }
    .diensten-box.flexbox-wrapper div.dienst-item h4 {
        font-size: 18px;
        margin-bottom: 0;
        flex-basis: 100%;
        width: 100%;
    }
    .page-id-401     .diensten-box.flexbox-wrapper div.dienst-item h4  {
        margin-top: 16px;
    }
    .menu-box.snelnaar {
        display: block;
    }
    .footer-laag .inner > .flexbox-wrapper {
        justify-content: space-between;
    }
    .meta-laag ul:not(.socials) {
        margin-top: 24px;
    }
    .meta-laag ul.socials {
        margin-bottom: 0;
    }
    .meta-laag p {
        margin-bottom: 0;
        align-self: center;
        margin-left: auto;
    }
    .page-template-sub-overons section.tekst-afb-laag {
        padding: 80px 0px;
    }
    .page-template-sub-overons section.tekst-afb-laag .afb-box {
        max-width: 768px;
        height: 768px;
    }
    section.tekst-video-laag {
        padding-top: 0;
        padding-bottom: 80px;
    }
    .single-projecten section.tekst-video-laag .video-box {
        height: 340px;
    }


}
@media (min-width: 769px) {
}
@media (min-width: 1024px) {

    section.header-laag a.c-btn {
        display: none;
    }
    .contact-box.zonder-form div.left {
        width: 50%;
        height: auto;
    }
    .quote-laag {
    padding-top: 80px !important;
}
.quote-laag .left.quote-box {
    margin: 0 auto;
}
    header a.n-btn.telefoon {
        display: none;
    }
    .single-projecten section.tekst-video-laag .video-box {
        height: 460px;
    }
    body.home section.nieuws-laag {
        padding-top: 0;
    }
    .diensten-box.flexbox-wrapper div.dienst-item {
        padding: 0;
    }
    .diensten-box.flexbox-wrapper div.dienst-item span.icon {
        display: block;
        width: 100%;
        height: 111px;
        background-repeat: no-repeat !important;
        transition: .2s ease-in-out;
        background-position: center center !important;
    }
    .diensten-box.flexbox-wrapper div.dienst-item a:hover span.icon {
        transform: scale(1.2);
    }
    .diensten-box.flexbox-wrapper div.dienst-item a:hover h4 {
        text-decoration: underline;
    }
    .single-detail blockquote {
        margin-top: 32px;
    }
    .flexbox-wrapper.categorie-box {
        gap: 0;
    }
    .header-laag a.c-btn.visible-desktop {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }
    .project-item.uitgelicht {
        max-width: 480px;
        height: 480px;
    }
    section.header-laag h1 {
        font-size: 94px;
        line-height: 94px;
        text-align: center;
        margin: 0;
    }
    div#terugbel .modal-dialog {
        margin-top: 20vh;
    }
    #terugbel input#gform_submit_button_2 {
        margin-left: auto;
    }
    body.archive .project-item {
        height: 420px;
    }
    .page-template-sub-contact section.contact-laag div.contact-box {
        background: none;
        padding: 0;
    }
    ul#primary-menu li a {
        font-size: 16px;
        line-height: 24px;
    }
    section.error404 h1 {
        font-size: 64px;
        line-height: 64px;
        margin-bottom: 32px;
    }
    section.error404 {
        padding: 160px 0px;
        text-align: center;
    }
    a.home-link {
        width: 240px;
        height: 57px;
        z-index: 2;
    }
    header.site-header div.menu {
        display: none;
    }
    div#navbar .c-btn {
        margin: 0;
        z-index: 2;
        width: fit-content;
    }
    ul#primary-menu li {
        border-bottom: 0;
    }
    
    div#navbar {
        max-height: initial;
        overflow: visible;
        order: initial;
        flex-basis: auto;
        width: auto;
        display: flex;
        margin-left: 40px;
        align-items: center;
        flex-grow: 2;
        justify-content: space-between;
    }
    section.header-laag {
        margin-top: -89px;
    }
    .over-ons-laag .right.content-box {
        max-width: 703px;
    }
    section.diensten-laag .flexbox-wrapper {
        margin-bottom: 40px;
        justify-content: center;
        text-align: center;
    }
    section.diensten-laag .flexbox-wrapper h3 {
        margin: 0;
    }
    section.diensten-laag {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.30) 98.5%), url(https://tradre.com/wp-content/uploads/2024/10/thumbnail_image005.png) lightgray 50% / cover no-repeat;
    }
    section.diensten-laag .flexbox-wrapper > .c-btn {
        display: none;
        align-self: center;
        margin-left: auto;
    }
    .over-tradre-laag .left.content-box {
        max-width: 600px;
        flex-basis: 600px;
    }
    .over-tradre-laag span.right.image-box {
        max-width: 656px;
        flex-basis: 50%;
        width: 50%;
        height: 460px;
    }
    form#gform_1 {
        display: block;
    }
    section.contact-laag div.right.options-box {
        margin: 0;
        flex-basis: 50%;
        width: 50%;
    }
    
    section.contact-laag div.contact-box {
     
        display: flex;
        flex-wrap: nowrap;
       
        gap: 40px;
    }
    section.contact-laag div.left.form-box {
        padding: 0;
        flex-basis: 50%;
        width: 50%;
    }
    .contact-box .right .content-box {

        position: relative;
        padding: 24px;
    }
    div#navbar ul a {
        color: white;
        padding: 0;
    }
    div#navbar ul a:hover, body:not(.home) div#navbar ul a:hover {
        color: #ee720e;
    }
    .post-type-archive-energie-projecten div#navbar ul li a:hover, .parent-pageid-401 header#masthead.fixed-header div#navbar ul li a:hover, .page-id-401 header#masthead.fixed-header div#navbar ul li a:hover {
        color: #208c3a;
    }
    ul#primary-menu li:nth-of-type(1) {
        margin-top: 0;
    }
    
    div#navbar ul {
        max-height: initial;
        display: flex;
        color: white;
        gap: 32px;
    } 
    .meta-laag p {
        margin: 0;
        margin-bottom: 24px;
    }
    
    .meta-laag ul.socials {
        order: initial;
        flex-basis: 100%;
        width: 100%;
    }
    span.nieuws-item-hover {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        position: absolute;
        opacity: 1;
        transition: .3s ease-in-out;
    }
    .nieuws-item:hover span.nieuws-item-hover {
        transform: scale(1.1);
    }
    .flexbox-wrapper.categorie-box .categorie-nav a {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 30px;
 
    }
    
    .flexbox-wrapper.categorie-box .categorie-nav.active a {
        background: white;
        color: #0c0f1e;
    }
    .flexbox-wrapper.categorie-box .categorie-nav.active a {
        pointer-events: all;
    }
    .modal-header div.flexbox-wrapper {
        align-items: center;
        margin-bottom: 24px;
    }
    .modal-header div.flexbox-wrapper span.terugbel-icon {
        width: 56px;
        height: 56px;
    }
    div#sgpb-popup-dialog-main-div .flexbox-wrapper > div {
        padding: 80px;
        transition: .2s ease-in-out;
    }
    .sgpb-main-html-content-wrapper div.energieadvies:hover {
        background: rgba(12, 15, 30, 0.80);
    }
    .sgpb-main-html-content-wrapper div.afbouw h2, .sgpb-main-html-content-wrapper div.energieadvies h2 {
        font-size: 60px;
    }
    .sgpb-main-html-content-wrapper div.afbouw {
        background: none;
    }
    
    .sgpb-main-html-content-wrapper div.afbouw:hover {
        background: rgba(12, 15, 30, 0.80);
    }

}
@media (min-width: 1025px) {
}
@media (min-width:1160px) {

    section.top-header {
        padding: 10px 0px;
        display: block;
        background: #1C1C1C;
    }
    li.sf-field-post-meta-categorie ul li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .diensten-box .modal-dialog {
        margin-top: 20vh;
    }
    span.footer-logo {
        margin-bottom: 16px;
    }
    
    .certificaten {
        margin-bottom: 0;
    }
    .certificaten > a {
        width: 90px;
        height: 90px;
    }
    .page-id-401 section.diensten-laag {
        background-position: 0% 90%;
    }
    .diensten-box .modal-header h4 {
        font-size: 26px;
    }
    section.archief-nieuws.vacatures > .inner div.filter {
        margin: 0;
        justify-self: flex-end;
        align-self: flex-end;
        margin-left: 40px;
    }
    body.home section.nieuws-laag {
        padding-top: 0;
    }
    
    section.archief-nieuws.vacatures > .inner h2 {
        flex-basis: 720px;
        width: fit-content;
        margin-bottom: 0 !important;
    }
    section.archief-nieuws.vacatures > .inner h1 {
        flex-basis: 100%;
        width: 100%;
    }
    section.archief-nieuws.vacatures > .inner {
        display: flex;
        flex-wrap: wrap;
    }
    .sgpb-main-html-content-wrapper div.afbouw:after {
        display: none;
    }
    .single-vacatures .bekijk-ook-laag h2, .single-vacatures .bekijk-ook-laag h3, .single-energie-vacatures .bekijk-ook-laag h2, .single-energie-vacatures .bekijk-ook-laag h3 {
        text-align: center;
    }
    form#gform_3 {
        margin: 0 auto;
    }
    .single-vacatures .bekijk-ook-laag, .single-energie-vacatures .bekijk-ook-laag {
        padding-top: 0px;
    }
    div.energieadvies:after {
        content: '';
        display: block;
        position: absolute;
        background: #208c3a url(https://tradre.com/wp-content/uploads/2024/07/tradre-leeuw-icon.svg) no-repeat;
        bottom: -40px;
        border-radius: 100%;
        background-position: center center;
        width: 192px;
        height: 192px;
        background-size: 130px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99999;
        left: -96px;
        margin: 0 auto;
        opacity: 0;
        transition: .2s ease-in-out;
    }
    .energieadvies:hover:after {
        opacity: 1;
    }
    .sgpb-main-html-content-wrapper:after {
        display: none !important;
    }
    div#sgpb-popup-dialog-main-div .flexbox-wrapper > div.afbouw:before {
        content: '';
        display: block;
        position: absolute;
        background: #ee720e url(https://tradre.com/wp-content/uploads/2024/07/tradre-leeuw-icon.svg) no-repeat;
        bottom: -40px;
        border-radius: 100%;
        background-position: center center;
        width: 192px;
        height: 192px;
        background-size: 130px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 99999;
        right: -96px;
        margin: 0 auto;
    }
    .tekst-video-laag .video-box {
        max-width: 672px;
        height: 420px;
        margin-bottom: 0;
    }
    ul#primary-menu li:nth-of-type(1) {
        border: 0;
    }
    .sgpb-main-html-content-wrapper div.afbouw .special-btn:before, .sgpb-main-html-content-wrapper div.energieadvies .special-btn:before {
        width: 64px;
        height: 64px;
    }
    .container:before {
        content: 'Before';
        display: inline-flex;
        padding: 16px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        position: absolute;
        z-index: 1;
        visibility: visible;
        background: white;
        color: #000;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        left: 40px;
        top: 40px;
        text-transform: uppercase;
    }
    .container:after {
        content: 'After';
        display: inline-flex;
        padding: 16px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        position: absolute;
        z-index: 1;
        visibility: visible;
        background: white;
        color: #000;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        right: 40px;
        top: 40px;
        text-transform: uppercase;
    }
    div.navbar ul.sites {
        display: none !important;
    }
    section.header-laag {
        max-height: 900px;
    }
    .container .img {
        background-size: initial !important;
        background-position: initial !important;
    }
    ul.sites a:before {
        display: none;
    }
    ul.sites {
        display: flex;
        position: absolute;
        right: 0;
        top: -10px;
    }
    ul.sites li a {
        display: inline-flex;
        height: 44px;
        padding: 9px 25px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }
    .page-id-401 ul.sites li:nth-of-type(2) a, ul.sites li:nth-of-type(1) a {
        background: #323232;
    }
    .page-id-401 ul.sites li:nth-of-type(1) a {
        background: none;
    }
    ul.sites a {
        color: #D7D7D7;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
    }
    .nieuws-wrapper.flexbox-wrapper {
        gap: 32px;
        margin-top: 56px;
    }
    section.tekst-afb-laag .inner .flexbox-wrapper .afb-box {
        margin-top: 0;
        max-width: 768px;
        flex-basis: 60%;
    }
    .los-project-laag .project-item {
        min-height: 720px;
        padding: 40px;
    }
    section.los-project-laag .project-content {
        max-width: 332px;
    }
    .los-project-laag .project-item:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 240px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
        left: 0;
        z-index: 1;
    }
    section.los-project-laag .project-content div.knoppen {
        margin-top: 24px;
    }
    section.los-project-laag .project-content h3 {
        font-size: 36px;
        line-height: 40px;
    }
    section.nieuws-laag {
        background-position: -20% -80px;
    }
    section.tekst-afb-laag .inner .flexbox-wrapper {
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 80px;
    }
    section.tekst-afb-laag .inner {
        max-width: 1616px;
    }
    .tekst-afb-laag .left.content-box {
        flex-basis: 672px;
    }
    .tekst-video-laag .right.content-box {
        max-width: 676px;
        align-self: center;
        order: 2;
        margin-left: auto;
    }
    .page-template-sub-overons section.tekst-afb-laag {
        padding-bottom: 120px;
    }
    section.tekst-video-laag {
        padding-bottom: 120px;
    }
    section.tekst-afb-laag.innovatie-laag {
        padding-top: 120px;
    }
    section.tekst-afb-laag.innovatie-laag .inner .flexbox-wrapper .afb-box {
        max-height: 672px;
    }
    section.achtergrond-bg-laag .content-box {
        max-width: 672px;
    }
    section.achtergrond-bg-laag {
        min-height: 900px;
        display: flex;
        align-items: center;
    }
    section.tekst-afb-laag.extra-tekst-laag .flexbox-wrapper {
        justify-content: flex-start;
    }
    section.tekst-afb-laag.extra-tekst-laag .content-box {
        max-width: 672px;
    }
    section.tekst-afb-laag.extra-tekst-laag .afb-box.left {
        order: -1;
        max-width: 768px;
    }
    section.tekst-afb-laag.extra-tekst-laag {
        padding-top: 120px;
    }

    header#masthead {
        background: none;
    }
    body:not(.home) header#masthead {
        background: black;
    }
    body:not(.home) section.crumbs {
        background: black;
    }
    section.header-laag {
        margin-top: -81px;
    }
    section.over-ons-laag span.left.image-box {
        order: -1;
        height: initial;
        margin-top: 0;
        max-height: 686px;
    }
    .page-template-sub-content header#masthead {
        background: black;
    }
    .contact-box .form {
        flex-basis: 720px;
        width: 720px;
    }
    section.contact-laag div.left.form-box {
        max-width: 550px;
    }

    section.header-laag {
        height: calc(100vh - 44px);
    }
    .right.news-img {
        width: calc(40% - 20px);
        height: 550px;
        margin: 0;
        max-width: 550px;
    }
    .project-item.uitgelicht {
        margin-top: 0;
        max-width: 768px;
        height: 627px;
    }
    .project-item.uitgelicht a {
        padding: 40px;
    }
    .project-item.uitgelicht h3 {
        font-size: 36px;
        line-height: 40px;
    }
    nav#site-navigation ul {
        gap: 32px;
    }
    section.contact-laag div.contact-box.zonder-form .right.options-box {
        width: 50%;
        flex-basis: 50%;
        max-width: initial;
    }
    
    section.contact-laag div.contact-box.zonder-form {
        padding: 0;
        gap: 0;
    }
    .zonder-form.contact-box .right .content-box {
        background: white;
        padding: 40px;
    }
    .menu-box.snelnaar {
        width: auto;
    }
    .modal-body .gform_footer.top_label {
        padding-bottom: 0 !important;
    }
    select#input_2_9 {
        background: url(https://tradre.com/wp-content/uploads/2024/04/clock.svg) no-repeat;
        background-position: 92% 50%;
    }
    body.home section.contact-laag:after {
        opacity: 0;
    }
    div.bel-ons {
        padding-top: 0px;
        margin-top: 32px;
    }
    .contact-sub .mail-ons {
        display: none;
    }
    .contact-sub .bel-ons:not(.mail-ons) {
        border-top: 1px solid rgba(255, 255, 255, 0.30);
        padding-top: 32px;
    }
    .terugbel-verzoek {
        margin-top: 16px;
    }
    .contact-box .right .content-box {
        padding: 32px;
    }
    div.navbar a.c-btn {
        margin-left: auto !important;
    }
    nav#site-navigation {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
    .page-template-sub-contact div#page {
        background: black url(https://tradre.com/wp-content/uploads/2024/07/background-contact-circle.png) no-repeat;
        background-position: 60% 20%;
    }
    .parent-pageid-401.page-template-sub-contact div#page {
        background: black url(https://tradre.com/wp-content/uploads/2024/11/contact-laag-groene-cirkel.svg) no-repeat;
        background-position: 60% 20%;
    }
    .page-template-sub-contact section.footer-laag, .page-template-sub-contact section.meta-laag {
        background: #1C1C1C !important;
    }
    
    .page-template-sub-contact section.contact-laag {
        padding-bottom: 0;
    }
    .page-template-sub-contact section.contact-laag:after {
        display: none;
    }
    .page-template-sub-contact footer#contact, .page-template-sub-contact footer#contact section, .page-template-sub-contact section.crumbs {
        background: transparent !important;
    }
    section.archief-nieuws {
        padding-bottom: 120px;
    }
    .images-slider .slide {
        height: 610px;
    }
    .page-template-sub-contact footer#contact section .inner .right.options-box {
        max-width: 871px;
        flex-basis: 46%;
        width: 46%;
        margin-top: -70px;
        background: url(https://tradre.com/wp-content/uploads/2024/03/contact-bg.jpeg) no-repeat;
        display: flex;
        align-items: flex-end;
        padding: 40px;
        background-size: cover;
        background-position: center center;
        min-height: calc(90vh - 133px);
    }
    
    .page-template-sub-contact footer#contact section.contact-sub .inner {
        max-width: initial;
        padding: 0;
    }
    .page-template-sub-contact footer#contact section .inner .right.options-box div.box-wrapper {
        max-width: 584px;
    }
    .single-projecten .left .text-box, .single-energie-projecten .left .text-box {
        margin-top: 56px;
    }
    section.project-detail.single-detail {
        padding-bottom: 100px;
        background: black;
        background-position: 50% 50%;
    }
    .single-projecten .usp-wrapper, .single-energie-projecten .usp-wrapper {
        gap: 100px;
    }
    section.bekijk-ook-laag {
        padding: 120px 0px;
    }
    .single-projecten section.images-slider, .single-energie-projecten section.images-slider {
        padding-top: 100px;
    }
    .single-projecten .images-slider .slide, .single-energie-projecten .images-slider .slide {
        height: 450px;
    }
    .images-slider .owl-dots .owl-dot {
        flex-grow: 2;
    }
    .images-slider .owl-dots .active {
        background: white;
        height: 2px;
    }
    .images-slider .owl-dots {
        display: flex;
        width: 100%;
        height: 1px;
        max-width: 1424px;
        background: rgba(255, 255, 255, 0.20);
        margin: 0 auto;
        margin-top: 56px;
    }
    section.project-content-laag .content-box {
        max-width: 944px;
        margin: 0 auto;
    }
    section.project-content-laag {
        padding: 120px 0px;
    }
    .quote-laag .flexbox-wrapper .quote-img {
        margin: 0;
    }
    .quote-laag .flexbox-wrapper {
        flex-wrap: nowrap;
        gap: 80px;
        align-items: center;
    }
    .quote-box p {
        max-width: 855px;
    }
    .single-projecten section.quote-laag, .single-energie-projecten section.quote-laag {
        padding-bottom: 0;
    }
    .single-projecten section.bekijk-ook-laag .inner > h2, .single-projecten section.bekijk-ook-laag .inner > h3, .single-energie-projecten section.bekijk-ook-laag .inner > h2, .single-energie-projecten section.bekijk-ook-laag .inner > h3 {
        max-width: 1472px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    
    .single-projecten section.bekijk-ook-laag .inner, .single-energie-projecten section.bekijk-ook-laag .inner {
        max-width: 1616px;
    }
    section.bekijk-ook-laag h2 {
        margin-bottom: 16px;
    }
    
    .bekijk-ook-laag h3 {
        font-size: 54px;
        line-height: 54px;
    }
    .bekijk-ook-laag .projecten-wrapper .project-item {
        flex-basis: calc(33.33% - 16px);
        height: 420px;
    }
    .images-slider .owl-nav {
        max-width: 1424px;
    }
    .bekijk-ook-laag .projecten-wrapper {
        justify-content: space-between;
    }
    .single-projecten .left.content-box, .single-energie-projecten .left.content-box {
        margin-top: 0px;
        max-width: 671px;
    }
    .project-detail .project-thumb {
        margin-top: 0;
    }
    .single-nieuws .left.content-box, .single-vacatures .left.content-box, .single-energie-nieuws .left.content-box, .single-energie-vacatures .left.content-box {
        max-width: 800px;
        width: calc(60% - 20px);
    }
    .single-nieuws .nieuws-detail .flexbox-wrapper, .single-vacatures .nieuws-detail .flexbox-wrapper, .single-energie-nieuws .nieuws-detail .flexbox-wrapper, .single-energie-vacatures .nieuws-detail .flexbox-wrapper {
        justify-content: space-between;
    }
    
    .single-nieuws .right.contact-box, .single-vacatures .right.contact-box, .single-energie-nieuws .right.contact-box, .single-energie-vacatures .right.contact-box {
        margin-top: 0;
    }
    .single-projecten .right.contact-box, .single-energie-projecten .right.contact-box {
        margin-top: 80px;
    }
    section.project-detail.single-detail .flexbox-wrapper {
        justify-content: space-between;
    }
    section.contact-laag div.contact-box {
        justify-content: space-between;
        align-items: center;
    }
    .nieuws-item {
        height: 464px;
    }
    section.error404 {
        padding: 200px 0px;
    }
    body.archive .project-item, .nieuws-wrapper.flexbox-wrapper .nieuws-item {
        flex-basis: calc(33.33% - 12px);
    }
    body.archive .project-item, .nieuws-wrapper.flexbox-wrapper .nieuws-item {
        flex-basis: calc(33.33% - 22px);
    }
    .usp-slider .owl-item:nth-of-type(3) div.slide, .usp-slider-twee .owl-item:nth-of-type(5) div.slide {
        justify-content: flex-end;
    }
    section.archief-projecten {
        padding-bottom: 120px;
        padding-top: 48px;
    }
    
    .usp-slider .owl-item:nth-of-type(1) div.slide, .usp-slider-twee .owl-item:nth-of-type(1) div.slide {
        justify-content: flex-start;
    }
    .over-ons-laag span.left.image-box {
        display: block;
        flex-basis: calc(50% - 56px);
        width: calc(50% - 56px);
        height: 656px;
        background-size: cover !important;
        background-position: center center !important;
    }
    .over-ons-laag .inner.flexbox-wrapper .right div.text-box {
        padding-right: 40px;
    }
    
    .over-ons-laag .inner.flexbox-wrapper .right h3 {
        max-width: 614px;
    }
    section.diensten-laag {
        padding-top: 192px;
        padding-bottom: 192px;
    }
    .over-ons-laag .inner.flexbox-wrapper .right {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    section#overons {
        background: black url(https://tradre.com/wp-content/uploads/2024/07/over-ons-oranje-cirkel.svg) no-repeat;
        background-position: 100% 240px;
    }
    .page-id-401 section#overons {
        background: black url(https://tradre.com/wp-content/uploads/2024/11/over-ons-groen-cirkel.svg) no-repeat;
        background-position: 100% 240px;
    }
    section.nieuws-laag h3 {
        max-width: 640px;
    }
    
    section.nieuws-laag h3 br, section.nieuws-laag h3 strong {
        display: none;
    }
    section.contact-laag {
        background: black url(https://tradre.com/wp-content/uploads/2024/07/contact-laag-oranje-cirkel.svg) no-repeat;
        background-position: 50% 0%;
    }
    .parent-pageid-401 section.contact-laag, .page-id-401 section.contact-laag {
        background: black url(https://tradre.com/wp-content/uploads/2024/11/contact-laag-groene-cirkel.svg) no-repeat;
        background-position: 50% 0%;
    }
    .over-ons-laag .inner.flexbox-wrapper {
        justify-content: center;
        max-width: 1616px;
        gap: 80px;
    }
    .opsomming-items > div {
        padding: 24px 0px ;
    }
    section.over-ons-laag {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    section.over-ons-laag {
        background: #0C0F1E url(https://tradre.com/wp-content/uploads/2024/03/achtergrond-overons.svg) no-repeat;
    }
    section.diensten-laag .flexbox-wrapper {
        margin-bottom: 0px;
    }
    section.diensten-laag .flexbox-wrapper.diensten-box {
        margin-top: 56px;
    }
    section.projecten-laag:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 360px;
        background: #0C0F1E;
    }
    .projecten-laag .box-wrapper .box {
        display: flex;
        position: absolute;
        bottom: 40px;
        z-index: 10;
        left: 0;
        right: 0;
        justify-content: center;
    }
    
    .projecten-laag .box-wrapper {
        position: relative;
    }
    .projecten-laag a.c-btn {
        margin: initial;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .flexbox-wrapper.categorie-box {
        margin: initial;
        background: #0C0F1E;
        color: white;
        border-radius: 30px 0px 0px 30px;
        padding-right: 50px;
        padding-left: 8px;
        margin-right: -30px;
    }
    .flexbox-wrapper.categorie-box .categorie-nav {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .flexbox-wrapper.categorie-box .categorie-nav a {
        color: white;
    }
    .flexbox-wrapper.categorie-box .categorie-nav:nth-of-type(1) {
        display: none;
    }
    .diensten-box.flexbox-wrapper div.dienst-item {
        flex-basis: calc(33.33% - 22px);
        width: calc(33.33% - 22px);
    }
    section.projecten-laag {
        padding-top: 0;
        padding-bottom: 120px;
    }
    .over-tradre-laag .flexbox-wrapper {
        justify-content: space-between;
        align-items: center;
        max-width: 1616px;
    }
    
    .over-tradre-laag span.right.image-box {
        margin-top: 0;
        height: 656px;
    }
    section.over-tradre-laag {
        padding-bottom: 120px;
        padding-top: 120px;
        background-size: 500px;
        background-position: 45% 50%;
    }
    section.nieuws-laag {
        padding: 120px 0px;
    }
    .nieuws-laag a.c-btn {
        margin-top: 0;
        display: block;
        align-self: flex-end;
    }
    .nieuws-laag h3 {
        margin-bottom: 0;
    }
    .nieuws-laag .inner > .flexbox-wrapper {
        justify-content: space-between;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    }
    .nieuws-slider {
        margin-top: 40px;
    }
    .nieuws-laag .inner > a.c-btn {
        display: none;
    }
    
    section.contact-laag div.right.options-box span.contact-afb {
        height: 350px;
    }
    
    section.contact-laag div.right.options-box {
        max-width: 584px;
    }
    span.footer-logo {
        width: 240px;
        flex-basis: 240px;
    }
    .footer-laag .inner > .flexbox-wrapper {
        padding-bottom: 64px;
    }
    .meta-laag ul.socials {
        order: initial;
        flex-basis: auto;
        width: auto;
    }
    .meta-laag p {
        margin: 0;
    }
    .meta-laag ul:not(.socials) {
        margin-top: 0;
    }
    .meta-laag .inner {
        justify-content: space-between;
    }
    section.nieuws-detail.single-detail {
        padding-top: 48px;
        padding-bottom: 120px;
    }
    .page-template-sub-contact section.contact-laag div.contact-box .left {
        max-width: 714px;
        flex-basis: 40%;
        width: 40%;
    }
    
    .page-template-sub-contact section.contact-laag div.contact-box {
        gap: 80px;
        justify-content: flex-end;
    }
    div.projecten-slider .slide {
        height: 720px;
    }
    body.archive .filter {
        margin: 54px 0px;
    }
    section.archief-nieuws h2 strong, section.archief-nieuws h2 br {
        display: none;
    }
    section.project-detail.single-detail .flexbox-wrapper {
        max-width: 1616px;
        align-items: flex-start;
    }
    section.nieuws-laag, .page-id-401 section.nieuws-laag {
        background: black;
    }
    section.nieuws-laag:before {
        content: '';
        position: absolute;
        pointer-events: none;
        width: 1000px;
        height: 1000px;
        background: url(https://tradre.com/wp-content/uploads/2024/07/background-contact-circle.png) no-repeat;
        background-size: contain;
        left: -25%;
        top: -50%;
        opacity: .6;
    }
    .sgpb-main-html-content-wrapper div.afbouw h2, .sgpb-main-html-content-wrapper div.energieadvies h2 {
        font-size: 80px;
    }
    div#sgpb-popup-dialog-main-div p {
        max-width: 340px;
    }
    .sgpb-main-html-content-wrapper:after {
        content: '';
        display: block;
        position: absolute;
        width: 120px;
        height: 120px;
        background: #EE720E url(https://tradre.com/wp-content/uploads/2024/07/tradre-leeuw-icon.svg) no-repeat;
        bottom: -40px;
        border-radius: 100%;
        background-size: 70%;
        background-position: center center;
    }
    .sgpb-main-html-content-wrapper:after {
        width: 192px;
        height: 192px;
        background-size: 130px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .single-projecten div#content section.single-detail *, .single-energie-projecten div#content section.single-detail * {
        z-index: 2;
    }
    .single-projecten div#content:before, .single-energie-projecten div#content:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(https://tradre.com/wp-content/uploads/2024/07/background-contact-circle.png) no-repeat;
        background-position: 50% 0%;
        background-size: 750px;
        z-index: 1;
    }
    .single-energie-projecten div#content:before {
        background: url(https://tradre.com/wp-content/uploads/2024/11/contact-laag-groene-cirkel.svg) no-repeat;
        background-position: 50% 0%;
        background-size: 750px;
    }

}

@media (min-width:1400px) {

    section.diensten-laag .flexbox-wrapper {
        flex-wrap: nowrap;
    }
    .nieuws-slider {
        margin-top: 40px;
        width: calc(100% + 160px);
        margin-left: -80px;
    }
    .nieuws-wrapper.flexbox-wrapper {
        width: calc(100% + 160px);
        margin-left: -80px;
    }
    body.archive div.nieuws-resultaten {
        width: calc(100% + 160px);
        margin-left: -80px;
    }
    .nieuws-laag .owl-dots {
        width: calc(100% - 160px);
        margin-left: 80px;
        margin-top: 40px;
        margin-bottom: 0;
    }

}
@media (min-width:2000px) {
    .page-template-sub-contact section.contact-laag div.contact-box .left > * {
        max-width: 714px;
    }
    .page-template-sub-contact section.contact-laag div.contact-box .left {
        position: absolute;
        left: 0;
        max-width: 1424px;
        right: 0;
        margin: 0 auto;
        width: 100%;
    }
    .page-template-sub-contact footer#contact section .inner .right.options-box {
        max-width: 50%;
    }

}

@media (max-width: 1024px) {
    input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }
    a[href^="tel"] {
        text-decoration: none;
    }
    .usp-laag .usp-slider .owl-item, .nieuws-slider .owl-item, .usp-laag .usp-slider-twee .owl-item {
        opacity: 1 !important;
    } 
}

@media (max-width:500px) {

    .flexbox-wrapper.categorie-box div.categorie-nav.Wanden {
        min-width: 147px;
    }
    .flexbox-wrapper.categorie-box div.categorie-nav.Droge {
        min-width: 127px;
    }
    section.header-laag h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .contact-box .right.options-box:before {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% + 48px);
        height: 400px;
        background: url(https://tradre.com/wp-content/uploads/2024/03/contact-bg.jpeg) no-repeat;
        left: -24px;
        top: -80px;
        background-size: cover;
        background-position: 0% 50%;
    }
    .contact-box .right.options-box {
        position: relative;
        margin-top: 160px;
    }
    .contact-sub .right.options-box .content-box {
        background: #1C1C1C;
        padding: 24px;
    }
    .flexbox-wrapper.categorie-box div.categorie-nav.Schilderwerk {
        min-width: 95px;
    }
    div#sgpb-popup-dialog-main-div .video-laag iframe {
        height: 300%;
        width: 400%;
        left: -110%;
    }
    .categorie-nav.Brandwerende.bekledingen {
        min-width: 200px;
    }
    .flexbox-wrapper.categorie-box {
        overflow-y: scroll;
        width: 100%;
        flex-wrap: nowrap;
        padding-bottom: 16px;
    }
    li.sf-field-post-meta-categorie > ul li {
        padding: 8px 16px;
    }
    .flexbox-wrapper.categorie-box::-webkit-scrollbar-thumb {
        background: #0C0F1E;
        height: 2px;
    }
    
    .flexbox-wrapper.categorie-box::-webkit-scrollbar {
        width: 1px;
        height: 2px;
    }
    .flexbox-wrapper.categorie-box::-webkit-scrollbar-track {
        background: #AAA;
    }

}