/* Common */

body:not(.home) header {
    padding-bottom: 30px;
    border-bottom: 2px solid var(--ua-dark-blue);
}

body:not(.home) .entry-header {
    display: none;
}


/* JOB LISTINGS */

body.single-job_listing .post-navigation {
    display: none;
}

.single_job_listing {
    max-width: var(--content-width);
    margin: 75px auto 0 auto;
}

.single_job_listing .job_header {
    padding-bottom: 30px;
    border-bottom: 2px solid var(--ua-dark-blue);
}

.single_job_listing .job_header h1.job_title {
    color: var(--ua-dark-blue);
    font-family: var(--header-font);
    font-size: 50px;
    line-height: 1.2;
    margin: 20px 0;
}

.single_job_listing .job_header .job_header_details {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

.single_job_listing .job_header .job-listing-meta {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin: 0;
}

.single_job_listing .job_header .job_header_details .meta_first_row,
.single_job_listing .job_header .job_header_details .meta_second_row {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    align-items: center;
}

.single_job_listing .job_header .job_header_details .new_job_chip {
    background: var(--ua-dark-blue);
    color: var(--ua-white);
    font-size: var(--content-font-size);
    font-family: var(--content-font);
    font-weight: bold;
    padding: 14px 20px;
    display: inline-block;
    line-height: 1;
    border-radius: 25px;
}

.single_job_listing .job_header .job_header_details .job_type {
    font-family: var(--content-font);
    color: var(--ua-dark-blue);
    font-weight: bold;
    background: none;
}

.single_job_listing .job_header .job_header_details .job_type.full-time {
    background: none;
}

.single_job_listing .job_header .job_header_details .location {
    color: var(--ua-black);
    font-family: var(--content-font);
}

.single_job_listing .job_header .job_header_details .location:before {
    vertical-align: baseline;
    display: inline-block;
}

.single_job_listing .job_header .job_header_details .salary {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    color: var(--ua-black);
    line-height: var(--content-line-height);
}

.single_job_listing .job_header .job_header_details .salary:before {
    content: "";
    width: 0;
}

.single_job_listing .job_header .company {
    border: solid var(--ua-dark-blue) 2px;
    border-radius: 10px;
    display: flex;
    justify-content: start;
    max-width: 400px;
    margin: 0;
    flex-grow: 0;
}

.single_job_listing .job_header .company .company_logo {
    width: 80px;
    height: 80px;
    float: none;
    position: relative;
    left: auto;
    object-fit: cover;
}

.single_job_listing .job_header .company .company_header {
    padding: 0 0 0 20px;
    margin: 0;
}

.single_job_listing .job_header .company .company_header .name {
    font-family: var(--content-font);
    font-weight: bold;
    color: var(--ua-black);
    font-size: var(--content-font-size);
    margin: auto;
    padding: 0 0 10px 0;
    display: flex;
    flex-direction: column-reverse;
}

.single_job_listing .job_header .company .company_header .name a {
    float: none;
    margin: 0;
}


.single_job_listing .job_header .company .company_header .tagline {
    font-family: var(--content-font);
    font-weight: normal;
    color: var(--ua-black);
    font-size: var(--content-font-size);
    font-style: normal;
    margin: auto;
    padding: 0;
}

.single_job_listing .job_description {
    margin: 40px 0 0 0;
}

.single_job_listing .job_description p {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    color: #000000;
}

.single_job_listing .job_application {
    margin-bottom: 100px;
}

.single_job_listing .job_application input.application_button {
    background: none;
    border-radius: 5px;
    border: 2px solid var(--ua-dark-blue);
    color: var(--ua-dark-blue);
    font-family: var(--content-font);
    font-size: 28px;
    text-transform: capitalize;
    padding: 20px 35px;
    line-height: var(--content-line-height);
    cursor: pointer;
}



/* Submit a job page */

.job-manager-form {
    max-width: var(--content-width);
    margin: 75px auto 0 auto;
}

.job-manager-form h1.submit-job-title {
    color: var(--ua-dark-blue);
    font-family: var(--header-font);
    font-size: 72px;
    line-height: 1.2;
    margin: 20px 0;
}

.job-manager-form fieldset {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-black);
    padding: 40px 20px;
    margin: 0;
    border-bottom: 2px solid var(--ua-dark-blue);
}

.job-manager-form fieldset.fieldset-remote_position,
.job-manager-form fieldset.fieldset-company_video,
.job-manager-form fieldset.fieldset-company_twitter {
    display: none;
}

