/**
 * Typography styles.
 *
 *   font-display
 *   font-family
 *   font-size
 *   font-style
 *   font-weight
 *   line-height
 *   text-decoration
 *   text-size-adjust
 *
 */

/* Prevent font-size inflation in some browsers. */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  font-family: system-ui, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Bold weight */
.site-name, .mainmenu ul.menu, h1, h2, h3, fieldset legend {
  font-weight: 700;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.2;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.site-name {
  font-size: 200%;
}

.mainmenu ul.menu {
  font-size: 150%;
}

/* Divide words evenly between multiple lines */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* Improve body text wrapping */
p {
  text-wrap: pretty;
}

/* Fields */

.field__label {
  font-weight: bold;
}

/* Forms */

input {
  font-size: 120%;
}

.form-item .description {
  font-style: italic;
}

/* Footer */
footer {
  font-size: 90%;
}

/* Small screens */

@media (max-width: 100ch) {
  .site-name {
    font-size: 150%;
  }

  .mainmenu ul.menu {
    font-size: 125%;
  }

  .usermenu ul.menu {
    font-size: 90%;
  }
}

@media (max-width: 50ch) {
  .site-name {
    font-size: 125%;
  }

  .mainmenu ul.menu {
    font-size: 110%;
  }
}

/* avenir book */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/avenir-book.woff2') format('woff2'), url('../fonts/avenir-book.ttf') format('truetype');
}

/* avenir medium */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/avenir-heavy.woff2') format('woff2'), url('../fonts/avenir-heavy.ttf') format('truetype');
}


/* bevan-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bevan';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bevan-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/bevan-v24-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* bevan-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bevan';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/bevan-v24-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/bevan-v24-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* gabarito-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gabarito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gabarito-v4-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/gabarito-v4-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* gabarito-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gabarito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/gabarito-v4-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/gabarito-v4-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
