/*Banner override styling  
Banner CF - Simple Collage (Images + Title + Text)
Pages Companies  , Contact Template 2X 
*/

.page-template-template-career .breadcrumb li,
.page-template-template-contact .breadcrumb li,
.page-template-template-companies .breadcrumb li,
.page-template-template-about .breadcrumb li {
    color: #c0c4c9;
    font-size: 16px;
}

.page-template-template-career .breadcrumb li a,
.page-template-template-contact .breadcrumb li a,
.page-template-template-companies .breadcrumb li a,
.page-template-template-about .breadcrumb li a {
    text-decoration: underline;
    color: #ffffff;
    font-size: 16px;
}

.page-template-template-career .breadcrumb,
.page-template-template-contact .breadcrumb,
.page-template-template-companies .breadcrumb,
.page-template-template-about .breadcrumb {
    padding-top: 207px;
    padding-bottom: 10px;
}

.page-template-template-career .align-content,
.page-template-template-contact .align-content,
.page-template-template-companies .align-content,
.page-template-template-about .align-content {
    padding-bottom: 60px;
}

.page-template-template-career .banner p,
.page-template-template-contact .banner p,
.page-template-template-companies .banner p,
.page-template-template-about .banner p {
    margin-bottom: 0px;
}

.page-template-template-career .banner .text-holder,
.page-template-template-contact .banner .text-holder,
.page-template-template-companies .banner .text-holder,
.page-template-template-about .banner .text-holder {
    width: 86%;
}

.page-template-template-career .banner .align-content h1,
.page-template-template-contact .banner .align-content h1,
.page-template-template-companies .banner .align-content h1,
.page-template-template-about .banner .align-content h1 {
    font-size: 3rem;
}

.page-template-template-career .text-holder .text-colorLightBlue,
.page-template-template-contact .text-holder .text-colorLightBlue,
.page-template-template-companies .text-holder .text-colorLightBlue,
.page-template-template-about .text-holder .text-colorLightBlue {
    color: #ffffff;
    font-size: 16px;
    line-height: 21px;
}


/* responsive start */

@media (min-width:375px) {
    .page-template-template-companies .banner .align-content h1 {
        font-size: 50px;
    }

    .page-template-template-contact .banner .align-content h1 {
        font-size: 36px;
        line-height: 42px;
    }
}

@media (min-width:768px) {

    .page-template-template-career .header .text-holder:before,
    .page-template-template-contact .header .text-holder:before,
    .page-template-template-companies .header .text-holder:before,
    .page-template-template-about .header .text-holder:before {
        border-left: 0px solid #ffffff;
    }

    .page-template-template-career .align-content,
    .page-template-template-contact .align-content,
    .page-template-template-companies .align-content,
    .page-template-template-about .align-content {
        padding-bottom: 116px;
    }

    .page-template-template-career .breadcrumb,
    .page-template-template-contact .breadcrumb,
    .page-template-template-companies .breadcrumb,
    .page-template-template-about .breadcrumb {
        padding-top: 116px;
        padding-bottom: 15px;
    }

    .page-template-template-career .banner .text-holder,
    .page-template-template-contact .banner .text-holder,
    .page-template-template-companies .banner .text-holder,
    .page-template-template-about .banner .text-holder {
        width: 65%;
    }

    .page-template-template-career .banner .align-content h1,
    .page-template-template-contact .banner .align-content h1,
    .page-template-template-companies .banner .align-content h1,
    .page-template-template-about .banner .align-content h1 {
        font-size: 72px;
        line-height: 72px;
    }
}


/* responsive end */