.single-job{
    header.page-header{
        .page-subheading{
            color: $white;
        }
        .site-breadcrumbs{
            display: none;
        }
    }
    .post-pagination-wrap{
        display: none;
    }
    .job-header{
        @include clearfix;
        background-color: $red;
        padding: 20px 0;
        .title{
            margin: 0;
            color: $white;
            font-size: 26px;
            line-height: 34px;
            font-weight: bold;
            text-shadow: 1px 1px 1px #000;
        }
        a{
            @include transition;
            color: $white;
            font-size: 14px;
            border-bottom: 2px solid transparent;
            padding-bottom: 3px;
            &:hover{
                text-decoration: none;
                border-color: $white;
            }
        }
        .widget{
            a{
                border: 0;
            }
        }
        .header-phone {
            font-size: 20px;
        }
    }
    .job-content {
        position: relative;
        .first-column {
        }
        .second-column {
            margin-top: 20px;
        }
        .widget-title {
            margin-top: 0;
            color: $red;
        }
        .widget{
            a {
                color: inherit;
                &:hover{
                    color: $red;
                    text-decoration: none;
                }
            }
            ul{
                li{
                    position: relative;
                    color: inherit;
                    &::before{
                        content: '\f04b';
                        display: inline-block;
                        font: normal normal normal 14px/1 FontAwesome;
                        font-size: inherit;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        margin-right: 5px;
                        font-size: 10px;
                        transform: translateY(-2px);
                    }
                    a{
                        &::before{
                            display: none;
                        }
                    }
                }
            }
            form{
                div[class*=vc_col]{
                    width: 100%;
                    input[type="text"],input[type="email"]{
                        background-color: $white;
                    }
                }
            }
        }
    }
    .matador-field-group{
        .matador-field-label{
            margin-top: 15px;
            margin-bottom: 5px;
        }
        .matador-field{
            position: relative;
            input[type="text"],
            input[type="email"],
            input[type="tel"],
            .for-file {
                max-width: 450px;
            }
        }

        .checkboxes{
            margin-bottom: 20px;
            .checkbox{
                input[type="checkbox"]{
                    float: left;
                    width: auto;
                    margin-top: 5px;
                }
            }
        }
    }
    .matador-submit{
        width: auto;
        margin-top: 15px;
    }
}
@media screen and (min-width: 992px){
    .single-job {
        .content-area{
            padding-bottom: 0 !important;
        }
    }
    .job-header{
        .left{
            width: 70%;
            float: left;
            padding-right: 20px;
        }
        .right{
            width: 30%;
            float: left;
        }
        .widget{
            .textwidget{
                text-align: center;
                background: rgba(255, 255, 255, 0.15);
                border: 1px solid rgba(255, 255, 255, 0.25);
                padding: 10px;
                border-radius: 5px;
                p{
                    margin: 0;
                }
            }
        }
    }
    .job-content {
        @include clearfix;
        > div{
            float: left;
        }
        .first-column {
            width: 72%;
            padding-right: 40px;
        }
        .second-column{
            width: 28%;
            padding: 10px 20px;
            margin-top: 0 !important;
        }
        .widget-title{
            margin-top: 0;
        }
    }
}