/*
 Theme Name:     Mediakanjers
 Theme URI:      http://www.mediakanjers.nl
 Description:    Website ontworpen door Mediakanjers
 Author:         Mediakanjers
 Author URI:     http://www.mediakanjers.nl
 Template:       Divi
 Version:        1.0.0
*/



/*paginering kennisbank */
.blog-pagination {
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
}




.page-id-5972 .header_new_vervolg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    min-height: 250px;
    overflow: hidden;
    margin-top: 20px;
    background-color: #ECECEC;
}


 .page-id-5972 .header_new_vervolg .header_right {
    width: 40%;
    height: 230px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: revert-layer;
}


.blogsection {
    margin-top: 40px;
    margin-bottom: 40px;
}


.blogpost-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.blogintro {
    margin-bottom: 40px;
}

.blogpost {
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 10px;
    transition: transform 0.3s;
}



.blogpost:hover {
    transform: scale(1.03);
}

.blogpost-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
}


.blogpost-title {
    font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 500;
    border-bottom: 1px solid #95C11F;
}

.blogpost-title a {
    color: #113930;
    text-decoration: none;
}



.mk_button.readmore--btn {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    gap: 5px;
    font-weight: 400;
    text-decoration: none;
    color: #048371;
}

.mk_button.readmore--btn:hover {
    color: #95C11F;
}

.mk_button.readmore--btn .arrow {
    width: 12px;
    color: #048371;
    font-weight: bold;
    transition: transform 0.3s;
}

.mk_button.readmore--btn:hover .arrow {
    transform: translateX(5px);
}



/*single blogpost*/
.back--row {
    margin-bottom: 30px;
}

.back--btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #048371;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

.back--btn .arrow img {
    width: 12px;
    height: 12px;
    transform: scaleX(-1);
    transition: transform 0.3s ease;
}

.back--btn:hover {
    color: #95C11F;
}

.back--btn:hover .arrow img {
    transform: scaleX(-1) translateX(3px);
}














/* Single blog */
.single-blog-section {
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.single-blog-row {
    max-width: 900px;
    width: 100%;
    padding: 0 20px;
    margin-top: 60px;
}

.single-blog-title {
    font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px;
    font-weight: 500;
    color: #113930 !important;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.4em;
    display: inline-block;
    padding-bottom: 5px;
}

.single-blog-date {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    color: #048371;
    margin-bottom: 30px;
}

.single-blog-content {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    border-radius: 10px;
    line-height: 1.8em;
    font-size: 18px;
    color: #113930;
    border: 1px solid #91B508;
    font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;
    border-radius: 10px;
}

.single-blog-content img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
    border-radius: 5px;
}



/* Algemene stijl voor alle lijsten */
.single-blog-content ul,
.single-blog-content ol {
    margin: 20px 0;
    line-height: 1.6;
}

/* Ongeordende lijsten (ul) */
.single-blog-content ul {
    list-style-type: disc;
}

/* Geordende lijsten (ol) */
.single-blog-content ol {
    list-style-type: decimal;
}

/* Lijst-items */
.single-blog-content ul li,
.single-blog-content ol li {
    margin-bottom: 10px;
}

/* Eventueel: custom bullets voor ul */
.single-blog-content ul li::marker {
    color: #95C11F;
    font-size: 1em;
}

/* Eventueel: custom nummers voor ol */
.single-blog-content ol li::marker {
    color: #048371;
    font-weight: bold;
}



@media (max-width: 1024px) {
    .single-blog-row {
        max-width: 700px;
        margin-top: 40px;
    }

    .single-blog-title {
        font-size: 34px;
    }

    .single-blog-content {
        padding: 25px;
        font-size: 17px;
    }
}

