/* =========================================================================
   WordPress-only additions.

   Everything the static site did not need: the contact form's spam trap and
   its result messages. Loaded after components.css and before responsive.css.
   Tokens only.
   ========================================================================= */

/* The honeypot: a field real visitors never see. Moved off-screen rather than
   display:none, because some bots skip fields that are display:none. */
.tr-contactform__trap{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Result of a contact-form submission, shown above the form on the red panel. */
.tr-formnotice{
  margin: 0 0 18px;
  padding: 14px 18px;
  max-width: 600px;
  box-sizing: border-box;   /* scoped: this project has no global border-box */
  background: var(--tr-white);
  color: var(--tr-black);
  border-radius: var(--tr-radius-control);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.tr-formnotice--error{
  border-left: 6px solid var(--tr-black);
}

/* WordPress's admin bar is fixed at the top of the viewport; keep the mobile
   drawer from sliding under it. */
.admin-bar .tr-header__drawer{
  top: 32px;
}

@media (max-width: 782px){
  .admin-bar .tr-header__drawer{
    top: 46px;
  }
}

/* ---- Pages that are not one of the designed templates --------------------
   A privacy policy, terms, anything an editor adds. Plain, readable, on the
   same white band as the rest of the site. */

.tr-prose{
  padding: 54px var(--tr-band-pad);
  background: var(--tr-white);
}

.tr-prose__inner{
  max-width: 760px;
  font-size: 18px;
  line-height: 1.65;
  color: var(--tr-text);
}

.tr-prose__inner h2,
.tr-prose__inner h3{
  margin: 1.6em 0 .5em;
  color: var(--tr-black);
}

.tr-prose__inner p,
.tr-prose__inner ul,
.tr-prose__inner ol{
  margin: 0 0 1em;
}