@charset "UTF-8";
/***************************************
	Theme URI: https://www.metropolis.co.uk/
	Description: Mbm Rss Widget
	Author:; Metropolis Team
**/

.mbm-job-container{
    /*background-color: whitesmoke;
    padding: 10px;*/
    margin-bottom: 20px;
    text-align: left;
}
.mbm-job-container .widget-top{
        margin-bottom: 10px;
}

.mbm-job-container  a {
/*    color: #595959;*/
    color: #444;
    text-decoration: none;
    box-sizing: border-box;
    font-weight: bolder;
}
.mbm-job-container a img {
    border: 0;
}
.mbm-job-container ul {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
 .mbm-job-container p {
    margin: 10px 0;
}
 .mbm-job-container {
    height: 100%;
    overflow-y: auto;
}
 .mbm-widget-logo {
    margin-bottom: 5px;
    width: 60%;
}
 .mbm-widget-logo img {
    max-width: 100%;
}
 .highlight {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
}
 .highlight h4 {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #fff;
    padding: 0 0 5px 0;
}
 .mbm-job-container .jobsList {
    list-style-type: none }
 .mbm-job-container .jobsList li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    background: none;
    padding-left: 0;
}
.mbm-job-container .jobsList li a {
    text-decoration: none;
}
 .mbm-job-container .jobsList li.regular {
    border-bottom: 1px solid #e3e3e3;
}
 .mbm-job-container .jobsList h4 {
    margin: 0 0 3px 0;
    font-size: 13px;
    border: 0;
    padding: 0;
    word-wrap: break-word;
}
 .mbm-job-container .jobsList .adBody {
    overflow: hidden;
}
 .mbm-job-container .jobsList .horiz li {
    margin: 0 5px 0 0;
    float: none;
    display: inline;
    white-space: normal;
    border: 0;
    border-right: 1px solid #ccc;
    padding: 0 8px 0 0;
}
 .mbm-job-container .jobsList .horiz li.last, .jobsList li.last, .highlight li: last-child {
    padding: 0;
    border: 0;
}
 .highlight li: last-child {
    margin: 0;
}
 .mbm-job-container .jobsList .recruiterDetails li, .jobsList p.apply {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    color: #777;
    font-size: 11px;
    border: 0;
}
 .mbm-job-container .jobsList p.apply {
    float: right;
    margin: 0;
}
 .mbm-job-container .jobsList .logoWrap {
    float: right;
    text-align: right;
    width: 125px;
}
 .mbm-job-container .jobsList .premium {
    display: none;
}
  .mbm-job-container a.more-link {
    line-height: 19px;
    font-weight: normal;
}
.mbm-job-container .cf:before, .mbm-job-container .cf:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden }
 .mbm-job-container .cf:after {
    clear: both }
 .mbm-job-container .cf {
    zoom: 1 }

 .mbm-job-container .mbm-widget-logo {
    width: 80% 
}
 .mbm-job-container .jobWrap h4 {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #444;
}
 .mbm-job-container .jobWrap p {
    display: none;
}
 .mbm-job-container .recruiterDetails {
    margin-top: 5px;
}
 .mbm-job-container .jobWrap h4 a {
    color: #444;
}

/* Disable "Add Existing User" form */
#add-existing-user,
#add-existing-user + p,
#adduser {
    display: none;
}

/* Job manager pages styling */
.job-application-details {
    margin-top: 2em;
}

.job-application-details p {
    padding: 1em 0;
    line-height: 1em;
}

/* Job manager styles */
.mbm-wpjm-buttons {
    margin-bottom: 1em;
}

.job-manager-info a {
    color: #666;
}

.job-dashboard-actions a {
    color: red;
}


body a.mbm-wpjm-buttons, .job-manager-form .button {
    color: white;
}

/* Random fix styles */
#job-manager-job-dashboard a,
#job-manager-job-applications a {
    color: #555;
    font-weight: normal;
}

#job-manager-job-dashboard a.button {
    color: #fff;
}

.job-application header img,
.job-application header h3 {
    display: inline-block;
    vertical-align: middle;
}

.job-application header .candidate-email-under-name {
    font-size: 13px;
    line-height: 1em;
    display: block;
    margin-top: 5px;
    font-weight: normal;
}

