/*
Theme Name: Weerwerk
Theme URI: https://galia.be
Author: the galia team
Author URI: https://galia.be/
Description: custom theme
Version: 1.0
Requires at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom theme
Text Domain: weerwerk

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*//*
Theme Name: Weerwerk
Theme URI: https://galia.be
Author: the Galia team
Author URI: https://wordpress.org/
Description: custom theme
Version: 3.5
Tested up to: 6.8
Requires at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
Text Domain: weerwerk

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.bn-nav-mobile.menu-wrap {
    display: none;
}

:root {
  --font-size-xxl: 30px;  
  --font-size-xl: 24px;  
  --font-size-lg: 22px;
  --font-size-md: 21px;
  --font-size-sm: 20px;
  --font-size-xs: 17px;
}

:root {
  --text: #11153C;
  --purple: #5B3F83;
  --pink: #F8C4BC;
  --blue: #455BA6;
  --brown: #C7B192;
  --light-blue: #90D0F4;
  --light-green: #C0DCAC;
  --yellow: #FFEC00;
  --light-purple: #8767AA;
  --red: #AC0761;
  --orange: #EE7402;
  --green: #24A13E;
  --black: #000;
  --white: #fff;
}

body {
    font-family: 'trade-gothic-next-condensed';
    background-color: #fff;
    color: var(--text);
    font-size: var(--font-size-md);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3em;
}

html {font-size: 20px;scroll-behavior: smooth;}

.grecaptcha-badge {visibility: hidden;}
input, textarea {background:transparent;}
b, strong {font-weight: 600;}
p {margin: 0 0 20px;}
p:last-child {margin: 0 !important; padding:0 !important}
.wpcf7 textarea {
  font-family: "trade-gothic-next-condensed" !important;
  font-weight: 400 !important;
  width: 100% !important;
  font-weight: 500 !important;
}
.overflow-hidden {overflow: hidden !important;}
.hd-wrap ul.menu {padding: 0; margin: 0; list-style: none;}
a {color: var(--orange)}
a:hover {color: var(--orange)}

* {outline: none;}
*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}

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

.elementor-widget-text-editor .elementor-widget-container ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 20px;
    margin-block-end: 20px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
    unicode-bidi: isolate;
}
.elementor-widget-text-editor .elementor-widget-container ul li {
    margin-bottom: 10px;
}

.elementor-testimonial__name {
    font-size: 20px;
    font-weight: 700;
}

span.elementor-testimonial__title {
    font-size: 18px;
}

h1, .elementor h1.elementor-heading-title,
h2, .elementor h2.elementor-heading-title,
h3, .elementor h3.elementor-heading-title,
h4, .elementor h4.elementor-heading-title,
h5, .elementor h5.elementor-heading-title,
h6, .elementor h6.elementor-heading-title {
    font-family: 'Montserrat';
  overflow-wrap: break-word;
  /* word-break: break-word;   */
  color: var(--title);
  font-style: normal;  
  text-decoration: none;
  letter-spacing: normal;
  padding: 0;
  margin: 0;
}

h1, .elementor h1.elementor-heading-title {
    font-family: "countach", sans-serif;
    font-size: 6rem;
    line-height: 0.95em;
    font-weight: 800;
    color: var(--blue);
}

h2, .elementor h2.elementor-heading-title, .news-title {
    font-family: "countach", sans-serif;
    font-size: 2.6rem;
    line-height: 1em;
    font-weight: 800;
    color: var(--blue);
}

.single-post h2, .single-post .elementor h2.elementor-heading-title {
    font-size: 44px;
}

h3, .elementor h3.elementor-heading-title {
    font-family: "countach", sans-serif;
    font-size: 2.3rem;
    line-height: 1em;
    font-weight: 800;
    color: var(--blue);
}

.single-post h3, .single-post .elementor h3.elementor-heading-title {
    font-size: 36px;
}

h4, .elementor h4.elementor-heading-title {
    font-family: "countach", sans-serif;
    font-size: 1.9rem;
    line-height: 1.25em;
    font-weight: 800;
    color: var(--blue);
}

h5, .elementor h5.elementor-heading-title {
    font-family: "countach", sans-serif;
    font-size: var(--font-size-xxl);
    line-height: 1em;
    font-weight: 800;
    color: var(--blue);
}


.wpcf7 form .wpcf7-response-output {
    margin: 1rem 0 0;
    padding: 15px 20px;
}

.cf7-grid span, .cf7-textarea span {
    display: inline-block;
    width: 100%;
}

.form-upload {
    padding-top: 15px;
    padding-bottom: 15px;
}

.wpcf7 textarea {
    height: 180px;
}

.form-approval {
    padding-bottom: 15px;
}

.form-approval a {
    text-decoration: underline;
    color: var(--text);
}

.wpcf7-textare, input.wpcf7-form-control {
    padding-top: 5px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid hsl(234deg 56% 15% / 60%);
    font-size: var(--font-size-md);
    font-family: inherit;
    border-radius: 0;
}

