/*
Theme Name: Koole Child
Description: Child theme for Avada theme
Author: Conversie Partners
Author URI: https://conversiepartners.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

main#main           {padding-bottom: 0 !important;}
h1 p, h2 p, h3 p    {margin-bottom: 0 !important;}
::selection {
    background-color: #d70d12; /* Achtergrondkleur van de geselecteerde tekst */
    color: white; /* Kleur van de geselecteerde tekst */
}

.fusion-layout-column .fusion-column-wrapper {
    background-position: inherit !important;
}
/* global mobile */
@media screen and (max-width: 700px) {
    h1 {font-size: 50 !important;}
    h2 {font-size: 40 !important;}
    .fusion-text p {font-size: 20px !important;}
    .about-title h2 {
        font-size: 60px !important;
    }
    .fusion-image-carousel.bottom {
        margin-bottom: 0 !important;
    }
}
.panel-body.toggle-content.fusion-clearfix {
    margin-top: -13px !important;
    padding: 0;
}
/* SWIPER BUTTONS POSTCARDS */
.swiper-controls.side {
    display: inline-flex;
    justify-content: space-between;
    width: calc(100% + 140px);
    transform: translate(-70px, -284px);
}

.swiper-controls.bottom {
    display: inline-flex;
    gap: 2rem;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 1rem;
}

.swiper-controls > div {
    position: relative !important;
    font-size: 1.5rem;
    transition: all .3s;
    aspect-ratio: 1 / 1;
    height: 3rem;
    border: 1px solid white;
    border-radius: 50%;
}

.swiper-controls > div:not(.swiper-button-disabled):hover {
    background-color: #EC1C24 !important;
    border: 1px solid #EC1C24;
} 

.swiper-controls > div.swiper-button-disabled{
    opacity: .4 !important;
}

/* TAB NAVIGATION */
ul.nav-tabs.nav-justified {
    position: relative;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

ul.nav-tabs.nav-justified::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #332D2D;
    bottom: 15px;
    left: 0;
    z-index: 1;
}

ul.nav-tabs.nav-justified li {
    position: relative;
    text-align: center;
    flex: 1; /* Elke tab krijgt dezelfde breedte */
}

ul.nav-tabs.nav-justified li::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: var(--awb-color5);
    bottom: 15px;
    left: 50%;
    transition: all 0.4s ease-in-out;
    z-index: 2;
}

ul.nav-tabs.nav-justified li.active::after {
    width: 100%; /* Lijn wordt zichtbaar over de gehele breedte van de actieve tab */
    left: 0; /* Zorgt ervoor dat de lijn begint bij de linkerkant van de actieve tab */
}

ul.nav-tabs.nav-justified li.active * {
    color: var(--awb-color5) !important;
    transition: color 0.3s ease-in-out;
}

.testimonial-custom{position: relative;height: 60px;}
.testimonial-icon {
    width: 40px;
    aspect-ratio: 1 / 1;
    background: white;
    text-align: center;
    color: black;
    line-height: 60px;
    overflow: hidden;
    font-family: 'Anton';
    font-size: 40px;
    position: absolute;
    left: calc(50% - 20px);
}

.mix-blend-mode-lighten{
    mix-blend-mode: lighten;
}

.fusion-counter-box .content-box-percentage.content-box-counter {
    font-family: 'Anton';
    margin-bottom: -10px;
}
.fusion-counters-box .fusion-counter-box::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: gray;
}

.fusion-counters-box .fusion-counter-box:first-child::before {
    display: none !important;
}

.fusion-counters-box.counters-box.row.fusion-clearfix.fusion-columns-3 {
    display: inline-flex;
}

/* Fleet facts */
.facts-container{
    margin-top: 3rem;
}
.fact-item {
    /* max-width: max-content; */
    /* padding-right: 5rem; */
    /* float: left; */
    font-family: 'Montserrat' !important;
    text-transform: uppercase;
    display: grid;
    grid-template-columns: 0.4fr 1fr;
}
.fact-item .fact-title{
    color: white;
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 900;
}
.fact-item .fact-value{
    color: #DBDBDB;
    font-size: 20px;
    margin-bottom: 5px;
}

/* image carousel fix */
.fusion-carousel-item-wrapper picture,
.fusion-carousel-item-wrapper img
{
    object-fit: cover;
    height: 100%;
}

.fusion-carousel-item-wrapper, .fusion-carousel-item-wrapper .fusion-image-wrapper {
    height: 100%;
}

