/*

* Theme Name: Konstruct Child Theme

* Theme URI: http://konstruct.netbee-themes.com

* Author:       Netbee

* Author URI:   http://themeforest.net/user/net-bee

* Description: Konstruct is the perfect WordPress theme for those who are specialized in construction business, that will make your life easier and will brighten up your ideas with the modern design that you can customize it yourself.

* Version: 1.1

* License:      GNU General Public License v2 or later

* License URI:  http://www.gnu.org/licenses/gpl-2.0.html

* Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready, accessibility-ready

* Text Domain: konstruct

* Template: konstruct

*/

.mobile-search {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin-top: 20px!important;
    margin-left: 0!important;
}

div.wpcf7-response-output {
    color: inherit;
}

.radio-input {
    min-height: 60px;
    display: inline-block;
    padding-bottom: 15px;
    box-sizing: content-box;
}

@media(max-width: 1200px) {
    .container .wpcf7 .row {
        margin: 0 -15px;
        float: none;
        width: auto;
    }
}


/**** Sha're - 11 juli 2023 - Redesign website ****/

/* topheader phone ugly hack */
.contact-info .nav:first-child a::after {
    content: '0492 - 326 454';
}
.contact-info .nav:first-child a {
    font-size: 0px!important;
}
.contact-info .nav:first-child a i,
.contact-info .nav:first-child a::after {
    font-size: 15px!important;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .contact-info .nav:first-child a i,
    .contact-info .nav:first-child a::after {
        font-size: 12px!important;
    }
}

html {
    scroll-behavior: smooth;
}

#content-wrapper{
    background-image: url('/wp-content/uploads/2023/07/Bg1.svg')!important;
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {

    .no-mobile-top-bar #top-bar {
        display: block;
    }
    .no-mobile-top-bar #top-bar .pull-left {
        display: flex;
        justify-content: center;
        float: none!important;
    }
    .no-mobile-top-bar #top-bar .nav > li > a {
        font-size: 12px;
    }
    #top-bar ul.nav > li > a, #top-bar ul > li > a i, .top-actual-menu span, span.text {
        line-height: 40px;
    }
}

#top-bar i.fa::before{
    color: #388ECD!important;
    margin-right:7px;
}

h1, h2, h3, h4{
    font-family: 'bauergrotesk', sans-serif !important;
    text-transform: uppercase;
}

h1{
    font-size: 36px;
    line-height: 45px;
    color: #ffffff;
    max-width: 430px;
}

h2{
    font-size: 31px;
    line-height: 40px;
    color: #1C2945;
    margin-top: 0!important;
}

h3, h4{
    font-size: 18px!important;
    line-height: 28px!important;
    color: #1C2945;
}

footer .widget-title h4{
    border-bottom: 0px!important;
}

p,
.uvc-sub-heading,
.copyright .copyright-text a{
    font-family: 'Roboto', sans-serif;
    font-size: 16px!important;
    line-height: 28px;
    color: #1C2945!important;
}

.uvc-heading{
    max-width: 600px;
    margin: 0 auto;
}

.light p, footer p, .copyright .copyright-text a{
    color: #ffffff!important;
}

/* .footer-socials li a {
	display:flex;
	align-items: center;
	justify-items: center;
	margin-left: 5px;
}

.footer-socials li a:after {
	content: '';
	background-color: #388ECD;
	position: absolute;
	width: 25px;
	height:25px;
	top: 0;
	left: 0;
} */

hr{
    /* margin-top: 20px; */
    margin: 0px 0px 20px 0px;
    border-top: 3px solid #388ECD;
    max-width: 56px;
}

@media only screen and (max-width: 767px){
    .vc_row.wpb_row{
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }

}

/********** Content ***********/

/* Ons team */
.row-services .vc_column-inner .wpb_wrapper,
.row-services .vc_column-inner .ult-content-box-container,
.row-services .vc_column-inner .ult-content-box {
    height: 100%;
}

