/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {
    background: none;
}

/* Increase space above footer for non divi pages */
#main-content {
    padding-bottom: 20px
}

/*** Hide Sidebar ***/
#sidebar {
    display: none;
}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px) {
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
    .sub-menu {
        min-width: 300px;
    }

    #top-menu li li a {
        width: 260px;
        /* Extra - Reduce padding on list items */
        padding: 4px 12px;
    }
}

.page-id-15474 .rplg {
    display: none
}

.page-id-15474 div#gform_wrapper_1 {
    margin: 0 auto;
    max-width: 750px;
}

.page-id-15474 .et_pb_section_1 {
    padding: 0 !important;
}

.page-id-15474 .et_pb_section {
    padding: 4% 0 0px 0 !important;
}

/* title weight */
h1 {
    font-weight: 400 !important
}

h2 {
    font-weight: 400 !important
}
h1.h1-on-img {
    font-weight: 700 !important;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
    color: #fff;
}
/* application form */

.single_job_listing .application .application_button, .job-manager-application-wrapper .application .application_button, .button.wp_job_manager_send_application_button {
    background: #04afdc;
    font-weight: 800;
    border: 0;
    border-radius: 10px;
    color: #fff;
	    padding: 1em 2em;
}
.single_job_listing .application .application_details, .job-manager-application-wrapper .application .application_details {
	background: #f4f4f4;
}
.single_job_listing .application .application_details::before, .job-manager-application-wrapper .application .application_details::before, .single_job_listing .application .application_details::after, .job-manager-application-wrapper .application .application_details::after {
	    border-bottom: 10px solid #f4f4f4 !important;
}
/* mega menu */
h3.mega-menu-title {
    font-size: 14px;
    padding-bottom: 0;
    color: #02aedc;
    font-weight: 600;
    position: relative;
}

h3.mega-menu-title:before {
    content: "";
    background: 15px, 15px, url(/wp-content/uploads/2023/04/4myschools-4-icon.svg);
    height: 15px;
    width: 15px;
    position: absolute;
    left: -22px;
    top: 4px;
}

.mega-sub-menu h4 {
    text-align: center !important;
    font-weight: 700 !important;
    color: #004899 !important;
}

hr.menu-header-line {
    border-top: 1px solid #95c11f;
}
li#mega-menu-13558-2 {
    margin-top: 15px !important;
}
#mega-menu-item-13064 .textwidget .mega-menu-title {
    margin-left: 15px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 980px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        color: #fff;
        background: #004899;
    }
}

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

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        color: #fff;
        background: #8cbd3a;
    }
}

/**/
.quick-nav-bar-outer {
    width: 100%;
    position: relative;
    background: #004899
}

.quick-nav-bar {
    display: flex;
    max-width: 1080px;
    margin: auto;
    position: relative;
    justify-content: space-evenly;
}

.quick-nav-bar div a {
    color: #fff;
    display: block;
}

.quick-nav-bar div {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    line-height: 1.3;
    z-index: 10;
    text-align: center;
    position: relative;
}

.quick-nav-bar div a:after {
    content: "";
    color: #fff;
    position: absolute;
    background: #fff;
    height: 20px;
    width: 2px;
    top: 32%;
}

.quick-nav-bar div:last-of-type a:after {
    background: #ffffff00 !important;
    content: "";
}

.et_pb_svg_logo #logo {
    height: 54px;
}

@media only screen and (min-width: 981px) {
    .et_pb_svg_logo #logo {
        height: 50px !important;
    }
}

#mega-menu-wrap-primary-menu {
    clear: both;
    margin-bottom: 8px;
}

@media (min-width:767px) and (max-width:980px) {
    #mega-menu-wrap-primary-menu {
        clear: both;
        margin-bottom: 8px;
        width: 400px;
    }
}

/* logo cta header block */

.et_header_style_left .logo_container {
    position: absolute;
    height: unset;
    width: unset;
}

