/*
Theme Name:   WorkScout Child
Theme URI: http://workscout.in
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: WordPress Job Theme
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: workscout
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  workscout
*/
.job .location {
    text-transform: uppercase;
}
.location.single {
    margin-bottom: 10px;
}
.location.single i {
    margin-right: 8px;
}

@media screen and (max-width: 576px) {
    #search_map {
        position: relative;
    }
    .job-logo {
        width: 40px !important;
    }
    .job-logo.small {
        width: 32px !important;
    }
    .job.infowindow small,
    .leaflet-popup-content h4 {
        font-size: 11px;
    }
    .job-listing-description h3 {
        
    }
    .job.infowindow .right {
        font-size: 13px !important;
    }
    .job.infowindow h3 {
        font-size: 14px;
        /* width: 300px; */
    }
    .job.infowindow .d-flex {
        display: block !important;
    }
    .job.infowindow .button {
        margin-top: 12px !important;
    }
    .job-pagination {
        flex-wrap: wrap;
    }
    .job-pagination > a,
    .job-pagination > span {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    #jobs .job {
        margin-top: 1rem !important;
    }
    .job-filters .button {
        padding: 10px 15px !important;
        height: 36px;
        line-height: 1;
    }
    .job-filters .map-focus {
        height: 47px !important;
        line-height: 47px !important;
        padding: 0 !important;
    }
    .search-column {
        padding: 1.5rem 0;
    }
    .map-column {
        order: -2;
    }
    #search_map.full-height, #gmap.search {
        height: 400px;
        margin: 0 -15px;
    }
}
@media screen and (max-width: 992px) {
    #search_map {
        position: relative;
    }
    .search-column {
        padding: 1.5rem 0;
    }
    .map-column {
        order: -2;
    }
    #search_map.full-height, #gmap.search {
        height: 400px;
        margin: 0 -15px;
    }
    
}
@media screen and (min-width: 993px)  and (max-width:1200px) {
    #search_map {
        position: relative;
    }
    .joob-logo {
        width: 60px;
    }
    #jobs .col-md-6 {
        width: 100% !important;
    }
    #jobs .job {
        zoom: 0.9;
        margin-top: 1rem !important;
    }
    #jobs .job h3 {
        min-height: 77px;
    }
    .job-logo {
        width: 55px;
    }
    .job-logo.small {
        width: 32px !important;
    }
    .job .location {
        font-size: 13px;
        /* width: 100%;
        overflow: hidden; */
    }
    .job .buttons {
        display: block !important;
    }
    .job .buttons .button {
        padding-left: 20px;
    }
    .job .buttons .button,
    .job .buttons .map-focus {
        display: block;
        width: 100%;
        text-align: left;
        
    }
    .job-filters .map-focus {
        height: auto !important;
        line-height: 1 !important;
    }
}
@media screen and (min-width: 993px) {
    #jobs-search {
        min-height: 80vh;
    }
    
    #search_map.full-height, #gmap.search {
        position: fixed !important;
        top: 90px;
        right: 0;
        background: #ccc;
        width: 40vw;
        height: calc( 100vh - 105px );
        
    }
    .search-column {
        padding: 48px;
    }
}
#gmap.shortcode {
    width: 100%;
    height: 450px;
    margin-bottom: 60px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    height: 35px !important;
}
.select2-container--default .select2-selection--multiple,
.form-group select,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 35px !important;
    line-height: 35px !important;
    /* overflow-x: auto; */
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px;
}
.form-group {
    margin-bottom: 10px;
}


/* Select 2 selected */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    /* display: flex;
    align-items: start; */
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow: visible;
}

.btn-danger,
.bg-danger {
    background-color: #df1f26 !important;
}
.text-danger {
    color: #df1f26 !important;
}
.job-logo {
    width: 75px;
    height: auto;
}
.job-logo.small {
    display: inline-block;
    margin-bottom: -8px;
    margin-right: 5px;
    width: 32px !important;
}
form.waf .messages {
    text-align: center;
    margin: 10px 0;
}
.job h3 {
    line-height: 1.2;
    margin-bottom: 5px;
    min-height: 58px;
}

.job_listings img, .job-list img {
    height: auto;
}
.single_job_listing .share-post {
    padding: 0;
}
.job-categories ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.job-categories ul li {
    padding: 0;
}

.leaflet-popup-content-wrapper .job-listing .job-listing-details {
    color: #666;
    font-size: 16px;
}
.leaflet-popup-content-wrapper .job-listing .job-listing-description ul::before {
    /* display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    content: "\f041";
    margin-right: 1rem;
    position: absolute;
    bottom: 63px; */
}

