/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* html {
    background: linear-gradient(180deg, #450069 0, #FF005C 100%);
} */

body {
    background: linear-gradient(180deg, #450069 0, #FF005C 100%);
}


.call-button {
    margin: auto!important;
}

.call-button a {
    /* margin: auto; */
    display: inline-block;
    background-color: #FF005C; /* Button background color */
    color: #ffffff; /* Button text color */
    padding: 12px 10px 12px 10px!important; /* Padding inside the button */
    border-radius: 8px; /* Rounded corners */
    text-decoration: none; /* Remove underline from the link */
    font-weight: bold; /* Bold text */
    font-size: 15px;
    transition: background-color 0.3s ease; /* Smooth transition on hover */
    max-width: 205px;
    margin: auto auto auto 14px;
}

/* .call-button a:before {
    content: "\e090"; 
    font-family: 'ETModules';
    font-weight: 900;
    margin-right: 10px; 
    position: relative;
    top: 1px; 
} */

.call-button a:hover {
    background-color: #c01151; /* Darker background on hover */
    color: #ffffff; /* Keep text white on hover */
}

footer .call-button {
    display: none!important;
}


#main-header {
    background-color: transparent;
}

#main-content {
    background-color: transparent;
}

body .gform_wrapper .gform_footer {
    justify-content: flex-end;
}
body .gform_wrapper .gform_page_footer {
    text-align: right;
}


.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0px;
}

.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: block;
    line-height: 0;
    top: 0px;
    left: 0px;
    position: relative;
}

.et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container {
    display: block;
    vertical-align: top;
    position: relative;
}

/* .dipi_carousel_0 .dipi-carousel-image img {
    height: 90px;
    object-fit: contain;
    opacity: 0.5;
} */

.quotegroot .dipi-testimonial-text {

}

/* .quotegroot .dipi-testimonial-text div:before {
    content: open-quote;
}

.quotegroot .dipi-testimonial-text div:after {
    content: close-quote;
} */

/* .quotegroot .dipi-testimonial-text div:before,
.quotegroot .dipi-testimonial-text div:after {
    color: #ff970c!important;
    font-size: 60px;
} */

/* .quotegroot .dipi-testimonial-text blockquote::before {
  content: open-quote;
}

.quotegroot .dipi-testimonial-text blockquote::after {
  content: close-quote;
}

.quotegroot .dipi-testimonial-text blockquote::before,
.quotegroot .dipi-testimonial-text blockquote::after {
  display: inline-block;
  vertical-align: bottom;
  color: orange;
  font-size: 4em;
  top: .2em;
  position: relative;
} */

.et-search-form, blockquote {
    border-color: #ff005c;
    /* font-size: 19px; */
}

p a {
    color: #ffffff!important;
    font-weight: 700;
    text-decoration: underline!important;
}

a {
    color: #ffffff;
}

.dipi-desc {
    color: #ffffff;
}

.project-intro {
    padding-top: 25px!important;
    font-size: 1.1em!important;
    font-weight: 600!important;
    line-height: 1.7em!important;
}


.dipi_carousel_0 .swiper-container, .dipi_testimonial_1 .swiper-container {
    pointer-events: none!important;
}

/* .logo-grid-row {
    pointer-events: none;
} */


.dipi_carousel_child .dipi-carousel-image {
    opacity: 0.85;
}

/* .disciplines {
    pointer-events: none;
} */

.disciplines .dipi_button_grid_child {
    background-color: rgb(255 0 92 / 46%)!important;
}


#onze-klanten .et_pb_image .et_pb_image_wrap img {
    width: 100%;
    height: 260px;
    border: 4px solid #000000;
    /* max-width: 151px; */
    /* text-align: center; */
    padding: 40px;
    flex-basis: fit-content;
    background: linear-gradient(320deg, #450069 0, #FF005C 100%);
    /* background: #0e0d08; */
}

.dipi_filterable_grid_0 .dipi-fg-readmore-button:hover {
    padding-right: 22px!important;
    padding-left: 22px!important;
}

body #page-container .et_pb_section .dipi_filterable_grid_0_tb_body .dipi-fg-readmore-button:hover {
    padding-right: 22px!important;
    padding-left: 22px!important;
}


.dipi_filterable_grid_0 .dipi-fg-readmore-button:hover,
.dipi-filter-bar-item:hover, .dipi-filter-bar-item.active:hover,
.dipi_gravity_forms_styler_0_tb_footer .gform_wrapper .dipi_gf_submit_button:hover,
.et_pb_button:hover {
    background-color: #b90055!important;
}

/* .gform_button {
    border-width: 0px!important;
    font-size: 18px!important;
    border-radius: 10px!important;
    padding-top: 12px !important;
    padding-right: 30px !important;
    padding-bottom: 12px !important;
    padding-left: 30px !important;
} */

/* #contact .gform_button{
    padding: 17px 35px 17px 35px!important;
} */


/* #contact .et_pb_blurb_container {
    position: absolute;
    top: 5px!important;
    left: 35px!important;
}

#contact .et_pb_main_blurb_image {
    margin-bottom: 0px!important;
} */



.contactgegevens .dipi-content-image-icon-wrap.dipi-icon-wrap {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: 16px;
}


/* Posts */

.wp-block-columns {
    padding-top: 30px;
    padding-bottom: 30px;
}



.single-project p {
    font-size: 15px!important;
    line-height: 1.7em!important;
}


/* Landingspage cases */

.relatedcases .dipi-filter-bar {
    display: none;
}


footer .et_pb_menu .et_pb_menu__menu, footer .et_pb_menu .et_pb_menu__menu>nav, footer .et_pb_menu .et_pb_menu__menu>nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-direction: column;
}    

footer .et_pb_menu__wrap {
    justify-content: left!important;
}


@media screen and (min-width: 981px) { 
    .et-l--header {
    
       margin-bottom: -70px;
    
    }}

@media (max-width: 980px) {
    footer .et_pb_menu .et_pb_menu__menu, .viernulvier .et_pb_menu__menu {
        display: block;
    }
    
    footer .et_pb_menu .et_mobile_nav_menu, .viernulvier .et_mobile_nav_menu {
        display: none;
    }
    
    }

@media only screen and (max-width: 980px) {

    .logo-grid-row {
        width: 100% !important;
    }


    #top-header > .container,
    footer .et_pb_row,
    #main-header > .container,
    #et_search_outer > .container,
    body.single #main-content > .container,
    body.page:not(.et-tb-has-template) div.et_pb_row,
    body.page.et-tb-has-template .et-l--post div.et_pb_row,
    body.single-project div.et_pb_row,
    body.single-project div.et_pb_row.et_pb_row_fullwidth,
    .et_pb_fullwidth_menu div.et_pb_row,
    .archive #main-content .et_pb_row,
    .locaties-template-default .et_pb_row {
        width: 90%; 
    }

    
    .et_pb_fullwidth_menu_0_tb_header {
        width: 100%!important;
    }
    
}