.header-cta-block a img {
    width: 230px !important;
    margin: 0 20px;
}

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

    .et_header_style_left #et-top-navigation,
    .et_header_style_split #et-top-navigation {
        padding: 0!important;
    }

    .container.et_menu_container {
        z-index: 99;
        margin-top: 10px;
    }
}

.header-cta-block {
    display: flex;
    z-index: 10;
    position: relative;
    justify-content: center;
    top: calc(1vw - 94px);
    align-items: center;
}

.header-cta-buttons {
    display: flex;
    gap: 2%;
    justify-content: flex-end;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.header-cta-buttons div a {
    display: block;
    padding: 4px 8px;
    border-radius: 3px;
	color: #000;
	background: none;
	transition: all 0.3s ease;
	text-decoration: none;
	font-size: clamp(0.9rem, 1.0vw, 1.0rem);
}

.header-cta-buttons div:nth-of-type(1) a:hover {
    background: #05aedc; 
    color: #000;
}

.header-cta-buttons div:nth-of-type(2) a:hover {
   background: #05aedc;
    color: #000;
}

.header-cta-buttons div:nth-of-type(3) a:hover {
    background: #05aedc;
    color: #000;
}

.header-cta-buttons div:nth-of-type(4) a:hover {
    background: #05aedc;
    color: #000;
}

.header-cta-buttons div:nth-of-type(5) a:hover {
    background: #05aedc;
    color: #000;
}
.header-cta-buttons div:nth-of-type(6) a:hover {
    background-color: #05aedc;
    color: #000;
}
.header-cta-buttons div:nth-of-type(7) a:hover {
	background: #05aedc;
	color: #000;
}
.logo_container {
    position: relative;
}

@media (max-width: 980px) {

    .et_header_style_left .et-fixed-header #et-top-navigation,
    .et_header_style_left #et-top-navigation {
        padding-top: 10px;
        display: block;
        margin: 0 auto !important;
    }

    .container.et_menu_container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4% !important;
    }

    .et_header_style_left .logo_container {
        text-align: center;
        margin-bottom: 15px;
    }

    .nav-cta-block {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .header-cta-buttons {
        display: flex;
        gap: 6%;
        justify-content: center;
    }

    .et_pb_svg_logo #logo {
        height: 100px;
    }

    .et_header_style_left .logo_container {
        text-align: center;
        margin-bottom: 0px;
    }

    header .logo_container {
        position: relative !important;
        padding-top: 0px;
    }
}

@media (min-width:1200px) {
    .quick-nav-bar div a:after {
        left: 138%;
    }
}

@media (max-width:1200px) {
    .quick-nav-bar div a:after {
        left: calc(138% - 10px);
    }
}

@media (max-width:980px) {
    .quick-nav-bar div a:after {
        left: calc(125% - 10px);
    }

    .rplg-badge-cnt .rplg-badge2-close {
        display: block;
    }

    #mega-menu-item-13064 ul li ul li div p a img {
        display: none;
    }
}

@media (max-width:980px) and (min-width:767px) {
    .header-cta-block {
        top: -20px;
    }
}

@media (max-width:788px) {
    .header-cta-block {
        top: -20px;
        display: flex;
        flex-direction: column;
    }

    .header-cta-buttons {
        display: flex;
        flex-direction: row;
        gap: 6%;
        width: 100%;
        justify-content: center;
        margin-top: 6px;
		    flex-wrap: wrap;
    }

    .quick-nav-bar {
        display: none;
    }
}

