/************ CSS Styles ************

   Template Name: Haerst Infra Techniek
   Author: HenkJan Huls
   version: 1.0
   Copyright: 2021

************************************/

@import 'assets/css/style.css';
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;400;700&display=swap');

/**
Blue 1f2639
red-overlay ba1817
red e30513
dark red 7a160e
 */

body {
    font-family: 'Roboto', sans-serif !important;
}

p {
    font-family: 'Roboto', sans-serif !important;
}

.bg-blue {
    background: #1f2639;
}

.bg-red {
    background: #e30513;
}

.navbar-2 .navbar-toggler .fa-bars {
    color: #7a160e;
}
.navbar-brand img {
    height: 50px;
    width: auto;
    max-width: 100%;
}

.bg-dark-red {
    background: #7a160e;
}

.bg-overlay-red {
    /*background: linear-gradient(*/
    /*        to right,*/
    /*        #ba1817 0%,*/
    /*        #ba1817 75%,*/
    /*        #ffffff00 25%,*/
    /*        #ffffff00 100%*/
    /*);*/
    /*background: linear-gradient(to right, #ba1817 0%, #ba181780 75%, #ffffff00 25%, #ffffff00 100%);*/
    background: linear-gradient(to right, #ae0605 0%, #ae0605 75%, #ffffff00 25%, #ffffff00 100%);
}

#we_are_hiring .bg-overlay-red {
    background: linear-gradient(to right, #ae0605 0%, #ae0605 75%, #ffffff00 25%, #ffffff00 100%);

}

.right-red {
    background: linear-gradient(
            to right,
            #ffffff00 0%,
            #ffffff00 50%,
            #1f2639 50%,
            #1f2639 100%
    );
}

.header-text {
    line-height: normal;
    color: white;
    font-size: 2.1vw;
}

.header-text span {
    font-weight: 500;
    font-size: 3.5vw;
    display: block;
}

.intro-logo {
    width: 300px;
}

footer {
    background: #1f2639;
}

.footer-end {
    text-align: center;
    padding: 10px;
    background: #1f2639f7;
}

.footer-div p {
    color: white;
}

.footer-img {
    max-width: 400px;
}

.banner .overlay {
    bottom: 0;
    opacity: 0.6;
}

.what_we_do-item {
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
    text-align: center;
}

.what_we_do-item p {
    font-weight: 200 !important;
    font-size: 13px !important;
}

.section_title {
    margin-bottom: 60px !important;
}

.card.our_project-item .card-body {
    padding-top: 10px !important;
}

.card.our_project-item {

    background: none;
    border: none;
}

.our_project-title {
    color: white;
    text-align: center;
}

section#we_are_hiring {
    height: 550px;
}

.overlay-text {
    line-height: normal;
    color: white;
    font-size: 3.1vw;
    margin: 40px 0 50px 0;
}

.overlay-text span {
    font-weight: 500;
    font-size: 4vw;
    display: block;
}

.certificates-item img {
    height: 200px;
    width: auto;
}

.wpcf7-form label, .wpcf7-form span {
    width: 100%;
    color: white !important;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #e30513;
    color: white;
    font-weight: 600;
    border: none;
    font-size: 21px;
    padding: 5px 40px 5px 40px;
}

h2.footer-title {
    color: #fff;
    font-size: 25px;
    margin-bottom: 28px;
    letter-spacing: 0.5px;
    position: relative;
}

a.footer-social {
    font-size: 40px;
}

.wpcf7-form-control {
    width: 100%;
}

.wpcf7-form-control.wpcf7-submit {
    width: auto;
    float: right;
}

.wpcf7-form textarea {
    width: 100% !important;
    height: 50px;
}

.nav-bar-sticky {
    position: sticky;
}


@media (max-width: 575.98px) {

}


@media (max-width: 767.98px) {

}


@media (max-width: 991.98px) {
    .right-red {
        background: linear-gradient(to right, #1f2639 100%, #ffffff00 100%, #1f2639 50%, #1f2639 100%);
    }

    .bg-overlay-red {
        background: linear-gradient(to right, #ae0605 100%, #ae0605 75%, #ffffff00 25%, #ffffff00 100%);
    }


    .header-text {
        font-size: 4.1vw;
    }

    .header-text span {
        font-size: 6.5vw;
    }

    #we_are_hiring .bg-overlay-red {
        background: linear-gradient(to right, #ae0605 100%, #ae0605 75%, #ffffff00 25%, #ffffff00 100%);
    }

    .overlay-text {
        font-size: 4.1vw;
    }

    .overlay-text span {
        font-size: 6.5vw;
    }
    .contact-form {
        padding: 55px 0px 63px 0px;
    }
}