.wpcf7-textare, input.wpcf7-form-control, .wpcf7 textarea {
    margin-top: 5px !important;
}


input.wpcf7-submit {
    font-family: 'trade-gothic-next-condensed';
    font-size: var(--font-size-sm);
    padding: 0;
    font-weight: 800 !important;
    color: var(--white);
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    background-color: var(--orange);
    border: 1px solid var(--orange);
    line-height: 46px;
    position: relative;
    height: 50px;
    padding: 0 10px;
    margin-left: 0;
}


a.btn, .elementor-element .elementor-button {
    font-family: 'trade-gothic-next-condensed';
    font-size: var(--font-size-sm);
    padding: 0;
    font-weight: 800 !important;
    color: var(--white);
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    background-color: var(--orange);
    border: 1px solid var(--orange);
    line-height: 49px;
    position: relative;
    height: 54px;
    padding: 0 10px;
    margin-left: 10px;
}

.job-single-r {
    width: 225px;
    text-align: right;
    margin-top: 0.8rem;
}

.job-single-l {
    width: 100%;
}

a.btn.btn-white {
    background-color: var(--white) !important;
    border: 1px solid var(--white) !important;  
    color: var(--blue) !important;
}

a.btn span, .elementor-element .elementor-button span {
    display: inline-block;
    z-index: 999;
    position: relative;
    font-size: var(--font-size-sm);
}

a.btn:before, .elementor-element .elementor-button:before {
    position: absolute!important;
    content: ""!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98.125' height='54.088' viewBox='0 0 98.125 54.088'%3E%3Cpath d='M98.119.336c0-.108-.009-.216-.014-.336H.014V.4c0,1.944.034,3.89-.01,5.833a37.809,37.809,0,0,0,.422,4.96c.122,1.123.275,2.241.41,3.362s.267,2.264.4,3.4q.235,1.954.476,3.908.2,1.667.4,3.333.235,1.939.473,3.878.209,1.712.417,3.424.231,1.909.46,3.818.2,1.7.411,3.394t.41,3.393q.2,1.682.406,3.364.234,1.924.47,3.847c.139,1.141.287,2.281.41,3.424.032.294.136.392.381.345a.587.587,0,0,1,.109,0h86c.082,0,.165-.006.246,0,.148.012.2-.055.222-.225.156-1.313.324-2.625.484-3.938.156-1.283.3-2.566.459-3.849.139-1.152.281-2.3.421-3.454q.23-1.894.457-3.788.235-1.939.473-3.878.2-1.681.4-3.363.235-1.939.472-3.878.2-1.682.4-3.364.235-1.939.472-3.878.2-1.682.406-3.363.235-1.939.471-3.879c.136-1.121.277-2.241.409-3.363a22.022,22.022,0,0,0,.239-2.276c.031-2.415.012-4.83.011-7.245' fill='%23ee7402'/%3E%3C/svg%3E");
    height: 54px!important;
    width: 98px!important;
    left: -10px!important;
    top: -1px!important;
    z-index: 1!important;
    background-repeat: no-repeat!important;
    background-size: 98px 54px!important;
    background-position: left!important;
}


a.btn:after, .elementor-element .elementor-button:after {
    position: absolute!important;
    content: ""!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98.125' height='54.088' viewBox='0 0 98.125 54.088'%3E%3Cpath d='M98.119.336c0-.108-.009-.216-.014-.336H.014V.4c0,1.944.034,3.89-.01,5.833a37.809,37.809,0,0,0,.422,4.96c.122,1.123.275,2.241.41,3.362s.267,2.264.4,3.4q.235,1.954.476,3.908.2,1.667.4,3.333.235,1.939.473,3.878.209,1.712.417,3.424.231,1.909.46,3.818.2,1.7.411,3.394t.41,3.393q.2,1.682.406,3.364.234,1.924.47,3.847c.139,1.141.287,2.281.41,3.424.032.294.136.392.381.345a.587.587,0,0,1,.109,0h86c.082,0,.165-.006.246,0,.148.012.2-.055.222-.225.156-1.313.324-2.625.484-3.938.156-1.283.3-2.566.459-3.849.139-1.152.281-2.3.421-3.454q.23-1.894.457-3.788.235-1.939.473-3.878.2-1.681.4-3.363.235-1.939.472-3.878.2-1.682.4-3.364.235-1.939.472-3.878.2-1.682.406-3.363.235-1.939.471-3.879c.136-1.121.277-2.241.409-3.363a22.022,22.022,0,0,0,.239-2.276c.031-2.415.012-4.83.011-7.245' fill='%23ee7402'/%3E%3C/svg%3E");
    height: 54px!important;
    width: 98px!important;
    right: -10px!important;
    top: -1px!important;
    z-index: 1!important;
    background-repeat: no-repeat!important;
    background-size: 98px 54px!important;
    background-position: left!important;
}