@media (max-width:440px) {
    .header-cta-buttons {
        flex-direction: column;
		text-align: center;
    }
	.header-cta-buttons div a{
		margin-bottom: 3px !important;
	}
    .et_header_style_centered #main-header div#et-top-navigation {
        margin-top: 30px;
    }
}
#main-header {
  box-shadow: unset !important;
}
/* New mobile background & text color override */
@media (max-width: 980px) {
    .header-cta-buttons div:nth-of-type(1) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
    .header-cta-buttons div:nth-of-type(2) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
    .header-cta-buttons div:nth-of-type(3) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
    .header-cta-buttons div:nth-of-type(4) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
    .header-cta-buttons div:nth-of-type(5) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
    .header-cta-buttons div:nth-of-type(6) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
	.header-cta-buttons div:nth-of-type(7) a {
        background-color: #02aedc;
        color: #000;
		margin-bottom: 3px;
    }
}
/* applies the above rules to all future buttons in header */
.header-cta-buttons div a:hover {
    background: #05aedc;
    color: #000;
}
/* Apply same mobile background to new "Post Adverts" and "Browse Candidates" buttons */
@media (max-width: 980px) {
  .header-cta-buttons .goto-post-adverts a,
  .header-cta-buttons .goto-testimonials a,
  .header-cta-buttons .goto-browse-candidates a {
    background-color: #02aedc !important;
    color: #000 !important;
    margin-bottom: 3px !important;
    display: block !important;
    width: 100% !important;
  }
}

/* Top-Level Mega Menu Links black on Desktop */
@media (min-width: 981px) {
    #mega-menu-wrap-primary-menu > #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        color: #000 !important;
    }
}
/* theme changes and divi*/

body #page-container .et_pb_section .et_pb_button_0,
body #page-container .et_pb_section .et_pb_button_1,
body #page-container .et_pb_section .et_pb_button_2,
body #page-container .et_pb_section .et_pb_button_3 {
    border-width: 2px !important;
}

@media (min-width: 981px) {

    .et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover > ul,
    .et_secondary_nav_dropdown_animation_expand #et-secondary-nav li:hover > ul {
        -webkit-animation: none;
        animation: none;
    }
}

/* job manager */

form#submit-job-form fieldset {
    display: flex;
    flex-direction: column;
}

form#submit-job-form label {
    font-weight: 700;
    font-size: 16px;
}

form#submit-job-form {
    background: #fbfbfb;
    padding: 10px;
    border: 1px #979797 solid;
}

.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
    width: 100%;
    float: right;
    vertical-align: middle;
}

#submit-job-form p input.button {
    padding: 6px 12px;
    border-radius: 5px;
    background: #05aedc;
    color: #fff;
    border: 0;
}

#submit-job-form input.button.secondary.save_draft {
    padding: 6px 12px;
    border-radius: 5px;
    background: #8cbd3a;
    color: #fff;
    border: 0;
}
input.button.secondary.save_draft {
    display: none;
}
input.button.job-manager-button-edit-listing {
    padding: 6px 12px;
    border-radius: 5px;
    background: #c02b0a;
    color: #fff;
    border: 0;
}

input#job_preview_submit_button {
    padding: 6px 12px;
    border-radius: 5px;
    background: #8cbd3a;
    color: #fff;
    border: 0;
}

.job_listing_preview_title,
.entry-content .job_listing_preview_title {
    background: #fff;
}

.fieldset-job_location small,
.fieldset-job_location .field small {
    display: none !important;
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label) small {
    opacity: .75;
    font-size: .83em;
    color: #c02b0a;
}

.fieldset-company_tagline,
.fieldset-company_video,
.fieldset-company_twitter,
.fieldset-company_logo label small {
    display: none !important;
}
form#job_preview {
    display: flex;
    flex-direction: column;
}
.job_listing_preview_title {
    order: 1;
    display: flex;
    justify-content: space-evenly;
}
.job_listing_preview_title h2 {
    display: none;
}
/* job dash */

.job-manager-jobs .entry-content table:not(.variations) {
    border: 1px solid #979797;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
    background: #fbfbfb;
}

.job-manager-jobs .entry-content tr td {
    border-top: 1px solid #979797;
    padding: 6px 24px;
}

.job-manager-jobs td.job_title {
    color: #05aedc;
    padding-left: 10px !important;
}
.job-manager-jobs tr td {
    border-top: 1px solid #979797;
}