.job-application header .meta,
.job-application header .actions {
    line-height: 1em;
    margin: 0;
    padding-top: 2em;
}

.job-application header .meta li,
.job-application header .actions li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
}

.job-application header .meta li {
    padding: 0 10px;
}

.job-application header .actions li {
    padding: 0 10px;
    border-left: 1px solid #333;
}

.job-application header .actions li:before,
.job-application header .actions li a:before {
    font-family: job-manager;
    padding-right: 5px;
}

.job-application header .meta li:first-child,
.job-application header .actions li:first-child {
    padding-left: 0;
    border-left: none;
}

.job-application header .actions li.content {
    width: auto !important;
    float: none;
}

/* Alerts */
.manage-alerts-form label,
.manage-alerts-form input {
    width: 100%;
}

.manage-alerts-form .manage-alerts-submit {
    margin-top: 1em;
}

/* Cleaning up the WPJM pages */
#job-manager-job-dashboard table td,
#job-manager-job-dashboard table th {
    padding: .5em 1em !important;
}

.job-manager-form input[name=submit_job] {
    margin-right: 15px;
}

ul.job-listing-meta > li,
ul.job_types > li {
    list-style-type: none !important;
}

ul.job-listing-meta a {
    color: #000;
}

li.job_listing a {
    color: #000;
}

li.job_listing h3 {
    font-family: Tahoma,Arial,Verdana,sans-serif;
}

ul.job_listings li.job_listing a {
    height: 75px;
}

ul.job_listings li.job_listing a:after {
    content: "";
    clear: both;
    display: table;
}

ul.job_listings li.job_listing a .job-description {
    float: left;
    margin-top: 1em;
}

ul.job_listings li.job_listing a div.position {
    padding: 0 0 0 75px !important;
}

ul.job_listings li.job_listing a img.company_logo {
    width: 75px !important;
    height: 75px !important;
    visibility: visible !important;
}

.single_job_listing .company img {
    width: 75px !important;
    height: 75px !important;
}

.single_job_listing .company .name {
    margin: 0 0 0 75px !important;
}

.single_job_listing .job_description ul {
    margin-left: 40px !important;
    list-style-position: outside !important;
}

div.job-manager-message a {
    color: #666;
}

.refer-a-friend {
    display: none;
}

.refer-a-friend .wpcf7 {
    margin-top: 30px;
}

.refer-a-friend .wpcf7 label {
    width: 100%;
}

.refer-a-friend .wpcf7 span.wpcf7-not-valid-tip {
    display: block !important;
}

.refer-a-friend .wpcf7 form .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
    font-size: initial;
}

.refer_button {
    text-align: center !important;
    font-size: 1.1em !important;
    line-height: 1em !important;
    display: inline-block !important;
    margin: 0 .5em 0 0 !important;
    padding: .90909091em 2em !important;
    outline: 0 !important;
}

.application_button, .refer_button {
    margin: 15px 0 !important;
}

.emap-job-manager-body .application_button,
.metropolis-job-manager-body .application_button {
    background: #71AB02;
    color: white;
}

/* Styles for featured jobs slider */
.featured-jobs-container {
    margin-bottom: 30px;
}

.featured-jobs-container .heading-navigation-row:after {
    content: "";
    clear: both;
    display: table;
}

.featured-jobs-container .heading-navigation-row h2 {
    float: left;
    margin: 0;
}

.featured-jobs-container .heading-navigation-row .jobs-slider-arrows {
    float: right;
}

.featured-jobs-container .heading-navigation-row .jobs-slider-arrows i.job-slider-navigation-icon {
    margin: 0 5px;
    background: #EEE;
    border: 1px solid #333;
    padding: 2px;
    border-radius: 100%;
    cursor: pointer;
}

.featured-jobs-container .heading-navigation-row .jobs-slider-arrows i.job-slider-navigation-icon:first-child {
    margin-left: 0;
}

.featured-jobs-container .heading-navigation-row .jobs-slider-arrows i.job-slider-navigation-icon:last-child {
    margin-right: 0;
}

.featured-jobs-container .jobs-slider {
    margin: 15px -15px;
}

