:root { --primary-color: #D31244 ;
--secondary-color: #4D4E4C;
--black: #1A1919;
--white: #fff;
--dark-grey: #7A7A79;
--mid-grey: #A6A7A6;
--light-grey: #D3D3D2;
--light: #f5f5f6; --heading-size-1: ;
--heading-size-2: ;
--heading-size-3: ;
--heading-size-4: ;
--heading-size-5: ;
--heading-size-6: ; --main-font-family: sofia-pro, sans-serif;
--secondary-font-family: 'Open Sans', sans-serif;
--list-font: 'Open Sans Condensed', sans-serif; --shadow-circle: 0px 28px 69px -18px rgba(0,0,0,0.75);
--shadow-box: 0px 4px 8px 4px rgba(0,0,0,0.05);
}
html{
overflow-x: hidden;
} .button-holder {
position: relative;
margin: 30px 0;
}
.button-span-right span {
margin-left: 10px;
}
.button-span-left span {
margin-right: 10px;
}
.section-divider{
margin-top: 4vw;
padding-bottom: 3vw;
}
.background-light{
background: var(--light);
}
img{
max-width: 100%;
object-fit: cover;
}
a{
text-decoration: none;
color: var(--secondary-color);
}
a:hover{
text-decoration: none;
color: var(--primary-color);
}
.text-color-red{
color: var(--primary-color);
}
.text-dark-grey{
color: var(--dark-grey);
}
.button{
padding: 16px 30px;
border-radius: 1px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-family: var(--main-font-family);
}
.button-red{
background: var(--primary-color);
color: #fff;
}
.button-red:hover{
background: var(--secondary-color);
color: #fff;
}
.button-black{
background: var(--black);
color: var(--white);
}
.button-black:hover{
background: var(--secondary-color);
color: var(--white);
}
.button-secondary{
background: var(--secondary-color);
color: var(--white);
}
.button-secondary:hover{
background: var(--black);
color: var(--white);
}
.button-white{
background: var(--white);
box-shadow: var(--shadow-box);
border-radius: 3px;
}
.button-transparent{
background: transparent;
border: 1px solid;
color: var(--secondary-color);
}
.button-transparent:hover{
background: transparent;
border: 1px solid;
color: var(--primary-color);
}
.text-right{
text-align: right;
}
.text-center{
text-align:center;
}
.text-mid-grey{
color: var(--mid-grey) !important;
}
.button-light{
background: var(--light);
color: var(--black);
}
.background-transparent{
background: transparent;
}
.text-left{
text-align: left !important;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
@media screen and (min-width: 940px){
.hide-desktop{
display: none;
}
} html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0; scroll-behavior: smooth;
} .container {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .container {
width: 80%;
}
.container-small{
width: 80%;
}
}
@media only screen and (min-width: 45em) { .col-1 {
width: 4.33%;
}
.col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 60em) { .container {
width: 95%;
max-width: 75rem;
}
.container-small {
width: 95%;
max-width: 65rem;
margin: auto;
}
.container-x-small {
width: 95%;
max-width: 55rem;
margin: auto;
}
}  body{
font-family: var(--secondary-font-family);
font-weight: regular;
} h1, h2, h3, h4, h5, h6{
font-family: var(--main-font-family);
color: var(--black);
}
p {
line-height: 1.8;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-heavy {
font-weight: 700;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
}  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0; vertical-align: baseline;
box-sizing: border-box;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html{
font-size: calc( 1em + (1.1 - 1) * (100vw - 20em) / (100 - 20) );
}  .main-menu-holder ul {
text-align: right;
}
.main-menu-holder ul li {
display: inline;
margin-left: 20px;
}
.main-menu-holder {
margin-top: 20px;
}
.search-holder {
margin-top: 20px;
}
.main-menu-holder .contact-highlighted a {
background: var(--primary-color);
padding: 10px 30px;
color: #fff;
}
.bottom-menu-holder ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.bottom-menu {
background: var(--light);
box-shadow: 0px 9px 10px -2px rgb(0 0 0 / 5%);
position: relative;
z-index: 1;
}
section.header-section {
padding: 13px 25px;
}
.bottom-menu-holder ul li {
padding: 10px 10px;
}
.bottom-menu-holder ul li:not(:last-child){
border-right: 1px solid var(--mid-grey);
}
section.bottom-menu ul li {
font-family: var(--list-font);
font-size: 14px;
color: var(--black);
letter-spacing: 0.15px;
text-transform: uppercase;
font-weight: 400 !important;
font-family: var(--main-font-family);
} section.bottom-footer .container {
padding: 10px 0 20px;
border-top: 2px solid var(--light-grey);
margin-top: 30px;
}
.social-icon-holder {
text-align: right;
margin-top: 10px;
font-size: 25px;
}
.social-icon-holder a {
margin-right: 10px;
color: var(--mid-grey);
}
.social-icon-holder a:hover{
color: var(--primary-color);
}
.footer-info-holder img {
margin-bottom: 40px;
}
.footer-mail-holder {
margin-top: 20px;
}
.footer-mail-holder a i {
margin-right: 10px;
}
h4.footer-title {
font-size: .7em;
color: var(--primary-color);
letter-spacing: 1.75px;
margin-bottom: 30px;
}
.bedrijf-footer-holder ul li a, .vabeylen-footer-holder ul li a, .informatie-footer-holder ul li a {
font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 32px;
}
.bedrijf-footer-holder ul li a:hover, .vabeylen-footer-holder ul li a:hover, .informatie-footer-holder ul li a:hover{
color: var(--primary-color);
}
section.footer-section {
margin-top: 50px;
}  .home-hero-section .col-12 {
margin-top: 0;
}
.home-hero-content .home-hero-img {
min-width: 100%;
}
img.ktv-score-img {
position: absolute;
right: 0;
bottom: 0;
width: 90px;
}
.home-hero-content {
position: relative;
}
.home-hero-title-holder {
position: absolute;
top: 30%;
}
h1.home-hero-title {
font-size: 3em;
color: #FFFFFF;
letter-spacing: -2px;
font-weight: 400;
}
h1.home-hero-title span {
background: var(--primary-color);
padding: 0 20px;
line-height: 1.4em;
font-weight: 600;
}
.home-hero-title-holder a {
margin-left: 20px;
}
h1.home-hero-title{
position: relative;
}
h1.home-hero-title:before {
content: '';
width: 65px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/icons/hero-title-pattern.svg);
left: -65px;
}
.how-it-works-home-img-holder img {
margin-top: -60px;
}
.how-it-works-home-content-holder {
width: 90%;
margin: auto;
margin-top: 90px;
}
p.how-it-works-text {
font-family: 'Poppins';
font-size: 2em;
color: #4D4E4C;
letter-spacing: -1px;
line-height: 1.3em;
font-weight: 600;
}
.how-it-works-button span img{
margin-bottom: -5px;
}
.home-sectoren-title-holder h3 {
font-size: 2.3em;
color: #1A1919;
font-weight: 400;
margin-bottom: 60px;
text-align: left;
}
.home-sectoren-title-holder{
text-align: center;
margin-top: -23px;
}
.home-sectoren-title-holder img {
background: var(--primary-color);
padding: 15px;
margin-bottom: -15px;
z-index: 0;
position: relative;
margin-left: -50px;
transition: all .2s ease-in-out,color .2s ease-in-out;
}
.home-sectoren-title-holder h4 {
font-family: var(--list-font);
font-size: 18px;
color: #FFFFFF;
letter-spacing: 0.17px;
text-align: center;
background: var(--secondary-color);
display: inline;
text-align: center;
padding: 10px 20px;
z-index: 1;
position: relative;
text-transform: uppercase;
}
.sectoren-home-item-holder:hover .home-sectoren-title-holder img {
margin-left: 0;
transition: all .2s ease-in-out,color .2s ease-in-out;
}
.sectoren-red-bg {
width: 74%;
max-width: 80rem;
background: var(--primary-color);
height: 130px;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 36%;
}
section.home-sectoren-section{
position: relative;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 400px;
}
.sectoren-red-bg:before {
content: '';
width: 80%;
height: 100%;
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/red-pattern.svg);
position: absolute;
left: 0;
right: 0;
margin: auto;
}
h4.home-onze-merken-title {
font-family: var(--main-font-family);
font-size: .8em;
color: #DA322A;
letter-spacing: 1.75px;
padding-bottom: 20px;
border-bottom: 1px solid var(--light-grey);
text-transform: uppercase;
}
.onze-merken-logos-holder {
display: flex;
justify-content: space-between;
margin-top: 40px;
align-items: center;
flex-wrap: wrap;
}
.onze-merken-logos-holder img {
object-fit: contain;
min-width: 80px;
}
li.onze-services-home-item h4 {
font-size: 1.4em;
color: var(--secondary-color);
letter-spacing: -0.5px;
font-weight: 500;
}
li.onze-services-home-item img {
width: 30px;
height: 30px;
margin-bottom: -5px;
margin-right: 10px;
object-fit: contain;
}
li.onze-services-home-item p {
margin-left: 45px;
font-family: 'Poppins';
font-size: 18px;
color: #7A7A79;
letter-spacing: 0;
line-height: 20px;
font-weight: 500;
margin-top: 10px;
}
li.onze-services-home-item {
margin-bottom: 20px;
}
ul.onze-services-home {
width: 80%;
margin: auto;
margin-top: 60px;
}
.images-with-list-imgs-holder img:last-child {
margin-left: 30px;
margin-bottom: -60px;
}
.images-with-list-imgs-holder{
position: relative;
}
.images-with-list-imgs-holder:before {
content: '';
width: 50%;
position: absolute;
left: 0;
right: 0;
bottom: -100px;
background: url(https://www.vaneylen.be/wp-content/uploads/2021/08/Secondary.jpg);
position: absolute;
height: 100%;
margin: auto;
z-index: -1;
}
div#input_26_9 input {
margin-bottom: 0 !important;
}
div#input_26_9 .gchoice {
margin-bottom: 9px !important;
display: block;
}
fieldset#field_26_9 legend {
margin-bottom: 20px;
}
section.images-with-list-section {
padding-bottom: 10vw;
}
section.home-diensten-section.section-divider {
position: relative;
background: var(--secondary-color);
}
section.home-diensten-section.section-divider:before {
content: '';
width: 500px;
position: absolute;
left: -150px;
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/eye-bg.svg);
height: 400px;
z-index: 0;
background-size: contain;
bottom: 0%;
background-repeat: no-repeat;
} section.home-diensten-section.section-divider {
padding: 6vw 0;
} .tab {
} section.collection-section {
position: relative;
background: var(--light);
padding: 4vw 0;
}
.collection-tabs-links-holder a {
display: block;
padding: 10px 30px;
border-left: 7px solid #fff;
cursor: pointer;
}
.collection-tabs-links-holder .active {
border-left: 7px solid var(--primary-color);
}
img.collection-arrow {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: var(--primary-color);
padding: 15px;
margin: auto !important;
visibility: hidden;
opacity: 0;
transition: all .2s;
}
.collectie-section-item:hover img.collection-arrow {
visibility: visible;
opacity: 1;
transition: all .2s;
}
.collection-tabs-links-holder {
width: 100%;
box-shadow: var(--shadow-box);
padding: 40px 0;
background: #fff;
}
.collectie-section-item-img-holder img:first-child {
width: 100%;
height: auto;
background: #fff;
}
h3.collection-items-list-name { font-size: 2em;
color: var(--secondary-color);
letter-spacing: -1px;
}
.collectie-section-item-content-holder h4 {
font-weight: 600;
font-size: 16px;
color: var(--black);
letter-spacing: 0;
text-align: center;
WIDTH: 80%;
MARGIN: AUTO;
}
.collectie-section-item-content-holder {
text-align: center;
width: 100%;
min-height: 40px !IMPORTANT;
}
.collectie-section-item {
box-shadow: var(--shadow-box);
}
.collectie-section-item-img-holder {
margin: 0 !important;
position: relative;
}
.collectie-section-item-img-holder {
margin: 0;
}  .tab a {
display: block;
background-color: inherit;
color: var(--dark-grey);
padding: 22px 0px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 1em;
border-bottom: 1px solid var( --dark-grey);
font-weight: 600;
} .tab a:hover {
background-color: transparent;
color: #fff;
} .tab a.active {
background-color: transparent;
border-left: 3px solid;
color: #fff;
padding: 22px 15px;
} .tabcontent {
padding: 0px 12px;
width: 100%;
height: auto;
transition: all .4s ease-in-out,color .4s ease-in-out;
position: relative;
top: 0;
left: 100%;
margin-left: -100%;
float: left;
}
section.home-diensten-section.section-divider {
padding: 100px 0 80px;
}
.tabs-content-holder {
width: 80%;
margin: auto;
position: relative;
}
h2.home-diensten-main-title {
font-weight: 600;
font-size: 2.5em;
color: #FFFFFF;
margin-bottom: 50px; }
.tabcontent .main-img {
width: 100%;
margin-bottom: 30px;
max-height: 290px;
}
h4.v-tabs-title {
font-weight: 400;
font-size: 1.5em;
color: #F5F5F6;
letter-spacing: -0.5px;
width: 70%;
line-height: 1.3em;
margin-bottom: 30px;
}
p.v-tabs-text { font-size: 16px;
color: #A6A7A6;
letter-spacing: 0;
line-height: 25px;
margin-bottom: 40px;
}
section.footer-cta {
margin-bottom: 70px;
}
.footer-cta-bg {
width: 100%;
height: 230px;
background: var(--light);
margin-bottom: -150px;
}
.footer-cta-content-holder p { font-size: 2em;  line-height: 1.5em;
}
.footer-cta-row {
display: flex;
align-items: center;
background: #fff;
box-shadow: var(--shadow-box);
}
.col-6.footer-cta-img-column {
margin: 0;
width: 50%;
}
.footer-cta-text-holder{
position: relative;
width: 80%;
margin: auto;
}
.footer-cta-img-holder img {
width: 100%;
position: relative;
z-index: 1;
}
.footer-cta-text-holder:before {
content: '';
background: var(--primary-color);
position: absolute;
left: -100px;
width: 60px;
top: 0;
bottom: 0;
z-index: 0;
background-image: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/grey-pattern.svg);
}
.button-holder.footer-cta-button-holder {
width: 80%;
margin: auto;
margin-top: 40px;
} .home-case-item-logo-holder {
display: flex;
align-items: center;
justify-content: center;
height: 260px;
background: #fff;
}
.home-case-item {
box-shadow: var(--shadow-box);
}
.home-case-item-content-holder p { font-size: 18px;
color: #4D4E4C;
letter-spacing: 0;
text-align: center;
line-height: 30px;
padding: 40px 40px 78px;
background: var(--light);
}
.emoticon-holder {
position: absolute;
bottom: -16px;
left: 20px;
font-size: 40px;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
display: none;
}
.home-case-item-logo-holder {
position: relative;
}
h2.home-cases-title, .home-blog-title {
font-size: 2.5em;
color: #1A1919;
letter-spacing: -1.5px;
text-align: center;
margin-bottom: 40px;
font-weight: 600;
}
section.home-cases {
background: var(--light); padding: 5vw 0;
position: relative;
}
.home-case-button-holder{
position: relative;
}
.home-case-button-holder p { background: #fff;
padding: 6px 15px;
margin-bottom: 0px;
position: absolute;
margin: auto;
left: 0;
right: 0;
display: block;
width: 170px;
bottom: -20px;
box-shadow: var(--shadow-box);
}
.home-case-button-holder span {
margin-left: 10px;
}
.sectoren-red-bg-cases{
bottom: 39%;
}
.home-blog-content-holder {
padding: 30px;
background: var(--light);
}
.home-blog-img-holder img {
width: 100%;
margin: 0;
}
h4.home-blog-item-title {
width: 100%;
margin-bottom: 20px;
line-height: 20px;
font-size: 1.em;
color: var(--secondary-color);
letter-spacing: 0;
line-height: 25px; }
.home-blog-item { }
.home-blog-excerpt-holder p {
font-size: 16px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 27px;
}
p.home-blog-see-all-text { font-size: 28px;
color: #4D4E4C;
letter-spacing: -0.5px;
width: 50%;
line-height: 1.3em;
margin-bottom: 50px;
}
.home-blog{
position: relative;
}
.footer-cta-img-holder img {
width: 100%;
position: relative;
z-index: 1;
max-height: 510px;
}
.sectoren-red-bg.home-blog-grey-bg {
width: 74%;
max-width: 80rem;
background: var(--light);
height: 180px;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 43.3%;
}
.sectoren-red-bg:before {
content: '';
width: 80%;
height: 100%;
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/grey-pattern.svg);
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.home-blog-img-holder img {
width: 100%;
margin: 0;
margin-bottom: -10px;
}
.image-left-fx-foto-holder img {
width: 100%;
position: relative;
}
section.flexible-content-section .row {
margin-bottom: 90px;
}
.flexible-content-section{
background: var(--light);
padding: 5vw 0;
}
h3.fx-topic-right {
background: var(--primary-color);
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 400;
font-size: 2em;
}
.row.image-left-row-fx .col-6:nth-child(2), .row.image-right-row-fx .col-6:nth-child(2) {
margin-right: 0;
width: 48%;
}
.row.image-left-row-fx .col-6:last-child, .row.image-right-row-fx .col-6:last-child {
margin-left: 0;
width: 48%;
}
.fx-content {
padding: 80px;
box-shadow: var(--shadow-box);
background: #fff;
}
.fx-content h4 { font-size: 28px;
color: #4D4E4C;
letter-spacing: -0.5px;
margin-bottom: 50px;
font-weight: 400;
}
.fx-text p {
font-size: 18px;
color:var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
}
.fx-text{
margin-bottom: 60px;
}
h3.fx-topic-left {
background: var(--primary-color);
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 400;
font-size: 2em;
text-align: right;
}
.background-label-holder {
position: absolute;
bottom: -10%;
font-size: 7em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: -50px;
opacity: .4;
}
.background-label-holder-right {
position: absolute;
bottom: 0%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
right: 0;
opacity: .4;
}
section.flexible-content-section .background-label-holder p {
line-height: .9em;
}
section.flexible-content-section .background-label-holder{
position: absolute;
bottom: 6%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: 30px;
opacity: .4;
width: 60%;
}
section.flexible-content-section .col-6{
position: relative;
z-index: 1;
}  .sectoren-top-titel {
font-family: var(--main-font-family);
font-size: .9em;
color: var(--primary-color);
letter-spacing: 1.75px;
}
.sectoren-hero-text-holder p {
font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
}
a.button.how-it-works-button {
font-weight: 600;
}
h3.sectoren-hero-main-title { font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -1px;
font-weight: 400;
}
.sectoren-hero-text-holder {
margin-top: 30px;
}
section.sectoren-hero-section {
padding: 4vw 0 5vw;
background: rgb(245,245,246);
background: linear-gradient(
180deg
, rgba(245,245,246,1) 0%, rgba(245,245,246,1) 35%, rgba(255,255,255,1) 100%);
position: relative;
}
.sectoren-hero-bg-text-holder {
position: absolute;
bottom: -6vw;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light);
left: 30px;
}
.sectoren-hero-bg-text-holder h1{
color: var(--light);
}
section.merken-grid-section {
padding: 5vw 0;
background:var(--light);
margin-bottom: -4vw;
}
.merken-grid-title-holder h3 {
font-weight: 400;
font-size: 2.5em;
color: var(--black);
letter-spacing: -1.5px;
}
.merken-grid-title-holder{
text-align: center;
}
.merken-grid-text-holder p {
font-family: Helvetica;
font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
}
.merken-grid-text-holder{
margin-bottom: 40px;
}
ul.merken-grid-list li {
width: 230px;
height: 230px;
display: inline-block;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 25px 25px 0;
box-shadow: var(--shadow-box);
}
ul.merken-grid-list {
display: flex;
flex-wrap: wrap;
margin: 0 20px 20px 0;
}
.col-7.merken-grid-text-column {
margin-left: 0;
}
.sectoren-archief-hero-content-holder {
padding: 50px 64px;
background: #fff;
box-shadow: var(--shadow-box);
}
section.sectoren-archief-hero .row {
padding: 40px 0;
}
.breadcrumbs-holder {
font-family: var(--main-font-family);
color: rgba(77,78,76,0.50);
letter-spacing: 1.75px;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 15px;
}
.breadcrumbs-holder a{
font-family: var(--main-font-family);
color: rgba(77,78,76,0.50);
letter-spacing: 1.75px;
text-transform: uppercase;
font-size: 12px;
}
.breadcrumb_last{
color: var(--secondary-color);
}
h2.sectoren-archief-hero-title {
font-family: var(--main-font-family);
font-size: 36px;
color: var(--black);
letter-spacing: -1px;
margin-bottom: 25px;
}
.sectoren-archiefpagina-button-holder{
margin-top: 45px;
}
.sectoren-archief-text-bg {  color: #1A1919; line-height: 0;
position: absolute;
right: -50px;
bottom: -120px;
text-transform: capitalize;
font-size: 8em;
font-weight: 700;
color: var(--light);
letter-spacing: -9px;
}
section.sectoren-archief-hero .container {
position: relative;
} h2.sectoren-archief-hero-title{
position: relative;
}
h2.sectoren-archief-hero-title:before {
content: '';
background: var(--primary-color);
position: absolute;
top: 8px;
bottom: 0;
width: 20px;
left: -64px;
}
.square{
display: flex;
align-items: center;
}
.transparent-text-box-item {
width: 90%;
margin: auto;
}
section.sectoren-archief-hero {
position: relative;
}
.transparent-text-box-item p {
font-family: var(--main-font-family);
font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -1px;
line-height: 1.1em;
}
.beroep-item-title-holder {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -15px;
padding: 10px;
color: #fff;
text-align: center;
}
.beroep-item-title{
display: inline;
background: var(--secondary-color);
padding: 10px 20px;
color: #fff;
font-family: var(--secondary-font-family);
text-transform: uppercase;
font-size: 1em;
}
.beroep-item a {
position: relative;
}
section.sectoren-archiefpagina-loop-section{
margin-top: 6vw;
padding-bottom: 5vw;
}
.sectoren-archiefpagina-loop-section .row{
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
}
.beroep-item img {
width: 100%;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 0 80px;
}
.beroep-item.beroep-item-with-image {
height: 100%;
width: 100%;
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: 100%;
box-shadow: var(--shadow-box);
max-height: 360px;
min-height: 360px;
}
.beroep-item img {
max-height: 360px;
}
.aanbod-button {
margin-left: 10px;
}
.aanbod-button img{
transform: rotate(90deg);
}
.quote-section-holder {
text-align: center;
}
.quote-text-holder p { font-size: 3em;
color: var(--black);
letter-spacing: -1.5px;
text-align: center;
width: 100%;
line-height: 1.2em;
margin: auto;
}
p.quote-img-holder {
font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0;
text-align: center;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.quote-text-holder{
margin-bottom: 40px;
}
.quote-img-holder img{
margin-right: 20px;
}  .row.social-media-row {
display: flex;
}
.row.social-media-row .col-6:first-child{
margin-right: 0;
width: 48%;
}
.row.social-media-row .col-6:last-child{
margin-left: 0;
width: 48%;
background: var(--secondary-color);
display: flex;
align-items: center;
}
.social-media-img-holder img {
width: 100%;
min-height: 400px;
}
.social-media-img-holder{
position: relative;
}
p.social-media-foto-text {
position: absolute;
width: 45%;
bottom: 20px;
left: 25px;
line-height: 1.4em;
font-size: .9em;
color: #FFFFFF;
letter-spacing: 0;
}
p.social-media-foto-text:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 10px;
background: var(--primary-color);
left: -25px;
}
.social-media-icons-holder ul li {
display: inline;
margin-right: 20px;
}
h3.social-media-title {
font-size: 36px;
color: #FFFFFF;
letter-spacing: -1px;
width: 70%;
margin-bottom: 30px;
line-height: 1.4em;
}
.social-media-content-holder {
margin-left: 40px;
}
section.social-media-section {
padding: 6vw 0;
background: var(--light);
}
.col-4.square.col-4-diensten {
margin-bottom: 70px;
}
h3.diensten-catalog-card {
font-family: var(--main-font-family);
font-size: 1.8em;
color: var(--mid-grey);
letter-spacing: -1px;
line-height: 1.5em;
font-weight: 400;
}
p#diensten-detail-breadcrumbs a, p#diensten-detail-breadcrumbs {
color: var(--primary-color);
opacity: .8;
}
p#diensten-detail-breadcrumbs .breadcrumb_last{
opacity: 1;
color: var(--primary-color);
}
img.play-icon-d-d-hero {
position: absolute;
left: 0;
right: 0;
top: 45%;
margin: auto;
width: 70px;
color: var(--primary-color);
}
img.hero-img-diensten-detail {
width: 100%;
max-height: 500px;
}
img.hero-img-diensten-detail.hero-img-diensten-detail-new {
width: 100%;
max-height: unset;
}
.video-hero-section{
background: linear-gradient(180deg, #fff 50%, var(--light) 50%);
position: relative;
}
.hero-video-popup-holder-diensten {
position: fixed;
top: 0;
width: 100%;
height: 100vh;
background: #ffffffb0;
z-index: 9999;
}
p.archive-category-description {
font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
margin-bottom: 40px;
}
.panel ul { font-size: 16px;
color: var(--secondary-color);
letter-spacing: 0;
line-height: 28px;
list-style: circle;
margin-left: 20px;
width: 80%;
}
.hero-video-popup-holder-diensten {
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.embed-container {
display: flex;
}
i.close-popup.far.fa-times-circle {
margin-right: 15px;
margin-top: -15px;
font-size: 1.5em;
color: var(--primary-color);
cursor: pointer;
}  section.cases-content-loop.section-divider .row {
display: flex;
flex-wrap: wrap;
}
.col-8.case-item-big-column a {
display: flex;
height: 100%;
}
.home-case-item.case-item-big {
width: 50%;
}
.case-item-big-column, .case-item-small-column {
position: relative;
margin-bottom: 50px !important;
background: var(--light);
box-shadow: var(--shadow-box);
}
.col-4.case-item-small-column .home-case-item {
box-shadow: none;
}
.col-8.case-item-big-column .home-case-item {
box-shadow: none;
}
.case-item-img-holder {
width: 50%;
}
.home-cases-archive-button-holder { background: #fff;
padding: 6px 15px;
margin-bottom: 0px;
position: absolute;
margin: auto;
left: 0;
right: 0;
display: block;
width: 170px;
bottom: -10px;
box-shadow: var(--shadow-box);
z-index: 1;
} .cases-archief-hero-text {
margin-top: 20px;
}
.cases-fl-c-image-holder img {
width: 100%;
}
.single-cases-flexible-content-row{
margin-bottom: 40px;
}
.row.single-cases-flexible-content-row {
display: flex;
}
.col-6.single-cases-flexible-content-column {
display: flex;
background: var(--light);
justify-content: center;
align-items: center;
}
.col-12.single-cases-flexible-content-column {
display: flex;
background: var(--light);
justify-content: center;
align-items: center;
}
.cases-fl-c-content-holder {
width: 90%;
padding: 40px 0;
}
.sectoren-archief-hero-content-holder img {
max-width: 100px;
height: auto;
}
p.quote-img-holder img {
max-width: 90px;
}
.home-case-item-logo-holder img {
max-height: 260px;
}
.cases-fl-c-content-holder h3 {
font-size: 28px;
color: var(--secondary-color);
letter-spacing: -0.5px;
margin-bottom: 30px;
}
.cases-fl-c-content-holder p {
font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
}
a.button.button-black.buttonn-span-left.cases-overzicht-btn img {
transform: rotate(
180deg
);
margin-right: 20px;
}
a.button.button-black.buttonn-span-left.cases-overzicht-btn{
background: var(--dark-grey);
}  .sectoren-archief-text-bg.over-ons-text-bg {
left: -4%;
}
.in-memoriam-titel{
font-size: 36px;
color: var(--black);
letter-spacing: -1px;
text-align: center;
font-weight: normal;
}
.in-memoriam-content-holder {
text-align: center;
margin-top: 40px;
}
p.over-ons-under-hero-text {
line-height: 1.2em;
font-size: 36px;
color: var(--secondary-color);
letter-spacing: -1px;
width: 70%;
margin-bottom: 70px;
}
section.steps-section {
background: var(--light);
}
section.steps-section {
background: var(--light);
padding: 5vw 0;
margin-bottom: -4vw;
}
h4.steps-title {
font-size: 2.4em;
color: var(--secondary-color);
letter-spacing: -1px;
font-weight: 500;
margin-bottom: 50px;
}
.steps-arrows {
text-align: right;
margin-top:65px;
}
.steps-item-content {
width: 80%;
display: flex;
flex-direction: column;
box-shadow: var(--shadow-box);
padding: 40px;
min-height: 320px;
text-align: center;
justify-content: center;
}
h3.steps-item-step-nr { font-size: 1.7em;
color: var(--secondary-color);
letter-spacing: -0.5px;
text-align: center;
font-weight: 500;
margin-bottom: 15px;
}
h5.steps-item-title { font-size: 18px;
color: var(--secondary-color);
letter-spacing: 0;
text-align: center;
line-height: 30px;
margin-bottom: 10px;
font-weight: 500;
}
.steps-item-content p {
font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
text-align: center;
line-height: 25px;
}
.steps-item {
display: block;
margin: 10px 1px;
position: relative;
opacity: .5;
}
p.steps-arrow-next {
color: var(--primary-color);
position: absolute;
right: 0;
top: 40%;
margin-right: 30px;
}
.slick-current {
opacity: 1;
}
.steps-item:last-child .steps-arrow-next {
display: none;
}
a.button.button-red.button-span-left.steps-button img {
display: inline;
}
.steps-button-holder{
margin-top: 25px;
}
.working-hours-img-holder {
position: relative;
}
.working-hours-img-holder a {
position: absolute;
bottom: 0;
padding: 20px;
left: 0;
}
.working-hours-img-holder a:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -50px;
width: 50px; background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/grey-pattern-w-bg.svg);
}
h3.working-hours-title {
font-weight: 500;
font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -0.5px;
margin-bottom: 30px;
}
.working-hours-text-holder p { font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
width: 90%;
}
.working-hours-days-holder {
margin-top: 30px;
}
ul.working-hours-list li { font-size: 1em;
color: var(--secondary-color);
letter-spacing: 0;
line-height: 32px;
}
ul.working-hours-list li:last-child, ul.working-hours-list li:nth-child(6) {
color: var(--dark-grey);
}
ul.working-hours-list li span {
width: 130px;
display: inline-block;
}
.working-hours-content-holder {
margin-top: 70px;
}
section.over-ons-img-right.section-divider .container-x-small .row {
display: flex;
}
section.over-ons-img-right.section-divider .container-x-small .row .col-6 {
background: var(--light);
display: flex;
justify-content: center;
align-items: center;
}
.over-ons-img-left-content-holder {
width: 80%;
}
.over-ons-img-left-img-holder, .over-ons-img-left-img-holder img {
width: 100%;
}
.over-ons-img-left-content-holder h3 {
font-weight: 500;
font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -0.5px;
margin-bottom: 30px;
}
.over-ons-img-left-content-holder .text-holder p { font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
}
.team-item-img-holder.background-light {
width: 40%;
}
.team-item-content-holder {
width: 60%;
}
.col-6.team-column {
display: flex;
margin-bottom: 50px;
}
.team-item-img-holder.background-light {
padding-top: 30px;
}
.team-item-text-holder {
padding: 20px 20px 35px;
box-shadow: var(--shadow-box);
margin-left: -20px;
background: #fff;
}
.background-light-grey{
background: var(--light);
}
.team-item-text-holder-white p {
font-size: .9em;
color: var(--mid-grey);
letter-spacing: 0;
line-height: 27px;
}
.team-item-text-holder-grey p {
font-size: .9em;
color: var(--black);
letter-spacing: 0;
line-height: 27px;
}
.team-item-img-holder.team-img-holder-grey {
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/eye-bg-dark.svg), var(--light);
background-position: -40% center;
background-size: 50%;
background-repeat: no-repeat;
padding: 0;
}
.team-item-img-holder.team-img-holder-white {
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/eye-bg-white.svg), var(--light);
background-position: -40% center;
background-size: 50%;
background-repeat: no-repeat;
padding: 0;
}
img.in-memoriam-foto {
margin: 40px 0;
padding: 0 60px;
background: #fff;
}
h4.in-memoriam-name { font-size: 1em;
color: var(--black);
letter-spacing: 0;
text-align: center;
margin-bottom: 10px;
}
p.in-memoriam-text {
font-size: .8em;
color: var(--mid-grey);
}
.in-memoriam-content-holder:before {
content: '';
width: 100%;
height: 2px;
background: var(--light-grey);
position: absolute;
left: 0;
top: 58%;
z-index: -1;
}
.team-title h2 {
font-weight: 500;
font-size: 2.5em;
color: #1A1919;
letter-spacing: -1.5px;
width: 360px;
margin-bottom: 40px;
}
.team-item-name-holder {
margin: 40px 30px 0;
}
.team-item-name-holder h5 {
font-size: 1em;
color: #1A1919;
letter-spacing: 0;
}
.team-item-name-holder p {
font-size: .8em;
color: var(--mid-grey);
}  .sectoren-hero-bg-text-holder.faq-hero-bg-text-holder {
position: absolute;
bottom: -9px;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
right: -60px;
left: unset; }
section.faq-hero-section{
padding: 4vw 0 10vw;
}
section.faq-content-section {
background: var(--light);
}
h3.category-title {
font-size: 12px;
color: #FFFFFF;
letter-spacing: 1.75px;
padding: 15px 0;
background: var(--primary-color);
text-align: center;
margin-bottom: 30px;
}
.faq-category-holder {
margin-top: -50px;
max-width: 290px;
background: #fff;
}
.faq-category-list {
padding: 20px 0;
}
.faq-category-list a {
display: block;
margin-bottom: 10px;
padding-left: 30px;
border-left: 4px solid #fff;
padding: 7px 20px 7px;
}
.faq-category-list .active {
border-color: var(--primary-color);
color: var(--primary-color);
background: var(--light);
}
.accordion {
background-color: #fff;
color: var(--secondary-color);
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 1em;
transition: 0.4s;
margin-top: 20px;
box-shadow: var(--shadow-box);
}
.activeaccordion, .accordion:hover {
background-color: #ccc;
}
.panel {
padding: 20px 18px;
display: none;
background-color: var(--light);
overflow: hidden;
box-shadow: var(--shadow-box);
}
button.accordion:after {
content: '\002B';
color: #777;
float: right;
margin-left: 5px;
}
.panel p {
font-size: 16px;
color: var(--secondary-color);
letter-spacing: 0;
line-height: 28px;
}
.faq-content-tabs {
margin-top: 60px;
}  ul.offerte_aanvragen_hero_list li {
width: 50%;
float: left;
display: flex;
align-items: center;
margin-bottom: 15px;
}
ul.offerte_aanvragen_hero_list img {
width: 1.5em;
margin-right: 10px;
}
.sectoren-hero-title-holder.offerte-hero-title-holder {
width: 60%;
}
ul.offerte_aanvragen_hero_list li span:last-child { font-size: 1em;
color: var(--secondary-color);
letter-spacing: 0;
line-height: 30px;
}
.home-blog-excerpt-holder { }
section.home-blog.section-divider .row {
display: flex;
flex-wrap: wrap;
}
section.home-blog.section-divider .col-4 {
background: var(--light);
box-shadow: var(--shadow-box);
position: relative;
margin-bottom: 50px;
}
section.home-blog.section-divider .col-4:last-child {
background: transparent;
box-shadow: none;
position: relative;
}
.home-blog-see-all-holder {
position: absolute;
bottom: 34%;
width: 100%;
}
.home-blog-button-holder {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
}
.offerte-hero-bg-text-holder {
position: absolute;
bottom: -2vw;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: -50px;
letter-spacing: 1px;
}
section.offerte-form-section {
background: #fff;
position: relative;
padding: 6vw 0;
box-shadow: var(--shadow-box);
}
.offerte-form-title-holder h3 {
font-weight: 500;
font-size: 2em;
color: var(--secondary-color);
letter-spacing: -1px;
width: 93%;
line-height: 1.2em;
margin-left: 20px;
}
.gform_fields input, .gform_fields textarea {
border: none;
background: var(--light);
border-radius: 3px;
margin-bottom: 20px !important;
padding: 14px !important;
margin-top: 5px !important;
}
.onze-merken-logos-holder { padding-bottom: 50px;
}
label.gfield_label { font-size: .9em !important;
color: #1A1919;
letter-spacing: 0;
font-weight: 600 !important;
}
.gform_button {
border: none;
padding: 20px 30px;
font-size: 1em;
}  .button-holder.contact-form-offerte-button-holder {
margin-left: 20px;
margin-top: 50px;
}
section.working-hours.working-hours-contact { z-index: -1;
position: relative;
padding-bottom: 6vw;
}
section.working-hours.working-hours-contact .row {
display: flex;
}
section.working-hours.working-hours-contact .col-6-first-contact-hours  {
width: 50%;
margin: 0;
}
section.working-hours.working-hours-contact .col-6-last-contact-hours {
background: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/working-hours-pattern.svg), var(--light);
width: 50%;
margin: 0;
}
.contact-working-hours-content-holder{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 110px;
}
.contact-hero-button-holder {
position: absolute;
bottom: 180px;
}
img.contact-map-img {
margin-left: 70px;
width: 360px;
}
section.contact-hero {
margin-bottom: -11px;
background: var(--light);
padding-top: 4vw;
position: relative;
}
.contact-hero-bg-text-holder {
position: absolute;
bottom: -1vw;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: -50px;
letter-spacing: 1px;
}
.contact-hero-data-holder {
margin-left: 20px;
margin-top: 80px;
}
.nieuw-contact-hero-data-holder{
margin-left: 20px;
}
p.sectoren-top-titel.contact-hero-top-titel {
text-transform: uppercase;
margin-bottom: 20px;
}
.contact-hero-logo-holder {
margin-bottom: 40px;
}
.contact-hero-address-holder {
margin-bottom: 25px;
}
.contact-hero-info i {
margin-right: 10px;
}  .jobs-single-hero-bg-text-holder {
position: absolute;
bottom: -1.4vw;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: -30px;
z-index: 0;
}
section.flexible-content-section.jobs-flexible-content-section {
position: relative;
}  .home-blog-img-holder img {
width: 100%;
margin: 0;
margin-bottom: -10px;
max-height: 280px;
}
.archive-blog-item {
margin-bottom: 40px;
}
section.sectoren-hero-section.blog-archive-hero-section {
padding-bottom: 9vw;
margin-bottom: -5vw;
}
h3.sectoren-hero-main-title.blog-archive-hero-title {
width: 70%;
}
section.single-blog-content.section-divider {
font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
}  .timeline {
position: relative;
}
.timeline::before {
content: '';
background: var(--primary-color);
width: 5px;
height: 95%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.timeline-item {
width: 100%;
margin-bottom: 70px;
}
.timeline-item:nth-child(even) .timeline-content {
float: right;
padding: 60px 30px 60px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
right: auto;
left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
content: '';
display: block;
clear: both;
}
.timeline-content {
position: relative;
width: 45%;
padding: 60px 30px;
border-radius: 4px;
background: #f5f5f5;
box-shadow: 0 20px 25px -15px rgb(0 0 0 / 30%);
padding-bottom: 50px;
}
.timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
right: -15px;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #f5f5f5;
}
.timeline-img {
width: 30px;
height: 30px;
background: var(--primary-color);
border-radius: 50%;
position: absolute;
left: 50%;
margin-top: 25px;
margin-left: -15px;
}
.timeline-item a {
background: var(--primary-color);
color: #fff;
padding: 8px 20px;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 20px;
margin-top: 10px;
display: inline-block;
border-radius: 2px;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, .6);
} .timeline-img-header h2 {
color: #fff;
position: absolute;
bottom: 5px;
left: 20px;
}
.timeline-item blockquote {
margin-top: 30px;
color: #757575;
border-left-color: var(--primary-color);
padding: 0 20px;
}
.date {
background: var(--secondary-color);
display: inline-block;
color: #fff;
padding: 10px;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.timeline::before {
left: 50px;
}
.timeline .timeline-img {
left: 50px;
}
.timeline .timeline-content {
max-width: 100%;
width: auto;
margin-left: 70px;
}
.timeline .timeline-item:nth-child(even) .timeline-content {
float: none;
}
.timeline .timeline-item:nth-child(odd) .timeline-content::after {
content: '';
position: absolute;
border-style: solid;
width: 0;
height: 0;
top: 30px;
left: -15px;
border-width: 10px 15px 10px 0;
border-color: transparent #f5f5f5 transparent transparent;
}
}
.timeline-title{
font-size: 2.4em;
color: var(--secondary-color);
letter-spacing: -1px;
font-weight: 500;
margin-bottom: 50px;
}
section.timeline-section-title {
margin-top: 4vw;
}
section.timeline {
margin-bottom: 5vw;
}
.timeline-content p {
font-size: 1em;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 29px;
}
.timeline-content H2 {
MARGIN-BOTTOM: 20PX;
}
.timeline-content img {
margin-top: 30px;
}
mark.count {
background: transparent !important;
} h1.product_title {
font-family: 'Poppins';
font-size: 2em;
color: #4D4E4C;
letter-spacing: -1px;
line-height: 1.3em;
margin-bottom: 30px;
font-weight: 600; }
.woocommerce-product-details__short-description {
font-size: 1.4em;
color: var(--secondary-color);
letter-spacing: -0.5px;
font-weight: 500;
line-height: 40px;
background: var(--light);
padding: 30px;
}
.product_meta {
font-size: 1.4em;
color: var(--secondary-color);
letter-spacing: -0.5px;
font-weight: 500;
line-height: 40px;
margin-top: 30px;
margin-left: 30px;
}
div#tab-description li {
font-size: 1.2em;
color: var(--secondary-color);
letter-spacing: -0.5px;
font-weight: 500;
line-height: 20px;
margin-top: 30px;
margin-left: 30px;
}
.woocommerce-product-gallery .flex-viewport {
box-shadow: var(--shadow-box);
margin-bottom: 40px;
}
nav.woocommerce-breadcrumb {
margin-bottom: 50px !important;
}
a.woocommerce-single-product-button.button.button-red.button-span-right {
background: var(--primary-color);
color: #fff;
font-weight: 500;
margin-top: 20px;
}
div#tab-description {
padding: 30px;
}
div#tab-description h2 {
display: none;
}
.filters-holder {
padding: 20px;
}
.filters-holder h4 {
margin-bottom: 20px;
font-size: 1.4em;
padding: 0 5px;
}
section.related.products h2 {
margin-bottom: 60px;
font-size: 2.5em;
margin-top: 60px;
color: var(--black);
}
h1.woocommerce-products-header__title.page-title {
font-family: var(--main-font-family);
font-size: 3em;
color: var(--black);
letter-spacing: -1px;
margin-bottom: 45px;
margin-top: -10px;
}
.archive nav.woocommerce-breadcrumb {
margin-top: 30px;
}
li.product {
box-shadow: var(--shadow-box);
background: var(--light);
text-align: center;
padding-bottom: 20px !important;
}
h2.woocommerce-loop-product__title {
padding: 0 10px !important;
}
.product-category-list-holder {
padding: 20px 0;
box-shadow: var(--shadow-box);
margin-top: 30px;
position: sticky;
top: 0;
}
.product-category-list-holder ul li {
border-left: 7px solid #fff;
padding-left: 20px;
margin-bottom: 5px;
padding: 10px 20px;
}
.filters-holder li {
border-left: 7px solid #fff;
padding-left: 20px;
margin-bottom: 15px !important;
padding: 10px 20px;
}
.filters-holder div:last-child h4 {
margin-top: 40px;
}
.product-category-list-holder .current-cat {
border-color: var(--primary-color);
background: var(--light);
} .main-menu-holder ul li a {
color: var(--secondary-color);
font-family: var(--main-font-family);
}
.home-hero-title-holder .button-holder {
margin-top: 50px;
}
section.bottom-footer {
font-size: .9em;
}  .home-case-button-holder img {
display: inline-block;
margin-bottom: -2px;
}
img.phone-icon-footer {
margin-bottom: -3px;
margin-right: 10px;
}
span.jobs-badge {
background: var(--primary-color);
border-radius: 50%;
font-size: .8em;
width: 17px;
height: 17px;
display: inline-block;
text-align: center;
color: #fff;
margin-left: 5px;
}
.vabeylen-footer-holder span.jobs-badge {
background: var(--primary-color);
border-radius: 50%;
font-size: .8em;
width: 17px;
height: 17px;
display: inline;
text-align: center;
color: #fff;
margin-left: 5px;
padding: 1px 6px;
}
.logo-holder img, .footer-logo-img {
width: 205px;
}
.cateegory-offerte-title-holder h1 {
font-family: var(--main-font-family);
font-size: 3em;
color: var(--black);
letter-spacing: -1px;
margin-bottom: 35px;
margin-top: -10px;
margin-top: 40px;
}
.categorien-offerte-text-holder h2 , .categorien-offerte-text-holder h3, .categorien-offerte-text-holder h4, .categorien-offerte-text-holder h5{
margin-top: 20px;
margin-bottom: 10px;
}
.klantenvertellen-hero-holder {
position: absolute;
right: 0;
bottom: 0;
width: 160px;
margin-right: 0;
right: -50px;
}
section.single-blog-content.section-divider h2 {
margin-top: 30px;
margin-bottom: 10px;
}
.summary.entry-summary {
font-size: .8em !important;
}
.offerte-form-holder.offerte-form-holder-new h3, .button-holder.afspraak-button-holder-new h3 {
font-weight: 500;
font-size: 2em;
color: var(--secondary-color);
letter-spacing: -1px;
width: 93%;
line-height: 1.2em;
margin-bottom: 10px;
width: 100%;
}
select#input_26_8 {
padding: 13px;
margin-top: 5px;
border: none;
border-radius: 2px;
}
.offerte-form-holder.offerte-form-holder-new input , .offerte-form-holder.offerte-form-holder-new textarea{
background: #fff;
}
input#gform_submit_button_26 {
background: vaR(--primary-color);
} p.text-dark-grey.contact-form-subtitle {
margin-bottom: 50px;
}
section.contact-hero.nieuw-contact-hero {
padding-bottom: 50px;
box-shadow: var(--shadow-box);
}
.button-holder.afspraak-button-holder-new {
margin-top: 0px;
display: block;
margin-bottom: 70px;
}
img.calendar-icon {
width: 25px;
vertical-align: middle;
margin-top: -5px;
}
p.make-appointment-description {
margin-bottom: 40px;
}
.contact-hero-info a {
text-decoration: underline;
}
.openingsuren-tekst-holder.text-dark-grey {
margin: 20px 0 35px;
}
.working-hours-img-holder.contact-working-hours-img-holder, .working-hours-img-holder.contact-working-hours-img-holder img {
height: 100%;
}
.working-hours-content-holder.contact-working-hours-content-holder.nieuw-contact-working-hours-content-holder {
margin-top: 50px;
}
.page-id-44149 .onze-merken-logos-holder {
border-bottom: 1px solid var(--light-grey);
padding-bottom: 50px;
gap: 40px;
flex-wrap: wrap;
}
.onze-merken-logos-holder a {
width: 10%;
padding: 26px;
background: var(--light);
height: 140px;
display: flex;
width: 140px;
}
.line-through{
text-decoration: line-through !important;
}   @media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
.how-it-works-home-content-holder a {
font-size: .9em;
}
.images-with-list-imgs-holder img {
width: 46%;
}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
.how-it-works-home-content-holder {
width: 100%;
margin: auto;
margin-top: 20px;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 290px;
}
.onze-merken-logos-holder img {
object-fit: contain;
max-width: 80%;
justify-content: space-between;
}
.images-with-list-imgs-holder img {
width: 44%;
}
.fx-content {
padding: 30px;
box-shadow: var(--shadow-box);
background: #fff;
}
.background-label-holder-right {
position: absolute;
bottom: -8%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
right: 0;
}
p.home-blog-see-all-text { font-size: 28px;
color: #4D4E4C;
letter-spacing: -0.5px;
width: 80%;
line-height: 1.3em;
margin-top: 215px;
}
.sectoren-red-bg.home-blog-grey-bg {
width: 95%;
max-width: 80rem;
background: var(--light);
height: 130px;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 42.3%;
}
.home-case-item-content-holder p { font-size: 18px;
color: #4D4E4C;
letter-spacing: 0;
text-align: center;
line-height: 30px;
padding: 40px 20px 78px;
background: var(--light);
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: auto;
box-shadow: var(--shadow-box);
max-height: 280px;
min-height: 280px;
}
.beroep-item-title-holder {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -15px;
padding: 10px;
color: #fff;
text-align: center;
width: 100%;
font-size: .8em;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 60px 20px;
}
h3.diensten-catalog-card {
font-family: var(--main-font-family);
font-size: 1.2em;
color: var(--mid-grey);
letter-spacing: -1px;
line-height: 1.5em;
font-weight: 400; }
.fx-content {
padding: 30px;
box-shadow: var(--shadow-box);
background: #fff;
}
.background-label-holder {
position: absolute;
bottom: 10%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: -50px;
}
.background-label-holder-right {
position: absolute;
bottom: 2%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
right: 50px;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 80px 0;
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: auto;
box-shadow: var(--shadow-box);
max-height: 290px;
min-height: 290px;
}
.beroep-item-title-holder {
font-size: .8em;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 290px;
}
.footer-cta-content-holder p { font-size: 1.5em;  line-height: 1.5em;
}
.beroep-item img {
max-height: 270px;
}
.sectoren-archief-hero-content-holder {
padding: 80px 24px;
background: #fff;
box-shadow: var(--shadow-box);
}
h2.sectoren-archief-hero-title:before {
content: '';
background: var(--primary-color);
position: absolute;
top: 8px;
bottom: 0;
width: 20px;
left: -24px;
}
} @media screen and (max-width:767px){
.main-menu-holder {
display: none;
}
.offerte-form-holder.offerte-form-holder-new h3{
width: 100%;
}
.mobile-menu-icon-holder {
text-align: right;
margin-top: 15px;
font-size: 30px;
color: var(--primary-color);
}
h1.home-hero-title {
font-size: 2em;
}
.home-hero-content .home-hero-img {
min-width: 100%;
min-height: 450px;
}
section.bottom-menu ul li {
font-size: 15px;
}
.arrow-holder {
position: absolute;
top: 20%;
width: 90%;
margin: auto;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
font-size: 28px;
color: var(--secondary-color);
}
.arrow-holder i {
font-size: 27px;
color: #fff;
}
.how-it-works-home-content-holder {
width: 100%;
margin: auto;
margin-top: 30px;
}
p.how-it-works-text {
font-size: 1.7em;
}
.how-it-works-home-content-holder .button-holder a {
display: inline-block;
margin-bottom: 20px;
}
.how-it-works-home-img-holder img {
margin-top: 10px;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 300px;
}
.sectoren-home-item-holder {
margin-bottom: 40px;
}
.onze-merken-logos-holder {
display: flex;
justify-content: space-between;
margin-top: 40px;
align-items: center;
flex-wrap: wrap;
}
.onze-merken-logos-holder img {
object-fit: contain;
margin-bottom: 50px;
width: 80%;
}
.images-with-list-imgs-holder img:first-child {
display: none;
}
.images-with-list-imgs-holder img:last-child {
margin-left: 0;
width: 100%;
}
.images-with-list-imgs-holder:before {
content: '';
width: 50%;
position: absolute;
left: 0;
right: 0;
bottom: -30px;
background: url(https://vaneylen.be/wp-content/themes/vaneylen/img/red-pattern-with-color.svg);
position: absolute;
height: 100%;
margin: auto;
z-index: -1;
}
li.onze-services-home-item h4 {
font-size: 1.7em;
color: var(--secondary-color);
letter-spacing: -0.5px;
font-weight: 500;
}
ul.onze-services-home {
width: 100%;
margin: auto;
margin-top: 60px;
}
li.onze-services-home-item p {
margin-left: 0;
font-family: Poppins;
font-size: 18px;
color: #7A7A79;
letter-spacing: 0;
line-height: 30px;
font-weight: 600;
margin-top: 10px;
}
.tabs-content-holder {
width: 100%;
margin: auto;
}
.row.image-left-row-fx .col-6:nth-child(2), .row.image-right-row-fx .col-6:nth-child(2), .row.image-left-row-fx .col-6:last-child, .row.image-right-row-fx .col-6:last-child {
margin-right: 2%;
width: 96%;
margin-left: 2%;
}
.fx-content {
padding: 20px;
box-shadow: var(--shadow-box);
background: #fff;
}
.image-right-fx-content-holder, .image-left-fx-content-holder {
z-index: 1;
position: relative;
}
h4.home-blog-item-title {
min-height: auto;
}
.home-blog-item {
margin-bottom: 50px;
}
p.home-blog-see-all-text {
margin-top: 0px; }
section.home-cases {
padding: 10vw 0;
}
.home-case-item {
margin-bottom: 60px;
}
.home-case-item-content-holder p {
padding: 40px 30px 78px;
}
p.bg-label-text {
display: none;
}
.footer-cta-row {
flex-wrap: wrap;
}
.col-6.footer-cta-img-column {
margin: 0.5rem 2%;
width: 96%;
}
.footer-cta-content-holder p {
font-size: 1.2em;
}
.footer-cta-text-holder {
position: relative;
width: 90%;
margin: auto;
}
.button-holder.footer-cta-button-holder {
margin-top: 40px;
margin-bottom: 40px;
}
.social-icon-holder {
text-align: center;
font-size: 1.7em;
}
.footer-cta-bg {
width: 100%;
height: 170px;
background: var(--light);
margin-bottom: -150px;
}
section.home-diensten-section.section-divider:before {
width: 100%;
}
.sectoren-hero-bg-text-holder {
position: absolute;
bottom: -20vw;
font-size: 3em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: 0;
}
.row.social-media-row {
display: flex;
flex-wrap: wrap;
}
.row.social-media-row .col-6:first-child {
margin-right: 2%;
width: 96%;
}
.row.social-media-row .col-6:last-child {
margin-left: 2%;
width: 96%;
}
h3.social-media-title {
width: 100%;
}
.social-media-content-holder {
margin-left: 0px;
padding: 60px 30px;
}
p.social-media-foto-text {
position: absolute;
width: 85%;
bottom: 20px;
left: 25px;
line-height: 1.5em;
font-size: 1.2em;
color: #FFFFFF;
letter-spacing: 0;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 0 80px;
padding: 60px 0;
}
.sectoren-top-titel {
font-size: 1.3em;
}
.sectoren-archief-hero-content-holder {
padding: 30px 24px;
margin-top: 190px;
}
.sectoren-archief-hero .row {
background-size: 100% !important;
}
.beroep-item {
margin-bottom: 50px;
}
ul.merken-grid-list li {
width: 100%;
height: 250px;
display: inline-block;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 0 25px;
box-shadow: var(--shadow-box);
}
ul.merken-grid-list {
display: flex;
flex-wrap: wrap;
margin: 0;
}
a.button.button-black.buttonn-span-left.cases-overzicht-btn {
margin-bottom: 30px;
display: inline-block;
}
.quote-text-holder p { font-size: 1.5em;
color: var(--black);
letter-spacing: -1.5px;
text-align: center;
width: 100%;
line-height: 1.2em;
margin: auto;
}
.home-case-item-logo-holder {
flex-wrap: wrap;
}
.home-case-item.case-item-big {
width: 100%;
}
.case-item-img-holder {
display: none;
}
.case-item-big .home-case-button-holder p { background: #fff;
padding: 6px 15px;
margin-bottom: 0px;
position: absolute;
margin: auto;
left: 0;
right: 0;
display: block;
width: 170px;
bottom: -20px;
box-shadow: var(--shadow-box);
}
.cases-hero-bg-text-holder {
position: absolute;
bottom: -2vw;
font-size: 4em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: 10px;
}
.row.single-cases-flexible-content-row {
display: flex;
flex-wrap: wrap;
}
.sectoren-archief-text-bg.over-ons-text-bg {
opacity: 0.04;
font-family: IBMPlexSansCond-SemiBold;
font-size: 5em;
color: #1A1919;
letter-spacing: -3.57px;
line-height: 0;
position: absolute;
left: 20px !important; text-transform: capitalize;
top: 120px;
}
h2.sectoren-archief-hero-title {
font-family: var(--main-font-family);
font-size: 30px;
color: var(--black);
letter-spacing: -1px;
margin-bottom: 25px;
line-height: 35px;
}
p.over-ons-under-hero-text {
line-height: 1.2em;
font-size: 26px;
color: var(--secondary-color);
letter-spacing: -1px;
width: 100%;
margin-bottom: 70px;
}
.over-ons-under-hero-content a {
display: inline-block;
}
.col-6.team-column {
display: flex;
margin-bottom: 50px;
flex-wrap: wrap;
}
.team-item-img-holder.team-img-holder-white.background-light {
width: 100%;
}
.team-item-content-holder {
width: 100%;
padding: 20px 10px;
}
.team-item-text-holder {
padding: 20px 20px 35px;
box-shadow: none;
margin-left: 0;
background: #fff;
}
.team-item-content-holder {
width: 100%;
padding: 20px 0px;
box-shadow: var(--shadow-box);
}
.team-item-text-holder-white p {
font-size: 1.1em;
color: var(--mid-grey);
letter-spacing: 0;
line-height: 27px;
}
.team-item-name-holder {
margin: 30px 20px 0;
}
.team-item-name-holder h5 {
font-size: 1.5em;
color: #1A1919;
letter-spacing: 0;
}
.team-item-name-holder p {
font-size: 1.3em;
color: var(--mid-grey);
}
h4.in-memoriam-name { font-size: 1.5em;
color: var(--black);
letter-spacing: 0;
text-align: center;
margin-bottom: 10px;
}
p.in-memoriam-text {
font-size: 1.3em;
color: var(--mid-grey);
}
img.in-memoriam-foto {
margin: 40px 0 20px;
padding: 0 10px;
background: #fff;
}
section.over-ons-img-right.section-divider .container-x-small .row {
display: flex;
flex-wrap: wrap;
}
.over-ons-img-left-content-holder {
width: 90%;
padding: 60px 0;
margin-top: 0px;
}
section.over-ons-img-right.section-divider {
margin-top: 50px;
}
.timeline::before {
left: 20px;
}
.timeline .timeline-img {
left: 11px;
}
.timeline .timeline-content {
max-width: 100%;
width: auto;
margin-left: 40px;
}
.offerte-form-title-holder h3 {
font-weight: 500;
font-size: 2em;
color: var(--secondary-color);
letter-spacing: -1px;
width: 93%;
line-height: 1.2em;
margin-left: 0px;
}
.button-holder.contact-form-offerte-button-holder {
margin-left: 0px;
margin-top: 50px;
}
section.working-hours.working-hours-contact .row {
display: flex;
flex-wrap: wrap;
}
section.working-hours.working-hours-contact .col-6-first-contact-hours {
width: 96%;
margin: 2%;
}
section.working-hours.working-hours-contact .col-6-last-contact-hours {
width: 96%;
margin: 2%;
}
.home-blog-see-all-holder {
position: relative;
bottom: -10px;
width: 100%;
}
.button {
padding: 16px 30px;
border-radius: 1px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-family: var(--main-font-family);
font-size: .9em;
display: inline-block;
}
.tabcontent {
padding: 0px 0px;
width: 100%;
height: auto;
}
.button-holder.footer-cta-button-holder {
width: 100%;
margin: auto;
margin-top: 40px;
display: inline-block;
margin-bottom: 40px;
}
.bottom-menu-holder ul li {
padding: 10px 15px;
}
.faq-content-tabs {
margin-top: 0px;
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: 100%;
box-shadow: var(--shadow-box);
max-height: 290px;
min-height: 290px;
}
.transparent-text-box-item p {
font-family: var(--main-font-family);
font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -1px;
line-height: 1.6em;
margin-bottom: 60px;
}
ul.working-hours-list li span {
width: 90px;
display: block;
}
ul.working-hours-list li {
margin-bottom: 15px;
}
section.diensten-child-pages-section.section-divider .row .col-4:last-child {
margin-top: -50px;
}
h3.sectoren-hero-main-title { font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -1px;
font-weight: 400;
line-height: 1.3;
margin-top: 20px;
}
h3.fx-topic-right {
background: var(--primary-color);
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 400;
font-size: 1.5em;
}
h3.fx-topic-left {
background: var(--primary-color);
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 400;
font-size: 1.5em;
text-align: right;
}
section.flexible-content-section .row:last-child {
margin-bottom: 20px;
}
h3.diensten-catalog-card {
font-family: var(--main-font-family);
font-size: 2em;
color: var(--mid-grey);
letter-spacing: -1px;
line-height: 1.5em;
font-weight: 400; }
a.button.button-red.filter-mobile-button, a.button.button-red.filter-mobile-button:hover {
background: var(--primary-color);
color: #fff;
display: block;
text-align: center;
padding: 15px 30px;
font-size: 1.2em;
margin-top: 30px;
}
.product-category-list-holder {
display: none;
}
section.sectoren-hero-section {
margin-bottom: 80px;
}
.sectoren-red-bg, .collection-tabs-links-holder{
display: none;
}
.nieuw-contact-hero-data-holder {
margin-left: 0;
}
} .mobile-menu-overlay {
position: fixed;
width: 100%;
height: 100vh;
overflow-x: hidden;
background: #ffffffa8;
z-index: 100;
right: -100%;
}
.mobile-menu-content-holder {
position: fixed;
width: 90%;
background: #fff;
height: 100vh;
right: -100%;
box-shadow: var(--shadow-box);
}  .mobile-menu-body {
width: 100%;
margin: auto;
margin-top: 0px;
font-size: 1.1em;
text-transform: uppercase;
}
.mobile-menu-body a {
margin-bottom: 2px;
display: block;
}
.mobile-menu-body a {
border-left: 7px solid #fff;
padding: 15px 20px;
}
.mobile-menu-body .active a {
border-left: 7px solid var(--primary-color);
padding: 15px 20px;
background: var(--light);
}
i.fas.fa-times-circle.close-icon {
font-size: 2em;
color: var(--primary-color);
margin: 27px;
}
.mobile-menu-footer {
margin-top: 20px;
margin-left: 30px;
font-size: 1.2em;
font-weight: 600;
}
.mobile-menu-footer i {
margin-right: 10px;
font-weight: 600;
}
.mobile-menu-footer a {
display: block;
margin-bottom: 15px;
} @media screen and (min-width: 720px) and (max-width: 960px){
section.footer-section .col-3, section.footer-section .col-4, section.footer-section .col-2 {
width: 46%;
margin-bottom: 50px;
min-height: 270px;
}
}
@media screen and (max-width: 1024px){
.main-menu-holder {
display: none;
}
.mobile-menu-icon-holder {
text-align: right;
margin-top: 15px;
font-size: 30px;
color: var(--primary-color);
}
}
@media screen and (min-width: 1023px){
.mobile-menu-icon-holder {
display: none;
}
}
@media screen and (max-width: 1080px){
.main-menu-holder ul li {
display: inline;
margin-left: 10px;
}
}
h2.sectoren-archief-hero-title em , h4.home-blog-item-title em{
font-style: normal;
text-decoration: line-through;
}
section.related.products {
clear: both;
}
.single-job section.back-to-overview {
display: none;
}
.single-job .sectoren-archief-text-bg {
display: none;
}
.postid-45956 .fx-text li {
font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
list-style: initial;
}
.postid-45956 .fx-text ul{
padding-left: 25px;
}
section.over-ons-under-hero-text-section h2 {
font-size: 30px;
margin: 20px 0 15px;
}
p.gform_required_legend {
display: none;
}
.postid-35466 .sectoren-archief-hero-text p {
margin-bottom: 8px;
}
section.over-ons-under-hero-text-section ol {
list-style: decimal;
padding-left: 20px;
line-height: 160%;
margin-bottom: 20px;
}
p.hero-label {
color: var(--primary-color);
}
.page-template-homepage-template .how-it-works-home-img-holder img {
margin-top: 0px;
}
.page-template-homepage-template section.home-how-it-works-section {
margin: 3em 0;
}
.sectoren-archief-hero-text.hero-text ul{
margin-left: 20px;
}
.sectoren-archief-hero-text.hero-text li {
position: relative;
margin-bottom: 15px;
font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0; }
.sectoren-archief-hero-text.hero-text li:before {
content: url(https://www.vaneylen.be/wp-content/themes/vaneylen/img/triangle.svg);
left: -20px;
position: absolute;
}
a.text-button {
display: inline-block;
margin-top: 40px;
font-family: vaR(--main-font-family);
}
.new-single-card {
box-shadow: var(--shadow-box);
}
.new-single-card img {
width: 100%;
}
.home-card-section .col-6{
margin-bottom: 48px;
}
.single-card-content {
padding: 32px 48px 52px;
position: relative;
}
.single-card-content h4 {
margin-bottom: 25px;
font-size: 36px;
color: #4D4E4C;
letter-spacing: -1px;
}
.single-card-content .button {
position: absolute;
bottom: -25px;
}
@media screen and (max-width: 960px){
.single-card-content {
padding: 20px;
position: relative;
}
.single-card-content .button {
position: relative;
margin-bottom: -25px;
}
}
.how-it-works-home-content-holder p {
font-size: 18px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 30px;
line-height: 140%;
margin-bottom: 10px;
}
.how-it-works-home-content-holder h3 {
font-family: 'Poppins';
font-size: 2em;
color: #4D4E4C;
letter-spacing: -1px;
line-height: 1.3em;
font-weight: 600;
margin-bottom: 10px;
}
.how-it-works-home-content-holder .button-holder {
margin-top: 40px;
}
.logo-holder > img {
width: 140px;
vertical-align: super;
margin-bottom: -2px;
padding-left: 20px;
box-sizing: border-box;
overflow: unset;
margin-left: 13px;
padding-left: 16px;
border-left: 2px solid var(--light-grey);
}
.logo-holder img, .logo-holder a {
display: inline;
}
h3.merken-home-title {
font-size: 24px;
color: #4D4E4C;
font-weight: 600;
}
section.home-onze-merken.section-divider {
margin-top: 38px;
padding: 0;
}
.arrow-holder i {
font-size: 27px;
color: var(--secondary-color);
}
.arrow-holder {
position: absolute;
top: 50%;
width: 90%;
margin: auto;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
font-size: 28px;
color: var(--secondary-color);
}
.logo-holder a:nth-child(2) img {
width: 120px;
margin-left: 10px;
}
.logo-holder a:last-child img {
max-width: 60px;
display: inline;
margin-bottom: -10px;
margin-left: 10px;
}
.page-id-44131 section.footer-cta-bg {
display: none;
}
.page-id-44131 section.footer-cta {
display: none;
}
.over-ons-team .row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}@media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
.how-it-works-home-content-holder a {
font-size: .9em;
}
.images-with-list-imgs-holder img {
width: 46%;
}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
.how-it-works-home-content-holder {
width: 100%;
margin: auto;
margin-top: 20px;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 290px;
}
.onze-merken-logos-holder img {
object-fit: contain;
max-width: 80%;
justify-content: space-between;
}
.images-with-list-imgs-holder img {
width: 44%;
}
.fx-content {
padding: 30px;
box-shadow: var(--shadow-box);
background: #fff;
}
.background-label-holder-right {
position: absolute;
bottom: -8%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
right: 0;
}
p.home-blog-see-all-text { font-size: 28px;
color: #4D4E4C;
letter-spacing: -0.5px;
width: 80%;
line-height: 1.3em;
margin-top: 215px;
}
.sectoren-red-bg.home-blog-grey-bg {
width: 95%;
max-width: 80rem;
background: var(--light);
height: 130px;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 42.3%;
}
.home-case-item-content-holder p { font-size: 18px;
color: #4D4E4C;
letter-spacing: 0;
text-align: center;
line-height: 30px;
padding: 40px 20px 78px;
background: var(--light);
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: auto;
box-shadow: var(--shadow-box);
max-height: 280px;
min-height: 280px;
}
.beroep-item-title-holder {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -15px;
padding: 10px;
color: #fff;
text-align: center;
width: 100%;
font-size: .8em;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 60px 20px;
}
h3.diensten-catalog-card {
font-family: var(--main-font-family);
font-size: 1.2em;
color: var(--mid-grey);
letter-spacing: -1px;
line-height: 1.5em;
font-weight: 400; }
.fx-content {
padding: 30px;
box-shadow: var(--shadow-box);
background: #fff;
}
.background-label-holder {
position: absolute;
bottom: 10%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: -50px;
}
.background-label-holder-right {
position: absolute;
bottom: 2%;
font-size: 5em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
right: 50px;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 80px 0;
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: auto;
box-shadow: var(--shadow-box);
max-height: 290px;
min-height: 290px;
}
.beroep-item-title-holder {
font-size: .8em;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 290px;
}
.footer-cta-content-holder p { font-size: 1.5em;  line-height: 1.5em;
}
.beroep-item img {
max-height: 270px;
}
.sectoren-archief-hero-content-holder {
padding: 80px 24px;
background: #fff;
box-shadow: var(--shadow-box);
}
h2.sectoren-archief-hero-title:before {
content: '';
background: var(--primary-color);
position: absolute;
top: 8px;
bottom: 0;
width: 20px;
left: -24px;
}
} @media screen and (max-width:767px){
.main-menu-holder {
display: none;
}
.offerte-form-holder.offerte-form-holder-new h3{
width: 100%;
}
.mobile-menu-icon-holder {
text-align: right;
margin-top: 15px;
font-size: 30px;
color: var(--primary-color);
}
h1.home-hero-title {
font-size: 2em;
}
.home-hero-content .home-hero-img {
min-width: 100%;
min-height: 450px;
}
section.bottom-menu ul li {
font-size: 15px;
}
.arrow-holder {
position: absolute;
top: 20%;
width: 90%;
margin: auto;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
font-size: 28px;
color: var(--secondary-color);
}
.arrow-holder i {
font-size: 27px;
color: #fff;
}
.how-it-works-home-content-holder {
width: 100%;
margin: auto;
margin-top: 30px;
}
p.how-it-works-text {
font-size: 1.7em;
}
.how-it-works-home-content-holder .button-holder a {
display: inline-block;
margin-bottom: 20px;
}
.how-it-works-home-img-holder img {
margin-top: 10px;
}
.sectoren-home-item-holder .home-sectoren-loop-image {
width: 100%;
max-height: 300px;
}
.sectoren-home-item-holder {
margin-bottom: 40px;
}
.onze-merken-logos-holder {
display: flex;
justify-content: space-between;
margin-top: 40px;
align-items: center;
flex-wrap: wrap;
}
.onze-merken-logos-holder img {
object-fit: contain;
margin-bottom: 50px;
width: 80%;
}
.images-with-list-imgs-holder img:first-child {
display: none;
}
.images-with-list-imgs-holder img:last-child {
margin-left: 0;
width: 100%;
}
.images-with-list-imgs-holder:before {
content: '';
width: 50%;
position: absolute;
left: 0;
right: 0;
bottom: -30px;
background: url(https://vaneylen.be/wp-content/themes/vaneylen/img/red-pattern-with-color.svg);
position: absolute;
height: 100%;
margin: auto;
z-index: -1;
}
li.onze-services-home-item h4 {
font-size: 1.7em;
color: var(--secondary-color);
letter-spacing: -0.5px;
font-weight: 500;
}
ul.onze-services-home {
width: 100%;
margin: auto;
margin-top: 60px;
}
li.onze-services-home-item p {
margin-left: 0;
font-family: Poppins;
font-size: 18px;
color: #7A7A79;
letter-spacing: 0;
line-height: 30px;
font-weight: 600;
margin-top: 10px;
}
.tabs-content-holder {
width: 100%;
margin: auto;
}
.row.image-left-row-fx .col-6:nth-child(2), .row.image-right-row-fx .col-6:nth-child(2), .row.image-left-row-fx .col-6:last-child, .row.image-right-row-fx .col-6:last-child {
margin-right: 2%;
width: 96%;
margin-left: 2%;
}
.fx-content {
padding: 20px;
box-shadow: var(--shadow-box);
background: #fff;
}
.image-right-fx-content-holder, .image-left-fx-content-holder {
z-index: 1;
position: relative;
}
h4.home-blog-item-title {
min-height: auto;
}
.home-blog-item {
margin-bottom: 50px;
}
p.home-blog-see-all-text {
margin-top: 0px; }
section.home-cases {
padding: 10vw 0;
}
.home-case-item {
margin-bottom: 60px;
}
.home-case-item-content-holder p {
padding: 40px 30px 78px;
}
p.bg-label-text {
display: none;
}
.footer-cta-row {
flex-wrap: wrap;
}
.col-6.footer-cta-img-column {
margin: 0.5rem 2%;
width: 96%;
}
.footer-cta-content-holder p {
font-size: 1.2em;
}
.footer-cta-text-holder {
position: relative;
width: 90%;
margin: auto;
}
.button-holder.footer-cta-button-holder {
margin-top: 40px;
margin-bottom: 40px;
}
.social-icon-holder {
text-align: center;
font-size: 1.7em;
}
.footer-cta-bg {
width: 100%;
height: 170px;
background: var(--light);
margin-bottom: -150px;
}
section.home-diensten-section.section-divider:before {
width: 100%;
}
.sectoren-hero-bg-text-holder {
position: absolute;
bottom: -20vw;
font-size: 3em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: 0;
}
.row.social-media-row {
display: flex;
flex-wrap: wrap;
}
.row.social-media-row .col-6:first-child {
margin-right: 2%;
width: 96%;
}
.row.social-media-row .col-6:last-child {
margin-left: 2%;
width: 96%;
}
h3.social-media-title {
width: 100%;
}
.social-media-content-holder {
margin-left: 0px;
padding: 60px 30px;
}
p.social-media-foto-text {
position: absolute;
width: 85%;
bottom: 20px;
left: 25px;
line-height: 1.5em;
font-size: 1.2em;
color: #FFFFFF;
letter-spacing: 0;
}
.light-text-box-item {
width: 100%;
margin: auto;
text-align: center;
padding: 0 80px;
padding: 60px 0;
}
.sectoren-top-titel {
font-size: 1.3em;
}
.sectoren-archief-hero-content-holder {
padding: 30px 24px;
margin-top: 190px;
}
.sectoren-archief-hero .row {
background-size: 100% !important;
}
.beroep-item {
margin-bottom: 50px;
}
ul.merken-grid-list li {
width: 100%;
height: 250px;
display: inline-block;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 0 25px;
box-shadow: var(--shadow-box);
}
ul.merken-grid-list {
display: flex;
flex-wrap: wrap;
margin: 0;
}
a.button.button-black.buttonn-span-left.cases-overzicht-btn {
margin-bottom: 30px;
display: inline-block;
}
.quote-text-holder p { font-size: 1.5em;
color: var(--black);
letter-spacing: -1.5px;
text-align: center;
width: 100%;
line-height: 1.2em;
margin: auto;
}
.home-case-item-logo-holder {
flex-wrap: wrap;
}
.home-case-item.case-item-big {
width: 100%;
}
.case-item-img-holder {
display: none;
}
.case-item-big .home-case-button-holder p { background: #fff;
padding: 6px 15px;
margin-bottom: 0px;
position: absolute;
margin: auto;
left: 0;
right: 0;
display: block;
width: 170px;
bottom: -20px;
box-shadow: var(--shadow-box);
}
.cases-hero-bg-text-holder {
position: absolute;
bottom: -2vw;
font-size: 4em;
z-index: 0;
font-weight: 800;
color: var(--light-grey);
left: 10px;
}
.row.single-cases-flexible-content-row {
display: flex;
flex-wrap: wrap;
}
.sectoren-archief-text-bg.over-ons-text-bg {
opacity: 0.04;
font-family: IBMPlexSansCond-SemiBold;
font-size: 5em;
color: #1A1919;
letter-spacing: -3.57px;
line-height: 0;
position: absolute;
left: 20px !important; text-transform: capitalize;
top: 120px;
}
h2.sectoren-archief-hero-title {
font-family: var(--main-font-family);
font-size: 30px;
color: var(--black);
letter-spacing: -1px;
margin-bottom: 25px;
line-height: 35px;
}
p.over-ons-under-hero-text {
line-height: 1.2em;
font-size: 26px;
color: var(--secondary-color);
letter-spacing: -1px;
width: 100%;
margin-bottom: 70px;
}
.over-ons-under-hero-content a {
display: inline-block;
}
.col-6.team-column {
display: flex;
margin-bottom: 50px;
flex-wrap: wrap;
}
.team-item-img-holder.team-img-holder-white.background-light {
width: 100%;
}
.team-item-content-holder {
width: 100%;
padding: 20px 10px;
}
.team-item-text-holder {
padding: 20px 20px 35px;
box-shadow: none;
margin-left: 0;
background: #fff;
}
.team-item-content-holder {
width: 100%;
padding: 20px 0px;
box-shadow: var(--shadow-box);
}
.team-item-text-holder-white p {
font-size: 1.1em;
color: var(--mid-grey);
letter-spacing: 0;
line-height: 27px;
}
.team-item-name-holder {
margin: 30px 20px 0;
}
.team-item-name-holder h5 {
font-size: 1.5em;
color: #1A1919;
letter-spacing: 0;
}
.team-item-name-holder p {
font-size: 1.3em;
color: var(--mid-grey);
}
h4.in-memoriam-name { font-size: 1.5em;
color: var(--black);
letter-spacing: 0;
text-align: center;
margin-bottom: 10px;
}
p.in-memoriam-text {
font-size: 1.3em;
color: var(--mid-grey);
}
img.in-memoriam-foto {
margin: 40px 0 20px;
padding: 0 10px;
background: #fff;
}
section.over-ons-img-right.section-divider .container-x-small .row {
display: flex;
flex-wrap: wrap;
}
.over-ons-img-left-content-holder {
width: 90%;
padding: 60px 0;
margin-top: 0px;
}
section.over-ons-img-right.section-divider {
margin-top: 50px;
}
.timeline::before {
left: 20px;
}
.timeline .timeline-img {
left: 11px;
}
.timeline .timeline-content {
max-width: 100%;
width: auto;
margin-left: 40px;
}
.offerte-form-title-holder h3 {
font-weight: 500;
font-size: 2em;
color: var(--secondary-color);
letter-spacing: -1px;
width: 93%;
line-height: 1.2em;
margin-left: 0px;
}
.button-holder.contact-form-offerte-button-holder {
margin-left: 0px;
margin-top: 50px;
}
section.working-hours.working-hours-contact .row {
display: flex;
flex-wrap: wrap;
}
section.working-hours.working-hours-contact .col-6-first-contact-hours {
width: 96%;
margin: 2%;
}
section.working-hours.working-hours-contact .col-6-last-contact-hours {
width: 96%;
margin: 2%;
}
.home-blog-see-all-holder {
position: relative;
bottom: -10px;
width: 100%;
}
.button {
padding: 16px 30px;
border-radius: 1px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-family: var(--main-font-family);
font-size: .9em;
display: inline-block;
}
.tabcontent {
padding: 0px 0px;
width: 100%;
height: auto;
}
.button-holder.footer-cta-button-holder {
width: 100%;
margin: auto;
margin-top: 40px;
display: inline-block;
margin-bottom: 40px;
}
.bottom-menu-holder ul li {
padding: 10px 15px;
}
.faq-content-tabs {
margin-top: 0px;
}
.beroep-item.beroep-item-with-image img {
height: 100%;
width: 100%;
box-shadow: var(--shadow-box);
max-height: 290px;
min-height: 290px;
}
.transparent-text-box-item p {
font-family: var(--main-font-family);
font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -1px;
line-height: 1.6em;
margin-bottom: 60px;
}
ul.working-hours-list li span {
width: 90px;
display: block;
}
ul.working-hours-list li {
margin-bottom: 15px;
}
section.diensten-child-pages-section.section-divider .row .col-4:last-child {
margin-top: -50px;
}
h3.sectoren-hero-main-title { font-size: 1.8em;
color: var(--secondary-color);
letter-spacing: -1px;
font-weight: 400;
line-height: 1.3;
margin-top: 20px;
}
h3.fx-topic-right {
background: var(--primary-color);
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 400;
font-size: 1.5em;
}
h3.fx-topic-left {
background: var(--primary-color);
display: inline-block;
padding: 15px 30px;
color: #fff;
font-weight: 400;
font-size: 1.5em;
text-align: right;
}
section.flexible-content-section .row:last-child {
margin-bottom: 20px;
}
h3.diensten-catalog-card {
font-family: var(--main-font-family);
font-size: 2em;
color: var(--mid-grey);
letter-spacing: -1px;
line-height: 1.5em;
font-weight: 400; }
a.button.button-red.filter-mobile-button, a.button.button-red.filter-mobile-button:hover {
background: var(--primary-color);
color: #fff;
display: block;
text-align: center;
padding: 15px 30px;
font-size: 1.2em;
margin-top: 30px;
}
.product-category-list-holder {
display: none;
}
section.sectoren-hero-section {
margin-bottom: 80px;
}
.sectoren-red-bg, .collection-tabs-links-holder{
display: none;
}
.nieuw-contact-hero-data-holder {
margin-left: 0;
}
} .mobile-menu-overlay {
position: fixed;
width: 100%;
height: 100vh;
overflow-x: hidden;
background: #ffffffa8;
z-index: 100;
right: -100%;
}
.mobile-menu-content-holder {
position: fixed;
width: 90%;
background: #fff;
height: 100vh;
right: -100%;
box-shadow: var(--shadow-box);
}  .mobile-menu-body {
width: 100%;
margin: auto;
margin-top: 0px;
font-size: 1.1em;
text-transform: uppercase;
}
.mobile-menu-body a {
margin-bottom: 2px;
display: block;
}
.mobile-menu-body a {
border-left: 7px solid #fff;
padding: 15px 20px;
}
.mobile-menu-body .active a {
border-left: 7px solid var(--primary-color);
padding: 15px 20px;
background: var(--light);
}
i.fas.fa-times-circle.close-icon {
font-size: 2em;
color: var(--primary-color);
margin: 27px;
}
.mobile-menu-footer {
margin-top: 20px;
margin-left: 30px;
font-size: 1.2em;
font-weight: 600;
}
.mobile-menu-footer i {
margin-right: 10px;
font-weight: 600;
}
.mobile-menu-footer a {
display: block;
margin-bottom: 15px;
} @media screen and (min-width: 720px) and (max-width: 960px){
section.footer-section .col-3, section.footer-section .col-4, section.footer-section .col-2 {
width: 46%;
margin-bottom: 50px;
min-height: 270px;
}
}
@media screen and (max-width: 1024px){
.main-menu-holder {
display: none;
}
.mobile-menu-icon-holder {
text-align: right;
margin-top: 15px;
font-size: 30px;
color: var(--primary-color);
}
}
@media screen and (min-width: 1023px){
.mobile-menu-icon-holder {
display: none;
}
}
@media screen and (max-width: 1080px){
.main-menu-holder ul li {
display: inline;
margin-left: 10px;
}
}