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

/**
 * @file
 */

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

/*24px */

/*32px */

/*48px */

/*max-width + 32px; */

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

/* */

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  /*font-family: var(--font-sans);*/
  font-size: 125%; /*20px */
  font-weight: normal;
  font-style: normal;
  line-height: var(--line-height-base);
}

p {
  margin-top: 0;
}

a {
  position: relative;
  color: var(--c-link);
}

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

/*} */

.layout-container a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

button {
  font-family: inherit;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

audio {
  display: block;
  max-width: 100%;
}

.a11y-visually-hidden {
  position: absolute !important;
}

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