.home-banner-70{
    height: 70vh;
}

.banner-50{
    height: 45vh;
}

.home-banner-70 .header-text-col,
.banner-50 .header-text-col{
    display: flex;
    align-items: center;
    height: 100%;
}

@media only screen and (max-width: 1024px){
    .home-banner-70{
        /* oud:	height: 55vh; */
        height: 45vh;
    }

    .banner-50{
        /* oud: height: 40vh; */
        height: 20vh;
    }
}

.header-text-col .vc_column-inner{
    max-width: 457px;
}

@media only screen and (max-width: 767px){
    .header-text-col .vc_column-inner {
        margin: 0 auto!important;
    }

    /* Services */
    .row-services{
        max-width: 400px;
        margin: 0 auto!important;
    }

    /* Testimonials */
    .col-testimonials{
        margin: 0 auto!important;
    }
}

/* Button en link */

span.ult_main_cl > span > a > span,
a.vc_general,
.wpcf7-form input[type="submit"]
{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px!important;
    line-height: 16px;
    text-transform: uppercase;
}

a.ult_colorlink{
    margin-top: 20px;
    border-bottom: 2px solid #388ECD!important;
}

a.ult_colorlink.ult-responsive{
    line-height: 16px;
}

a.vc_general,
.wpcf7-form input[type="submit"]{
    background-color: #388ECD!important;
    color: #ffffff!important;
    border: 0px!important;
    padding: 13px 24px!important;
    border-radius: 3px!important;
    margin-top: 20px;
}

a.vc_general:hover,
.wpcf7-form input[type="submit"]{
    background-color: #0067bc!important;
}

.wpcf7-form input[type="submit"]{
    float: right;
}

/* End Button */

.uvc-sub-heading a,
.popmake button{
    color: #388ECD;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px!important;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: underline;
}

.popmake button{
    color: #ffffff!important;
    background-color: #388ECD!important;
    margin-top: 20px!important;
}

.popmake{
    padding: 30px 60px!important;
}

.popmake .vc_column-inner{
    padding: 0!important;
}

button.pum-close.popmake-close{
    left:unset!important;
    right: 18px!important;
    top: 0px!important;
}

.popmake .popmake-over-img .wpb_wrapper,
.popmake .popmake-over-img .wpb_wrapper .wpb_single_image,
.popmake .popmake-over-img .wpb_wrapper .wpb_single_image figure,
.popmake .popmake-over-img .wpb_wrapper .wpb_single_image figure .vc_single_image-wrapper{
    height: 100% !important;
}
.popmake .popmake-over-img img{
    height: 100%!important;
    object-fit:cover;
}


@media only screen and (max-width: 1024px){
    h1{
        font-size: 33px;
        line-height: 41px;
    }

    h2{
        font-size: 27px;
        line-height: 34px;
    }

    h3, h4{
        font-size: 18px!important;
        line-height: 28px!important;
    }

    footer .widget-title h4{
        border-bottom: 0px!important;
    }

    p,
    .uvc-sub-heading{
        font-family: 'Roboto', sans-serif;
        font-size: 16px!important;
        line-height: 28px;
        color: #1C2945!important;
    }
}

@media only screen and (max-width: 767px){
    h1, h2{
        font-size: 26px;
        line-height: 32px;
    }
    .header-text-col .wpb_wrapper h1 + p {
        display: none;
    }
}

/**************** USP BALK ****************/

.row-usp .vc_column-inner{
    padding: 0px!important;
}

.row-usp .pro-iconbox{
    width: fit-content;
    margin: 0 auto!important;
    padding: 20px 0px;
}

.row-usp .pro-iconbox .pro-icon{
    font-size: 20px;
}

.img-text-combi .pro-iconbox{
    margin: 0 auto!important;
}

