.entry-header, .entry-content{width: 100% !important;}

.rp4wp-related-job_listing>ul,ul.job_listings{padding:0;margin:0;border-top:1px solid #eee}

.rp4wp-related-job_listing > ul, ul.job_listings {
    padding: 0;
    margin: 0;
    border-top: 1px solid #eee
}

.rp4wp-related-job_listing > ul.loading, ul.job_listings.loading {
    min-height: 96px;
    border-bottom: 1px solid #eee;
    background: url(https://naturallybayarea.org/wp-content/plugins/circle-jobs-view/assets/images/ajax-loader.gif) no-repeat center 32px
}

.rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
    list-style: none outside;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee
}

.rp4wp-related-job_listing > ul li.job_listing.job_position_filled a, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_filled a, ul.job_listings li.job_listing.job_position_filled a, ul.job_listings li.no_job_listings_found.job_position_filled a {
    opacity: .25
}

.rp4wp-related-job_listing > ul li.job_listing.no_job_listings_found, .rp4wp-related-job_listing > ul li.no_job_listings_found.no_job_listings_found, ul.job_listings li.job_listing.no_job_listings_found, ul.job_listings li.no_job_listings_found.no_job_listings_found {
    padding: 1em;
    border-bottom: 1px solid #eee
}

.rp4wp-related-job_listing > ul li.job_listing a, .rp4wp-related-job_listing > ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
    display: block;
    padding: 1em 1em 1em 2em;
    border: 0;
    overflow: hidden;
    zoom: 1;
    position: relative;
    line-height: 1.5em;
    text-decoration: none
}

.rp4wp-related-job_listing > ul li.job_listing a:focus, .rp4wp-related-job_listing > ul li.job_listing a:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found a:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {
    background-color: #fcfcfc
}

.rp4wp-related-job_listing > ul li.job_listing a img.company_logo, .rp4wp-related-job_listing > ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 1em;
    float: left;
    margin-right: 1em;
    vertical-align: middle;
    box-shadow: none
}

.rp4wp-related-job_listing > ul li.job_listing a div.location, .rp4wp-related-job_listing > ul li.job_listing a div.position, .rp4wp-related-job_listing > ul li.job_listing a ul.meta, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position, .rp4wp-related-job_listing > ul li.no_job_listings_found a ul.meta, ul.job_listings li.job_listing a div.location, ul.job_listings li.job_listing a div.position, ul.job_listings li.job_listing a ul.meta, ul.job_listings li.no_job_listings_found a div.location, ul.job_listings li.no_job_listings_found a div.position, ul.job_listings li.no_job_listings_found a ul.meta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rp4wp-related-job_listing > ul li.job_listing a div.position, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
    float: left;
    width: 55%;
    padding: 0 0 0 42px;
    line-height: 1.5em
}

.rp4wp-related-job_listing > ul li.job_listing a div.position h3, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-size: inherit
}

.rp4wp-related-job_listing > ul li.job_listing a div.position .company, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position .company, ul.job_listings li.job_listing a div.position .company, ul.job_listings li.no_job_listings_found a div.position .company {
    color: #999
}

.rp4wp-related-job_listing > ul li.job_listing a div.position .company .tagline, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position .company .tagline, ul.job_listings li.job_listing a div.position .company .tagline, ul.job_listings li.no_job_listings_found a div.position .company .tagline {
    margin-left: .5em
}

.rp4wp-related-job_listing > ul li.job_listing a div.location, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
    float: left;
    text-align: left;
    width: 25%;
    padding: 0 0 0 1em;
    color: #999;
    line-height: 1.5em
}

.rp4wp-related-job_listing > ul li.job_listing a .meta, .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta, ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
    float: right;
    text-align: right;
    width: 20%;
    padding: 0 0 0 1em;
    margin: 0;
    line-height: 1.5em;
    color: #999;
    list-style: none outside
}

.rp4wp-related-job_listing > ul li.job_listing a .meta li, .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta li, ul.job_listings li.job_listing a .meta li, ul.job_listings li.no_job_listings_found a .meta li {
    list-style: none outside;
    display: block;
    margin: 0
}

.rp4wp-related-job_listing > ul li.job_listing a .meta .job-type, .rp4wp-related-job_listing > ul li.no_job_listings_found a .meta .job-type, ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type {
    font-weight: 700
}

