/*
==================== MAIN CONTAINER STYLES ====================
*/

.ditto-jobs-submit-cv-button {
    display: inline-block;
    border-radius: 30px;
    font-size: 14px !important;
    padding: 14px 47px !important;
    color: white !important;
    /*COLOUR 1*/
    background: #123456 !important;
    text-transform: uppercase;
    font-weight: bold;
    margin-top:15px;
}

#ditto-jobs-feed-container, #ditto-jobs-single-job-container {
    min-width: 100% !important;
    height: 100%;
    margin: 0 !important;
    min-height: 1000px;
    background-color: #fff;
}

.ditto-jobs-columns-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
}

.ditto-jobs-job-feed-left-panel {
    width: 27%;
    align-self: flex-start;
    position: relative;
}

.ditto-jobs-job-feed-right-panel {
    width: 73%;
    align-self: flex-end;
    position: relative;
}

.ditto-jobs-half-border {
    display: inline-block;
    height: 7px;
    width: 110px;
    /*COLOUR 2*/
    background: lightgray;
}

#ditto-no-results {
    font-size: 18px;
}

#ditto-no-results.hidden {
    display: none;
}

/* Media Queries */

@media (max-width: 1724px) {
    .ditto-jobs-job-feed-left-panel {
        width: 30%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 70%;
    }

    .ditto-jobs-job-feed-right-panel .ditto-jobs-job-cards-container {
        padding-left: 0 !important;
    }
}

@media (max-width: 1529px) {
    .ditto-jobs-job-feed-left-panel {
        width: 32%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 67%;
    }
}

@media (max-width: 1420px) {
    .ditto-jobs-job-feed-left-panel {
        width: 34%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 65%;
    }

    .ditto-jobs-job-feed-right-panel .ditto-jobs-job-cards-container {
        padding-left: 15px !important;
    }
}

@media (max-width: 1313px) {
    .ditto-jobs-job-feed-left-panel {
        width: 37%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 60%;
    }
}

@media (max-width: 1190px) {
    .ditto-jobs-job-feed-left-panel {
        width: 40%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 55%;
    }
}

@media (max-width: 1130px) {
    .ditto-jobs-job-feed-left-panel {
        width: 45%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 50%;
    }
}

@media (max-width: 985px) {
    .ditto-jobs-job-feed-left-panel {
        width: 47%;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 50%;
    }
}