a.btn.btn-white:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98.125' height='54.088' viewBox='0 0 98.125 54.088'%3E%3Cpath d='M98.119.336c0-.108-.009-.216-.014-.336H.014V.4c0,1.944.034,3.89-.01,5.833a37.809,37.809,0,0,0,.422,4.96c.122,1.123.275,2.241.41,3.362s.267,2.264.4,3.4q.235,1.954.476,3.908.2,1.667.4,3.333.235,1.939.473,3.878.209,1.712.417,3.424.231,1.909.46,3.818.2,1.7.411,3.394t.41,3.393q.2,1.682.406,3.364.234,1.924.47,3.847c.139,1.141.287,2.281.41,3.424.032.294.136.392.381.345a.587.587,0,0,1,.109,0h86c.082,0,.165-.006.246,0,.148.012.2-.055.222-.225.156-1.313.324-2.625.484-3.938.156-1.283.3-2.566.459-3.849.139-1.152.281-2.3.421-3.454q.23-1.894.457-3.788.235-1.939.473-3.878.2-1.681.4-3.363.235-1.939.472-3.878.2-1.682.4-3.364.235-1.939.472-3.878.2-1.682.406-3.363.235-1.939.471-3.879c.136-1.121.277-2.241.409-3.363a22.022,22.022,0,0,0,.239-2.276c.031-2.415.012-4.83.011-7.245' fill='%23ffffff'/%3E%3C/svg%3E");
}

a.btn.btn-white:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='98.125' height='54.088' viewBox='0 0 98.125 54.088'%3E%3Cpath d='M98.119.336c0-.108-.009-.216-.014-.336H.014V.4c0,1.944.034,3.89-.01,5.833a37.809,37.809,0,0,0,.422,4.96c.122,1.123.275,2.241.41,3.362s.267,2.264.4,3.4q.235,1.954.476,3.908.2,1.667.4,3.333.235,1.939.473,3.878.209,1.712.417,3.424.231,1.909.46,3.818.2,1.7.411,3.394t.41,3.393q.2,1.682.406,3.364.234,1.924.47,3.847c.139,1.141.287,2.281.41,3.424.032.294.136.392.381.345a.587.587,0,0,1,.109,0h86c.082,0,.165-.006.246,0,.148.012.2-.055.222-.225.156-1.313.324-2.625.484-3.938.156-1.283.3-2.566.459-3.849.139-1.152.281-2.3.421-3.454q.23-1.894.457-3.788.235-1.939.473-3.878.2-1.681.4-3.363.235-1.939.472-3.878.2-1.682.4-3.364.235-1.939.472-3.878.2-1.682.406-3.363.235-1.939.471-3.879c.136-1.121.277-2.241.409-3.363a22.022,22.022,0,0,0,.239-2.276c.031-2.415.012-4.83.011-7.245' fill='%23ffffff'/%3E%3C/svg%3E");
}









.bn-home h1  {
    font-family: "countach", sans-serif;
    font-size: 6rem;
    line-height: 0.95em;
    font-weight: 800;
    color: var(--blue);
}


.bn-default h1, .bn-color h1 {
    font-family: "countach", sans-serif;
    font-size: 3.6rem;
    line-height: 0.95em;
    font-weight: 800;
    color: var(--blue);
}

.bn-white h1, .bn-white .bn-l-subtitle, .bn-l-white-r-blue h1, .bn-l-white-r-blue .bn-l-subtitle {
    color: var(--white);
}

.bn-l-title {
    margin-bottom: 16px;
}

.bn-bg-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 1;
    opacity: 0.15;
}

.job-single-form-wrap .max-width {
    max-width: 1000px;
}

.bn-l-cta {
    margin-top: 2rem;
}

.job-single-form {
    padding-left: 2rem;
    padding-right: 2rem;
}

.job-single-cta {
    margin-top: 2rem;
}





.hd-r {
    display: flex;
}

html {font-size: 20px;scroll-behavior: smooth;}


.hd-wrap {
    background-color: var(--blue);
}

.max-width-sm {
  max-width: 1200px;
  margin: auto;

  width: 100%;
}

.max-width {
  max-width: 1380px;
  margin: auto;
  width: 100%;
}

.max-width-lg {
    max-width: 1800px;
    margin: auto;
    width: 100%;
}

.hd-wrap .hd-l a {
    font-family: "countach", sans-serif;
    font-weight: 700;
    text-decoration: none;
    font-size: 24px;
    padding: 0;
    margin: 0;
}

.hd-wrap a.hd-site {
    color: var(--white);
    display: inline-block;
    line-height: 43px;
    position: relative;
}

.hd-wrap span.hd-site-seperator {
    border-right: 2px solid #ffffff12;
    padding-right: 1rem;
    margin-right: 1rem;
}

.hd-wrap a.hd-site.hd-site-weerwerk.hd-site-current {
    color: var(--pink);
}

.hd-wrap a.hd-site.hd-site-weerkracht:hover {
    color: var(--yellow);
}

.hd-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
}

