/* Recruiters Page */


/* Font Sizes */


/* General Site Styling Overwrites */


/* Scrollbar */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #FF5959;
}

::-webkit-scrollbar-thumb:hover {
    background: #E7936F;
}


@media only screen and (max-width: 600px) {

    /* Font */
    .display-1 {
        font-weight: 650;
        font-size: 7vw !important;
    }

    .display-2 {
        font-weight: 650;
        font-size: 5vw;
    }

    .display-3 {
        font-size: 40px;
    }

    .lead {
        font-size: 2.45vw !important;
    }

    .tw-font-red {
        color: #FF5C5F
    }

    p {
        font-size: 1.5rem;
    }

    div.col-md-8.info-col.pb-4>p {
        text-align: left !important;
    }

}

@media only screen and (min-width: 600px) {
    .display-1 {
        font-weight: 650;
    }

    .display-2 {
        font-weight: 650;
    }

    .display-3 {}

    .lead {}

    .tw-font-red {
        color: #FF5C5F
    }

    p {}
}


/* Social Icon Colors */

.fa-linkedin {
    color: #0077B5;
    font-size: 35px;
}

.fa-twitter {
    color: #38A1F3;
    font-size: 35px;
}

.fa-instagram {
    color: #3f729b;
    font-size: 35px;
}

.fa-facebook {
    color: #3b5998;
    font-size: 35px;
}

@media only screen and (max-width: 500px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    .display-1,
    .display-2,
    .display-3,
    .lead {
        text-align: center !important;
    }

    .rating-description {
        text-align: left !important;
    }

    .blog-content>div>p {
        text-align: left !important;
    }
    .blog-title {
        text-align: left !important;
    }
}


/* Navigation Fixes */

@media only screen and (max-width: 992px) {
    .cta_tw {
        padding: 5px;
        text-align: center;
    }
}


/* Home Page Styles */


/* General */


/* Desktop */

@media only screen and (min-width: 1100px) {}


/* Mobile */

@media only screen and (max-width: 500px) {
    .recruiter-container .col-sm-4 {
        padding-left: 42%;
    }
}

@media only screen and (max-width: 1100px) {
    .tw-card-container {
        min-width: 85%;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .card-image-container img {
        max-width: 100%;
    }

    #city-1,
    #city-2,
    #city-3,
    #city-4 {
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 5px;
    }

    #tw-ayr-content>button {
        margin-bottom: 0px !important;
    }
}


/* End Home Page Styles */


/* Begin Find a Recruiter Styles */

@media only screen and (min-width: 1100px) {
    #top-section-image>div {
        height: 375px;
        margin: 0px;
        box-shadow: -20px 20px #E7936F;
        background-size: contain;
        max-width: 675px;
    }

    /* Cards */
    #recruiters-card-1 {
        max-width: 350px;
        float: right;
        width: 100%;
        margin-right: 25px;
    }

    #recruiters-card-2 {
        max-width: 350px;
        float: left;
        width: 100%;
        margin-right: 25px;
    }

    #card-2 {
        max-width: 350px;
        float: left;
        width: 100%;
        /* margin-left: 25px; */
    }

    /* Second Image */
    #mid-section-image>div {
        background-image: url('/img/for_recruiters/Image2.png');
        background-size: contain;
        height: 375px;
        margin: 0px;
        box-shadow: 10px -10px #D3CCFC;
    }

    /* Bottom Section */
    #bottom-section-img>div {
        background-image: url('/img/for_recruiters/Image3.png');
        background-size: cover;
        height: 375px;
        margin: 0px;
        box-shadow: 20px 20px #C6EDFA;
    }

    /* Find a Recruiter Button */
    #tw-far {
        font-size: 3rem;
        max-width: 515px;
        width: 100%;
        color: white;
        border: none;
        background-color: #FF5C5F;
    }
}

@media only screen and (max-width: 1100px) {

    .display-1,
    .display-2,
    .display-3,
    .lead {
        text-align: center;
    }

    .display-2 {
        font-weight: 650;
        font-size: 7vw;
    }

    .lead {
        font-size: 3.45vw !important;
    }

    #top-section-image>div {
        height: 27vw;
        background-size: cover;
        background-repeat: no-repeat;
        height: 45vw;
    }

    #recruiters-card-1,
    #recruiters-card-2 {
        width: 75vw;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .card-header>img {
        max-width: 100%;
    }

    /* Second Image */
    #mid-section-image>div {
        background-image: url('/img/for_recruiters/Image2.png');
        background-size: cover;
        background-repeat: no-repeat;
        height: 45vw;
    }

    /* Bottom Section */
    #bottom-section-img>div {
        background-image: url('/img/for_recruiters/Image3.png');
        background-size: cover;
        background-repeat: no-repeat;
        height: 45vw;
    }

    #tw-far {
        font-size: 7vw;
        max-width: 515px;
        width: 100%;
        color: white;
        border: none;
        background-color: #FF5C5F;
    }

    .recruiter-faq-container .lead {
        font-size: 6vw !important;
        font-weight: 650;
    }
}


/* Top Section General */

#top-section-image {
    padding: 10px;
}

#top-section-image>div {
    background-image: url(/img/for_recruiters/Image1.png);
    background-repeat: no-repeat;
}

#two-ways-para {
    margin: 0 auto;
    width: 65%;
}

.card-p {
    font-size: 1.5rem;
}

.tw-lg-bottom {
    background: linear-gradient(#E7936F, #FF5C5F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-header {
    background-color: white;
    border-bottom: none;
}


/* Section 2 */

.add-margin {
    margin-top: 25px;
    margin-bottom: 25px;
}

#who-review {
    padding-left: 50px;
}

#who-review .lead {
    font-size: 1.25rem;
}


/* Section 3 */

#why-involved .lead {
    font-size: 1.25rem;
}


/* FAQ Section */

.recruiter-faq-container {
    padding: 55px;
}

.recruiter-faq-inner {
    border: 1px solid lightgray;
    padding: 15px;
    max-width: 850px;
    margin: 0 auto;
}


/* End Find a Recruiter Styles */


/* Blog Listing */

@media only screen and (max-width: 1100px) {
    #news-title {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 1400px) {

    #banner-head-1,
    #banner-head-2,
    #banner-head-3 {
        height: 380px !important;
        background-size: 455px !important;
    }
}

.pricing-container .sub-banner-container .lead {
    color: white;
    font-weight: 600;
}

@media only screen and (max-width: 600px) {
    #profile-video {
        width: 100%;
        min-height: 300px;
    }
}

@media only screen and (min-width: 600px) {
    #profile-video {
        width: 100%;
        height: 600px;
    }
}


#recruiter > form > div:nth-child(7) > div > span {
        display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#recruiter > form > div:nth-child(7) > div > span > span.selection > span {
    border: none !important;
}

#hp-welcome-container {
    text-align: center;
}

#hp-welcome-container h4.signupButtonCaption {
    color: #000 !important;
    font-size: 19px;
    font-weight: 500;
    padding: 0px 65px;
    margin-top: 15px;
}

#hp-welcome-container .signupButton {
    border: 1px solid #0074ad;
    margin: 0px auto;
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding: 12px;
    margin: 20px 60px 0 65px;
    background: #0074ad;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    #hp-welcome-container .signupButton {
        margin: 20px 25px 0px 25px;
    }
}