/*
 Theme Name:   DetailX Child Theme
 Theme URI:    https://detailx.ancorathemes.com/
 Description:  DetailX Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com/
 Template:     detailx
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  detailx
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* Font */

h1{
    margin-top: .5em !important;
}

/* Header */

.icon-telephone{
    font-size: 16px;
}

.phone-button{
    background-color: #f39200 !important;
    font-size: 14px !important;
}

.phone-button:hover{
    background-color: #1339B6 !important;
}

@media (max-width: 768px){

    .elementor-element-57e2ae1{
        display: flex;
        justify-content: flex-end;
    }

}


/* .sc_icons_fill{
    background-color: red;
} */

/* .post_content_wrap .theme_button a{
    background-color: red !important;
    color: red !important;
} */

/* .post_description_content{
    color: red !important;
} */

/* Homepage */

@media (max-width: 768px){

    .sc_services_item_title{
        font-size: 30px !important;
    }

}

/* Diensten */

.widgets_above_page_wrap, .widgets_above_content_wrap{
    margin-bottom: 1em;
}

@media (max-width: 768px){

    .sc_icons_divider4 .sc_icons_item_title{
        font-size: 22px !important;
    }

}

/* Diensten Detail */

.services_page_featured img{
    max-height: 340px;
    object-fit: cover;
}

/* Projecten */

.sc_portfolio.sc_portfolio_band .sc_portfolio_content .sc_portfolio_item .post_content_wrap{
    padding: 0em 0 3.8em 3.9em;
}

/* Alltrucks */

@media (max-width: 768px){

    .page-id-32907 .elementor-section.elementor-section-boxed:not(.elementor-section-with-custom-width)>.elementor-column-gap-extended{
        max-width: 100%;
    }

}

/* Teamleden detailpagina */

.team_member_avatar.post_featured img{
    width: 80%;
    max-height: 500px;
    object-fit: cover;
    object-position: bottom;
}

.team_member_socials.socials_wrap{
    display: none;
}

.sc_team_default .sc_team_item_socials .social_item .social_icon, .team_member_page .team_member_socials .social_item .social_icon:hover{
    transition: .3s;
}

.team_page_wrap_info.comments_close{
    display: none;
}

.formulier-titel{
    text-align: right;
}

@media (max-width: 768px){

    .team_member_avatar.post_featured img{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: bottom;
    } 

    .formulier-titel{
    text-align: left;
    }

}

/* Vacatures */

.portfolio_page_featured img{
    max-height: 460px;
    object-fit: cover; 
    object-position: center 40%; /* Pas de tweede waarde aan om de focus te verschuiven */
    display: block;
}

.portfolio_page_description h4:last-of-type{
    color: #f39200;
}


/* Gravity forms 1 */

#gform_submit_button_1{
    background-color: #f39200;
    padding: 15px 80px;
    border-radius: 0;
    font-size: 16px;
}

#gform_submit_button_4{
    background-color: #f39200;
    padding: 15px 40px;
    border-radius: 0;
    font-size: 16px;
}

#gform_submit_button_1:hover,
#gform_submit_button_4:hover{
    background-color: #1339B6;
    transition: .5s;
}

#field_2_88,
#field_2_117,
#field_2_104,
#field_2_118,
#field_2_119,
#field_2_120,
#field_2_122{
    grid-column: span 6;
}

#field_2_90,
#field_2_105,
#field_2_107,
#field_2_109,
#field_2_111,
#field_2_113,
#field_2_115{
    grid-column: span 3;
}

#field_2_89,
#field_2_106,
#field_2_108,
#field_2_110,
#field_2_112,
#field_2_114,
#field_2_116{
    grid-column: span 2;
}

#input_1_6{
    align-items: center;
}

.ginput_container.ginput_container_select .select_container #input_4_6{
    font-size: 14px !important;
    padding-left: 8px;
}

#input_4_6{
    align-items: center !important;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* 404 */

.elementor-element-ebdf499 a{
    color: #f39200;
}

.elementor-element-ebdf499 a:hover{
    text-decoration: underline;
    color: #f39200;
}

/* Calculator Gravity forms */

#gform_fields_2 select, #gform_fields_2 .select_container select{
    align-items: center;
}

.select_container:after{
    margin-right: 8px;
}