.hd-wrap a.hd-site-current:after, .hd-wrap a:focus:after, .hd-wrap a:hover:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-top: 8px solid var(--blue);
    background-color: #fff0;
    position: absolute;
    left: 0;
    right: 0;
    top: 43px;
    z-index: 9999;
    text-align: center;
    margin: auto;
}

.hd-r {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.job-single-content-wrap .max-width {
    max-width: 1000px;
}


.hd-inner a {
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.hd-wrap a.hd-r-link.hd-r-link1, a.hd-r-link.hd-r-link2 {
    margin-right: 22px;
    color: var(--white);
    font-weight: 700;
    font-size: 18px;
    font-family: "countach", sans-serif;
    letter-spacing: 0.01em;
}

.job-single-wrap {
    padding: 3rem 0;
}

.job-single-content {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.bn-r a {
    font-family: "countach", sans-serif;
    color: var(--blue);
    font-weight: 800;
    text-decoration: none;
    font-size: var(--font-size-lg);
    margin-left: 1.5rem;
    /* letter-spacing: 0.01em; */
}

.job-single-bl1 {
    background: var(--pink);
    margin-top: 2.5rem;
}


.job-single-inner {
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.job-single-tags .meta-badge {
    border: 1px solid var(--blue);
    color: var(--blue);
}

.job-single-r a {
    color: var(--blue);
    text-decoration: none;
}

.single-vacatures h1, .single-vacatures .elementor h1.elementor-heading-title {
    font-size: 2.7rem;
    margin-bottom: 1.2rem;
}

.bn-r a:hover, .bn-r li.current-menu-item a {
    border-bottom: 2px solid var(--blue);
    padding: 6px 0;
}

.single-vacatures h2, .single-vacatures .elementor h2.elementor-heading-title {
    font-size: 2.7rem;
    margin-bottom: 1.2rem;
}

.single-vacatures h3, .single-vacatures .elementor h3.elementor-heading-title {
    font-size: 1.8rem;
    margin-top: 1rem;
}

.bn-wrap.bn-white a, .bn-wrap.bn-l-blue-r-white a {
   color: var(--white);
}

.bn-wrap.bn-white .bn-r a:hover, .bn-wrap.bn-white .bn-r li.current-menu-item a, .bn-wrap.bn-l-blue-r-white .bn-r a:hover, .bn-wrap.bn-l-blue-r-white .bn-r li.current-menu-item a {
    border-bottom: 2px solid var(--white);
    padding: 6px 0 8px;
}

.single-post .bn-wrap, .single-vacatures .bn-wrap {
    overflow: visible !important;
}

.single-post .meta-badge {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
}

.ft-location-single {
    display: none !important;
}


.bn-nav .menu ul a {
    margin-left: 1.5rem;
}

.bn-nav-mobile {
    margin-left: 1.5rem;
}

.bn-r {
    display: flex;
    align-items: center;
}

.bn-nav .menu ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.menu-icon {
    display: flex;
    align-items: center;
}


.ft1-wrap {
    background-color: var(--green);
}

.ft2-wrap {
    background-color: var(--light-blue);
}

.job-single-bl4 {
    background-color: var(--light-blue);
    padding-top: 3rem;
    padding-bottom: 3rem;
}


.ft1-wrap .ft1-bl {
    color: var(--white);
    min-width: 260px;
    flex: 0 0 25%;
    padding: 1rem 2rem;
}

.ft1-wrap .ft1-inner {
    display: flex;
    padding: 4rem 0 3.5rem;
    flex-wrap: wrap;
    justify-content: space-between;
}


.ft1-wrap h5 {
    color: var(--white);
    margin-bottom: 1.5rem;
}

.ft1-bl1-a {
    padding-bottom: 1.5rem;
}

.ft2-wrap h5 {
    color: var(--purple);
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}

.ft1-bl2 li, .ft1-bl3 li, .ft1-bl4 li {
    margin-bottom: 1rem;
}

.ft1-bl li a {
    color: var(--white);
    text-decoration: none;
    font-size: var(--font-size-sm);
}

.ft1-bl li a:hover {
  text-decoration: underline;
}

.ft1-bl1-b svg {
    margin-right: 10px;
}

.ft2-inner {
    display: flex;
    padding: 4rem 0 3.5rem;
    flex-wrap: wrap;
    justify-content: space-between;
}




.ft2-inner .ft2-bl {
    min-width: 260px;
    flex: 0 0 25%;
    padding: 1rem 2rem;
}

.ft2-bl a {
    margin-bottom: 1rem;
    display: inline-block;
    color: var(--purple);
    text-decoration: none;
}

.ft2-bl a:hover {
  text-decoration: underline;
}

.ft2-wrap {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='556.174' height='418' viewBox='0 0 556.174 418'%3E%3Cpath d='M-3595.013,698.959l-25.106-353.869h-6.352l-25.106,353.869H-3820v-418h16.316l16.737,230.469h6.451l16.206-230.469h281.849l16.737,230.469h6.451l16.737-230.469h178.69l-56.2,418Z' transform='translate(3820 -280.958)' fill='%23455ba6' opacity='0.07'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}


.ft2-b {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.5rem;
    font-size: var(--font-size-xs);
    padding-left: 2rem;
    padding-right: 2rem;
    gap: 1rem;
}


.ft2-b a, .ft2-b span {
    color: var(--purple);
    opacity: 0.6;
    text-decoration: none;
}

ft2-b span.ft2-b-div {
    padding: 0 3px;
}

.ft2-b a:hover {
    text-decoration: underline;
}

.bn-wrap {
    background-size: cover;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.search-filter-query {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
}



.bn-wrap .bn-shape {
    position: absolute;
    right: 5rem;
    bottom: 2rem;
    z-index: 999;
}

.bn-wrap .max-width {
    z-index: 9999;
    position: relative;
}

/* .bn-default .bn-inner {
  display: flex;
} */

.bn-inner {
    padding-left: 2rem;
    padding-right: 2rem;
}

.bn-inner .bn-a {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
    padding-bottom: 0;
    align-items: center;
    gap: 1rem;
}

.bn-l {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.bn-l svg {
    max-width: 100%;
    min-width: 150px;
}




.bn-bg-wrap {
  display: flex;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.bn-bg-content {
    width: 55%;
    background-color: #8062A7;
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
    z-index: 2;

}

.bn-bg-img {
    width: 55%;
    background-size: cover;
    z-index: 1;
    margin-left: -10%;
}

.bn-default .bn-b, .bn-color .bn-b {
    max-width: 48%;
}

.news-single-bl2 {
    background: linear-gradient(to bottom, var(--orange) 70%, #fff 30%);
}


.news-single-nav {
    background-color: var(--orange);
    padding-top: 1.5rem;
}

.news-single-bl1 {
    background-color: var(--orange);
    padding-bottom: 1.8rem;
  padding-top: 1.8rem;
}



.news-single-bl1 h1 {
    color: var(--white);
    font-size: 2.8rem;
}

.bn-wrap .search-filter-base {
    margin-top: 10px;
}

.search-filter-query.search-filter-query--id-1 {
    margin: 2rem 0;
    padding: 0;
}

.news-single-nav a {
    color: var(--white);
    text-decoration: none;
}

.news-single-bl1 .max-width {
    max-width: 944px;
}

.news-single-bl3 .max-width {
    max-width: 944px;
    padding-right: 0;
    padding-left: 0;
}

.news-single-bl2 .max-width {
    max-width: 1180px;
}

.news-single-inner img {
    object-fit: cover;
    width: 100%;
    height: 28rem;
}

.news-bl .news-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 13rem;
    display: block;
    transition: transform 0.3s ease;
}





.search-filter-base span.search-filter-input-checkbox__control {
  display: none;
}

.search-filter-base span.search-filter-input-checkbox__label {
    font-size: var(--font-size-md);
    color: var(--white);
    border: 1px solid var(--white);
    border-radius: 4px;
    padding: 0 11px;
    height: 35px;
    line-height: 31px;
    margin: 0 5px 5px 5px;
}

.search-filter-base .search-filter-input-checkbox--is-active span.search-filter-input-checkbox__label {
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--blue);
}

.news-single-title {
    margin-bottom: 20px;
}

.news-single-inner {
    padding-left: 2rem;
    padding-right: 2rem;
}

.cta-inner {
    text-align: center;
    padding: 3.5rem 2rem;
}
.cta-title {
    margin-bottom: 1.4rem;
}

.cta-wrap {
    background-color: var(--pink);
}

.cta-wrap .max-width {
    max-width: 920px;
}

.cta-title, .cta-text {
    margin-bottom: 1.4rem;
}

.ww-vestiging {
    border: 8px solid var(--light-blue);
}

.ww-loc-title {
    text-align: center;
    padding-right: 2rem;
    padding-left: 2rem;
}


.ww-vestiging:after {
    content: "" !important;
    position: absolute !important;
    width: 54px;
    height: 54px;
    bottom: -8px;
    right: -8px;
    background: white;
    border-top: 8px solid var(--light-blue);
    border-left: 8px solid var(--light-blue);
}

.bn-wrap ul#primary-r {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.bn-wrap ul#primary-r li ul.sub-menu {
    top: 42px;
    opacity: 0;
}



.bn-wrap ul#primary-r ul.sub-menu {
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    left: 0;
    background: #fff;
    z-index: 99999999;
    border-radius: 2px;
    white-space: nowrap;
    margin: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.bn-wrap ul#primary-r li:hover ul.sub-menu {
    top: 34px;
    opacity: 1;
    pointer-events: auto;
    text-align: left;
    padding: 12px 0;
}

.bn-wrap ul#primary-r ul.sub-menu li {
    position: relative;
    border: none !important;
}

.bn-wrap ul#primary-r li {
    position: relative;
}



.bn-wrap ul#primary-r ul.sub-menu li a {
    padding: 0 24px;
    margin: 0;
    line-height: 40px !important;
    font-size: var(--font-size-md);
    text-transform: none;
    color: var(--blue);
    display: inline-block;
    width: 100%;
    border: none !important;
}

.bn-wrap ul#primary-r ul.sub-menu li a:hover {
  color: var(--orange);
}



