@media only screen and (max-width: 1024px){
    .row-usp .pro-iconbox{
        width: fit-content;
        margin: 0 auto!important;
        padding: 5px 0px;
    }
}
@media only screen and (max-width: 768px){
    .row-usp .pro-iconbox{
        width: 100%;
        padding: 5px 50px;
    }
}




/***************** Portfolio items ***************/

div.isotope-item{
    Background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    margin: 20px;
    max-width: 30%;
}

div.isotope-portfolio{
    overflow: visible!important;
}

div.portfolio-item img{
    max-height:210px;
    object-fit: cover;
    border-radius: 5px;
}

h4.item-title{
    text-align: center;
    width: fit-content;
    margin: 20px auto 0px!important;
}

.portfolio-item-description .item-date{
    display: none;
}

/** Filters **/
.isotope-filter.isotope-filter-rounded,
.pagination-shadow{
    display: flex!important;
    flex-direction: row!important;
    gap: 20px!important;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 20px auto 20px;
    justify-content: center;
}

.isotope-filter.isotope-filter-rounded a,
.pagination-shadow a,
.pagination-shadow .current{
    background-color: #ffffff;
    color: #388ECD;
    border: 0px;
    border-radius: 2px!important;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 25px;
}

/*** Pagination ***/
nav.pagination.page-pagination{
    display: flex;
    margin: auto;
}

.pagination-shadow a,
.pagination-shadow .current{
    padding: 10px 17px!important;
}

.pagination-shadow .current{
    color:#1C2945!important;
}

@media only screen and (max-width: 1024px){
    div.isotope-item{
        padding: 15px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
        margin: 10px;
        min-width: 48%!important;
    }
}
@media only screen and (max-width: 767px){
    div.isotope-item{
        padding: 15px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
        margin: 5px 0px!important;
        min-width: 100%!important;
    }
    div.isotope-portfolio{
        max-width: 400px;
        margin: 0 auto!important;
    }
}

/*** Categorie van portfolio ***/
.isotope-item.signing:before{ content:'Signing'; }
.isotope-item.automotive:before{ content:'Automotive'; }
.isotope-item.metaal:before{ content:'Metaal'; }
.isotope-item.voeding:before{ content:'Voeding'; }
.isotope-item.winkelinrichting:before{ content:'winkelinrichting'; }
.isotope-item.bouw:before{ content:'Bouw'; }
.isotope-item.trappen-balustrades:before{ content:'Trappen & Balustrades'; }
.isotope-item.agro-infra:before{ content:'Agro & Infra'; }
.isotope-item.food:before{ content:'Food'; }
.isotope-item.industrie:before{ content:'Industrie'; }
.isotope-item.overig:before{ content:'Overig'; }

.isotope-item.overig:before,
.isotope-item.agro-infra:before,
.isotope-item.food:before,
.isotope-item.industrie:before,
.isotope-item.signing:before,
.isotope-item.automotive:before,
.isotope-item.metaal:before,
.isotope-item.voeding:before,
.isotope-item.winkelinrichting:before,
.isotope-item.bouw:before,
.isotope-item.trappen-balustrades:before{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 20px;
    background-color: #B8C7D4;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 30px;
    border-radius: 0px 0px 5px 5px;
    z-index: 4;
    max-width: 160px;
}

/*** logo row ***/

.logo-image-col-row .wpb_wrapper{
    display: flex;
    justify-content: center;
    gap: 40px;
}

@media only screen and (max-width:1024px){
    .logo-image-col-row .wpb_wrapper{
        display: flex;
        justify-content: center;
        gap: 40px;
    }
    .logo-image-col-row .wpb_wrapper{
        flex-wrap: wrap;
    }
    .logo-image-col-row .wpb_wrapper .wpb_single_image {
        width: 30%;
    }
}

/*** Testimonials ***/

.vc_tta-panel-body .uvc-heading .uvc-sub-heading {
    color: #ffffff!important;
    font-family: 'bauergrotesk', sans-serif;
    /* 	text-transform: uppercase; */
    font-size: 20px!important;
    line-height: 30px!important;
}