/* Mobiel */
@media (max-width: 768px) {
    .single-blog-section {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .single-blog-row {
        padding: 0 15px;
    }

    .single-blog-title {
        font-size: 26px;
        line-height: 1.3em;
    }

    .single-blog-date {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .single-blog-content {
        padding: 20px;
        font-size: 16px;
    }
}

/* Kleine smartphones */
@media (max-width: 480px) {
    .single-blog-title {
        font-size: 22px;
    }

    .single-blog-content {
        padding: 15px;
        font-size: 15px;
        line-height: 1.6em;
    }

    .single-blog-date {
        font-size: 14px;
    }
}


@media (max-width: 1024px) {
    .blogpost-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blogpost-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}










#custom_html-2 { max-width: auto!important; min-width: fit-content; margin-top: 150px; }
/* #custom_html-2 div a { display: block; }
#custom_html-2 div img { min-width: 330px; padding: 10px 25px; background-color: white; border-radius: 20px; }
#custom_html-2 div img:first-child { margin-bottom: 20px; } */

.page-next { display: none!important; }

#et-main-area { overflow: hidden!important; }

.logo_footer_wrapper { display: flex; flex-direction: row; align-items: center; gap: 20px; }
.logo_footer_wrapper:not(:last-child) { margin-bottom: 20px; }
.logo_footer_wrapper .footer_logo { min-width: 330px; padding: 10px 25px; background-color: white; border-radius: 20px; }
.logo_footer_wrapper .linkedin { background-color: white; padding: 5px; border-radius: 15px; }
.logo_footer_wrapper .linkedin img { margin-left: 0px; max-height: 60px; height: 60px; width: auto; }

@media screen and (max-width: 640px) {
    .logo_footer_wrapper { gap: 10px; }
    .logo_footer_wrapper .footer_logo { min-width: 190px; }
    .logo_footer_wrapper .linkedin img { height: 40px; }
}

.et_pb_slide_description { padding: 0px!important; }
.et_pb_slides .et_pb_empty_slide.et_pb_container, .et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner { height: auto!important; }

.linkedin img { max-width: 80px; }

.et-waypoint:not(.et_pb_counters) {
    opacity: 1!important;
}

@media screen and (max-width: 1200px) {
    #custom_html-2 { margin-top: 0px; }
}

@media screen and (max-width: 980px) {
    .reverse {
        display: flex;
        flex-direction: column-reverse; 
    }

}

@media screen and (max-width: 740px) {
    #custom_html-2 div img { min-width: 100%; }
}

/* Header - EXTRA HEADER CSS STAAT IN DIVI --> THEMA OPTIES --> AANGEPASTE CSS */ 
#top-header {z-index: 11; position: relative !important; top:0 !important; background-color: transparent!important;}
#main-header {background-color: transparent !important; box-shadow: none;}

@import url("../Divi/style.css");
body, #top-header .container {font-weight: 400;}
h2 {font-size: 40px; font-weight: 400;}
.et_pb_button {padding: 15px 25px !important;}
.et_pb_button:hover {padding: 15px 35px 15px 25px !important;}

h1, h2, h3, h4, h5, h6 {
    color: #009773!important;
    line-height: 1em!important;
}

/* Buttons */
body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward {
    border-color: #009773!important;
    background-color: #004D44;
}

body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward {
    border-color: #009773!important;
    background-color: #004D44;
}

nav#ubermenu-main-3-primary-menu {
    margin-left: auto;
}

.container.et_menu_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.logo_container {
    display: inline-block;
    max-width: 300px;
    position: inherit!important;
}



/* flexysign */
.flexysign_wrapper { padding: 100px 0px!important; position: relative; overflow: hidden; }
.flexysign_wrapper::after { content: url('images/flexysign bg.svg'); position: absolute; transform: translate(0%,-50%); top: 50%; right: 0%; width: 45%;}
.flexysign_wrapper .et_pb_row.et_pb_row_4 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.flexysign_wrapper::after {  }
.flexysign_logo .et_pb_image_wrap img { max-width: 450px; }
.flexysign_inner .et_pb_text_inner {  }
.flexysign_inner .et_pb_text_inner h2 { text-transform: uppercase; color: white!important; font-weight: bolder; line-height: 1em; }
.flexysign_inner .et_pb_text_inner h3 { text-transform: uppercase; color: white!important; font-weight: bolder; line-height: 1em; font-size: 24px; margin-top: 20px; position: relative; }
.flexysign_inner .et_pb_text_inner p { color: white!important; }
.flexysign_inner .et_pb_text_inner h3::after { content: ""; position: absolute; bottom: -20px; left: 0px; height: 3px; background-color: #FF6D26; width: 90px; }

@media screen and (max-width: 980px) {
    .flexysign_wrapper::after { width: 100%; top: 70%; opacity: 0.3; }
}

/* Contact info */
.taalselectie, #et-info {float: right; padding: 8px 0 0 20px;}
.taalselectie img {margin-left: 5px;}
#et-info-phone { position: relative; color: #113930; font-weight: bolder; }
#et-info-email { position: relative; color: #113930; font-weight: bolder; }
#et-info-email:hover, #et-info-phone:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.7;}
#et-info-phone:before {position: relative;margin-right: 5px; content: "T." !important; font-family: "Dosis" !important; top:0; display: none!important; }
#et-info-email:before {position: relative;margin-right: 5px; content: "E." !important; font-family: "Dosis" !important; top:0; display: none!important; }

/* Hoofdmenu */
#main-header {position: relative; top:0;}
/* .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target:last-child {padding-right: 0 !important;} */
 #main-header.sticky-element-original:not(.sticky-element-active) { position: relative!important; }
header#main-header .scrolllogo { display: none; }
#main-header.sticky-element-original:not(.sticky-element-active) .scrolllogo { display: block; }
#main-header.sticky-element-original:not(.sticky-element-active) .toplogo { display: none; } 
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { padding-top: 15px!important; padding-bottom: 15px!important; }
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target[data-title="Hoofdmenu - Engels"] { padding-top: 15px!important; padding-bottom: 15px!important; }
.ubermenu-main .ubermenu-item-level-0:not(:last-child) > .ubermenu-target[data-title="Hoofdmenu"] {  padding-top: 15px!important; padding-bottom: 15px!important; }

.ubermenu .ubermenu-target-text { color: #004D44; font-weight: bolder!important; transition: 0.3s; position: relative;}
.ubermenu .ubermenu-target-text::after { content: ""; position: absolute; background-color: #004D44; width: 0%; height: 2px; bottom: 0px; left: 0px; transition: 0.3s; }
.ubermenu .ubermenu-target-text:hover::after { content: "";  width: 100%; transition: 0.3s; }
/* #main-header.sticky-element-original:not(.sticky-element-active) .ubermenu .ubermenu-target-text { color: white!important; } */
#main-header.sticky-element-original:not(.sticky-element-active) .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding-top: 10px !important; padding-bottom: 10px !important;}

@media screen and (max-width: 1280px) {
    .ubermenu .ubermenu-target-text { color: white!important;}
    span.logo_helper { display: none; }
    .et_pb_svg_logo #logo { display: block!important; background-color: white; padding: 10px; margin: 5px auto; }

    .ubermenu-responsive.ubermenu .ubermenu-nav { position: absolute; background-color: #1A735E; top: 20px; }
}

.ubermenu-current-menu-item a .ubermenu-target-text { position: relative; }
.ubermenu-current-menu-item:not(:last-child) a .ubermenu-target-text::after {
    content: "";
    position: absolute;
    background-color: #004D44;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    transition: 0.3s;
}

.ubermenu-current-menu-item a .ubermenu-target-text:hover::after { content: ""; position: absolute; background-color: #004D44; width: 0%; height: 2px; bottom: 0px; left: 0px; transition: 0.3s;  }

.sticky-element-original:not(.sticky-element-active) #logo{padding: 8px; max-height: 80px; transition: 0.3s;}
/* Content */
.fullscreenheader {position: relative;}
.header-slider {position: absolute; top: 0; left: 0; width: 100%;}
.home .header-slider {display: none;}
.home0 > div {padding-top: 0 !important;}
.home0 {margin-top: -257px;}
.home1 {z-index: 10;background-repeat: no-repeat; background-position: top left; background-position: 18% 12%; -webkit-background-size: auto; background-size: auto;}
.home1 h2 {line-height: 1em;}
.home1 h2:before {position: absolute; top: 35px; left: -113px; display: inline-block; width: 91px; height: 2px; content: ""; background-color: #95c11f;}
.home1 .inspired {margin-top: -309px; margin-right: -12px;margin-left: -50px; }
.home3 {z-index: 15;}
.home2 .et_pb_text {font-size: 18.71px; padding: 72px 0;background-repeat: no-repeat; background-position: left center; background-size: auto;}
.home3 .splendid {margin-bottom: -136px !important; margin-left: -402px !important;}
.home4 h2 {line-height: 1.2em;padding-top: 49px; }
.home4 h2::after {position: absolute; top: 76px; right: 66px; display: inline-block; width: 181px; height: 2px; content: ""; background-color: #95c11f;}
.imagebg {position: absolute;left: -162%; }
.slidertekst {z-index: 10; margin-top: -23%; padding-bottom: 250px !important;}
.mfp-title{display: none !important}

/*Content Engels*/
.engels .slidertekst h1 {font-size: 52px;}
.engels .home4 h2::after {display: none;}

/*Content Duits*/
.duits .home2 .et_pb_text {font-size: 17px;}
.duits .home1 h2 {font-size: 38px !important;}
.duits .home3 li {line-height: 23px;}
/*Het process*/
.stap {font-size: 25px !important; font-weight: bold; width: 50px;height: 50px; margin: -9px auto 9px auto!important; padding: 9px 0; border: 3px solid #95c11f; border-radius: 50%; background: #004D44;}
/* .stap:after {position: absolute; top: 50%; right: -16%; content: url(images/arrow.png); transform: translateY(-50%);} */
.et_pb_row .et_pb_column:last-child .stap:after {display: none;}


    /*Product Gallerij*/
li.next {position: absolute; top: 70px; right: -100px;}
li.prev {position: absolute; top: 70px; left: -100px;}
li.prev a {content: url("images/prev.png");}
li.next a {content: url("images/next.png");}
.et_pb_gallery_pagination ul:before {float: left; padding-top: 10px; content: "Pagina"; color: #a4a4a4;}


/*Producten View*/
.product {background: #fff; background-repeat: no-repeat; background-position: bottom center; position: relative;}
.product-link {position: absolute; width: 100%; height: 100%; z-index: 1;}
.products-container {float: left;width: 100%; }
.product-row {float: left; width: 100%;}

.product-row .product { float: left; width: 31.1%; margin-right: 3.333333%;  margin-bottom: 75px;}
.product-row .product:last-child {margin-right: 0 !important;}

.product-title {font-size: 23px; color: #004D44; font-weight: 600; text-align: center; padding-top: 35px; margin-bottom: 15px; padding: 35px 0px 0 0px;}
.product-title a {font-size: 100%; color: #004D44; font-weight: 600;}
.product-title:after {content: ""; height: 2px; width: 50%; background: #95c11f; display: block; margin-top: 15px; transition: 0.3s;}

.product-img {height: 250px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom center; }
.product-img img {vertical-align: bottom; width: 100%!important; height: 100%;}

.product:hover .product-title:after {}

/* Grafity Forms opmaak */
.gform_wrapper .button {padding: 8px; cursor: pointer; transition: 0.15s ease-in-out;color: #fff; border: 1px solid #000; background: #2f334f;}
.gform_wrapper .button:hover {background: #2f334f;}
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}

/* Footer */
.custom_logo_footer { margin-top: 240px; min-width: 350px; }
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}
.footer-widget h3 {line-height: 1.2em; text-shadow: 0 0 9.6px rgba(0, 0, 0, 0.85);}
#text-2 {float: right;}
.voorwaarden {
    float: left;
    color:#fff !important;
}
#footer-info {float: right;}
#footer-bottom { color: #fff;  }
.privacy { float: left; color: #fff !important; }
.sep { float: left; margin: 0 5px; color: #fff; }


/*Responsive*/
@media only screen and (max-width: 1500px) {
  .slidertekst h1 {font-size: 44px !important; padding-top: 30px;}
}

@media only screen and (max-width: 1405px) {
#logo {max-width: 45% !important;}
.home4 h2::after {display: none;}
.slidertekst {padding-bottom: 200px !important;}
}

@media only screen and (min-width:981px) and (max-width: 1400px) {
.home2 .et_pb_text {font-size: 15.71px; background-size: 19%;}
.home3 .splendid {margin-left: -208px !important;}
.imagebg {left: -281%;}

}

@media only screen and (max-width: 1280px) {

    header#main-header .scrolllogo {
        display: block!important;
    }

    .toplogo {
        display: none!important;
    }

    .container.et_menu_container {
        margin-bottom: 0px;
    }
    
.custom_logo_footer { margin-top: 0px; display: none; }
.ubermenu-responsive-toggle {position: relative !important; z-index: 99999 !important; float: right; margin: 15px 0 !important;}
.ubermenu-target {padding: 15px 0 !important; text-align: center;}
#logo {max-width: 60% !important;}
.logo_container {position: relative !important; float: left !important; width: 70% !important; margin-right: auto;}
.ubermenu-main {position: absolute !important; top: 65px !important;background: #107869 !important;}
#main-header { background-color: #1A735E !important;}
.et_secondary_nav_enabled #page-container #top-header { background-color: #1A735E !important; }
#top-header {background-color: #1A735E !important;}
.home0 {margin-top: 0 !important;}
.slidertekst {z-index: 10; max-width: 534px; margin-top: -30%; padding-bottom: 175px !important;}
.fullscreenheader {overflow: visible;max-height: inherit; ;}
.home1 .inspired {margin-top: 0; margin-right: 0; margin-left: 0;}
.home3 .splendid {margin-bottom: 0 !important; margin-left: 0 !important;}
.header-slider {display: none;}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {width: 43.875% !important;}
}

@media only screen and (max-width: 980px) {

.product-row .product { float: left; width: 100%; margin-right: 0%;}

.slidertekst {margin-top: -70px; padding-bottom: 0 !important; padding-left: 50px!important;}
.slidertekst h1 {font-size: 36px !important;color: #009773 !important;}
.slidertekst p {color: #000;}

.home2 .et_pb_text {padding: 30px 100px; text-align: left;}
.home2 .et_pb_column.et_pb_column_1_4 {width: 100% !important; margin-bottom: 0 !important;}

.footer-info-left { display: block; float: left; width: 100%; text-align: center; }
.footer-info-left .et_pb_widget { display: inline-block; float: none; }

#footer-info { float: none; }
}

@media only screen and (max-width: 767px) {


    .et_secondary_nav_enabled #page-container #top-header .container { width: 90%; }

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { padding: 10px!important; position: absolute!important; right: 0px; top: 10px; }
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main i::before { content: url('images/hamburger.svg'); width: 15px; height: 15px; top: 50%; left: 10px; transform: translate(0px,-50%); display: block; position: absolute; }

tr td{padding: 20px 4px !important;}

.taalselectie {float: none; width: 100%; padding: 10px 0px 10px 0px; text-align: center; }

.taalselectie img {margin-right: 7px;margin-left: 7px; }


#et-info {display: flex; justify-content: center; float: none; float: none; width: 100%; padding: 10px 0px 0px 0px; gap: 10px; }
#et-info a span { font-size: 12px; margin-bottom: 0px; }
#et-info-email {font-size: 18px; float: left; width: 100%; margin-right: 0; color: white;}
#et-info-phone {font-size: 18px; float: left; width: 100%; margin-right: 0;margin-bottom: 1em; color: white; }
.logo_container {position: relative!important; float: none !important; width: 100% !important;padding: 0px 0 !important; text-align: center; margin-right: 0px;}
#logo {max-width: 100% !important;}
/* span.logo_helper {display: none;} */
h2 {line-height: 1.1em !important; font-size: 32px !important;}

.ubermenu-responsive-toggle {float: none; margin: 0 !important;}
.ubermenu-main {position: relative !important; top: 0 !important;}

.home1 {background-image: none !important;}
.home1 h2 {font-size: 34px !important;}
.imagebg {display: none;}
.home4 h2::after {display: none;}
.home4 h2 {font-size: 31px!important;}
.slidertekst {margin-top: -50px; padding-bottom: 0 !important; padding-left: 0!important;}
li.next {display: none;}
li.prev {display: none;}

#main-footer {background-size: 200%; padding-top: 30px;}
#black-studio-tinymce-10 * {text-align: left!important;}
}


@media only screen and (max-width: 479px) {
.home2 .et_pb_text {padding: 30px 0; text-align: right;}
.calltoaction {background-image: none !important;}
.calltoaction .et_pb_text {font-size: 24px !important;}
.calltoaction .et_pb_button_module_wrapper {text-align: left !important;}
.page-child .home1 h2 {font-size: 24px !important;}
.product-icons .et_pb_image {float: left; width: 33%; margin-bottom: 0!important;}
}

/* new header */
.header_new { display: flex; flex-direction: row; flex-wrap: wrap; position: relative;  min-height: 550px; overflow: hidden;  margin-top: 20px; }
.header_new::before { content: url('images/logo_bg.svg'); width: 65%; position: absolute; left: 0px; top: 50%; transform: translate(0%,-50%); z-index: 1; }
.header_left { background-color: #1A735E; width: 60%; position: relative; }
.header_left::after { content: url('images/header_after.svg'); height: 100%; width: 223px; position: absolute; right: -223px; top: 0%; }
.header_right { width: 40%; z-index: -1; background-position: center; background-repeat: no-repeat; background-size: cover; }

.header_right .owl_header { min-height: 100%; }
.header_right .owl_header .owl-stage-outer { min-height: 100%; height: 100%; overflow: visible!important; }
.herhaaldveld_item { min-height: 100%; }
.herhaaldveld_item img { min-height: 100%; height: 550px; object-fit: cover; }

.header_inner { max-width: 1200px; margin: auto; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.header_inner h1 { font-size: 80px; color: white!important; line-height: 1em; font-weight: 900; }
.header_inner h1 span { color: #113930; } 
.header_inner p { color: white; font-size: 22px; line-height: 1.3em; }

/* new header vervolgpagina */
.header_new_vervolg { display: flex; flex-direction: row; flex-wrap: wrap; position: relative;  min-height: 250px; overflow: hidden;  margin-top: 20px; }
.header_new_vervolg::before { content: url('images/logo_bg.svg'); width: 65%; position: absolute; left: 0px; top: 50%; transform: translate(0%,-50%); z-index: 1; }
.header_new_vervolg .header_left { background-color: #1A735E; width: 60%; position: relative; }
.header_new_vervolg .header_left::after { content: url('images/header_after.svg'); height: 100%; width: 223px; position: absolute; right: -223px; top: 0%; }
.header_new_vervolg .header_right { width: 40%; height: 230px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.header_new_vervolg .header_inner { max-width: 1200px; margin: auto; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; }
.header_new_vervolg .header_inner h1 { font-size: 70px; color: white!important; line-height: 1em; font-weight: 900; max-width: 80%; }
.header_new_vervolg .header_inner h1 span { color: #113930; } 
.header_new_vervolg .header_inner p { color: white; font-size: 22px; line-height: 1.3em; }

.header_new_vervolg.small { min-height: 110px; }
.header_new_vervolg.small .header_left { width: 100%; }

.header_new_vervolg.zeroheight { min-height: 0px; }

.custom_btn_color { text-transform:none!important; font-size: 17px!important; }

.afbeeldingsicon { position: absolute; top: 10px; left: 10px; width: 80px; height: 80px; z-index: 999; background-color: white; border-radius: 50%; }
.afbeeldingsicon .et_pb_image_wrap { width: 65%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


@media screen and (max-width: 980px) {
    .header_new { margin-top: 0px; min-height: 420px; }
    .header_left { width: 70%; }
    .header_right { width: 30%; height: 400px; }

    .header_inner h1 {font-size: 8vw;}
    .header_inner p { font-size: 18px; }

    .header_new_vervolg.small { display: none; }


    .header_new_vervolg .header_left::after { right: -80px; }
    .header_new_vervolg { margin-top: 0px; min-height: 150px;}
    .header_new_vervolg .header_left { width: 60%;}
    .header_new_vervolg .header_right { width: 40%; height: 140px;}

    .header_new_vervolg .header_inner h1 {font-size: 8vw;}
    .header_new_vervolg .header_inner p { font-size: 18px; }

}

img.videoimg { max-width: 800px; width: 80%; }

@media screen and (max-width: 640px) {
    .header_new { min-height: 350px; }
    .header_left { width: 50%; }
    .header_right { width: 100%; height: 350px; }
    .mobile_background { padding: 20px; background-color: rgba(0, 151, 116, 0.5); width: 90%; }
    .header_left::after { content: none; }
    img.videoimg { width: 100%; }
}


@media screen and (min-width: 640px) {
    img.wp-image-732 { min-height: 500px; }
    img.wp-image-716 { min-width: 600px; }
    
}

.et-pb-arrow-prev { left: -2%!important; opacity: 1!important; }
.et-pb-arrow-next { right: -2%!important; opacity: 1!important; }
.et_pb_slider_0.et_pb_slider .et-pb-controllers { display: none!important; }


div#cookie-notice { position: fixed; right: 10px; left: auto; bottom: 10px; width: 350px; max-width: 350px; min-width: 350px; border-radius: 20px; }
.cn-close-icon { top: 15px!important; right: 10px!important; }
.cookie-notice-container { padding: 25px 50px!important; }
a#cn-accept-cookie { color: white!important; }
#cookie-notice .cn-button { color: white!important; }

@media screen and (max-width: 640px) {
    div#cookie-notice { width: 80%; max-width: 80%; min-width: 80%; }
    .cookie-notice-container { padding: 25px 20px!important; }
}

.margin-auto { margin: auto; }
.line-left { position: relative; width: fit-content; }
.line-left::before { content: ""; position: absolute; left: -80px; top: 50%; transform: translate(0%,-50%); width: 60px; height: 1px; background-color: #95C11F; }

.contactpersoon { display: flex; flex-direction: row; gap: 20px; }
.contactpersoon .left { width: 30%; text-align: center; line-height: 1.2em; color: #113930; }
.contactpersoon .left img { border-radius: 50%; margin-bottom: 10px; max-width: 140px; }
.contactpersoon .left p { padding-bottom: 0px; color: #113930; }
.contactpersoon .right { width: 70%; margin-top: 40px; }
.contactpersoon .right a { display: block; padding-left: 30px; position: relative; } 
.contactpersoon .right a img { position: absolute; left: 0px; width: 20px; top: 50%; transform: translate(-0%,-50%); }

.custom-bullet-points { padding: 0px 0px 10px 0px!important; list-style-type: none!important; }
.custom-bullet-points li { position: relative; padding-left: 30px; }
.custom-bullet-points li::marker { content: ""; display: none; }
.custom-bullet-points li::after { content: url('images/custom_bullet_point.svg'); position: absolute; left: 0px; width: 20px; height: 20px; top: 50%; transform: translate(-0%,-50%); }

#gform_wrapper_7 #gform_7 .gform_body #gform_fields_7 .gfield label { font-weight: normal; padding-right: 10px; }
#gform_wrapper_7 #gform_7 .gform_body #gform_fields_7 .gfield input,
#gform_wrapper_7 #gform_7 .gform_body #gform_fields_7 .gfield textarea,
#gform_wrapper_7 #gform_7 .gform_body #gform_fields_7 .gfield .gform_drop_area { background-color: white; border: 1px solid rgb(221, 221, 221); }
#gform_wrapper_7 #gform_7 .gform_footer #gform_submit_button_7 { background-color: #95C11F;border: 0px; text-transform: uppercase; padding: 10px 20px; border-radius: 20px; font-size: 14px; } 

@media screen and (max-width: 640px) {
    .contactpersoon { flex-direction: column; }
    .contactpersoon .left { width: 100%; }
    .contactpersoon .right { width: 100%; }
    
}
.custom_menu_btn a { background-color: #91B508!important; border-radius: 40px!important; padding: 15px 30px!important; }
.custom_menu_btn a span { color: white!important; }
.custom_menu_btn a span:hover::after { width: 0px!important; }

@media screen and (max-width: 980px) {
    .custom_menu_btn { display: none!important; }
}

.offerteicon { cursor: pointer; display: none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); position: fixed; bottom: 10px; right: 10px; width: 70px; height: 70px; background-color: #004D44!important; justify-content: center; align-items: center; z-index: 9999; border-radius: 50%; }
.offerteicon img { width: 50%; margin-left: 7px; }

@media screen and (max-width: 980px) {
    .offerteicon { display: flex; }
}

.materiaal_container .top { display: grid; grid-template-columns: repeat(6 , 1fr); gap: 20px; }
.materiaal_container .top .item { text-align: center; cursor: pointer; }
.materiaal_container .top .item .afbeelding { position: relative; width: fit-content; margin: auto; }
.materiaal_container .top .item .afbeelding .iicon { position: absolute; width: 35px; height: 35px; top: 50%; right: -15px; transform: translate(0%,-50%); transition: 0.3s; }

.materiaal_container .top .item.active .afbeelding .iicon { right: 35%; transform: translate(-0%,-50%) scale(1.5);  }

.materiaal_container .top .item .afbeelding:hover .iicon { right: 35%; }

.materiaal_container .bottom { margin-top: 20px; }
.materiaal_container .bottom .item { display: none; }
.materiaal_container .bottom .item.active { display: block; }

@media screen and (max-width: 980px) {
    .materiaal_container .top { grid-template-columns: repeat(3 , 1fr); }
}

@media screen and (max-width: 640px) {
    .materiaal_container .top { grid-template-columns: repeat(2 , 1fr); }
    .materiaal_container .top .item .afbeelding:hover .iicon { right: -15px; }
}

.projecten_slider .owl-stage-outer .owl-stage { display: flex; }
.projecten_slider .owl-item { display: flex; align-items: stretch; }
.projecten_slider .owl-item img { height: 100%; display: flex; justify-content: center; align-items: center; object-fit: contain; }

.projecten_slider .owl-nav { height: 0px; }
.projecten_slider .owl-nav .owl-prev::after { content: url('images/arrow.svg'); width: 40px; position: absolute; top: 50%; left: -50px; transform: translate(0%,-50%); }
.projecten_slider .owl-nav .owl-next::after { content: url('images/arrow.svg'); width: 40px; position: absolute; top: 50%; right: -50px; transform: translate(0%,-50%) rotate(180deg); }

.projecten_slider .owl-dots { display: flex; flex-direction: row; gap: 10px; justify-content: center; }
.projecten_slider .owl-dots .owl-dot { width: 20px; height: 20px; background-color: white; border-radius: 50%; transition: 0.3s; }
.projecten_slider .owl-dots .owl-dot.active { background-color: #048371; }

@media screen and (max-width: 640px) {
    .projecten_slider { margin-top: 50px; }
    .projecten_slider .owl-nav .owl-prev::after { top: 0px; left: auto; right: 50px; width: 30px; }
    .projecten_slider .owl-nav .owl-next::after { top: 0px; right: 0px; width: 30px; }
}


.videowrapper { margin-top: 20px; }
.videowrapper .video_header_inner { display: flex; position: relative; overflow: hidden; align-items: center; justify-content: center; height: 600px; }
.videowrapper .video_header_inner .fluid-width-video-wrapper { height: 100%; position: absolute; width: 1000%; padding-top: 56.784%!important; }
.videowrapper .video_header_inner .fluid-width-video-wrapper iframe { position: absolute; width: 100%; height: 100%; }

.videowrapper .video_header_inner .mk_rij { z-index: 10; width: 80%; max-width: 1200px; }
.videowrapper .video_header_inner .mk_rij h1 { font-size: 80px; color: white!important; line-height: 1em; font-weight: 900; }
.videowrapper .video_header_inner .mk_rij h1 span { color: #113930; } 
.videowrapper .video_header_inner .mk_rij p { color: white; font-size: 22px; line-height: 1.3em; }

.videowrapper .video_header_inner .video_header_overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(77deg, rgba(26,115,94,1) 30%, rgba(255,255,255,0) 100%); z-index: 9; }
.videowrapper .video_header_inner .video_onder_layer { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1; object-fit: cover; }
.videowrapper .video_header_inner .video_onder_layer img { object-fit: cover; width: 100%; height: 100%; }

@media screen and (max-width: 1280px) {
    .videowrapper { margin-top: 0px; }
}

@media screen and (max-width: 980px) {
    .videowrapper .video_header_inner { height: 400px; }

    .videowrapper .video_header_inner .mk_rij h1 {font-size: 8vw;}
    .videowrapper .video_header_inner .mk_rij p { font-size: 16px; }
}

@media screen and (max-width: 640px) {
    .videowrapper .video_header_inner { height: 300px; }
}