/* MOBILE MENU START */

.bn-wrap .menu-wrap .mobile-menu {
  z-index: 1000000;
  padding: 3rem;
  font-size: var(--font-size-md);
  background: rgb(255 255 255 / 96%);
  text-align: center;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  max-width: 320px;
  width: 72%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.bn-wrap .menu-wrap .mobile-menu a {
  color: var(--title);
  text-decoration: none;
  text-transform: none;
  font-weight: 500;
  padding: 0.8rem 0;
  font-size: 18px;
  display: inline-block;
  line-height: 1.4em;
}

.mobile-menu-ft {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.mobile-menu-ft a {
  margin: 0 !important;
  padding: 0 0 10px!important;
  color: var(--red) !important;
}

.mobile-menu a.btn-text.btn-phone span:before, .mobile-menu a.btn-text.btn-mobile span:before {
  margin-right: 3px !important; 
}

.mobile-menu-ft {
  margin-bottom: 20px;
}

.bn-wrap .menu-wrap .mobile-menu li.current-menu-item a {
  color: var(--red);
}

.bn-wrap .menu-wrap .mobile-menu .mb-language .wpml-ls-statics-footer {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}


.bn-wrap .menu-wrap .mobile-menu .mb-language .wpml-ls-statics-footer a {
  color: var(--title);
  font-size: var(--font-size-md);
  padding: 1rem;
}

.bn-wrap .menu-wrap .mobile-menu .mb-language .wpml-ls-statics-footer .wpml-ls-current-language a {
  color: var(--red);
}


.bn-wrap .menu-wrap .mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.bn-wrap .menu-wrap .mb-footer-menu {
  position: absolute;
  bottom: 50px;
  width: 100%;
  left: 0;
  right: 0;
}

.bn-wrap .menu-wrap  .cross {
  position: relative;
  z-index: 9999999;
  position: fixed;
  top: 2rem;
  right: 3rem;
}
/*locations home css*/
.vacatures-list {
    display: flex;
    flex-direction: column;
}

.vacature-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 20px 0;
    border-top: 1px solid #e2e4ec;
}

.vacature-header h5 a.vacature-title {
    font-family: "countach", sans-serif;
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
    line-height: 1.1;
    font-size: var(--font-size-xxl);
}

.vacature-locaties {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.locatie-badge {
    background-color: #f6c1bb;
    color: #3d2321;
    font-size: 17px;
    font-weight: 500;
    padding: 0 6px;
    border-radius: 4px;
    line-height: 21px;
    height: 24px;
    display: inline-block;
}
.vacature-header:last-child {
    border-bottom: 1px solid #e2e4ec;
}

/*testimonial shortcode*/
.featured-testimonial {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    color: var(--white);
    padding: 0;
}

.testimonial-image img {
    width: 100%;
    height: auto !important;
    border-radius: 0;
    display: block !important;
    height: 22.5rem !important;
    object-fit: cover;
}

.testimonial-content {
    flex: 1;
    max-width: 600px;
}

.testimonial-content blockquote {
    font-style: italic;
    font-size: 22px;
    line-height: 1.6;
    margin: 0 0 24px;
    position: relative;
    padding-left: 1.5rem;
}

.testimonial-content blockquote::before {
    content: "“";
    font-size: 160px;
    color: rgba(255, 255, 255, 0.15);
    position: absolute;
    top: -50px;
    left: -10px;
    line-height: 1;
    font-weight: 800;
}

.testimonial-image {
  width: 40%;
}

.testimonial-content {
    width: 60%;
}

.social-share-bl img {
    width: 20px;
    margin-right: 8px;
}

.social-share-inner {
    margin-bottom: 2rem;
}

.testimonial-content p {
    font-size: 1.65rem;
    line-height: 1.4em;
}



.social-share-a {
    margin-right: 14px;
    display: flex;
    align-content: center;
}

.social-share-bl.social-share-bl-txt {
    margin-bottom: 7px;
}

.news-share-inner {
    padding-left: 2rem;
    padding-right: 2rem;
}

.social-share-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.social-share-b {
    display: flex;
    align-items: center;
}

.news-single-bl5, .news-title h3 {
    font-family: "countach", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #3a4ca8;
    margin: 18px 0;
    line-height: 1;
    text-decoration: none;
}



.news-single-bl5 {
    margin-top: 3rem;
}

.news-single-bl5 a.image-link {
    text-decoration: none !important;
}

.cf7-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.news-single-bl5 {
    margin-bottom: 3rem;
}

.news-share-wrap .max-width {
    max-width: 940px;
}

.custom-post-grid {
    padding-left: 1rem;
    padding-right: 1rem;
}


.cf7-col {
  flex: 1 1 45%;
}
.news-single-bl4, .news-single-bl5 {
    clear: both;
}



.testimonial-meta {
    font-size: var(--font-size-sm);
    margin-bottom: 20px;
}

.testimonial-meta strong {
    display: block;
    font-weight: 600;
    font-size: var(--font-size-sm);
}

.testimonial-meta em {
    font-style: italic;
    color: var(--white);
}

.testimonial-button {
    color: var(--pink);
    text-decoration: none;
}

.testimonial-button:hover {
   color: var(--pink);
}

/*latest news*/
.latest-news-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0;
    margin-top: 1rem;
}

.latest-news-bl {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-direction: row;
    justify-content: flex-start;
}


.latest-news-img img {
    object-fit: cover !important;
    height: 9rem !important;
    object-position: center;
    width: 100%;
}

a.latest-news-tile h5 {
    margin-bottom: 1rem;
    font-size: var(--font-size-xxl);
    font-weight: 400;
}

.latest-news-title {
    color: var(--blue);
    text-decoration: none;
    margin-bottom: 10px;
    line-height: 1.4;
}

.latest-news-img {
    width: 45%;
}

.latest-news-content {
    width: 55%;
}


.latest-news-rm {
    font-weight: 500;
    color: var(--blue);
    text-decoration: none;
}



/*contact form 7*/
/* Grid layout for name/email fields */
.cf7-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 20px;
}