.rp4wp-related-job_listing > ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
    background: #fefee5
}

.rp4wp-related-job_listing > ul li.job_listing.job_position_featured a:focus, .rp4wp-related-job_listing > ul li.job_listing.job_position_featured a:hover, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a:focus, .rp4wp-related-job_listing > ul li.no_job_listings_found.job_position_featured a:hover, ul.job_listings li.job_listing.job_position_featured a:focus, ul.job_listings li.job_listing.job_position_featured a:hover, ul.job_listings li.no_job_listings_found.job_position_featured a:focus, ul.job_listings li.no_job_listings_found.job_position_featured a:hover {
    background-color: #fefed8
}

.widget ul.job_listings li.job_listing a {
    padding: 1em 0
}

.widget ul.job_listings li.job_listing .image {
    float: left
}

.widget ul.job_listings li.job_listing .image img {
    left: 0;
    position: relative
}

.widget ul.job_listings li.job_listing .content {
    overflow: hidden
}

.widget ul.job_listings li.job_listing .position {
    float: none;
    width: auto;
    padding: 0
}

.widget ul.job_listings li.job_listing ul.meta {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: left
}

.widget ul.job_listings li.job_listing ul.meta li {
    float: none;
    display: inline;
    padding: 0;
    margin: 0 .5em 0 0;
    font-weight: 400
}

.widget ul.job_listings li.job_listing ul.meta li:after {
    padding: 0 0 0 .5em;
    content: "\2023"
}

.widget ul.job_listings li.job_listing ul.meta li:last-child:after {
    content: ''
}

@media only screen and (max-width: 767px) {
    ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
        padding: 1em
    }

    ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
        visibility: hidden
    }

    ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
        float: left;
        width: 60%;
        padding: 0
    }

    ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
        float: right;
        width: 40%;
        line-height: 2em;
        font-size: .75em;
        padding: 0 0 0 1em;
        text-align: right
    }

    ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
        float: right;
        width: 40%;
        line-height: 2em;
        font-size: .75em
    }

    ul.job_listings li.job_listing a .meta li, ul.job_listings li.no_job_listings_found a .meta li {
        font-size: 1em
    }
}

.twenty-eleven ul.job_listings li.job_listing, .twenty-eleven ul.job_listings li.no_job_listings_found {
    padding: 0 !important
}

div.job_listings {
    margin-bottom: 1em
}

div.job_listings ul.job_listings {
    margin: 0
}

.single_job_listing .company {
    position: relative;
    border: 1px solid #eee;
    padding: 1em;
    margin: 0 0 2em;
    display: block;
    clear: both;
    min-height: 3em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.single_job_listing .company img {
    width: 3em;
    height: 3em;
    position: absolute;
    left: 1em;
    float: left;
    vertical-align: middle;
    box-shadow: none
}

.single_job_listing .company .name {
    margin: 0 0 0 3em;
    padding: 0 0 0 1em;
    line-height: 1.5em
}

.single_job_listing .company .name a {
    float: right;
    margin-left: 1em
}

.single_job_listing .company .tagline {
    display: block;
    margin: 0 0 0 42px;
    padding: 0 0 0 1em;
    line-height: 1.5em;
    font-style: italic;
    color: #999
}

.single_job_listing .company .website:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: job-manager !important;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    content: '\e809'
}

.single_job_listing .company .company_twitter:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: job-manager !important;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    content: '\e80a'
}

.single_job_listing .company .company_video {
    border-top: 1px solid #eee;
    padding: 1em 0 0;
    margin: 1em 0 0 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.single_job_listing .company .company_video embed, .single_job_listing .company .company_video iframe, .single_job_listing .company .company_video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: block
}

.single_job_listing .meta {
    list-style: none outside;
    padding: 0;
    margin: 0 0 1.5em;
    overflow: hidden;
    zoom: 1;
    clear: both
}

.single_job_listing .meta li {
    margin: 0 1em 0 0;
    padding: .5em;
    float: left;
    line-height: 1em;
    color: #999
}

.single_job_listing .meta .job-type {
    color: #fff;
    background-color: #f08d3c
}

.single_job_listing .meta .full-time {
    background-color: #90da36
}

.single_job_listing .meta .part-time {
    background-color: #f08d3c
}

.single_job_listing .meta .temporary {
    background-color: #d93674
}