@media (max-width: 909px) {
    .ditto-jobs-columns-container {
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .ditto-jobs-job-feed-left-panel {
        width: 100%;
    }

    .ditto-jobs-job-feed-left-panel .ditto-jobs-job-search-filter {
        padding-left: 20px;
    }

    .ditto-jobs-job-feed-right-panel {
        width: 100%;
    }

    .ditto-jobs-job-feed-right-panel .ditto-jobs-job-cards-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .ditto-jobs-job-feed-left-panel .ditto-jobs-job-info-container {
        margin-left: 20px !important;
    }

    .ditto-jobs-job-feed-right-panel .ditto-jobs-job-description-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .ditto-jobs-job-feed-right-panel .ditto-jobs-job-description-container .ditto-jobs-job-skills-industries-container {
        padding-top: 20px !important;
    }
}

/*
==================== SEARCH AND FILTER STYLES ====================
*/

/* MAIN CONTAINER */

.ditto-jobs-job-search-filter {
    border-right: 2px solid gray;
    padding: 0 0 30px 30px;
    position: absolute;
    max-height: 650px;
    height: 650px;
    overflow: hidden;
    width: 300px;
}

.ditto-jobs-job-search-filter .ditto-jobs-job-search-filter-scroller {
    position: absolute;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    padding-right: 45px;
}

.ditto-jobs-job-search-filter .search-filter-title {
    font-size: 32px !important;
    margin: 0 !important;
    /*COLOUR 1*/
    color: #7a9d78 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
}


@media (max-width: 909px) {
    .ditto-jobs-job-search-filter {
        position: static !important;
        width: 100% !important;
    }


    .ditto-jobs-job-search-filter .ditto-jobs-job-search-filter-scroller {
        width: 93%;
    }
}


@media (max-width: 909px) {
    .ditto-jobs-job-search-filter .ditto-jobs-job-search-filter-scroller {
        width: 91%;
    }
}

/* SEARCH */

/* Search heading */

.ditto-jobs-job-search-filter .primary-search {
    margin-top: 25px;
}

.ditto-jobs-job-search-filter .primary-search .title-container .search-filter-title {
    margin-left: 0 !important;
    font-weight: bold !important;
}

/* Search input*/

.ditto-jobs-job-search-filter .primary-search input {
    margin-top: 30px;
    border-radius: 30px;
    padding: 7px 16px;
    width: 100%;
    border: 1px solid lightgray;
}

.ditto-jobs-job-search-filter .primary-search input:focus {
    outline: none;
}

/* FILTERS */

.ditto-jobs-job-search-filter .search-filter-listing {
    margin-top: 30px;
}

/* Filters Heading */

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-header .title-container {
    display: inline-block;
    width: 55%;
}

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-header .title-container .search-filter-title {
    font-weight: bold !important;
}

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-header .count-container {
    display: inline-block;
    width: 43%;
    text-align: right;
}

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-header .count-container .active-filter-count {
    font-size: 20px !important;
    color: gray;
    margin: 0 !important;
    font-weight: bold;
}

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-header .count-container .active-filter-count.hidden {
    display: none;
}

/* Filters Body */

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-body {
    margin-top: 15px;
}

.ditto-jobs-job-search-filter .search-filter-listing .search-filter-listing-body .filter-category {
    position: relative;
    transition: all 1s ease;
    padding: 0;
    margin: 0;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category .filter-toggle {
    background: transparent;
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category .filter-toggle .toggle-content .filter-title {
    margin: 20px 0 !important;
    text-transform: capitalize !important;
    display: inline-block !important;
    width: 87%;
    letter-spacing: 1px;
    /*COLOUR 1*/
    color: #7a9d78;
    font-size: 18px !important;
    font-weight: bold;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category .filter-toggle .toggle-content .filter-caret-down {
    display: inline-block !important;
    font-size: 16px !important;
    /*COLOUR 2*/
    color: #123456;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category.closed .filter-options {
    display: none;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category .filter-options {
    transition: all .2s ease;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category .filter-options .option {
    padding: 10px 0;
}

.ditto-jobs-job-search-filter .search-filter-listing .filter-category .filter-options .checkbox-wrap .checkbox-label {
    padding: 5px 0 !important;
    cursor: pointer !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: 600;
}

/* Checkboxes */

.ditto-jobs-filter-checkbox {
    opacity: 0;
    z-index: -1;
}

.ditto-jobs-control-checkbox {
    margin-right: 5px;
    float: right;
    display: inline-block;
    width: 15px;
    height: 15px;
    /*COLOUR 1*/
    border: 1px solid #fff;
    -moz-box-shadow: 0 0 1px #7a9d78;
    -webkit-box-shadow: 0 0 1px #7a9d78;
    box-shadow: 0 0 1px #7a9d78;
    background: transparent;
    transition: 0.3s linear background-color;
    -moz-transition: 0.3s linear background-color;
    -webkit-transition: 0.3s linear background-color;
}

.ditto-jobs-filter-checkbox:checked ~ .ditto-jobs-control-checkbox {
    /*COLOUR 1*/
    background: #7a9d78;
}

/* FOOTER */

.ditto-jobs-job-search-filter .search-footer {
    margin: 30px 15px 0 0;
    text-align: center;
    min-width: 100%;
}

.ditto-jobs-job-search-filter .search-footer .button {
    border-radius: 30px;
    font-size: 14px !important;
    padding: 10px 27px !important;
    color: white !important;
}

.ditto-jobs-job-search-filter .search-footer .button.filter-reset {
    margin-right: 15px;
    background-color: gray !important;
    text-transform: uppercase;
    font-weight: bold;
}

.ditto-jobs-job-search-filter .search-footer .button.filter-apply {
    /*COLOUR 1*/
    background-color: #333333 !important;
    text-transform: uppercase;
    font-weight: bold;
}

/*
==================== JOB FEED STYLES ====================
*/

.ditto-jobs-job-cards-container {
    padding: 0 30px;
    font-size: 16px !important;
}

@media (max-width: 909px) {
    .ditto-jobs-job-cards-container {
        padding-left: 20px !important;
    }
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card {
    padding: 0 15px 60px 0 !important;
    color: gray;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card:not(:first-of-type) {
    border-top: 2px solid gray;
    padding-top: 35px !important;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content {
    padding: 0 !important;
}

.ditto-jobs-job-card.hidden {
    display: none;
}

/* Heading */

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .job-title-container {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .job-title-container .title {
    font-size: 22px !important;
    /*COLOUR 1*/
    color: #7a9d78 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .job-title-container .heading-details {
    font-weight: normal !important;
    display: block;
    color: gray;
    font-size: 16px !important;
}

/* Industries */

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .industries {
    margin-bottom: 15px !important;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .industries .industry-label {
    border-radius: 30px;
    display: inline-block;
    color: gray !important;
    background: lightgray;
    padding: 8px 25px;
    white-space: nowrap;
    height: auto;
    letter-spacing: 1px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}

/* Description */

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .description_snippet {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 6px 0 !important;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .salary_range {
    font-size: 16px !important;
}

/* View button */

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .apply-button {
    margin-top: 30px;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .apply-button .button {
    border-radius: 5px;
    font-size: 14px !important;
    padding: 8px 32px !important;
    color: #7a9d78 !important;
    /*COLOUR 1*/
    background: #fff !important;
	border: 1px solid #7a9d78;
    text-transform: uppercase;
    font-weight: bold;
	transition: 0.5s linear all;
}

.ditto-jobs-job-cards-container .ditto-jobs-job-card .job-card-content .apply-button .button:hover {
	background: #7a9d78 !important;
	color: white !important;
}

/*
==================== JOB VIEW STYLES ====================
*/

/* Left info panel */

.ditto-jobs-job-info-container {
	margin: 0 15px 0 45px !important;
	padding-bottom: 55px;
}

.ditto-jobs-job-info-container .back-button {
    padding-top: 15px;
    margin-bottom: 55px;
    text-transform: uppercase;
    font-weight: bold;
}

.ditto-jobs-job-info-container .back-button .button {
    border-radius: 30px;
    font-size: 14px !important;
    padding: 14px 30px !important;
    color: white !important;
    /*COLOUR 1*/
    background: #b9b9b9 !important;
}

.ditto-jobs-job-info-container .job-info .title {
    margin-bottom: 0 !important;
    margin-top: 30px !important;
    color: #7a9d78 !important;
    font-size: 22px !important;
    font-weight: bold !important;
}

.ditto-jobs-job-info-container .job-info .value {
    font-size: 16px !important;
    color: gray !important;
}

/* Right description panel*/

.ditto-jobs-job-description-container {
    padding: 0 45px 45px 45px !important;
    font-size: 16px !important;
    border-left: 2px solid gray;
}

@media (max-width: 909px) {
    .ditto-jobs-job-description-container {
        border-left: none;
    }
}

.ditto-jobs-job-description-container .apply-button {
    padding-top: 15px;
    margin-bottom: 55px;
    text-transform: uppercase;
    font-weight: bold;
}

.ditto-jobs-job-description-container .apply-button .button {
    border-radius: 10px;
    font-size: 14px !important;
    padding: 14px 30px !important;
    color: #7a9d78 !important;
	border: 1px solid #7a9d78; 
    background: #fff !important;
}

.ditto-jobs-job-description-container .apply-button .button:hover {
	color: #fff !important;
	background: #7a9d78 !important;
}

.ditto-jobs-job-description-container section {
    padding: 0 !important;
}

.ditto-jobs-job-description-container .description-title {
    font-size: 38px !important;
    margin: 0 !important;
    /*COLOUR 1*/
    color: #7a9d78 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    font-weight: bold !important;
}

.ditto-jobs-job-description-container .ditto-jobs-job-description .job-description {
    color: gray;
    margin-top: 45px;
}

/* Skills and industries */

.ditto-jobs-job-description-container .ditto-jobs-job-skills-industries-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.ditto-jobs-job-description-container .ditto-jobs-job-skills-industries-container .ditto-jobs-job-skills-industries {
    flex-grow: 1;
}

.ditto-jobs-job-description-container .ditto-jobs-job-skills-industries-container .ditto-jobs-job-skills-industries .skills-industries {
    margin: 45px 0 55px 0 !important;
}

.ditto-jobs-job-description-container .ditto-jobs-job-skills-industries-container .ditto-jobs-job-skills-industries .skills-industries .industry-skill-label {
    border-radius: 30px;
    display: inline-block;
    color: gray !important;
    background: lightgray;
    padding: 8px 25px;
    white-space: nowrap;
    height: auto;
    letter-spacing: 1px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}