/**
 * Theme Name: Jobify Diversity Jobs
 * Theme URI: https://astoundify.com/
 * Author: Astoundify, Diane Wallace
 * Author URI: http://astoundify.com
 * Description: Everything you need to build a professional job board.
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, one-column, right-sidebar, fixed-width, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
 * Template: jobify
*/
/**
 * The parent theme's CSS is automatically included so there is no need
 * to use the @import rule to include the parent theme CSS.
 *
 * Place Custom CSS Below this.
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Global */

#primary {
    margin-top: 0px;
}

.grecaptcha-badge {
    display: none !important;
}

.company-profile {
    margin-top: 30px;
}

#wp_access_helper_container {
}

body, p, a, li, ul {
    font-family: 'Poppins', sans-serif;
}

img {
    max-width: 100%;
}

.footer-cta, .footer-widgets {
    background-color: #00141e !important;
}

.job_application a {
    background-color: #37BD3C;
    color: white;
    border: 0px solid #29932c;
    border-radius: 8px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
}

.job_application a:hover {
    background-color: #29932c;
    color: white;
    border-radius: 5px;
}

/* Footer CSS */

.footer-DJG-logo {
    height: 40px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.footer-header {
}

.footer-cta {
    border-bottom: 35px solid #12303d;
}

#colophon {
    display: none;
}

.bottom-footer-row {
    margin-top: 60px;
    color: #bfbfbf;
    padding: 0px;
    font-size: 0.9em;
}

.footer-column1 {
    padding-bottom: 30px;
}

.footer-content {
    padding-bottom: 30px;
}

.bottom-footer-row p {
    display: inline;
    padding-right: 15px;
}

.DJG-family-img {
    padding-bottom: 12px;
}

.footer-text-item {
    margin-bottom: 7px;
}

.footer-cta {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Nav Header CSS */

#masthead {
    background-color: #002B41;
    border-bottom: 7px solid #5B84C2;
}


#slidertext {
    font-size: 2em;
}

.primary-menu-toggle--open {
    color: white;
}

#menu-primary a {
    color: white;
    font-size: 0.96em;
}

.nav-menu--primary .sub-menu {
    background: #002B41;
}

/* Front Page */

.widget--home {
    margin-top: 0px;
    position: relative;
    top: -10px;
}

.widget-title--home {
    display: none;
}

.hero-search {
    margin-bottom: 0;
    padding: 3em 0 0;
}

.search_keywords, .search_location, .search_categories, .gjm-radius-wrapper, .gjm-filter-wrapper {
    border: 1.5px solid lightgrey;
    border-radius: 5px;
}

/* Media Query for Search Options */

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

    .roles-text h1 {
        margin-bottom: 0px;
    }

    .roles-text {
        position: relative;
        top: 30px;
    }

    .hero-search {
        position: relative;
        top: -20px;
    }

}

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

    .roles-text h1 {
        margin-bottom: 40px;
        position: relative;
        top: 0px;
    }

    .hero-search {
        position: relative;
        top: 0px;
    }


}


/* Search Jobs Button in Header */

/* Only applies when screen is over 992 */

@media only screen and (min-width: 992px) {
    #menu-item-790 {
        background-color: #5b84c2;
        border-radius: 5px;
    }

    #menu-item-790:hover {
        background-color: #7fa9e8;
    }

    .menu-button {
        background-color: #5b84c2;
        border-radius: 5px;
    }

    .menu-button:hover {
        background-color: #7fa9e8;
    }

    .job-spotlight {
        height: 740px;
    }

}

/* Latest Jobs Page CSS */