.leaflet-popup-content-wrapper .job-listing .job-listing-description ul {
    font-weight: 700;
    color: #333;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.leaflet-popup-content-wrapper .job-listing h4.job-listing-company {
    font-size: 10.4px;
    color: #666;
}
.leaflet-popup-content-wrapper .job-listing h3.job-listing-title {
    
    color: #df1f26;
    font-size: 22px;
    font-family: montserrat;
}

.job.infowindow .right {
    font-size: 16px;
    max-width: 175px;
}

.job.infowindow .d-flex {
    display: flex;
    align-items: start;
    margin: 0px !important;
}
.job.infowindow .job-logo {
    float: left;
}
.job.infowindow {
    /* border: 1px solid #dee2e6; */
    padding: 5px;
}
.job.infowindow i,
.job.infowindow img {
    margin-right: 10px;
}
.job.infowindow h3 {
    min-height: unset;
    margin-bottom: 10px;
}
.job.infowindow a.button {
    margin-top: 24px;
    margin-left: auto;
}
.job-filters.shortcode strong {
    color: #333;
}
.job-filters.shortcode .button {
    margin-top: 24px;
}
.job-filters ul {
    min-height: 120px;
}
.job-filters ul,
.job-filters li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.job-filters .button {
    padding: 10px 15px;
}
.job-filters .map-focus {
    padding: 0;
    height: 47px;
    line-height: 47px;   
}
.back-btn {
    background: #fff !important;
    color: #df1f26 !important
}

.mobile-order--1 {
    order: -1;
}
#footer-new {
    position: relative;
    z-index: 100;
}

#driving-jobs,
#driving-jobs:focus,
#driving-jobs:focus-visible,
#maintenance-jobs,
#maintenance-jobs:focus,
#maintenance-jobs:focus-visible,
#office-jobs,
#office-jobs:focus,
#office-jobs:focus-visible
 {
    outline: 0 !important;
}


#jobs h4.noresults {
    margin: 2rem 1rem;
}

.icon-twitter:before {
    content: '';
    background: url('x-twitter.svg');
    display: block;
    width: 25px;
    height: 25px;
    
}

/* Top Bar */
.new-header #header-container,
.new-header #header {
    height: 127px !important;
    padding-bottom: 28px !important;
}
#topbar {
    font-size: .7em;
    border-bottom: 1px solid rgba(221, 221, 221, 1.0);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    padding: 0px 0px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    clear: both;
    float: left;
    width: 100%;
}
.admin-bar #topbar {
    /* margin-top: 32px; */
}
.list-inline {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
#topbar-menu li a {
    font-family: "Montserrat" !important;
    color: #666666;
}
#social-icons {
    margin-left: 10px;
}
#social-icons a {
    
    color: #666666;
}
#topbar-phone{
    margin-left: 20px;
    position: relative;
    top: -2px;  
}
#topbar-phone a {
    font-size: 10.5px;
    color: #666666;
}
.float-right {
    float: right;
}






@media screen and (max-width: 450px ) {
    #topbar-menu {
        display: none;
    }
    .topbar-right {
        float: none;
    }
    #social-icons {
        margin-left: 0;
    }
}
@media screen and (min-width: 451px) and (max-width: 660px) {
    .topbar-right {
        float: none;
    }
    #topbar-menu {
        display: block;
    }
    #social-icons {
        margin-left: 0;
    }
    .new-header #header-container,
    .new-header #header {
        height: 154px !important;
        padding-bottom: 54px !important;
    }
}
/* Front Awesome 5 Brands */
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(webfonts/fa-brands-400.eot);
    src: url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-brands-400.woff2) format("woff2"), url(webfonts/fa-brands-400.woff) format("woff"), url(webfonts/fa-brands-400.ttf) format("truetype"), url(webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: 'Font Awesome 5 Brands'
}
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(webfonts/fa-regular-400.eot);
    src: url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-regular-400.woff2) format("woff2"), url(webfonts/fa-regular-400.woff) format("woff"), url(webfonts/fa-regular-400.ttf) format("truetype"), url(webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(webfonts/fa-solid-900.eot);
    src: url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(webfonts/fa-solid-900.woff2) format("woff2"), url(webfonts/fa-solid-900.woff) format("woff"), url(webfonts/fa-solid-900.ttf) format("truetype"), url(webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

.fa-twitter:before {
    content: '' !important;
    background: url(x-twitter.svg);
    display: block;
    width: 10.5px;
    height: 10px;
    top: 1px;
    position: relative;
}
.fab.fa-facebook-f:before,
.fab.fa-facebook:before {
    content: "\f09a";
}
.form-group.keyword {
    background-color: transparent;
    color: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0 15px;
}
.leaflet-control-attribution.leaflet-control {
    display:none;
}