.job-manager-form h2 {
    color: var(--ua-dark-blue);
    font-size: 50px;
    margin-top: 40px;
}

.job-manager-form fieldset a {
    color: var(--ua-dark-blue);
    font-weight: bold;
}

.job-manager-form fieldset label {
    font-family: var(--header-font);
    font-size: 24px;
    color: var(--ua-dark-blue);
    font-weight: bold;
}

.job-manager-form fieldset label small {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    font-weight: normal;
    color: var(--ua-black);
}

.job-manager-form fieldset input:focus {
    outline: none;
}

.job-manager-form fieldset .field input.input-text {
    border: 2px solid var(--ua-dark-blue);
    border-radius: 5px;
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    padding: 5px;
}

.job-manager-form fieldset .field input.wp-job-manager-file-upload {
    border: none;
    color: var(--ua-dark-blue);
    font-family: var(--content-font);
    font-size: var(--content-font-size);
}

.job-manager-form fieldset .field input.wp-job-manager-file-upload::file-selector-button {
    border: 2px solid var(--ua-dark-blue);
    border-radius: 5px;
    font-family: var(--content-font);
    font-size: 14px;
    padding: 10px 20px;
    color: var(--ua-dark-blue);
    background: none;
    margin-right: 20px;
    cursor: pointer;
}

.job-manager-form fieldset .field input.input-text::placeholder {
    color: var(--ua-dark-blue);
}

.job-manager-form fieldset .field small {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-black);
    margin: 10px 0 0 0;
}

.job-manager-form fieldset .field #job_type {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    border-radius: 5px;
    border: 2px solid var(--ua-dark-blue);
    padding: 5px;
}

.job-manager-form fieldset .field #job_type:focus {
    outline: none;
}

.job-manager-form .button[name="save_draft"],
.job-manager-form .button[name="submit_job"]{
    font-family: var(--content-font);
    font-size: 28px;
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    padding: 20px 35px;
    border-radius: 5px;
    border: 2px solid var(--ua-dark-blue);
    background: none;
    cursor: pointer;
    margin-top: 40px;
}

.job-manager-form .button[name="save_draft"]{
    margin-left: 40px;
}


/* Post a Job Preview */

.entry-content .job_listing_preview_title, .job_listing_preview_title {
    padding: 0;
    background: var(--ua-dark-blue);
    border-radius: 10px 10px 0 0;
}

.job_listing_preview_title h2 {
    font-size: 50px;
    line-height: var(--content-line-height);
    padding: 30px;
    color: var(--ua-yellow);
}

.job_listing_preview_title .button {
    color: var(--ua-yellow);
    background: none;
    border-radius: 5px;
    border: 2px solid var(--ua-yellow);
    padding: 10px 20px;
    font-size: 22px;
    font-family: var(--content-font);
    font-weight: 300;
    height: 60px;
    margin: 30px 50px;
    cursor: pointer;
}

.entry-content .job_listing_preview_title .button {
    margin-right: 30px;
}

.entry-content .job_listing_preview_title .job-manager-button-edit-listing {
    margin-right: 20px;
}

.job_listing_preview_title .button:hover {
    border-color: var(--ua-yellow);
}

#job_preview {
    max-width: var(--content-width);
    margin: 75px auto 0 auto;
}

#job_preview .job_listing_preview {
    margin: 0;
    border: 2px solid var(--ua-dark-blue);
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 30px;
}

#job_preview .job_listing_preview>h1 {
    display: none;
}

#job_preview .job_listing_preview .single_job_listing {
    margin: 0;
}

.entry-content .job-manager-message.job-manager-message {
    max-width: var(--content-width);
    margin: 0 auto;
    border-top-color: var(--ua-dark-blue);
}


/* Job Dashboard */

#job-manager-job-dashboard {
    max-width: var(--content-width);
    margin: 75px auto 0 auto;
}

#job-manager-job-dashboard > h1 {
    font-family: var(--header-font);
    font-size: 72px;
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    margin-bottom: 30px;
}

#job-manager-job-dashboard > p {
    font-family: var(--content-font);
    font-size: 24px;
    color: var(--ua-black);
    line-height: var(--content-line-height);
}

#job-manager-job-dashboard table.job-manager-jobs {
    border-collapse: collapse;
    margin-bottom: 40px;
}

#job-manager-job-dashboard table.job-manager-jobs thead {
    border-bottom: 2px solid var(--ua-dark-blue);
}

#job-manager-job-dashboard table.job-manager-jobs tfoot {
    border-top: 2px solid var(--ua-dark-blue);
}

