/*
Heading colours: #123456;
Button colours: #004b4b;
2nd Page heading colours: #002639;
*/

/*
==================== 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: #0367a6;
}

#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: #000 !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 .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;
	padding-bottom: 10px;
}

.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: 15px 0 5px !important;
  text-transform: capitalize !important;
  display: inline-block !important;
  width: 87%;
  letter-spacing: 1px;
  /*COLOUR 1*/
  color: #000;
  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: #0367a6;
	margin-left: 10px;
}

.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: 5px 0;
}

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

/* 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 #002639;
  -webkit-box-shadow: 0 0 1px #002639;
  box-shadow: 0 0 1px #002639;
  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: #002639;
}

/* 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 40px 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: 24px !important;
  /*COLOUR 1*/
  color: #000 !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: 30px;
  font-size: 14px !important;
  padding: 12px 33px !important;
  color: white !important;
  /*COLOUR 1*/
  background: #0367a6 !important;
text-transform: uppercase;
font-weight: bold;
}

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

/* Left info panel */#333333

.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: #000 !important;
}

.ditto-jobs-job-info-container .job-info .title {
  margin-bottom: 0 !important;
  margin-top: 30px !important;
  color: #000 !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: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.ditto-jobs-job-description-container .apply-button .button {
  border-radius: 30px;
  font-size: 14px !important;
  padding: 14px 30px !important;
  color: white !important;
  /*COLOUR 2*/
  background: #32abbf !important;
	display: inline-block;
}

.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: #002639 !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: 15px;
}

/* 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;
	    margin-bottom: 25px;
}

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

.ditto-jobs-job-description-container .ditto-jobs-job-skills-industries-container .ditto-jobs-job-skills-industries .skills-industries {
  margin: 25px 0 0 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;
}