.page-header {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.search_jobs {
    background-color: #efefef;
}

.search_jobs input {
    border: 1px solid lightgrey;
}

.search_jobs > div input[type=submit], .search_resumes > div input[type=submit] {
    background-color: #white;
    color: #3160a5;
    border: 1px solid #5b84c2;
    border-radius: 5px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    padding-top: 8px;
    padding-bottom: 8px;
}

.search_jobs > div input[type=submit]:hover, .search_resumes > div input[type=submit]:hover {
    background-color: #002b41;
    color: white;
    border-radius: 5px;
}

.job_types {
    margin-bottom: 30px;
    border: 1px solid lightgrey;
}

.job_types label {
    font-weight: 100;
    font-size: 14px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.job_listing-position h3 {
    font-size: 15px;
    font-weight: 400;
}

.job_listing-company {
    color: #424242;
}

.search_categories {
    font-weight: 400;
    border: 1px solid lightgrey;
    border-radius: 5px;
}

.job_listing-about {
    font-weight: 300;
    font-size: 16px;
}

.select2-selection__rendered {
    font-size: 13px;
    font-weight: 400;
}

.select2-results {
    font-size: 13px;
}

.job_listing-meta > .job_listing-type {
    background-color: #349568;
    border: 1px solid #267751;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 300;
    color: white;
}

.job_listing-about > .job_listing-location {
    color: black;
    font-size: 13px;
    padding: 7px 25px 7px 25px;
    background-color: #f2f7ff;
    border: 1px solid #ccdefc;
}

.job_listing-date {
    background-color: #f2f7ff;
    color: black;
    padding: 7px;
    border: 1px solid #ccdefc;
    font-size: 13px;
}

.job_listing-logo {
    border: 1px solid #ededed;
    padding: 7px;
    background-color: white;
    border-radius: 5px;
}

.job_listing:hover {
    background-color: #f2f2f2;
    opacity: 1;
}

.load_more_jobs strong {
    font-family: 'Poppins', sans-serif;
    background-color: #white;
    color: #3160a5;
    border: 1px solid #5b84c2;
    border-radius: 5px;
    font-size: 1.1em;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    padding-top: 8px;
    margin-top: 30px;
    padding-bottom: 8px;
}

.load_more_jobs strong:hover {
    font-family: 'Poppins', sans-serif;
    background-color: #002b41;
    color: white;
    border-radius: 5px;
}

/* Job Spotlights */

.job-spotlight__featured-image {
    padding: 20px;
    background-color: white;
}

.job_listing-location {
    max-width: 100% !important;
}

.job-type {
    font-family: 'Poppins', sans-serif;
    margin-top: 15px;
    width: 100%;
}

.job-spotlight__title {
    font-weight: 700;
}

.job-spotlight__actions > .job_listing-location {
    color: black;
    font-size: 0.9em !important;
}

/* Job Listing Page */

.job_listing-description > .widget-title {
    font-weight: 900;
    color: #002b41;
    background-color: #eaf2ff;
    padding: 10px;
    border: 1px solid #5b84c2;
}

.job_listing-description strong {
    font-weight: 400;
}

/* Pricing Page */

.callout-feature-title {
    font-weight: 700 !important;
}

.pricing-header-text {
    font-weight: 300;
}

.feature-callout-cover {
    margin-bottom: 60px;
}

.callout-price {
    background-color: #ddebff;
    padding: 5px;
    color: #002b41;
    position: relative;
    top: 10px;
    font-weight: 500;
}

.price-option__description {
    height: 700px;
}

/* Contact Us Page */

.entry-content label {
    text-transform: capitalize;
}

/* Contact Form */

.wpcf7-url,
.wpcf7 input[type="url"] {
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* Companies Listing */

.page-id-57277 .letter-group h2 {
    font-weight: 700;
}

.page-id-57277 .letter-group p {
    margin-bottom: 5px;
}

/* Individual Company Pages */

.company-header {
}

.company-page-logo {
    border-radius: 7px;
    border: 1px solid lightgrey;
    height: 100px !important;
    display: inline;
    -webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.1);
}

.company-page-h5-header {
    display: inline;
    padding-left: 15px;
}

/* On screens that are 600px wide or less, reduce down the size of the company banner header */
@media screen and (max-width: 600px) {
    .company-page-h5-header {
        font-size: 0.96em;
    }

    .company-page-logo {
        height: 70px !important;
    }
}

.company-page-btn {
    margin-top: 40px;
}

.company-header h1 {
    font-weight: 700;
}

.company-page-right-columns {
    border: 2px solid #ededed;
    padding: 20px 20px 20px 20px;
    margin-bottom: 30px;
    border-radius: 7px;
}

.company-page-right-columns p {
    margin-bottom: 5px;
}

.right-column-spacer {
    height: 20px;
    width: 100%;
}

.company-social-icons {
    height: 25px !important;
    margin-bottom: 10px;
}

.right-column-title {
    margin-bottom: 5px;
    color: #2b2b2b;
}

.company-page-btn {
    padding: 10px 30px;
    text-transform: none;
}

.company-h5-title {
    font-weight: 700;
    color: #2b2b2b;
}

.company-bold-p {
    color: #2b2b2b;
}

/* About Us Page */

.page-id-38 #primary {
    margin-top: 0px;
}

/* Accrol Group */

.page-id-57338 .content-area {
    margin-top: 0px;
}

/* WP Jobs Resumes */
.job_application input[type="button"].application_button {
    color: #fff;
    background-color: #5b84c2;
    border: 0;
}

.job_application .input[type="button"].application_button:focus,
.job_application input[type="button"].application_button:hover {
    background-color: #002B41;
}

.application_details.modal {
    max-width: 640px;
}

aside .application_details.modal {
    display: none !important;
}

.apply_with_resume p.small-text {
    font-size: 0.9rem;
}

.apply_with_resume p.large-text {
    font-size: 1.5rem;
}

.apply_with_resume p:last-child {
    text-align: center;
}

.apply_with_resume a {
    text-decoration: underline;
}

.apply_with_resume a:focus,
.apply_with_resume a:hover {
    text-decoration: none;
}

.apply_with_resume input[type="submit"],
.apply_with_resume .button {
    display: inline-block;
    padding: 14px 24px;
}

.apply_with_resume .button {
    margin-left: 14px;
    text-decoration: none;
}

.single-resume .resume-header {
    display: block;
    position: relative;
    font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 34px;
    line-height: 1.3;
    text-align: center;
    overflow: hidden;
    padding: 20px 0;
    background: #fafafa;
    border-bottom: 1px solid rgba(204, 204, 204, .41);
}

.single-resume .candidate-photo img {
    max-width: 250px;
    min-width: unset;
    border-radius: 50%;
    margin: 40px auto;
    display: block;
}

.job_listing_preview_title,
.resume_preview_title {
    padding: 20px 0;
}

#resume_preview .job_listing_preview_title input[name="continue"],
#resume_preview .resume_preview_title input[name="continue"] {
    float: none;
}

@media only screen and (min-width: 1024px) {
    .single-resume .candidate-photo {
        margin-right: 40px;
        float: left;
    }

    .single-resume .candidate-photo img {
        margin: 0;
    }

    .single-resume .personal-statement,
    .single-resume .candidate-details {
        margin-bottom: 60px;
    }

    .single-resume .candidate-details {
        padding: 0 0 0 60px;
    }

    .single-resume .candiate-contact {
        position: absolute;
        right: 40px;
        top: 40px;
    }
}

/* A11y link */
@media only screen and (max-width: 1199px) {
    .aicon_link {
        top: 105px !important;
    }

    .logged-in .aicon_link {
        top: 118px !important;
    }
}

@media only screen and (max-width: 580px) {
    .aicon_link {
        right: calc(200% - 48px) !important;
        top: 105px !important;
        left: auto !important;
    }

    .logged-in .aicon_link {
        top: 118px !important;
    }
}