/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/

/**
 * @file
 * Styles for breadcrumbs.
 */

/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/

/* Internal variables */

/*1px */

/*16px */

/*4px */

/*5.33333333px */

/*8px */

/*12px */

/*20px */

/*24px, */

/*32px */

/*44px (named after omicron variant BS.2.75.2) */

/*48px */

/*desktop + 32px; */

/*max-width + 64px; */

/* RGB colors, useful for when you need to include a color in an RGBA set. */

/* Mixins */

/* */

/* Hide elements visually, but keep them available for screen-readers. */

/* */

/* Used for information required for screen-reader users to understand and use */

/* the site where visual display is undesirable. Information provided in this */

/* manner should be kept concise, to avoid unnecessary burden on the user. */

/* "!important" is used to prevent unintentional overrides. */

/* */

.breadcrumb {
  margin-bottom: var(--space);
  margin-top: var(--space);
}

@media (min-width: 1101px) {
    .breadcrumb:before {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background-image: url("../../images/dotted.png");
  background-repeat: repeat-x;
      padding-bottom: var(--space);
    }
  }

.breadcrumb ol {
  margin: 0;
  padding: 0;
}

[dir="rtl"] .breadcrumb ol {
  /* This is required to win over specificity of [dir="rtl"] ol */
  margin-right: 0;
}

.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* IE8 does not support :not() and :last-child. */

.breadcrumb li:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.486 7.488 1.48.195a.678.678 0 0 0-.951 0 .668.668 0 0 0 0 .947l7.522 6.853-7.522 6.86a.668.668 0 0 0 0 .947c.263.26.688.26.951 0l8.005-7.294c.14-.14.2-.326.19-.513a.664.664 0 0 0-.19-.507' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: calc(var(--space) + var(--quarter-space));
  width: 0.625rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position-y: 1px;
  vertical-align: middle;
}

.breadcrumb li:first-child:before {
  content: none;
}

/*On smaller screens only show link to parent page */

@media (max-width: 700px) {
  .breadcrumb  li:not(:nth-last-child(2)) {
    display: none;
  }
  .breadcrumb li:before {
    transform: scaleX(-1);
    margin-right: var(--quarter-space);
  }
  .breadcrumb ol.breadcrumb__second-level li:first-child:before {
    content: "";
  }
}

@media (min-width: 701px)  {
  .breadcrumb {
    font-size: var(--fs-small);
    line-height: var(--lh-small);
  }

    .breadcrumb a {
      color: black;
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
}