.featured-jobs-container .jobs-slider .jobs-slide {
    margin: 0 15px;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner {
    border: 1px solid #BEBEBE;
    background: #EEE;
    padding: 15px;
    position: relative;
    padding-bottom: 100px;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner h2 {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #BEBEBE;
    font-size: initial;
    font-weight: bold;
    text-transform: none;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner p {
    margin: 0;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom img {
    max-width: 100px;
    margin: 0;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom img,
.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom a {
    display: inline-block;
    vertical-align: middle;
    display: flex;
    flex: 50%;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom img {
    align-items: start;
    justify-content: left;
    align-self: center;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom a {
    align-items: end;
    justify-content: right;
    align-self: center;
    text-decoration: none;
    text-align: right;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom a > span {
    background: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
}


.emap-job-manager-body .featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom a > span {
    background: #E7120C;
}

.metropolis-job-manager-body .featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom a > span {
    background: #4C63AE;
}

.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom .view-job span,
.featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner .featured-job-bottom .view-job i {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    .featured-jobs-container .jobs-slider .jobs-slide .jobs-slide-inner {
        height: 300px;
    }
}

/* Overwrite default WPJM styles */

li.job_listing div.company, li.job_listing div.location, li.job_listing ul.meta li.date time, li.job_listing ul.meta li.application-deadline, div.single_job_listing li.date-posted, div.single_job_listing li.location, div.single_job_listing li.application-deadline, div.single_job_listing li.salary {
    color: #000 !important;
}

/* For specific sites, there will be a body class of SITE-job-manager-body, for example: emap-job-manager-body or metropolis-job-manager-body or motortrader-job-manager-body */

.emap-job-manager-body .job_filters .job_types input[type="checkbox"] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

.emap-job-manager-body .article__share {
    display: none;
}

.emap-job-manager-body ul.job_listings,
.metropolis-job-manager-body ul.job_listings {
    margin-left: 0 !important;
}

.emap-job-manager-body ul.job_listings li.job_listing a,
.metropolis-job-manager-body ul.job_listings li.job_listing a {
    height: auto;
    padding: 1em 0 !important;
}

.emap-job-manager-body ul.job_listings li.job_listing a img.company_logo,
.metropolis-job-manager-body ul.job_listings li.job_listing a img.company_logo {
    width: 148px !important;
    height: 62px !important;
    left: 0;
}

.emap-job-manager-body ul.job_listings li.job_listing a div.position,
.metropolis-job-manager-body ul.job_listings li.job_listing a div.position {
    width: 50%;
    padding: 0 0 0 calc(148px + 1em) !important;
}

.metropolis-job-manager-body ul.job_listings li.job_listing a div.position .salary {
    margin-bottom: 0;
}

.metropolis-job-manager-body ul.job_listings li.job_listing a .job-description {
    margin-bottom: 0;
}

.emap-job-manager-body .application-deadline label,
.metropolis-job-manager-body .application-deadline label {
    font-size: inherit;
}

.emap-job-manager-body ul.job_listings li.job_listing a div.location,
.metropolis-job-manager-body ul.job_listings li.job_listing a div.location {
    width: 30%;
}

.emap-job-manager-body .job-listing-meta,
.metropolis-job-manager-body .job-listing-meta {
    margin-left: 0 !important;
}

.metropolis-job-manager-body .job-listing-meta .job-type {
    margin-left: 0;
}

.metropolis-job-manager-body .simplesocialbuttons {
    margin-top: 30px;
}

.emap-job-manager-body ul.job_listings li.job_listing.job_position_featured a,
.metropolis-job-manager-body ul.job_listings li.job_listing.job_position_featured a {
    background: transparent !important;
}

@media only screen and (max-width: 768px) {
    .emap-job-manager-body ul.job_listings li.job_listing a img.company_logo,
    .metropolis-job-manager-body ul.job_listings li.job_listing a img.company_logo {
        width: 100px !important;
        height: 35px !important;
        margin-top: 5px;
    }

    .emap-job-manager-body ul.job_listings li.job_listing a div.position,
    .metropolis-job-manager-body ul.job_listings li.job_listing a div.position {
        width: 100% !important;
        padding: 0 0 0 calc(100px + 1em) !important;
    }

    ul.job_listings li.job_listing a div.location,
    ul.job_listings li.job_listing a ul.meta {
        margin-top: 15px;
    }

    ul.job_listings li.job_listing a div.location {
        float: left !important;
        width: 50% !important;
        text-align: left !important;
        padding-left: 0 !important;
    }
}