/* Setting 'font-size' at 62.5% means that 1rem now equals 10pt/10px. */
:root {
    -webkit-font-smoothing: antialiased;
    --bold-small-pressura-mono: normal bold var(--wp--preset--font-size--small)/1 var(--wp--preset--font-family--pressura-mono);
    --normal-small-pressura-mono: normal normal var(--wp--preset--font-size--small)/1 var(--wp--preset--font-family--pressura-mono);
    --inherit-small-pressura-mono: normal inherit var(--wp--preset--font-size--small)/1 var(--wp--preset--font-family--pressura-mono);
    transition: font-size 0.2s ease;
}

/* Headers, etc. */

b, strong, .has-bold-font-weight, .has-bold-font-weight * {
  font-weight: 700;
}

.white-space-nowrap {
  white-space: nowrap;
}

.text-decoration-none,
.text-decoration-none a {
  text-decoration: none;
  color: currentColor;
}

.text-transform-uppercase,
.text-transform-uppercase * {
  text-transform: uppercase;
}

.line-height-1,
.line-height-1 * {
  line-height: 1;
}

/* GENERAL HEADING STYLES */

/* — Mobile */
@media screen and (min-width: 0) and (max-width: 399px) {
  h1, h1 *, .has-x-x-x-large-font-size, .has-x-x-x-large-font-size * {
    font-size: 2.25rem !important;
  }
  h2, h2 * {}
  h3, h3 * {
    font-size: 1.125rem !important;
  }
  h4, h4 * {}
  h5, h5 * {}
  h6, h6 * {}
}
/* — Small */
@media screen and (min-width: 400px) and (max-width: 959px) {
  h1, h1 *, .has-x-x-x-large-font-size, .has-x-x-x-large-font-size * {
    font-size: 3.375rem !important;
  }
  h2, h2 * {}
  h3, h3 * {
    font-size: 1.125rem !important;
  }
  h4, h4 * {}
  h5, h5 * {}
  h6, h6 * {}
}
/* — Medium */
@media screen and (min-width: 960px) and (max-width: 1079px) {
  h1, h1 *, .has-x-x-x-large-font-size, .has-x-x-x-large-font-size * {
    font-size: 4rem !important;
  }
  h2, h2 * {}
  h3, h3 * {
    font-size: 1.125rem !important;
  }
  h4, h4 * {}
  h5, h5 * {}
  h6, h6 * {}
}
/* — Large */
@media screen and (min-width: 1080px) and (max-width: 1199px) {
  h1, h1 *, .has-x-x-x-large-font-size, .has-x-x-x-large-font-size * {
    font-size: 4rem !important;
  }
}
/* — X-Large */
@media screen and (min-width: 1200px) {
  h1, h1 *, .has-x-x-x-large-font-size, .has-x-x-x-large-font-size * {
    font-size: 4.5rem !important;
  }
}

/* POST TITLES */

/* Single title */
/* — Mobile */
h1.post-title,
h1.page-title {
  padding: 4px 8px 0px 8px
}
/* — Small, Medium */
@media screen and (min-width: 600px) {
  h1.post-title,
  h1.page-title {
    padding: 6px 12px 0px 12px;
  }
}
/* — Large */
@media screen and (min-width: 1080px) {
  h1.post-title,
  h1.page-title {
    padding: 10px 16px 0px 16px;
  }
}

/* Non-hero titles */
h3.post-title * {
  font-size: inherit !important;
}
/* — Mobile and small */
h3.post-title {
  font-size: 2.5rem !important;
  padding: 2px 8px 0px 8px;
}
/* — Medium */
@media screen and (min-width: 960px) {
  h3.post-title {
    font-size: 2.5rem !important;
    /* Spacing same as above */
  }
}
/* — large */
@media screen and (min-width: 1080px) {
  h3.post-title {
    font-size: 2rem !important;
    margin-top: -7px;
    padding: 4px 8px 0px 8px;
  }
}

/* Hero title */
/* H3 hero titles match H1 styling */
h3.post-title.hero > * {
  font-size: inherit !important;
  line-height: inherit !important;
}
/* — Mobile */
h3.post-title.hero {
  font-size: 2.5rem !important;
  padding: 4px 8px 0px 8px;
}
/* — Small */
@media screen and (min-width: 600px) {
  h3.post-title.hero {
    font-size: 3.375rem !important;
    padding: 8px 10px 0px 10px;
    line-height: 1.1;
  }
}
/* — Medium */
@media screen and (min-width: 960px) {
  h3.post-title.hero {
    font-size: 4.5rem !important;
    padding: 8px 12px 0px 12px;
    line-height: 1;
  }
}
/* — Large */
@media screen and (min-width: 1080px) {
  h3.post-title.hero {
    font-size: 4rem !important;
    padding: 7px 15px 0px 15px;
    line-height: 1;
  }
}
/* — X-large */
@media screen and (min-width: 1200px) {
  h3.post-title.hero {
    font-size: 4.5rem !important;
    padding: 10px 18px 0px 18px;
    line-height: 1;
  }
}

/* END POST TITLES */

/*
// BLOCK STYLES
// Resolving whatever can't be done with theme.json at the moment
*/

.entry-content ul.wp-block-list li {
  list-style: disc;
}
.entry-content ol.wp-block-list li {
  list-style: numbers;
}

.entry-content figcaption.wp-element-caption {
  text-align: left;
  margin: var(--zero-point-five-spacer) 0 0 0;
  font-size: var(--wp--preset--font-size--small);
}

/* Allow clicks but prevent text highlighting */
.user-select-none {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.button {
  width: fit-content;
  height: fit-content;
  line-height: 1;
  padding: var(--zero-point-five-spacer);
  border-radius: var(--zero-point-five-spacer);
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--small);
  font-weight: bold;
  background-color: var(--wp--preset--color--orange);
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

/* Pullquote scaling */
@media (max-width: 959px) {
  .wp-block-pullquote {
    font-size: var(--wp--preset--font-size--x-x-large) !important;
  }
}
@media screen and (max-width: 599px) {
  .wp-block-pullquote {
    font-size: var(--wp--preset--font-size--x-large) !important;
  }
}