.job-manager-jobs {
    background: #fbfbfb;
    border: 1px solid #969696 !important;
}
tfoot td a {
    color: #c02b0a;
    padding-left: 10px;
}

.job-manager-jobs tfoot tr td a {
    padding: 6px 12px;
    border-radius: 5px;
    background: #8cbd3a;
    color: #fff;
    border: 0;
    display: inline-block;
    margin-left: 8px;
}

table.job-manager-jobs thead tr .job_title {
    padding-left: 10px !important;
}

/* job search listing */

div.job_listings {
    margin-bottom: 1em;
    border: 1px #979797 solid;
}

.page-id-18602 .entry-content ul {
    list-style-type: none;
    padding: 0;
    line-height: 26px;
}

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

.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 {
    font-weight: 700;
    position: relative;
    color: #535353
}

.rp4wp-related-job_listing > ul li.job_listing a:hover div.position h3,
.rp4wp-related-job_listing > ul li.no_job_listings_found a:hover div.position h3,
ul.job_listings li.job_listing a:hover div.position h3,
ul.job_listings li.no_job_listings_found a:hover div.position h3 {
    color: #535353;
    font-weight: 800;
}

.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: #fff;
        border: solid 5px #8cbd3a;
    position: relative;
    box-shadow: 0px 0px 9px 2px #00000082;
	    margin-bottom: 10px;
}

.page-id-18602 .job_position_featured:before {
    content: "Featured";
    font-weight: 800;
    background: green;
    color: #fff;
    padding: 0px 0.5em 0px 0.5em;
    position: absolute;
    z-index: 10;
    font-size: 10px;
    line-height: 1.4;
    margin-left: 0.8em;
}

#left-area ul,
.entry-content ul,
.et-l--body ul,
.et-l--footer ul,
.et-l--header ul {
    list-style-type: none;
    padding: 0 0 23px 1em;
    line-height: 26px;
}
.filter_wide.filter_by_tag span a {
    font-size: 12px !important;
}
.filter_wide.filter_by_tag {
    order: 4;
}
@media(max-width:767px) {
    ul.job_types {
        display: flex;
        flex-wrap: wrap;
    }

    .job_filters .job_types li {
        padding: 0;
        flex-basis: 50%
    }
}

/* job roll */

#teaching-job-roll .et_pb_post a.more-link {
    margin-top: 10px !important;
    padding: 7px 10px !important;
    display: block;
    text-align: center;
    background: #0c6c86;
    color: #fff;
    font-weight: 600;
}

/* single job listing */


.single-job_listing .et_post_meta_wrapper img {
    flex-basis: 30%;
}

.single-job_listing .et_post_meta_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single-job_listing ul.job-listing-meta.meta {
    background: #e9faff;
    display: flex;
    align-items: center;
    padding: 10px !important;
    border-bottom: 1px #979797 solid;
}

.single-job_listing ul.job-listing-meta.meta li,
.single-job_listing ul.job-listing-meta.meta li a {
    color: #34498a;
}

.single-job_listing ul.job-listing-meta.meta li,
.single-job_listing ul.job-listing-meta.meta li a {
    color: #000000;
}

.single-job_listing ul.job-listing-meta.meta li.job-type {
    color: #fff;
}

.single_job_listing .company {
    display: none;
}

.single-job_listing ul.job-listing-meta.meta {
    background: #e4f5fe;
}

.single-job_listing .et_post_meta_wrapper img {
    max-width: 120px;
}

@media (max-width:767px) {
    .single-job_listing .et_post_meta_wrapper {
        flex-direction: column;
    }

    .single-job_listing .et_post_meta_wrapper img {
        max-width: 40%;
    }
}

/* single job application form */

div#field_8_8,
div#field_8_7,
div#field_7_9,
div#field_7_10 {
    display: flex;
    align-items: center;
}

div#field_8_8 label,
div#field_8_7 label,
div#field_7_9 label,
div#field_7_10 label {
    margin: 0;
}