/* Download button */
.fusion-button.download i {
    position: relative !important;
    font-size: 1.2rem;
    transition: all .3s;
    aspect-ratio: 1 / 1;
    height: 2.5rem;
    border: 1px solid #191616;
    border-radius: 50%;
}
.fusion-button.donwload i::before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/* Request a quote */
/* Download button */
.fusion-button.quote i {
    position: relative !important;
    font-size: 1.2rem;
    transition: all .3s;
    aspect-ratio: 1 / 1;
    height: 2.5rem;
    border: 1px solid #191616;
    border-radius: 50%;
}
.fusion-button.quote i::before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Project details */
.project-details-container {
    display: grid;
    grid-template-columns: 100%;
}

.project-detail-image-container {
    position: relative;
    height: 400px;
}

.project-detail-image-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-details-container .nav {
    display: inline-flex;
    gap: 3rem;
    color: black;
    margin-top: 20%;
}

.details-container {
    position: relative;
}

.details-container .detail {
    color: black;
    padding: 0;
    margin: 0;
}

.details-container .nav {
    position: relative;
    padding: 0;
}

.details-container .nav::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: gray;
    bottom: 15px;
    left: 0;
    z-index: 1;
}

.details-container .nav p {
    position: relative;
    text-align: center;
    flex: 1;
    cursor: pointer;
}

.details-container .nav p::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: black;
    bottom: -5px;
    left: 50%;
    transition: all 0.4s ease-in-out;
    z-index: 2;
}

.details-container .nav p.active::after {
    width: 100%; /* Line becomes visible across the full width of the active tab */
    left: 0; /* Ensures the line starts from the left side of the active tab */
    bottom: -5px;
}

.division-slider { width: 100%; display: inline-block; }
.division-slider .division-container {
gap: 0; align-items: stretch; padding-right: 0; position: relative; }
.division-slider .division-container .division-left { max-width: 420px; width: 100%; padding: 50px 30px 30px; background-color: #191616; 
  display: inline-block;
    margin: 40px 0; margin-right: -50px; }
.container-fluid-sticky-right {padding-left: calc(100%/2 - 1396px/2);}

.division-slider .division-container .division-right {     z-index: -1;
    float: right;width: calc(100% - 370px); z-index: -1; position: relative;  }