.cf7-col {
    flex: 1 1 45%;
}



.ft2-wrap a.ft2-link2.btn-arrow svg {
    margin-left: 2px;
}

.form-field-wrap h5 {
    font-size: 27px;
    margin-bottom: 4px;
}

.form-field-wrap.form-field-bl3 {
    margin-bottom: 30px;
}

.form-field-wrap {
    margin-bottom: 12px;
}

/* Radio + checkbox styling */
.wpcf7-list-item {
    margin: 0 9px 2px 0;
    display: inline-block;
}

/* Labels */
.wpcf7 label {
    color: var(--text);
    display: block;
    margin-bottom: 6px;
}

/* Submit button */
.orange-button {
    background-color: #f18700;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
}

.orange-button:hover {
    background-color: #cc6e00;
}
.wpcf7 form p > strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #3a4ca8; /* blue/purple like in the screenshot */
    margin-bottom: 10px;
}

/*news page css*/
.custom-post-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}


.news-bl {
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

.news-bl-inner {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

.news-img {
    overflow: hidden;
}




.news-single-bl5 .custom-post-grid {
    margin: 0 1rem;
}


body.single.single-post .bn-wrap, body.single.single-post .bn-bg-wrap {
    height: auto !important;
}


.news-title h3 a {
    text-decoration: none;
    color: inherit;
}

.post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.meta-badge {
    display: inline-block;
    color: #f26e21;
    border: 1px solid #f26e21;
    border-radius: 5px;
    padding: 0 8px;
    font-size: var(--font-size-xs);
    font-weight: 500;
    line-height: 1em;
    height: 29px;
    line-height: 24px;
}






.search-filter-input-checkbox {
    float: left;
}


.ww-categorie .elementor-element:last-child {
    border-bottom: 1px solid var(--blue) !important;
    padding: 0 0 2rem !important;
}

.ww-categorie .elementor-heading-title {
    margin-bottom: -10px !important;
    line-height: 1.3em !important;
}



.ww-categorie .elementor-widget-text-editor .elementor-widget-container, .ww-categorie .elementor-widget-text-editor .elementor-widget-container a {
    color: var(--text) !important;
    padding-right: 10px;
}

.ww-categorie h2.elementor-heading-title a {
    color: var(--blue) !important;
    display: inline-block !important;
    width: 100% !important;
    padding-right: 40px !important;
}

.ww-categorie h2.elementor-heading-title a:hover, .ww-categorie h2.elementor-heading-title a:focus{
  color: var(--orange) !important;
}

.ww-categorie {
    padding-right: 40px !important;
}

.ww-categorie h2.elementor-heading-title a:after {
    content: "";
    display: block;
    width: 33.25px;
    height: 28.498px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.25' height='28.498' viewBox='0 0 33.25 28.498'%3E%3Cpath d='M32.7-12.959a1.79,1.79,0,0,0,.549-1.291,1.8,1.8,0,0,0-.549-1.291L19.638-28.01a1.774,1.774,0,0,0-2.516.059,1.781,1.781,0,0,0,.059,2.516l9.841,9.4H1.781A1.777,1.777,0,0,0,0-14.25a1.777,1.777,0,0,0,1.781,1.781H27.023l-9.849,9.4a1.781,1.781,0,0,0-.059,2.516A1.781,1.781,0,0,0,19.631-.5L32.693-12.966Z' transform='translate(0 28.504)' fill='%23455ba6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 1rem;
}

.ww-categorie h2.elementor-heading-title a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.25' height='28.498' viewBox='0 0 33.25 28.498'%3E%3Cpath d='M32.7-12.959a1.79,1.79,0,0,0,.549-1.291,1.8,1.8,0,0,0-.549-1.291L19.638-28.01a1.774,1.774,0,0,0-2.516.059,1.781,1.781,0,0,0,.059,2.516l9.841,9.4H1.781A1.777,1.777,0,0,0,0-14.25a1.777,1.777,0,0,0,1.781,1.781H27.023l-9.849,9.4a1.781,1.781,0,0,0-.059,2.516A1.781,1.781,0,0,0,19.631-.5L32.693-12.966Z' transform='translate(0 28.504)' fill='%23EE7402'/%3E%3C/svg%3E");
}


svg.e-font-icon-svg.e-eicon-chevron-right {
    position: absolute;
    right: -60px;
}

svg.e-font-icon-svg.e-eicon-chevron-left {
    position: absolute;
    left: -60px;
}


/* font-family: "countach", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "countach", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "trade-gothic-next-condensed", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "trade-gothic-next-condensed", sans-serif;
font-weight: 400;
font-style: italic;

font-family: "trade-gothic-next-condensed", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "trade-gothic-next-condensed", sans-serif;
font-weight: 700;
font-style: italic; */



.ww-loc-wrap .ww-loc-inner::after {
    content: "" !important;
    position: absolute !important;
    width: 54px;
    height: 54px;
    bottom: -8px;
    right: -8px;
    background: white;
    border-top: 8px solid var(--light-blue);
    border-left: 8px solid var(--light-blue);
}

.ww-loc-wrap .ww-loc-inner {
    border: 8px solid var(--light-blue);
    position: relative;
}

.ww-loc-wrap .ww-loc-inner .ww-loc-info {
    padding: 1rem 1rem 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ww-loc-wrap .ww-loc-inner .ww-loc-img {
    height: 11rem;
    background-position: center;
    background-size: cover;
}



.ww-loc-wrap-bl {
    padding-top: 5rem;
}

.ww-loc-wrap {
    flex: 1;
    max-width: 450px;
}

.ww-loc-block {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 5rem;
    justify-content: center;
}

.ww-loc-title {
    margin-bottom: 3rem;
}


.bn-wrap div#custom_toggle {
    line-height: 0;
    margin-left: 2rem;
    cursor: pointer;
    margin-right: 2rem;
    background-color: var(--blue);
    height: 50px;
    width: 50px;
    align-content: center;
    justify-content: center;
    border-radius: 70px;
}

.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-sm-indicator {
    left: auto !important;
    right: auto !important;
}

#sfm-sidebar.sfm-sidebar-exposed .sfm-logo {
    margin-top: 1rem;
}