div#field_8_8 input,
div#field_8_7 input,
div#field_7_9 input,
div#field_7_10 input {
    margin: 0;
    border: 0;
    text-transform: uppercase;
    background: #f7f7f7;
}

div#gform_wrapper_8,
div#gform_wrapper_7 {
    padding: 10px;
    background: #f7f7f7;
}

input#gform_submit_button_8,
input#gform_submit_button_7 {
    background-color: #07aedc;
    border: 0;
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
}

div#field_8_8 .ginput_container.ginput_container_text,
div#field_8_7 .ginput_container.ginput_container_text,
div#field_7_9 .ginput_container.ginput_container_text,
div#field_7_10 .ginput_container.ginput_container_text {
    flex-basis: 60%;
}

span.gfield_required.gfield_required_asterisk {
    color: #c02b0b;
    font-weight: 600;
}

.gform_heading .gform_required_legend {
    display: none;
}

@media (max-width:980px) {

    div#field_8_8,
    div#field_8_7,
    div#field_7_9,
    div#field_7_10 {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    div#field_8_8 .ginput_container.ginput_container_text,
    div#field_8_7 .ginput_container.ginput_container_text,
    div#field_7_9 .ginput_container.ginput_container_text,
    div#field_7_10 .ginput_container.ginput_container_text {
        flex-basis: 100%;
        width: 100%;
    }

    div#field_8_8 input,
    div#field_8_7 input,
    div#field_7_9 input,
    div#field_7_10 input {
        padding: 0;
    }
}

/*job type colours*/

.job-listing-meta .job-type.full-time {
    background-color: #4336da;
}

.job_listing .job-type.full-time {
    color: #4336da;
}

.job-listing-meta .job-type.contract {
    background-color: #e85252;
}

.job_listing .job-type.contract {
    color: #e85252;
}

.job-listing-meta .job-type.fixed-term {
    background-color: #10c379;
}

.job_listing .job-type.fixed-term {
    color: #10c379;
}

.job-listing-meta .job-type.maternity-cover {
    background-color: #de3cf0;
}

.job_listing .job-type.maternity-cover {
    color: #de3cf0;
}

.job-listing-meta .job-type.part-time {
    background-color: #36c9da;
}

.job_listing .job-type.part-time {
    color: #36c9da;
}

.job-listing-meta .job-type.permanent {
    background-color: #7716ae;
}

.job_listing .job-type.permanent {
    color: #7716ae;
}

.job-listing-meta .job-type.job-share {
    background-color: #2caba5;
}

.job_listing .job-type.job-share {
    color: #2caba5;
}

.job-listing-meta .job-type.supply-support-teacher {
    background-color: #ff7f17;
}

.job_listing .job-type.supply-support-teacher {
    color: #ff7f17;
}

.job-listing-meta .job-type.supply-teacher {
    background-color: #34672c;
}

.job_listing .job-type.supply-teacher {
    color: #34672c;
}

.job-listing-meta .location a,
.salary {
    font-weight: 600;
    color: #000 !important
}

.job-listing-meta .job-type {
    color: #fff;
    padding: 0 10px;
    display: inline-block !important
}

.post-18605 #job-manager-job-dashboard .job_title small {
    color: red !important
}

/* job tags */

.fieldset-job_tags label small {
    display: none;
}

.fieldset-job_tags .field small.description {
    display: none;
}

/* job search */

.job_filters .search_jobs {
    display: flex;
    flex-wrap: wrap;
}

.job_filters {
    background: #fff;
}

.search_keywords {
    order: 1;
}

.search_location {
    order: 3;
}

.search_submit {
    order: 4;
    width: 100%;
}

.search_remote_position {
    display: none;
}

.job-tags {
    font-weight: 700;
    color: #535353 !important;
}

.location {
    font-weight: 400;
    color: #535353 !important;
    text-transform: capitalize;
}