.vc_tta-panel-body .wpb_text_column .wpb_wrapper p{
    color: #B8C7D4!important;
    margin-top: 20px!important;
    font-size: 16px!important;
}

.vc_tta-panel-body .vc_icon_element{
    margin-bottom: 0px!important;
}

.vc_tta-panel-body{
    padding: 0px 20px!important;
}

.col-testimonials-light .vc_tta-panel-body .uvc-heading .uvc-sub-heading{
    color: #1C2945!important;
}

@media only screen and (max-width: 1024px){
    .testimonial-col{
        width: 80%!important;
    }
}

/*** Text Img Combi ***/
.img-text-combi .vc_column-inner{
    margin: 0 auto;
    max-width: 500px;
}

@media only screen and (max-width: 1200px){
    .img-text-combi .vc_column-inner{
        margin: 0 20px;
        max-width: 500px;
    }
}
@media only screen and (max-width: 1024px){
    .img-text-combi,
    .img-text-combi-img{
        margin: 0 auto!important;
    }
}
@media only screen and (max-width: 767px){
    .img-text-combi .vc_column-inner{
        margin: 0;
    }
}

/*** Machinepark ***/
.row-machines td{
    padding: 0!important;
    border: 0px!important;
    font-size: 16px;
    line-height: 28px;
    color: #1C2945;
}

.row-machines td strong{
    opacity: 0.7!important;
}

.row-machines .upb_row_bg{
    background-color: transparent!important;
}

/*** Vacatures ***/

.row-vacatures .row-single-vacature .vc_column-inner .wpb_wrapper .vc_row {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
    margin:5px;
    padding: 20px!important;
    display: flex;
    flex-direction: row;
}

.row-vacatures .row-single-vacature .vc_column-inner .wpb_wrapper .vc_row .wpb_column .vc_column-inner{
    padding: 0px !important;
}

.col-vacature-text-thumb{
    padding-left: 20px!important;
}

.row-vacatures .row-single-vacature .wpb_single_image,
.row-vacatures .row-single-vacature .uvc-sub-heading{
    margin-bottom: 0!important;
}

.row-vacatures ul,
.list-icons ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 25px;
    margin-bottom: 15px;
}

.list-icons ul li{
    display: flex;
    align-items: center;
    margin-bottom: 6px!important;
}


.list-icons ul li span{
    margin-left: 20px;
}

.list-icons ul li:before{
    content: '';
    width: 14px;
    height:14px;
    position:absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.list-icons ul li:nth-child(1):before{
    background-image: url('/wp-content/uploads/2023/07/Icon-material-location-on.svg');
}

.list-icons ul li:nth-child(2):before{
    background-image: url('/wp-content/uploads/2023/07/Icon-feather-clock.svg');
}

.list-icons ul li:nth-child(3):before{
    background-image: url('/wp-content/uploads/2023/07/Icon-ionic-md-school.svg');
}

.list-icons ul li:nth-child(4):before{
    background-image: url('/wp-content/uploads/2023/07/Icon-ionic-ios-card.svg');
}

@media only screen and (max-width: 767px){
    .row-vacatures{
        max-width: 550px;
        margin: 0 auto!important;
    }

    .row-vacatures .row-single-vacature .vc_column-inner .wpb_wrapper .vc_row .vc_col-sm-4{
        max-width: 150px;
    }

    .row-vacatures .row-single-vacature .vc_column-inner{
        padding: 0px 0px 10px 0px!important;
    }
}

@media only screen and (max-width: 600px){
    .row-vacatures .row-single-vacature .vc_column-inner .wpb_wrapper .vc_row{
        flex-direction: column;
    }

    .row-vacatures{
        max-width:400px;
        margin: 0 auto!important;
    }

    .row-vacatures .row-single-vacature .vc_column-inner .wpb_wrapper .vc_row .vc_col-sm-4{
        display: none!important;
    }

    .col-vacature-text-thumb.wpb_column.vc_column_container.vc_col-sm-8{
        padding: 0!important;
    }

}

/*** Accordions ***/

.vc_tta.vc_general .vc_tta-panel-title>a{
    padding: 12px 20px;
}

.vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a{
    font-weight: 700;
}

.vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading{
    background-color: #1C2945!important;
    border-radius: 2px!important;
}
.vc_tta-color-blue.vc_tta-style-flat .vc_tta-panel{
    margin-bottom: 15px;
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
}

.vc_tta.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body{

}

.vc_tta.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body p{
    /* 	color: #1C2945!important; */
    margin-bottom: 15px;
}

/*** Popup ***/

#popmake-8758{
    background-image: url('/wp-content/uploads/2023/07/popup-bg2.png');
    background-size: cover;
    background-repeat: no-repeat;
}