@media (max-width: 1366px) {
  html {font-size: 18px;}
}


@media (max-width: 1200px) {
  html {font-size: 16px;}
  

}



@media (max-width: 1024px) {

  :root {
    --font-size-xxl: 23px;  
    --font-size-xl: 22px;  
    --font-size-lg: 21px;
    --font-size-md: 20px;
    --font-size-sm: 18px;
    --font-size-xs: 17px;
  }

  html {font-size: 14px;}

  .ft2-bl.ft2-bl1 {
      display: none;
  }
  .custom-post-grid {
    grid-template-columns: repeat(2, 1fr);
}


  .bn-wrap, .bn-bg-wrap {
  height: 32rem !important;
  }

  .bn-wrap .bn-l > .bn-l {
      height: calc(26rem - 0rem) !important;
  }

  .ww-loc-wrap {
      flex: 0 0 calc(50% - 1rem);
  }


}

@media (max-width: 767px) {
  .bn-r .bn-nav {
    display: none;
  }

      div#custom_toggle {
    display: flex !important;
    }

  .ww-loc-wrap {
      flex: 0 0 100%;
  }

}

@media (max-width: 767px) {

  html {font-size: 13px;}
  :root {
    --font-size-xxl: 23px;  
    --font-size-xl: 22px;  
    --font-size-lg: 21px;
    --font-size-md: 20px;
    --font-size-sm: 18px;
    --font-size-xs: 17px;
  }



  .ft2-b {
    flex-direction: column;
  }
}


@media (max-width: 580px) {
  a.hd-r-link.hd-r-link1, a.hd-r-link.hd-r-link2 {
    display: none;
  }

  .bn-wrap.bn-default, .bn-bg-wrap  {
    min-height: 34rem;
  }

  .bn-default .bn-b, .bn-color .bn-b {
    max-width: 70%;
  }

  .bn-wrap .bn-shape {
    right: 1rem;
    bottom: 1rem;
  }

  .bn-bg-content {
    width: 84%;
  }

.bn-home h1 {
    font-size: 60px;

}

  .bn-default h1, .bn-color h1 {
    font-size: 3.3rem;
  }

  /* h2, .elementor h2.elementor-heading-title, .news-title {
    font-size: 2rem;
} */

.custom-post-grid {
    grid-template-columns: repeat(1, 1fr);
}




}

@media (max-width: 400px) {
  .hd-r {
    display: none;
  }
}


@media (max-width: 300px) {
.hd-l-link {
    display: flex;
}

.hd-inner {
    padding-left: 1rem;
    padding-right: 1rem;
}

}