/*
Theme Name:         Custom Theme
Theme URI:          
Github Theme URI:   
Description:        Custom Theme for Sloopauto.

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/
.hero .title {
    margin-bottom:0;
}
.about .phone {
    text-shadow: 0px 0px 5px black;
}
.licence_lp01 form input, .licence_lp01 form select {
    color:black;
}
.intake-form-container {
    display:flex;
    flex-wrap:wrap;
    text-align:left;
}
.intake-form-container > div {
    width:50%;
}
.intake-form-container .usp-content svg {
    float: left;
    fill: white;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    margin-top: 1px;
    margin-right: 5px;
}
.intake-form-container form {
    background:transparent;
}




@media screen and (max-width: 968px) 

    {
        header .header-content {
            padding-bottom: 5px;
        }
        .hero .title {
            font-size: 3.15rem!important;
        }

        .usp{
            margin-bottom: 5vw;
        }

        .hero .sub-title {
            font-size: 26px;
            margin-top: 4vw;
        }
        .navbar-brand {
            padding: 0 0;
            margin: 0 0 0 0;
        }
        .header-content img {
            width: 100px !important;
            height: auto !important;
        }
        .header-info > .btn-primary {
            display: none!important;
        }

        .header .phone {
            text-align: right!important;
            margin-top: -2em!important;
            
        }
        header .phone{
            margin-bottom:0px!important;
        }

        header .header-info {
            text-align: right!important;
            margin-top: -2em!important;
        }

        .hero  {
            padding: 0 0;
        }
        
        .intake-form-container {
            flex-flow: column-reverse;
            
        }
        .intake-form-container > div {
            width:100%;
        }

         .intake-form-container .container-inner, .bottom-buttons {
            background:white;
            border-radius:0px;
            /*margin-right: -15px;
            margin-left: -15px;*/
            border-top: 20px solid #fff;
            border-right: 10px solid #fff;
            border-bottom: 20px solid #fff;
            border-left: 10px solid #fff;
        }
        .licence_lp01 .no-licence {
            margin-top: -2.3em;
        }

        .licence_lp01 {
            background:white;
            border-radius:0px;
            width: 100vw;
        }
        .no-licence::after {
            content: '';
            display: block;
            clear: both;
        }

        .hero .intake-form-container .container-inner form {
            color: #424242;
        }



        .intake-form-container .header_lp01,
        .intake-form-container .subheader_lp01 {
            text-align:center !important;
        }

        .licence_lp01{
            width: 100vw!important;
            position: relative;
            left: calc(-50vw + 50%);
            max-width: 100vw!important;
        }
    }


    .licence_lp01 form label {
        font-weight: 600;
        color:#000000;
    }

    .licence_lp01 form {
        padding: 0px;
    }

    .licence_lp01 textarea {
        color:#000000;
    }



    @media screen and (max-width: 768px){
        .intake-form-container .header_lp01, .intake-form-container .subheader_lp01{
            text-align: left !important;
        }
        .usp-content>p{
            display:none;
        }
        .usp-content>h3{
            font-size: 22px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
    } 

    @media screen and (max-width: 360px){
        .hero .title {
            font-size: 2.9rem!important;
        }
        .hero .sub-title {
            font-size: 23px;
        }
        .usp-content>h3 {
            font-size: 16px;
        }
        .bottom-buttons {
            margin-top: -1rem!important;
        }
        .about h2{
            font-size: 31px;
        }
    } 

    header .navbar .navbar-collapse{
        z-index:100;
    }