/* Humboldt Paws Cause: loco-1's look (white page, the column edged in yellow, banner, Exo
   headings), on a layout that works on phones. */
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #222; font: 17px/1.5 Georgia, "Times New Roman", serif; }
a { color: #0645ad; }
img { max-width: 100%; height: auto; }
.paws-page { max-width: 1000px; margin: 0 auto; border: solid #ffcc06; border-width: 0 5px; }
.paws-header img { display: block; width: 100%; }
.paws-body { display: flex; gap: 2em; padding: 1.5em; }
.paws-main { flex: 1 1 auto; min-width: 0; }
.paws-sidebar { flex: 0 0 300px; border-left: 1px solid #c8d5d3; padding-left: 1.5em; }
.paws-ad { margin-bottom: 1.5em; display: flex; justify-content: center; }
.paws-footer { border-top: 1px solid #c8d5d3; padding: 1em 1.5em 1.5em; font-size: .9em; }
h1, h2, h3, h4, h5, h6, .exo, .paws-status { font-family: "Exo", sans-serif; font-weight: 700; line-height: 1.15; }
h1 { font-size: 2.3em; margin: .2em 0 .5em; }
h2 { font-size: 1.8em; margin: 1em 0 .4em; }
h3 { font-size: 1.4em; margin: 1em 0 .4em; }
hr { border: 0; border-top: 1px solid #ccc; margin: 1em 0; }
.paws-map { width: 100%; height: 320px; border: 1px solid #ccc; }
.paws-note { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .6em 0; margin: 1.5em 0 1em; }
.paws-ctas p { margin: .3em 0; }
.paws-ctas a { font-style: italic; }
.paws-report { display: flex; justify-content: space-between; gap: 1em; padding: 1em 0; border-bottom: 1px solid #ddd; }
.paws-report a { text-decoration: none; color: inherit; }
.paws-report .paws-status { font-size: 1.5em; margin: 0; }
.paws-report p { margin: 0; color: #0645ad; }
.paws-report img { width: 131px; height: 91px; object-fit: cover; flex: 0 0 auto; }
.paws-reunited .paws-status { color: #777; }
.paws-detail-photo { margin: 0 0 1em; }
.paws-poster { font-size: 1.4em; margin: .2em 0 1em; }
.paws-facts { width: 100%; border-collapse: collapse; font-family: "Exo", sans-serif; }
.paws-facts th { text-align: right; vertical-align: top; width: 25%; padding: .35em .8em .35em 0; color: #555; }
.paws-facts td { padding: .35em 0; overflow-wrap: anywhere; }
.paws-form fieldset { border: 0; background: #fff8d6; padding: 1em; margin: 0 0 1.5em; }
.paws-form legend { font-family: "Exo", sans-serif; font-weight: 700; font-size: 1.3em; padding: .3em .6em; background: #ffcc06; }
.paws-form .paws-hint { color: #b00; font-style: italic; margin: .2em 0 .8em; }
.paws-form label { display: block; font-weight: bold; margin-top: .6em; }
.paws-form .form-control { width: 100%; font: inherit; padding: .4em; border: 1px solid #aaa; border-radius: 3px; }
.paws-form .has-error .form-control { border-color: #c00; background: #fff0f0; }
.paws-form .errorlist { color: #c00; list-style: none; padding: 0; margin: .2em 0; font-size: .9em; }
.paws-form button { font: 700 1.2em "Exo", sans-serif; background: #222; color: #ffcc06; border: 0; border-radius: 4px; padding: .7em 2.5em; cursor: pointer; float: right; }
.paws-form .alert { background: #fff0f0; border: 1px solid #c00; padding: .7em; margin-bottom: 1em; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.paws-lcc h3 { font-size: 1.2em; border-bottom: 1px solid #ccc; padding-bottom: .3em; }
.paws-logos { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; align-items: center; }
.paws-logos img { max-height: 88px; display: block; margin: 0 auto; }
.clear { clear: both; }
@media (max-width: 760px) {
  body { font-size: 16px; }
  .paws-body { display: block; padding: 1em; }
  .paws-sidebar { border-left: 0; padding-left: 0; border-top: 1px solid #c8d5d3; padding-top: 1.5em; margin-top: 1.5em; }
  h1 { font-size: 1.9em; }
  .paws-report img { width: 110px; height: 80px; }
  .paws-facts th { width: 32%; }
}