/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    JOB VACANCIES (Varbi)
    that implement the UU design system specifically for Sitevision

    Note! There is a bug in Sitevision and when the CSS is
    compressed background images with spaces in the URL are not
    working. Because of this, this file cannot be compressed when
    added to the templated CSS & Skript - Grundmall. When this bug
    is fixed, this file should be changed to be compressed.

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/********************************
  Webapp for header
********************************/

/* Make sure module for header does not get any extra margin than the header itself */
.sv-se-uu-uit-webb-webapp-varbi-header {
  margin-bottom: 0 !important;
}

/********************************
Webapp for job vacancy
********************************/

/* Make sure module for contact information in the varbi catalogue does not take upp any space when not
rendered, if rendered the module will add their own margin */
.sv-se-uu-uit-webb-webapp-job-vacancies-header {
  margin-bottom: 0 !important;
}

/* Reset links in details */
.job-vacancies-details a:not(.button) {
  color: var(--color-link) !important;
}

/* Render description headers smaller */
.job-vacancies-details-description h2 {
  font-size: 1.3rem !important;
}

/* Render description h2s as h3 */
.job-vacancies-details-description h2 {
  margin-top: var(--space-large);
}

/* Reset link color of apply button */
.job-vacancies-apply-link {
  color: #fff !important;
}

/* Remove margin for some sections */
.job-vacancies-details-description:last-child,
.job-vacancies-details-footer:last-child {
  margin-bottom: 0;
}

/* Set top margin for some sections */
.job-vacancies-details-footer,
.job-vacancies-details-top-image,
.job-vacancies-details-info {
  margin-top: 2rem;
}

/* Image should use whole width */
.job-vacancies-details-top-image img {
  width: 100%;
  margin-bottom: 2rem;
}

/* Style the description terms */
.job-vacancies-details-info-dl dt {
  -webkit-hyphenate-limit-after: 5;
  -webkit-hyphenate-limit-before: 4;
  hyphenate-limit-chars: 10 4 5;
  hyphens: auto;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-word;
}

/* Reset style of lists in the info description */
.job-vacancies-details-info-list {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

@media (min-width: 768px) {
  .job-vacancies-details-info-dl {
    margin-bottom: 0.75rem;
    overflow: hidden;
  }

  .job-vacancies-details-info-dl dt {
    clear: both;
    float: left;
    margin-bottom: 0.5rem;
    margin-top: 0;
    width: 11.5rem;
  }

  .job-vacancies-details-info-dl dd {
    float: left;
    width: calc(100% - 11.5rem);
  }

  .job-vacancies-details-info-dl dd::after {
    content: ' ';
  }
}