.division-slider .division-container .division-title { color: #fff; text-transform: uppercase; font-size: 30px; line-height: 30px; margin-bottom: 20px; font-family: var(--h2_typography-font-family); }
.division-slider .division-container .division-left .division-content { width: 100%; display: inline-block; }
.division-slider .division-container .division-left .division-content * { color: #fff; font-size: 22px; line-height: 31px; font-weight: 400; }
.division-slider .division-container .division-left .division-link { width: 100%; display: flex; flex: 1; align-items: flex-end; }
.division-slider .division-container .division-left .division-link a { padding: 6px 20px; color: #fff; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; width: fit-content; gap: 10px; font-family: var(--button_typography-font-family); transition: .3s ease-in-out; }
.division-slider .division-container .img-wrp > div {padding-right: 20px;width: 100%; height: 620px; }
.division-slider .division-container .feature-image img { object-fit: cover; height: 100%; width: 100%; }
.division-slider .division-container .division-left .division-link a svg { height: 20px; width: 20px; fill: #fff; }
.division-slider .division-container .division-left .division-link a svg path { fill: #fff !important; }
.division-slider .division-container .division-left .division-link a:hover { background: var(--button_gradient_top_color_hover); border-color: var(--button_border_hover_color); }
.division-slider .slick-list.draggable { padding-left: 0 !important; }
.division-slider .slick-slide.slick-current .division-container .division-left { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.division-slider .division-container .division-left .custom-nav { width: 100%; display: flex; justify-content: flex-end; gap: 20px; align-items: center; }
.division-slider .division-container .division-left .custom-nav button { border-radius: 50%; width: 56px; padding: 13px; height: 56px; background: transparent; border: 1px solid #fff; box-shadow: none; cursor: pointer; }
.division-slider .division-container .division-left .custom-nav button svg { height: 100%; width: 100%; fill: #fff; }
.division-slider .division-container .division-left .division-inner-left { gap: 20px;flex: 1; display: flex; flex-direction: column; }

@media(max-width:1470px){
    .container-fluid-sticky-right {padding-left:70px;}
}
@media(max-width:1280px){
    .division-slider .division-container .division-left { max-width: 380px; padding: 30px 24px; }
    .division-slider .division-container .division-right { width: calc(100% - 330px); }
    .division-slider .division-container .feature-image {  height: 560px;}
}
@media(max-width:991px){
    .division-slider .division-container .feature-image { padding: 0;}
    .container-fluid-sticky-right { padding-left: 50px;}
}
@media(max-width:767px){
    .second-img {display:none !important;}
    .division-slider .division-container .division-left { height: 440px; max-width: unset; margin: 0; top: 30px; left: 40px; bottom: 20px; position: absolute; right: 40px; width: auto; background-color: rgb(25 22 22 / 59%); }
    .division-slider .division-container { padding: 0; }
    .container-fluid-sticky-right { padding: 0; }
    .division-slider .division-container .division-right { width: 100%; display: none;}
    .division-slider .division-container .feature-image { height: 500px; }
    .division-slider .division-container .division-left .custom-nav {  width: calc(100% - 1px);}
}
@media(max-width:640px){
    .division-slider .division-container .division-left { left: 30px; right: 30px;}
}
@media(max-width:530px){
        .division-slider .division-container .feature-image { height: 560px; }
        .division-slider .division-container .division-left { height: fit-content; }

}
@media(max-width:440px){
        .division-slider .division-container .feature-image { height: 620px; }

}
@media(max-width:380px){
    .division-slider .division-container .feature-image { height: 770px; }
}

@media screen and (max-width: 640px) {
    .swiper-controls.side{
        width: calc(100% + 100px);
        transform: translate(-50px, -300%);
    }

    .fusion-counters-box .fusion-counter-box::before {
        width: 50%;
        height: 1px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: gray;
    }

    .project-details-container {
        padding: 50px 0px;
    }
}

@media screen and (min-width: 640px) {
    .project-detail-image-container {
        position: relative;
        height: 800px;
        width: 50vw;
        transform: translate(-2.5vw, 0px);
    }
    .details-container{
        padding-left: 100px;
    }

    .project-details-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

@media screen and (min-width: 900px){
    .fade-bottom {
        height: 450px !important;
    }
    .button-icon-right {
        margin-left: 6.2em !important;
    }
}

@media screen and (min-width: 1550px) {
    .project-detail-image-container {
        width: 60vw;
        transform: translate(calc(1400px - 100vw), 0px);
    }
}

/*Division Slider Css*/
.division-slider .division-container .feature-image , .division-slider .division-container .second-img {  width: 50%;  display: inline-block; margin: 0; }
.division-slider .division-container .img-wrp { width: 100%; display: flex !important; align-items: stretch;  justify-content: center;  flex-wrap: nowrap !important; flex-direction: row; gap: 15px; height: 100%; line-height: 0; }
.division-slider .division-container .feature-image picture, .division-slider .division-container .second-img picture { height: 100%; width: 100%; display: inline-block; }
.division-slider .division-container .feature-image picture img, .division-slider .division-container .second-img picture img {object-fit: cover;height: 100%;width: 100%;}
.division-slider .division-container .feature-image { padding-right: 0 !important; }


@media(max-width:991px) and (min-width:768px){
    .division-slider .division-container .division-left { width: 90%; max-width: 90%; margin: 0 auto -50px auto; display: block; }
    .division-slider .division-container .division-right { width: 100%; }
    .container-fluid-sticky-right { padding: 0 40px; }
    .division-slider .division-container .division-left .custom-nav { padding-right: 5px; }
    .division-slider .division-container .img-wrp{gap:10px!important;}
    }
    
    
@media(max-width:480px){
    .division-slider .division-container .division-left {width: 100%;max-width: 100%;margin: 0 auto 0 auto;display: block;position: unset;background-color: #181617;padding: 20px;}
    .division-slider .division-container .division-right { width: 100%; }
    .container-fluid-sticky-right { padding: 0 40px; }
    .division-slider .division-container .division-left .custom-nav { padding-right: 5px; }
    .division-slider .division-container .feature-image { height: 220px; }
    .division-slider .division-container .feature-image, .division-slider .division-container .second-img {width: 100%;height: auto !important; padding-right: 0 !important;}
    .division-slider .division-container .img-wrp { display: inline-block !important; }
    .division-slider .division-container .img-wrp .feature-image { margin-bottom:10px!important; }
    .container-fluid-sticky-right { padding: 0 16px; }
}


/* Project Slider css here 04-09-2024*/
.project-gallery-container.slick-slider .slick-arrow { background: none; z-index: 9; position: absolute; top: unset; bottom: -100px; left: 0; font-size: 0px; color: #ffffff; cursor: pointer; transform: translateY(-50%); border: 1px solid #fff; border-radius: 50%; height: 50px; width: 50px; }
.project-gallery-container.slick-slider .slick-arrow.slick-prev:before { content: ''; background-image: url(/wp-content/uploads/2024/09/back.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 26px; height: 26px; display: inline-block; }
.project-gallery-container.slick-slider .slick-arrow.slick-next:before { content: ''; background-image: url(/wp-content/uploads/2024/09/back.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 26px; height: 26px; display: inline-block; transform: rotate(180deg); }
.project-gallery-container.slick-slider .slick-arrow.slick-next { left: auto; right: 15px; }
.project-gallery-container.slick-slider .slick-dots { padding-left: 0px; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; }
.project-gallery-container.slick-slider .slick-dots li { display: inline-block; margin: 0 5px; }
.project-gallery-container.slick-slider .slick-dots li button { width: 12px; height: 12px; border-radius: 100%; background-color: #fff; border: none; padding: 0; text-indent: -9999px; cursor: pointer; opacity: .5; }
.project-gallery-container.slick-slider .slick-dots li.slick-active button { opacity: 1; }
.project-gallery-container.slick-slider .slick-arrow.slick-prev { right: 80px; left: unset; }
.project-gallery-container .slick-slide > div { margin: 0 16px; }
.project-gallery-container .image { width: 100%; display: inline-block; }
.project-gallery-container .image img { width: 100%; display: inline-block; object-fit: cover; object-position: center; height: 445px; }
.project-gallery-container .image picture { width: 100%; display: inline-block; }

@media(max-width:1024px) {
    .project-gallery-container .image img { height: 300px; }
    .fact-item {
        grid-template-columns: 1.0fr 1fr !important;
    }
}

@media(max-width:991px) {
    .project-gallery-container .image img { height: 240px; }
}

@media(max-width:767px) {
    .project-gallery-container .image img { height: 200px; }
    .project-gallery-container.slick-slider .slick-arrow { height: 40px; width: 40px; bottom: -80px; }
    .project-gallery-container.slick-slider .slick-arrow.slick-next:before, .project-gallery-container.slick-slider .slick-arrow.slick-prev:before { width: 20px; height: 20px; }
    .project-gallery-container.slick-slider .slick-arrow.slick-prev { right: 65px; }
}

@media(max-width:479px) {
    .project-gallery-container .slick-slide > div { margin: 0; }
}

@media only screen and (max-device-width: 640px) {
    body.fleet-template-default.single.single-fleet #content {
        margin-bottom: 0px !important;
    }
}


/*Job Page and Single Job Page css */

body.post-type-archive-jobs .search-form-sec { background: #DBDBDB; color: #000000; padding: 63px; width: 100%; display: inline-block !important; }
body.post-type-archive-jobs .search-form-sec .fusion-column-wrapper { width: 100% !important; display: inline-block !important; margin: 0 !important; }
.two-col-sec > .fusion-row .job-listing .fusion-column-wrapper { width: 100% !important; display: inline-block !important; margin: 0 !important; }
body.post-type-archive-jobs .search-form-sec form#searchform { display: flex; flex-direction: column; }
body.post-type-archive-jobs .search-form-sec form#searchform #s:not(.fusion-form-input), .search-form-sec form#searchform .comment-form input { text-transform: uppercase; border: none; background: #fff; min-width: 28%; font-size: 13px; color: #747474; padding-left: 15px; padding-right: 15px; float: left; border-radius: 0; }
body.post-type-archive-jobs .search-form-sec form#searchform label { font: normal normal normal 16px / 60px Montserrat; letter-spacing: 0px; color: #000000; text-transform: uppercase; line-height: 10px; margin: 25px 0 12px; }
body.post-type-archive-jobs .search-form-sec form#searchform input#s::placeholder { font: normal normal normal 16px/60px Montserrat; letter-spacing: 0px; color: #C4BCB5; text-transform: uppercase; }
body.post-type-archive-jobs .search-form-sec form#searchform .select-wrap { width: 100%; display: inline-block; position: relative; }
body.post-type-archive-jobs .search-form-sec form#searchform select { cursor: pointer; width: 100%; appearance: none; text-transform: uppercase; color: #C4BCB5; border-radius: 0; border: none; background: #fff; padding-left: 15px; padding-right: 15px; }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn { width: fit-content; display: inline-block; margin-top: 45px; position: relative; }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn:after { content: ""; position: absolute; top: 50%; right: 9px; width: 28px; height: 33px; background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50-1.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0; font-size: 0; font-family: unset; transform: translateY(-50%); }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn:hover:after { background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
body.post-type-archive-jobs .search-form-sec form#searchform input#searchsubmit { cursor: pointer; background: transparent; width: fit-content; display: inline-block; color: #000000; font: normal normal normal 16px / 25px Questrial; padding: 11px 43px 11px 18px; border: 1px solid #000000; position: relative; }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn .hover-text { display: none !important; }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn:hover .text { display: none !important; }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn:hover .hover-text { display: inline-block !important; }
body.post-type-archive-jobs .search-form-sec form#searchform .cus-btn:hover input#searchsubmit { background: #EB141C; color: #fff; border: 1px solid #EB141C; }
body.post-type-archive-jobs .search-form-sec form#searchform .select-wrap span { cursor: pointer; width: 28px; height: 28px; display: inline-block; border: 1px solid #EB141C; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background-image: url(/wp-content/uploads/2024/09/down-arrow-1.png); background-repeat: no-repeat; background-position: center; background-size: 16px; }




.two-col-sec > .fusion-row { width: 100% !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start; gap: 40px; margin: 0 !important; max-width: var(--site_width) !important; }
.two-col-sec > .fusion-row .form-content-wrap { width: calc(50% - 20px); display: flex; flex-direction: column; gap: 40px; }
.two-col-sec > .fusion-row .job-listing { width: calc(50% - 20px); display: inline-block; margin-bottom: 0 !important; }
.fusion-post-medium { width: 100%; display: inline-block !important; margin-bottom: 30px ! IMPORTANT; line-height: 0; background: #2C2727; padding: 40px 60px 40px 40px; position: relative; }
.fusion-post-medium:last-child { margin-bottom: 0 !important; }
.fusion-post-medium:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: transparent linear-gradient(180deg, #18161600 0%, #181616 100%) 0% 0% no-repeat padding-box; }
.fusion-post-medium .fusion-post-content { width: 100%; display: inline-block; }
.fusion-post-medium .fusion-post-content h2.entry-title { width: 100%; display: inline-block; color: #fff !important; padding-bottom: 14px; position: relative; }
.fusion-post-medium .fusion-post-content h2.entry-title:after { content: ""; width: 80%; display: inline-block; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; }
.fusion-post-medium .fusion-post-content h2.entry-title a { color: #fff; }
.fusion-post-medium .fusion-post-content .fusion-post-content-container { width: 100%; display: inline-block; z-index: 1; position: relative; }
.fusion-post-medium .fusion-post-content .fusion-post-content-container p { width: 100%; display: inline-block; color: #DBDBDB; font-size: 16px; line-height: 25px; margin: 0 0 14px; }
.fusion-post-medium .fusion-meta-info { z-index: 1; position: relative; width: 100%; display: inline-block; padding: 0; margin: 0; border: none; }
.fusion-post-medium .fusion-meta-info .fusion-alignright { margin: 0; }
.fusion-post-medium .fusion-meta-info .fusion-alignright a.fusion-read-more { width: auto; display: inline-block; color: #fff; font: normal normal normal 16px/25px Questrial; margin: 0; padding: 11px 43px 11px 18px; border: 1px solid #fff; position: relative; }
.fusion-post-medium .fusion-meta-info .fusion-alignright a.fusion-read-more:after { content: ""; position: absolute; top: 50%; right: 9px; width: 28px; height: 33px; background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0; font-size: 0; font-family: unset; transform: translateY(-50%); }
.fusion-post-medium .fusion-meta-info .fusion-alignright a.fusion-read-more:hover { background: #EB141C; border: 1px solid #EB141C; }
.job-listing .pagination { width: 100%; margin: 54px 0 0 0 !important; justify-content: center !important; gap: 10px !important; }
.job-listing .pagination span.current { background: #EB141C; height: 28px; width: 28px; margin: 0 !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; font: normal normal normal 16px/60px Montserrat; color: #fff; border: 1px solid #EB141C; }
.job-listing .pagination a { background: transparent; height: 28px !important; width: 28px !IMPORTANT; margin: 0 !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; font: normal normal normal 16px/60px Montserrat; color: #fff; border: 1px solid #ffffff !important; position: relative !IMPORTANT; }
.job-listing .pagination a span.page-text, .job-listing .pagination a span.page-next, .job-listing .pagination a span.page-prev { display: none; }
.job-listing .pagination a:after { position: absolute; left: 50%; right: 34%; font-size: 22px; top: 49%; transform: translate(-50%, -50%); color: #fff !important; }
.job-listing .pagination a:before { position: absolute; left: 50%; right: 18%; font-size: 22px; top: 46%; transform: translate(-50%, -50%); color: #fff !important; }
.job-listing button.fusion-load-more-button { margin: 54px auto 0 !important; width: auto; display: block; color: #fff !important; font: normal normal normal 16px / 25px Questrial; padding: 11px 43px 11px 18px; border: 1px solid #fff; position: relative; }
.job-listing button.fusion-load-more-button:after { content: ""; position: absolute; top: 50%; right: 9px; width: 28px; height: 33px; background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0; font-size: 0; font-family: unset; transform: translateY(-50%); }
.job-listing button.fusion-load-more-button:before { display: none; }
.job-listing button.fusion-load-more-button:hover { background: #EB141C; border: 1px solid #EB141C; }




.get-in-touch-sec { width: 100% !important; margin: 0 !important; }
.get-in-touch-sec .fusion-column-wrapper { margin: 0 !important; position: relative; padding: 109px 40px 40px 40px; }
.get-in-touch-sec .fusion-column-wrapper:after { content: ""; width: 100%; position: absolute; height: calc(100% - 55px); bottom: 0; left: 0; background: transparent linear-gradient(180deg, #18161600 0%, #181616 100%) 0% 0% no-repeat padding-box; z-index: 1; }
.get-in-touch-sec .fusion-column-wrapper .fusion-title.fusion-sep-none { width: 100%; display: inline-block; margin: 0 0 47px !important; }
.get-in-touch-sec .fusion-column-wrapper .fusion-title.fusion-sep-none h1.fusion-title-heading { width: 100%; display: inline-block; position: relative; z-index: 2; }
.get-in-touch-sec .fusion-column-wrapper a.fusion-button { width: auto; display: inline-block; position: relative; z-index: 2; color: #fff; font: normal normal normal 16px / 25px Questrial; margin: 0; padding: 11px 43px 11px 18px; border: 1px solid #fff; }
.get-in-touch-sec .fusion-column-wrapper a.fusion-button:hover { background: #EB141C; border: 1px solid #EB141C; }
.get-in-touch-sec .fusion-column-wrapper a.fusion-button span { width: auto; display: inline-block; color: #fff; font: normal normal normal 16px / 25px Questrial; }
.get-in-touch-sec .fusion-column-wrapper a.fusion-button:after { content: ""; position: absolute; top: 50%; right: 9px; width: 28px; height: 33px; background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0; font-size: 0; font-family: unset; transform: translateY(-50%); }

.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row { padding-left: calc(50% - 78.2% / 2) !important; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row { max-width: 1400px !important; margin: 0 !important; gap: 120px; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-3 { width: calc(50% - 60px); margin: 0 !important; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-4 { width: calc(50% - 60px); margin: 0 !important; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-3 .fusion-column-wrapper { margin: 0 !important; width: 100%; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-3 .fusion-title { margin: 0 0 38px !important; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-3 .fusion-column-wrapper .fusion-text.fusion-text-1 { max-width: 565px !important; }
.single-jobs .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-4 .fusion-column-wrapper { margin: 0 !important; position: relative !important; padding-bottom: 95px !important; }
.single-jobs .image-slider-sec .slick-arrow { border-radius: 50%; width: 56px; padding: 13px; height: 56px; border: 1px solid #fff; box-shadow: none; cursor: pointer; font-size: 0; background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: 35px; position: absolute; bottom: 0; }
.single-jobs .image-slider-sec .slick-slider .slick-list { padding-left: 0 !important; }
.single-jobs .image-slider-sec .slick-initialized .slick-slide > div { margin: 0 16px; }
.single-jobs .image-slider-sec .slick-prev.slick-arrow { transform: rotate(180deg); right: 177px; opacity: 0.5; }
.single-jobs .image-slider-sec .slick-next.slick-arrow { right: 105px; }
.single-jobs .image-slider-sec .slick-arrow:hover { opacity: 1; border: 1px solid #EB141C; background: #EB141C url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: 35px; }
.single-jobs .image-slider-sec .fusion-imageframe img { max-height: 511px; height: 511px; object-fit: cover; object-position: center; }
.single-jobs .fusion-post-cards .fusion-text { width: 100%; display: inline-block; }
.single-jobs .fusion-post-cards .fusion-text ul { padding-left: 56px; }
.single-jobs .fusion-post-cards .fusion-text ul li { width: 100%; display: inline-block; position: relative; }
.single-jobs .fusion-post-cards .fusion-text ul li:after { content: ""; position: absolute; width: 16px; height: 16px; top: 11px; left: -35px; border: 1px solid #EB141C; background: #EB141C; }
.single-jobs .fusion-builder-column-5 .fusion-column-wrapper { margin: 0 !important; }


.to-apply-form { margin: 0 !important; }
.to-apply-form .fusion-column-wrapper { margin: 0 !important; padding-bottom: 64px !important; }
.to-apply-form .fusion-column-wrapper .gform_wrapper { margin: 0 !important; }
.to-apply-form .fusion-column-wrapper .fusion-title { margin: 0 0 26px !important; }
.to-apply-form .fusion-column-wrapper .gform_fields { row-gap: 22px; }
.to-apply-form .fusion-column-wrapper .gform_fields .gfield_label { gap: 4px; font: normal normal normal 16px/19px Montserrat; color: #000000; text-transform: uppercase; margin: 0 0 8px !IMPORTANT; }
.to-apply-form .fusion-column-wrapper .gform_fields .gfield_label .gfield_required_text { font: normal normal normal 16px/19px Montserrat; color: #EB141C; text-transform: uppercase; }
.gform-theme--foundation .gfield input { text-transform: uppercase; border: none !important; background: #fff !important; padding-left: 15px !important; padding-right: 15px !important; border-radius: 0 !important; font: normal normal normal 16px/19px Montserrat !important; color: #C4BCB5 !important; height: 42px !important; box-shadow: none !important; }
.gform-theme--foundation .gfield input::placeholder { text-transform: uppercase; font: normal normal normal 16px/19px Montserrat !important; color: #C4BCB5 !important; }
.gform-theme--foundation .gfield textarea { text-transform: uppercase; border: none !important; background: #fff !important; padding-left: 15px !important; padding-right: 15px !important; border-radius: 0 !important; font: normal normal normal 16px/19px Montserrat !important; color: #C4BCB5 !important; height: 102px !important; box-shadow: none !important; }
.gform-theme--foundation .gfield textarea::placeholder { text-transform: uppercase; font: normal normal normal 16px/19px Montserrat !important; color: #C4BCB5 !important; }
.to-apply-form .fusion-column-wrapper .gform_wrapper .gform_footer.top_label { margin: 56px 0 0 !IMPORTANT; position: relative !important; width: fit-content !important; }
.to-apply-form .fusion-column-wrapper .gform_wrapper .gform_footer.top_label input { background: transparent !important; width: fit-content; display: inline-block !important; color: #000000 !important; font: normal normal normal 16px / 25px Questrial !IMPORTANT; padding: 11px 43px 11px 18px !important; border: 1px solid #000000 !important; border-radius: 0 !important; }
.to-apply-form .fusion-column-wrapper .gform_wrapper .gform_footer.top_label:after { content: ""; position: absolute; top: 50%; right: 9px; width: 28px; height: 33px; background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50-1.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0; font-size: 0; font-family: unset; transform: translateY(-50%); }
.to-apply-form .fusion-column-wrapper .gform_wrapper .gform_footer.top_label:hover:after { background: url(/wp-content/uploads/2024/09/icons8-right-arrow-50.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.to-apply-form .fusion-column-wrapper .gform_wrapper .gform_footer.top_label:hover input { background: #EB141C !important; color: #fff !important; border: 1px solid #EB141C !important; }

/* Project Slider Css */
.project-slider.fusion-post-cards .fusion_builder_column.post-card { width: 50%!important; }


@media (max-width:1700px) {
	.to-apply-form { margin-top: 50px !important; }
}
@media (max-width:1400px) {
	.to-apply-form { margin-top: 100px !important; }
}
@media (max-width:1199px) {
	.to-apply-form { margin-top: 140px !important; }
}
@media (max-width:991px) {
	.to-apply-form { margin-top: 190px !important; }
}
@media (max-width:767px) {
	.to-apply-form { margin-top: 240px !important; }
}
@media (max-width:500px) {
	.to-apply-form { margin-top: 270px !important; }
}


@media(max-width:1199px) {
	body.post-type-archive-jobs .search-form-sec { padding: 50px; }
	/* .post-content .fusion-builder-row-2 .fusion-builder-row { gap: 60px; } */
		.fusion-post-cards ul > li, .fusion-post-cards>.fusion-grid>.fusion-grid-column { width: 100% !important;  max-width: 100% !important; }
}
@media(max-width:1023px) {
	.post-content .fusion-builder-row-2 .fusion-builder-row { padding-left: 0 !important; }
}
@media only screen and (max-width: 1024px) {
	.fusion-post-cards>.fusion-grid>.fusion-grid-column { width: 100% !important;  max-width: 100% !important; }
	.single-jobs .fusion-post-cards>.fusion-grid>.fusion-grid-column{width:100%!important;}
}
@media(max-width:991px) {
    .single-fleet h3.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated {line-height: 1.1 !important;}
	.single-fleet .two-col-sec > .fusion-row { flex-direction: column; }
	.single-fleet .two-col-sec > .fusion-row .form-content-wrap { width: 100%; }
	.single-fleet .two-col-sec > .fusion-row .job-listing { width: 100%; }
	.single-fleet .fusion-post-medium { padding: 40px; }
	.single-fleet body.post-type-archive-jobs .search-form-sec { padding: 40px; }
	.single-fleet .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-3 { width: 100%; }
	.single-fleet .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-3 .fusion-column-wrapper .fusion-text.fusion-text-1 { max-width: 100% !important; }
	.single-fleet .post-content .fusion-builder-row-2 .fusion-builder-row .fusion-builder-column-4 { width: 100%; }
}

@media(max-width:640px) {
	.project-slider.fusion-post-cards .fusion_builder_column.post-card { width: 100% !important; }
}

.project-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

/* Zorg dat de items binnen hun vak blijven */
.project-grid-item {
    overflow: hidden;
}

.project-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.5s ease;
}

/* Zoom-effect bij hover */
.project-grid-item:hover img {
    transform: scale(1.1);
}
h3.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated {
    line-height: 1.11 !important;
}
/* Voor tablets (schermen breder dan 768px) */
@media (max-width: 1024px) {
    .project-grid {
        grid-template-columns: repeat(2, 1fr); /* Verander naar 2 kolommen */
    }
}

/* Voor mobiele telefoons (schermen breder dan 480px) */
@media (max-width: 768px) {
    .project-grid {
        grid-template-columns: 1fr; /* Verander naar 2 kolom */
    }
}
.minheight h3 {
    min-height: 85px;
}
.gform_button {
    background: transparent !important;
    color: #4a262d !important;
    border-color: #4a262d !important;
	padding-top: var(--button_padding-top, 13px) !important;
    padding-right: var(--button_padding-right, 29px) !important;
    padding-bottom: var(--button_padding-bottom, 13px) !important;
    padding-left: var(--button_padding-left, 29px) !important;
    line-height: var(--button_line_height, 1) !important;
    font-size: var(--button_font_size, 14px) !important;
	text-transform: var(--button_text_transform) !important;
    transition: all .2s !important;
	border-radius: 1px solid #4a262d !important;
	font-family: var(--button_typography-font-family) !important;
    font-weight: var(--button_typography-font-weight) !important;
}
.gform_button:hover {
	background: #4a262d !important;
    color: #dbdbdb !important;
}
.button.gform_button_select_files.gform-theme-button.gform-theme-button--control {
    background: #db0b11 !important;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before {
    color: black !important;
}
.hidden {
    display: none;
}

#load-more-btn {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid #dbdbdb;
    color: #dbdbdb;
    cursor: pointer;
    font-family: Questrial;
    font-size: 16px;
}

#load-more-btn:hover {
    background-color: #dbdbdb;
    color: #4a262d;
}

/* Project extra's */
body:not(.avada-has-pagination-padding) .pagination .current {
    color: #fff;
    background: #db0b11;
}
body:not(.avada-has-pagination-padding) .pagination a.inactive {
    border: 1px solid #db0b11;
    color: #fff;
}
.page-text, .pagination .pagination-next:after, .pagination .pagination-prev:before {
color: white !important;
}
.colormeblack {
    color: black !important;
}
.countryiconbefore {
    display: flex; /* Zorgt ervoor dat de inhoud in een rij wordt uitgelijnd */
    align-items: center; /* Centreert het icoon verticaal met de tekst */
    gap: 8px; /* Voegt ruimte toe tussen het icoon en de tekst */
}

.countryiconbefore::before {
    content: "\f7a2"; /* Unicode voor fa-earth-europe */
    font-family: "Font Awesome 5 Free"; /* Of "Font Awesome 6 Free" als je die versie gebruikt */
    font-weight: 900; 
    display: inline-block; /* Zorgt ervoor dat het naast de tekst blijft staan */
	margin-top: -20px;
}

.categoryiconbefore {
    display: flex; /* Zorgt ervoor dat de inhoud in een rij wordt uitgelijnd */
    align-items: center; /* Centreert het icoon verticaal met de tekst */
    gap: 8px; /* Voegt ruimte toe tussen het icoon en de tekst */
}

.categoryiconbefore::before {
    content: "\f3c5"; /* Unicode voor fa-earth-europe */
    font-family: "Font Awesome 5 Free"; /* Of "Font Awesome 6 Free" als je die versie gebruikt */
    font-weight: 900; 
    display: inline-block; /* Zorgt ervoor dat het naast de tekst blijft staan */
	margin-top: -20px;
}