.single_job_listing .meta .freelance {
    background-color: #39c
}

.single_job_listing .meta .internship {
    background-color: #6033cc
}

.single_job_listing .meta .listing-expired, .single_job_listing .meta .position-filled {
    color: #b81c23
}

.single_job_listing .meta .location:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: job-manager !important;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    content: '\e81d'
}

.single_job_listing .meta .date-posted:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: job-manager !important;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    content: '\e80f'
}

.single_job_listing .meta .listing-expired:before, .single_job_listing .meta .position-filled:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-family: job-manager !important;
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    content: '\e80e'
}

.single_job_listing .job_description {
    margin: 0 0 1.5em
}

.job-manager-application-wrapper {
    clear: both;
    border: 1px solid #eee;
    padding: .75em 1em 0;
    margin: 1em 0;
    line-height: 1.5em;
    display: block;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.job-manager-application-wrapper .application, .single_job_listing .application {
    padding: 0;
    margin: 0 0 1em;
    overflow: hidden
}

.job-manager-application-wrapper .application .application_button, .job-manager-application-wrapper .application .application_details, .single_job_listing .application .application_button, .single_job_listing .application .application_details {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button {
    text-align: center;
    font-size: 1.1em;
    line-height: 1em;
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .90909091em 2em;
    outline: 0
}

.job-manager-application-wrapper .application .application_details, .single_job_listing .application .application_details {
    clear: both;
    border: 1px solid #eee;
    padding: .75em 1em 0;
    margin: 1em 0;
    line-height: 1.5em;
    display: block;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.job-manager-application-wrapper .application .application_details p, .single_job_listing .application .application_details p {
    margin: 0 0 .75em
}

.job-manager-application-wrapper .application .application_details:before, .single_job_listing .application .application_details:before {
    content: "";
    position: absolute;
    margin: -10px 0 0 0;
    top: 0;
    left: 5em;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eee
}

.job-manager-application-wrapper .application .application_details:after, .single_job_listing .application .application_details:after {
    content: "";
    position: absolute;
    margin: -9px 0 0 1px;
    left: 5em;
    top: 0;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff
}


div.job_listings .job-manager-pagination {
    text-align: center;
    display: block;
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #eee;
    line-height: 1
}

div.job_listings .load_previous {
    border-top: 1px solid #eee
}

div.job_listings .load_more_jobs + ul.job_listings {
    border-top: 0
}

div.job_listings .load_more_jobs {
    text-align: center;
    display: block;
    padding: 1em 1em 1em 2em;
    border-bottom: 1px solid #eee;
    font-weight: 700
}

div.job_listings .load_more_jobs.loading {
    background: url(https://naturallybayarea.org/wp-content/plugins/circle-jobs-view/assets/images/ajax-loader.gif) no-repeat center
}

div.job_listings .load_more_jobs.loading strong {
    visibility: hidden
}

div.job_listings .load_more_jobs:focus, div.job_listings .load_more_jobs:hover {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee
}

.job_listing_preview {
    padding: 0 1em 1em;
    border: 5px solid #eee
}

.single-job_listing .entry-header .attachment-post-thumbnail, .single-job_listing .job_listing.has-post-thumbnail .post-thumbnail {
    display: none
}

.entry-content .job_listing_preview_title, .job_listing_preview_title {
    padding: .5em 1em;
    vertical-align: middle;
    position: relative;
    background: #eee
}

.entry-content .job_listing_preview_title h2, .job_listing_preview_title h2 {
    margin: 0;
    clear: none
}

.entry-content .job_listing_preview_title .button, .job_listing_preview_title .button {
    float: right;
    margin-left: .25em
}


.rtl .entry-content .job_listing_preview_title .button, .rtl .job_listing_preview_title .button {
    float: left
}

.rtl .single_job_listing .meta li {
    float: right;
    margin: 0 0 0 1em
}
/* END OF FRONTEND CSS */

/* style .css */


.resume-sidebar .sidebar-img {
    background-image: url(http://lukescircle.sedulen.com/wp-content/uploads/2017/11/resume-sidebar.png);
    height: 267px;
    width: 267px;
    border-radius: 150px;
    margin-top: 30px;
}

.job_listings .job_listings_count {
    height: 120px;
    line-height: 120px;
    margin-left: 13px;
    /* margin-top: 150px; */
    font-size: 32px;
    font-family: 'Cabin-Medium';
    color: #f36e33;
}

.job_listings li.job_listing a.detail-wrapper {
    display: -webkit-box;
    padding: 0;
    box-shadow: none;
    transition: none;
    outline: 0;
    background: transparent;
}

.job_listings li.job_listing a.detail-wrapper:hover {
    box-shadow: none;
    transition: none;
    background: transparent;
}

/*.job_listings .job_listing .company-logo {
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-color: #fff;
    outline: none;
    transform: translateY(16%);
    margin-left: 10px;
	float: left;
}

.job_listings li.job_listing a.detail-wrapper .position {
    float: none;
    width: 250px;
    padding-left: 5px;
    text-align: right;
    padding-right: 25px;
    vertical-align: middle;
    display: table-cell;
}
*/
.job_listings li.job_listing a.detail-wrapper .position h3,
.job_listings li.job_listing a.detail-wrapper .company .name {
    font-size: 22px;
    /*font-family: 'Cabin-SemiBold';*/
    letter-spacing: 2px;
}

.job_listings li.job_listing a.detail-wrapper .position h3 {
    display: -webkit-box;
    max-width: 400px;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job_listings li.job_listing a.detail-wrapper .job-title-wrapper {
    float: none;
    min-height: 200px;
    /*width: 300px;*/
    width: 33%;
}

.job_listings li.job_listing a.detail-wrapper .position .location {
    width: 100%;
    text-align: left;
    color: #02a5c2;
    text-transform: uppercase;
    font-size: 18px;
    /* font-family: 'Cabin-SemiBold';  */
   letter-spacing: 1px;
   padding-top: 5px;
   margin-top: 0;
   padding: 0;
}

.job_position_featured .company {
   margin-top: 25px;
}
.job_listings li.job_listing a.detail-wrapper .company {
   /*    padding-top: 50px;
       max-width: 67%;*/
    margin-top: 12px;
    max-width: 730px;
}
.company h3{font-family: 'filson-pro', sans-serif !important;}
.company strong{font-family: 'filson-pro', sans-serif !important; font-weight: 600 !important;}

ul.job_listings li.job_listing {
    padding: 20px 0;
    background: #e0e0e0;
}

ul.job_listings li.job_listing:hover {
    background: #BDBDBD;
}

ul.job_listings li.job_listing:hover {

}

.job_listings li.job_listing a.detail-wrapper .company .tagline {
    font-size: 18px;
    padding-top: 5px;
}

.job_listings li.job_listing a.detail-wrapper .company .more-link {
    color: #f36e33;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}

.job_listings .no-access label {
    margin: 50px 0 20px 0;
    font-size: 23px;
    font-weight: 400;
}

.job_listings .no-access a {
    font-family: 'Cabin-SemiBold';
    font-size: 17px;
    color: #fff;
    display: inline-block;
    min-width: 150px;
    padding: 15px;
    margin-right: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    background-color: #02a5c2;
    text-decoration: none !important;
    box-shadow: none !important;
}

.job_listings .no-access p {
    margin: 25px 0 0 0;
}

.job_listings .no-access ul {
    padding-left: 15px;
}

.job_listings .job_filters .search_jobs .no-access {
    padding: 0 13px;
    display: block !important;
}

.job_listings .job_filters .search_jobs .no-access label {
    display: block;
}

/* Job Post */
.job-post {
    max-width: 800px;
}

.job-post-header {
    margin: 70px 0 70px 10px;
    max-width: 800px;
    font-size: 18px;
}

.job-post input {
    margin: 12px 12px 12px 10px;
    padding: 10px 15px;
    height: 54px;
    font-size: 18px;
    border-radius: 0;
    border: 1px solid #999;
    display: inline-block;
}

.job-post select {
    width: 100%;
    margin: 12px 10px;
    padding: 10px 15px;
    height: 54px;
    font-size: 18px;
    border-radius: 0;
    border-color: #999;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #666;
}

.job-post select:not(.multiselect){
    background: url(http://lukescircle.sedulen.com/wp-content/uploads/2017/11/select-arrow.png) no-repeat right;
    padding-right: 53px !important;
    -webkit-padding-end: 53px !important;
}

.job-post .multiselect{
    height: 200px;
}

#industry_label, #job_type_label{
    margin: 10px 10px 0;
    font-family: "Cabin-Regular";
    font-size: 17px;
    color: #666;
}

select[multiple="multiple"] option {
    color: #666;
}

.job-post select:invalid {
    color: #666;
    font-family: 'Cabin-Regular' !important;
}

.job-post textarea {
    margin: 15px 10px;
    border: 1px solid #999;
    border-radius: 0;
    font-size: 18px;
    resize: none;
    display: inline-block;
    padding: 10px 15px;
    max-height: 310px;
    overflow-y: scroll;
}

input.fullwidth,
select.fullwidth,
textarea.fullwidth{
    max-width: 765px;
}

input.halfwidth,
select.halfwidth,
textarea.halfwidth{
    max-width: 370px;
}

.job-post .section-header {
    margin-bottom: 10px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 18px;
    color: #02a5c2;
    font-family: 'Cabin-SemiBold';
    letter-spacing: 1px;
}

.job-post .upload-text {
    color: #666;
    margin: 2px 15px;
    font-size: 17px;
}

.job-post .button {
    height: 53px;
    width: 288px;
    color: #fff;
    background-color: #999 !important;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    font-family: "Cabin-SemiBold";
    letter-spacing: 2px;
    font-size: 17px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 0;
}

.job-post .upload-input {
    position: relative;
    top: -77px;
    width: 288px;
    opacity: 0;
    cursor: pointer;
}

.job-post .job-city {
    margin: 10px;
    padding: 15px;
    border: 1px solid #999;
    color: #666;
    font-size: 18px;
    font-family: 'Cabin-SemiBold';
    max-width: 765px;
}

.job-post .company_logo_preview_container {
    max-height: 200px;
    max-width: 200px;
    margin: 10px;
    display: inline-flex;
    left: 400px;
}

img[src="#"]#company_logo_preview {
    display: none;
}

span.check {
    /*display: inline-block;*/
    /*width: 30%;*/
    white-space: normal;
    vertical-align: top;
}

div.check-target {
    font-family: FontAwesome; /* use an icon font for the checkbox */
    display: inline-block;
}

input[type='checkbox'].check {
    position: relative;
    left: -999em; /* hide the real checkbox */
    height: 10px;
}

input[type='checkbox'].check + div.check-target:after {
    content: "\f00d";
    border: 2px solid #999;
    height: 20px;
    width: 20px;
    display: block;
    line-height: 17px;
    font-size: 17px;
    color: transparent;
}

input[type='checkbox'].check:checked + div.check-target:after {
    content: "\f00c"; /* fontawesome checked box (fa-check) */
    color: #666;
}

.job-post .submit-button-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: 15px;
}

.job-post .submit-button-wrapper .button {
    width: 225px;
    margin-bottom: 20px;
    margin-top: 50px;
}

.job-post .submit-button-wrapper .button.submit {
    background-color: #fb6e30 !important;
    border: 1px solid #fb6e30;
}

.job-post .submit-button-wrapper .button.checkout {
    background-color: #02a5c2 !important;
    border: 1px solid #02a5c2;
}

/*Job Package*/

.job_packages .package-section-content {
    padding-bottom: 36px !important;
}

.job_listing_packages {
    width: 800px;
    background-color: #eee;
    margin-bottom: 50px;
    padding: 0 15px;
    border: 5px solid #eee;
}
.job_listing_packages_title {
    display: none;
}

.job_listing_packages .job_packages {
    margin: 0;
    padding: 0;
    list-style: none outside;
}

.job_packages .package-section .package {
    display: inline-block;
    padding: 20px;
}

@media (max-width: 768px){
    .job_packages .package-section .package {
        padding-right: 0 !important;
    }
}

.job_packages .package-section .price {
    display: inline-block;
    float: right;
    padding: 20px 15px;
    width: 220px;
}

.job_packages .job-package {
    padding: 0 !important;
    border-bottom: 1px dotted #eee;
    padding: 1em;
    list-style: none outside;
    margin: 0;
}

.job_packages .job-package .job-package-item {
    border-bottom: 1px solid #333;
    height: 66px;
    font-size: 17px;
    color: #000;
    line-height: 60px;
    margin-bottom: 0;
    position: relative;
    font-weight: 700;
}

.job_packages .job-package .job-package-item .job-package-price {
    display: inline-block;
    right: 105px;
    width: 100px;
    position: absolute;
}

.job_packages .job-package .job-package-item .job-package-title {
    padding: 10px 15px;
    display: inline-block;
}

.job_packages .package-section {
    color: #fb6e30;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 700;
}

.job_packages .package-section .subheader {
    color: #666;
    text-transform: none;
    font-family: 'Cabin-SemiBold';
    letter-spacing: 0;
}

.job_packages .job-package input[type="radio"]:checked+label {
    background-color: #fb6e30;
    color: #fff;
}

.job_packages .job-package input[type="radio"][name="job_package"] {
    opacity: 0;
    margin: 0;
    position: absolute;
}

.job_packages .job-package.additional .job-package-item{
    border-bottom: none;
    color: #666;
    height: 38px;
    line-height: 47px;
}

.job-package-additional-details {
    border-bottom: none;
    color: #666;
    font-size: 17px;
    font-family: 'Cabin-Regular';
    font-weight: 700;
    padding: 16px 15px;
    height: 25px;
}

#collapsePackageSectionButton,
#expandPackageSectionButton {
    cursor: pointer;
}

.join-circle-header {
    font-size: 18px;
    max-width: 875px;
    line-height: 35px;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-top: 30px;
}

.site-content-contain .site-content .wrap {
    max-width: 100% !important;
}

.job-logo-wrapper {
    width: 155px;
    min-height: 100px;
    float: left;
    margin-right: 40px;
}

.job-details-wrapper {
    float: left;
    max-width: calc(100% - 300px);
}

.job-details-wrapper .item-detail-wrapper .item-detail-label {
    font-size: 18px;
    text-transform: uppercase;
    color: #02a5c2;
}

.job-details-wrapper .item-detail-wrapper .item-detail-value {
    font-family: "Cabin-Regular";
    font-size: 18px;
}

.job-details-wrapper .item-detail-wrapper .item-detail-value.boxed {
    max-width: 495px;
    background-color: #ebebeb;
    padding: 30px;
    margin-top: 13px;
    margin-bottom: 13px;
}

.job-details-wrapper .item-detail-wrapper .item-detail-value.boxed a {
    color: #02a5c2;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #02a5c2;
}

.job-details-wrapper .item-detail-wrapper .item-detail-value.title {
    font-family: "Cabin-Medium";
    font-size: 24px;
}

.job-details-wrapper .item-detail-wrapper {
    margin-bottom: 38px;
}

.job-details-wrapper .item-detail-wrapper .item-detail-button {
    background-color: #fb6e30;
    color: #fff;
    height: 53px;
    width: 175px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    line-height: 53px;
    letter-spacing: 1px;
    margin: 20px 0;
    cursor: pointer;
}

.single_job_listing .back-to-results-button{
    color: #f36e33;
    font-size: 32px;
    font-family: "Cabin-Medium";
    padding: 32px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}


.company-logo {
    /*background-image: url(http://lukescircle.sedulen.com/wp-content/uploads/job-manager-uploads/company_logo/2018/10/la-sportiva-logo.png);*/

    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    margin: 20px 2%;
    width: 15%;
}
body ul.job_listings li.job_listing a div.position {
    width: initial;
    padding: 0;
    margin-top: 12px;
}
.featuredjob {

    max-width: 150px;
    height: auto;
    margin: 0;
    background-color: #2da5c3;
    color: #fff;
    /* -ms-transform: rotate(-50deg); */
    /* -webkit-transform: rotate(20deg); */
    /* transform: rotate(-50deg); */
    padding: 5px 10px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    top: 6px;
}

ul.job_listings li.job_listing.job_position_featured a {
    background: transparent;
}

ul.job_listings li.job_listing.job_position_featured a:hover {
    background: transparent;
}

/*pagination */
div.job_listings .job-manager-pagination {
    text-align: center;
    display: block;
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #eee;
    line-height: 1
}


#content nav.job-manager-pagination, nav.job-manager-pagination {
    text-align: center
}

#content nav.job-manager-pagination ul, nav.job-manager-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-left: 1px solid #eee;
    margin: 1px
}

#content nav.job-manager-pagination ul li, nav.job-manager-pagination ul li {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden
}

#content nav.job-manager-pagination ul li a, #content nav.job-manager-pagination ul li span, nav.job-manager-pagination ul li a, nav.job-manager-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: 400;
    padding: .5em;
    min-width: 1em;
    display: block;
    border: 0
}

