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

/**
 * @file
 * Links
 */

/*
  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. */

/* */

a {
  position: relative;
  color: var(--c-link);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color var(--base-duration) var(--base-timing);
  word-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

a:hover, a:focus {
    color: var(--c-focus);
  }

/*.layout-container {*/

/*  a {*/

/*    background: linear-gradient(0deg, var(--c-link), var(--c-link)) no-repeat right bottom / 0 var(--bg-h);*/

/*    transition: background-size 350ms;*/

/*    --bg-h: 2px;*/

/*  }*/

/*  a:where(:hover, :focus-visible) {*/

/*    background-size: 100% var(--bg-h);*/

/*    background-position-x: left;*/

/*  }*/

/*}*/

.link--graphic {
  height: 42px;
  width: 42px;
  display: block;
  background-repeat: no-repeat;
}

.link--graphic__inner {
  position: absolute !important;
  }

.link--graphic__inner {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
  }

.link--graphic svg.ext {
    display: none;
  }

.link--graphic .link-path {
    fill: var(--c-link);
    transition: fill var(--base-duration) var(--base-timing);
  }

.link--graphic:hover .link-path {
      fill: var(--c-focus);
    }

.field--type-link:not(.field--name-field-call-to-actions) .field__item, .field__item.field--type-link:not(.field--name-field-call-to-actions)  {
  background-image: url(../../images/icons/link.svg);
  background-position: left top 5px;
  background-repeat: no-repeat;
  background-size: 30px;
  min-height: 40px;
  padding-left: 44px;
}

/* LTR */

.field--type-link:not(.field--name-field-call-to-actions) .field__item a, .field__item.field--type-link:not(.field--name-field-call-to-actions) a {
    padding-top: 4px;
    display: inline-block;
  }