.location::before {
    display: none !important;
}

.job_filters .search_jobs input[type="submit"] {
    background: #07aedc;
    border: 0;
    padding: 5px 7px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    display: block;
}

div.job_listings {
    margin-bottom: 1em;
    border: 1px #ffffff solid;
}

.job_filters .job_types {
    border: 1px solid #e5e5e5;
    margin-bottom: 12px;
}

/* custom job grids */



.job-grid .job {
    order: 2;
}

.job-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2%;
}

.job-image {
    text-align: center;
}

.job-details label {
    font-weight: 400;
}

.job-salary,
.job-location {
    font-weight: 700;
}

.job-image img {
    width: auto;
    height: 100px;
}

.job-grid ul {
    padding: 0;
}

.job-grid div.job_listing {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    background: linear-gradient(180deg, white 42%, #d1d1d1);
}

h3.job-title {
    font-size: 22px;
    font-weight: 600;
}

p.job-salary {
    padding-bottom: 1em !important;
}

a.job-apply-now {
    padding: 5px 8px !important;
    display: inline-block;
    margin: 20px 0 5px;
    background: #8cbd3a;
    color: #fff;
    border-radius: 5px;
}

.job-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

p.job-salary {
    padding-bottom: 1em !important;
}

/* icons */
.location::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    content: "";
    font-family: job-manager !important;
    text-decoration: none;
    margin: 0px 6px 0px 0px;
    color: #000;
}

.salary::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    content: "";
    font-family: job-manager !important;
    text-decoration: none;
    margin: 0px 6px 0px 0px;
    color: #000;
}

.date-posted::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-family: "job-manager" !important;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    vertical-align: top;
    font-size: 16px;
    margin: 0 2px 0 0;
    *overflow: auto;
    *zoom: 1;
    *display: inline;
    content: "";
    margin: 0px 6px 0px 0px;
    color: #000;
}

.date-posted time {
    font-weight: 600;
    color: #000;
}

.job-grid-all-jobs-top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.job-grid-all-jobs-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}

.job-grid-all-jobs-top a,
.job-grid-all-jobs-bottom a {
    background: #8cbd3a;
    padding: 8px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
}

.job-grid .job_position_featured:before {
    content: "Featured";
    font-weight: 800;
    background: green;
    color: #fff;
    padding: 0px 0.5em 0px 0.5em;
    position: absolute;
    z-index: 10;
    font-size: 14px;
    line-height: 1.4;
    right: 5px;
    top: -5px;
}

.job-grid .job_position_featured {
    border: solid 5px #8cbd3a;
    position: relative;
    box-shadow: 0px 0px 9px 2px #00000082;
}

.job-grid .job_listing.job_position_featured {
    order: 1;
}

.job-grid .job_listing {
    order: 2;
}

@media (max-width:980px) {
	.job-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-grid-all-jobs-bottom {
        margin-top: calc(40px + 30%);
    }
}

@media (max-width:767px) {
    .job-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
			display:block;
    }
	.job-grid div{
		margin-bottom:40px;
	}
    .job-grid-all-jobs-bottom {
        margin-top: 40px;
    }
}

@media (max-width:540px) {
    .job-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
			display:block;
    }
	.job-grid div{
		margin-bottom:40px;
	}
    .job-grid-all-jobs-bottom {
        margin-top: 40px;
    }
}

.job-grid .job_listing .job-type {
    color: #fff !important;
}

/* contact us page */
.contact-us-form-wrap {
    width: 600px;
    margin: 0 auto !important;
    background: #f7f7f7;
    padding: 10px;
    border: #02AEDC 2px solid;
}
/*  dash button */

.goto-job-dash {
    display: none;
}

.logged-in .goto-job-dash {
    display: block;
}

.logged-in .goto-register {
    display: none;
}

.logged-in .goto-register {
    display: none;
}

.logged-in .goto-find-job {
    display: none;
}

/* hide company */
.job_listings .position .company {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}