#job-manager-job-dashboard table.job-manager-jobs tfoot nav.job-manager-pagination {
    text-align: left;
}

#job-manager-job-dashboard table.job-manager-jobs tfoot nav.job-manager-pagination ul {
    border: none;
}

#job-manager-job-dashboard table.job-manager-jobs tfoot nav.job-manager-pagination ul li {
    font-family: var(--content-font);
    font-size: 24px;
    font-weight: normal;
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    background: none;
    border: none;
}

#job-manager-job-dashboard table.job-manager-jobs tfoot nav.job-manager-pagination ul li a {
    color: var(--ua-dark-blue);
}

#job-manager-job-dashboard table.job-manager-jobs tfoot nav.job-manager-pagination ul li a:hover {
    background: none;
}

#job-manager-job-dashboard table.job-manager-jobs tfoot nav.job-manager-pagination ul li span {
    text-decoration: underline;
    color: var(--ua-dark-blue);
    background: none;
}

#job-manager-job-dashboard table.job-manager-jobs tfoot #add-job {
    font-family: var(--content-font);
    font-size: 14px;
    font-weight: normal;
    color: var(--ua-dark-blue);
    line-height: var(--content-line-height);
    padding: 10px 30px;
    border: 2px solid var(--ua-dark-blue);
    border-radius: 5px;
	display: block;
}

#job-manager-job-dashboard table.job-manager-jobs thead tr {
    padding: 10px;
}

#job-manager-job-dashboard table.job-manager-jobs tr th {
    font-family: var(--header-font);
    font-size: 20px;
    color: var(--ua-dark-blue);
    font-weight: bold;
    text-align: left;
}

#job-manager-job-dashboard table.job-manager-jobs tr td.job_title,
#job-manager-job-dashboard table.job-manager-jobs thead tr .job_title {
    padding-left: 20px;
}

#job-manager-job-dashboard table.job-manager-jobs tbody:before,
#job-manager-job-dashboard table.job-manager-jobs tfoot:before {
    line-height: 40px; 
    content:"\200C"; 
    display:block;
}


#job-manager-job-dashboard table.job-manager-jobs tr td.job_title,
#job-manager-job-dashboard table.job-manager-jobs tr td.job_title a {
    font-family: var(--header-font);
    font-size: 20px;
    color: var(--ua-dark-blue);
    font-weight: bold;
}

#job-manager-job-dashboard table.job-manager-jobs .job_title .job-dashboard-actions a {
    font-family: var(--content-font);
    color: var(--ua-black);
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
}

#job-manager-job-dashboard table.job-manager-jobs .job_title .job-dashboard-actions a.job-dashboard-action-delete {
    color: var(--ua-red);
}

#job-manager-job-dashboard table.job-manager-jobs .expires {
    display: none;
}

#job-manager-job-dashboard table.job-manager-jobs ul.job-dashboard-actions li:after {
    content: "•";
    text-decoration: none;
}

#job-manager-job-dashboard table.job-manager-jobs ul.job-dashboard-actions li:last-child::after {
    content: "";
}



/* Job Board */

.entry-content .job_listings {
    max-width: var(--content-width);
    margin: 75px auto 100px auto;
}

.entry-content .job_listings .load_more_jobs,
.entry-content .job_listings .load_more_jobs:focus,
.entry-content .job_listings .load_more_jobs:hover {
    border-bottom: 2px solid var(--ua-dark-blue);
}

.entry-content .job_listings .load_more_jobs strong {
    font-family: var(--header-font);
    font-size: 20px;
    font-weight: bold;
    color: var(--ua-dark-blue)
}

.entry-content .job_listings .job_listing .position,
.entry-content .job_listings .job_listing .meta,
.entry-content .job_listings .job_listing .location {
    float: none;
    width: auto;
    text-align: left;
    padding: 0;
}

.entry-content .job_listings .job_listing a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 30px 5px;
    border-bottom: 2px solid var(--ua-dark-blue);
    overflow: visible;
    gap: 20px;
}

.entry-content .job_listings .job_listing .position {
    flex-grow: 2;
}

.entry-content .job_listings .job_listing .position h3 {
    flex-direction: row;
    font-family: var(--header-font);
    font-size: 20px;
    color: var(--ua-dark-blue);
}

.entry-content .job_listings .job_listing .position .company {
    margin-top: 10px;
}

.entry-content .job_listings .job_listing .position .company strong {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-black);
    font-weight: normal;
}

.entry-content .job_listings .job_listing .location {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-black);
    font-weight: normal;
}