/*** Contact ***/

.col-box-shadow > .vc_column-inner{
    -webkit-box-shadow:  0px 0px 20px 0px #e4e4e4!important;
    -moz-box-shadow: 0px 0px 20px 0px #e4e4e4!important;
    -ms-box-shadow:  0px 0px 20px 0px #e4e4e4!important;
    -o-box-shadow:  0px 0px 20px 0px #e4e4e4!important;
    box-shadow:  0px 0px 20px 0px #e4e4e4!important;
}

/*** Menu ***/
.primary-menu .dropdown-menu{
    border: none!important;
    background-color: #1C2945!important;
}

.primary-menu .dropdown-menu > li > a{
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}

.primary-menu .dropdown-menu > li > a:hover{
    background-color: #1C2945!important;
    color: #388ECD;
}

.sticky-header.fixed .container .header-top .pull-left{
    padding: 5px 0px;
}

/*** Footer ***/
footer .col-md-4 li,
footer .netbee_widget ul li, .netbee_widget ul li:last-child{
    border: none!important;
    padding: 0!important;
}

/*** Meeloopdag lp ***/

.row-coworker-story .vc_col-sm-4 .wpb_wrapper{
    /* 	max-width: 375px!important;
        margin: 0 auto!important; */
}

.row-coworker-story .vc_col-sm-4 .wpb_wrapper .wpb_single_image{
    margin-bottom: 15px;
}

.row-coworker-story .vc_col-sm-4 h3{
    margin: 0px 10px 0px 5px;
}


@media only screen and (max-width: 767px){
    .row-coworker-story .vc_col-sm-4 .wpb_wrapper{
        max-width: 350px!important;
        margin: 0 auto!important;
    }
}

/*** image caroussel ***/
.vc_images_carousel .vc_carousel-indicators{
    bottom: -40px!important;
}

.logo-caroussel .vc_slide{
    max-width: 800px;
    margin: 0 auto;
}

/* formulier */

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select{
    background-color: #f9f9f9;
    padding: 13px 24px;
    border-radius: 2px;
    display: flex;
    width: 100%;
    font-size: 16px;
}

.wpcf7-form select{
    margin-bottom: 15px!important;
}

span.wpcf7-checkbox{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px!important;
}

span.wpcf7-checkbox span.wpcf7-list-item{
    margin-left: 0!important;
}

span.wpcf7-checkbox span.wpcf7-list-item input{
    margin-right: 7px;
}

.wpcf7-form textarea{
    margin-bottom: 15px!important;
}


/* Reverse visual composer columns on mobile */
@media(max-width: 767px) {
    .reverse-on-mobile {
        flex-direction: column-reverse;
    }
}

.grecaptcha-badge {
    z-index: 999999;
}

.logo {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.logo .logo-link{
    display: flex;
}

.logo .logo-link img{
    object-fit: contain;
}

.extra-image img{
    height: 55px;
    width: 55px;
    object-fit: contain;
}