#content nav.job-manager-pagination ul li a:focus, #content nav.job-manager-pagination ul li a:hover, #content nav.job-manager-pagination ul li span.current, nav.job-manager-pagination ul li a:focus, nav.job-manager-pagination ul li a:hover, nav.job-manager-pagination ul li span.current {
    background: #eee;
    color: #888
}


#content nav.job-manager-pagination ul li,
nav.job-manager-pagination ul li,
.page-numbers  {
    margin: 5px;
    background-color: #eee;
    text-align: center;
}
#content nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li a,
.page-numbers {
    height: 45px;
    width: 45px;
    line-height: 30px;
    box-shadow: none !important;
    color: #666;
    font-family: "Cabin-Regular";
}
#content nav.job-manager-pagination ul li span.current,
nav.job-manager-pagination ul li span.current,
.page-numbers.current {
    background: green;height: 45px;
    width: 45px;
    line-height: 30px;
    box-shadow: none;
    color: #666;
    font-family: "Cabin-Regular";
    color: #fff;
}
#content nav.job-manager-pagination ul li.previous-next-button,
nav.job-manager-pagination ul li.previous-next-button,
.next.page-numbers,
.prev.page-numbers {
    width: 148px;
    background-color: #ccc;
}
#content nav.job-manager-pagination ul li.previous-next-button a,
nav.job-manager-pagination ul li.previous-next-button a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Cabin-SemiBold";
    text-align: center;
    width: 100%;
}
.next.page-numbers,
.prev.page-numbers {
    line-height: 45px;
    padding: 0;
    height: 48px;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Cabin-SemiBold";
    text-align: center;
    float: none;
}
#content nav.job-manager-pagination, nav.job-manager-pagination {
    text-align: left;
}
#content nav.job-manager-pagination ul li.previous-next-button a:hover,
nav.job-manager-pagination ul li.previous-next-button a:hover {
    background-color: #767676;
}
.job_listings li .position h3 {
    font-size: 18px !important;
    text-transform: inherit !important;
}
.destination_jobs h3{text-transform: inherit !important; color: #333 !important; font-weight: bold !important;}
.destination_jobs p{color: #333 !important; font-size: 18px !important;}
.action-btn{width:164px !important; padding: 16px !important}
.destination_jobs .featuredjob{color: #fff !important;}
.panel.one-column .content.columns{padding-left: 0px !important; padding-right: 0px !important;}
.destination_jobs .more-link strong{color: #00b5af !important;}
.destination_jobs .company{max-width: 48% !important;}
@media only screen and (max-width: 768px) and (min-width: 236px) {
    .company-logo, .job-title-wrapper, .company{width: 100% !important; min-height: auto !important;}
    .job_listings li.job_listing a.detail-wrapper
    {
        display: block !important;
    }
    .destination_jobs .job_listings .company-logo {
        width: 236px !important;
        height: 118px;
        margin-left: auto;
        margin-right: auto;
        background-size: 50%;
    }
    .job_listings li .position p {
        text-align: center;
        margin: auto;
        display: block;
    }
   .job_listings li .position h3 {
        margin: auto !important;
        display: block !important;
        text-align: center !important;
        margin-top: 10px !important;
    }
    .job_listings li .position .location {
        text-align: center !important;
    }
    .job_listings li .company {
        text-align: center;
        width: 100%;
        max-width: 100% !important;
        margin: 0px;
    }
    .header_link a, .action-btn{float: none !important; text-align: center !important; margin-left: auto; margin-right: auto; display: block}
    ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position{float: none;}
}
.company strong{font-weight: 100 !important;}
.header_link{width: 100%; padding-bottom: 30px;}
.header_link .power_by{color:#000;text-align:left; float: left; font-size: 20px; font-weight: normal}
.header_link .power_by{position: relative; text-decoration: none;}
.header_link .powered_logo{max-width: 250px; margin-bottom: -1px;}
.header_link .action-btn{background-color: green; color: white; font-weight: bold; text-align: center}
.header_link .right_link{float: right;}
.destination_jobs .featuredjob{background-color: green !important;}
.destination_jobs .location{color: green !important;}
.header_link a, .header_link a:hover, .header_link a div:hover{text-decoration: none !important; border: none !important;box-shadow:none !important;}