.entry-content .job_listings .job_listing img.company_logo {
    width: 120px;
    height: 120px;
    object-fit: cover; 
    float: none;
    position: relative;
    left: unset;
}

.entry-content .job_listings .job_listing .meta .job-type {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    font-weight: bold;
    text-align: right;
}

.entry-content .job_listings .job_listing .meta .salary {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-black);
    font-weight: normal;
    text-align: right;
    margin-top: 20px;
}

.entry-content .job_listings .job_listing .meta .salary {
    text-wrap: nowrap;
}

.entry-content .job_listings .job_listing .new_job_chip {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    font-weight: bold;
    color: var(--ua-white);
    background-color: var(--ua-dark-blue);
    padding: 13px 20px;
    border-radius: 25px;
    position: absolute;
    left: -35px;
    top: 5px;
}

.job_listings .no_job_listings_found {
    font-family: var(--header-font);
    font-size: 20px;
    color: var(--ua-dark-blue);
    text-align: center;
    border-bottom: 2px solid var(--ua-dark-blue);
}


.job_listings .job_filters {
    background: none;
    border: 2px solid var(--ua-dark-blue);
    border-radius: 10px;
}

.job_listings .job_filters .search_jobs {
    padding: 40px;
}

.job_listings .job_filters .search_jobs input[type="text"] {
    border: 2px solid var(--ua-dark-blue);
    border-radius: 5px;
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    color: var(--ua-dark-blue);
    line-height: var(--content-line-height);
    padding: 10px;
}

.job_listings .job_filters .search_jobs input[type="text"]:focus {
    outline: none;
    border: 2px solid var(--ua-dark-blue);
}

.job_listings .job_filters .search_jobs input[type="text"]::placeholder {
    font-family: var(--content-font);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
}

.job_listings .job_filters .search_jobs .job_types {
    background: none;
    border-top: none;
    border-bottom: 2px solid var(--ua-dark-blue);
    padding: 20px 0;
    margin-bottom: 20px;
}

.job_listings .job_filters .search_jobs .job_types li {
    text-wrap: nowrap;
    border: none;
}

.job_listings .job_filters .search_jobs .job_types input {
    width: auto;
}

.job_listings .job_filters .search_jobs .job_types label {
    font-family: var(--header-font);
    font-size: 20px;
    font-weight: bold;
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
}

.job_listings .job_filters .search_jobs .search_submit {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.job_listings .job_filters .search_jobs .search_submit input {
    background: none;
    font-family: var(--content-font);
    font-size: 28px;
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    border: 2px solid var(--ua-dark-blue);
    border-radius: 5px;
    width: 250px;
    display: block;
    padding: 20px 35px;
    cursor: pointer;
    text-align: center;
}

.job_listings .job_filters .search_jobs .search_submit .post_button {
    background: none;
    font-family: var(--content-font);
    font-size: 28px;
    line-height: var(--content-line-height);
    color: var(--ua-dark-blue);
    border: 2px solid var(--ua-dark-blue);
    border-radius: 5px;
    width: 250px;
    display: block;
    padding: 20px 35px;
    cursor: pointer;
    text-align: center;
}







/* mobile styles */

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

    /* job listing page */
    .single_job_listing {
        padding: 0 20px;
    }
    .single_job_listing .job_header .job_header_details {
        flex-direction: column;
        align-items: baseline;
    }
    .single_job_listing .job_header h1.job_title {
        font-size: 40px;
        word-wrap: break-word;
    }
    .single_job_listing .job_application input.application_button {
        font-size: 20px;
    }

    /* post a job page */
    .job-manager-form h1.submit-job-title {
        padding: 0 20px;
    }

    .job-manager-form h2 {
        font-size: 40px;
        padding: 0 20px;
    }

    .job-manager-form #job-submit-buttons {
        padding: 0 20px;
    }
 
    /* Job Board / Listings page */
    ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
        display: none;
    }

    .entry-content .job_listings .job_listing a {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }

    .entry-content .job_listings .job_listing .meta .job-type,
    .entry-content .job_listings .job_listing .meta .salary {
        text-align: left;
    }

    .job_listings .job_filters .search_jobs .search_submit {
        flex-direction: column;
        align-items: center;
    }

}

@media screen and (max-width: 550px) {
    .job-manager-form #job-submit-buttons {
        flex-direction: column;
        display: flex;
    }

    .job-manager-form #job-submit-buttons .button[name="save_draft"] {
        margin-left: 0;
    }

}



.temporary {
    background-color: transparent !important;
}