/* Temporary local presentation for the public pages recovered from Wayback.
   Replace this with the original theme assets if they are recovered later. */
:root {
  --casa-blue: #48c3e3;
  --casa-navy: #002857;
  --casa-royal: #00437a;
  --casa-red: #ed1b2e;
  --ink: #263f5e;
  --paper: #ffffff;
  --soft: #f1f2f4;
}

* { box-sizing: border-box; }
html { background: var(--paper); }
body {
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--ink);
  background: var(--paper);
  font: 400 17px/1.7 "Open Sans", Arial, sans-serif;
}

header, #header, .header, #content, main, footer, #footer { padding: 0; }
#content, main, .entry-content, .article-body, .page-content { max-width: none; }
h1, h2, h3, h4 {
  color: var(--casa-navy);
  font-family: "Montserrat", "Arial Black", sans-serif;
  font-weight: 800;
  line-height: 1.2;
}
h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { margin-top: 1.7em; }
a {
  color: var(--casa-royal);
  text-decoration-color: var(--casa-blue);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
a:hover { color: var(--casa-navy); }
img, video, iframe { max-width: 100%; height: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: .6rem; border: 1px solid #cbd7de; text-align: left; }
input, textarea, select, button { max-width: 100%; padding: .55rem; font: inherit; }
button, input[type="submit"] {
  min-height: 48px;
  padding: 10px 24px;
  border: 0;
  border-radius: 999px;
  background: var(--casa-red);
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial Black", sans-serif;
  font-weight: 800;
  cursor: pointer;
}

.nav, nav ul, .menu, #menu-main-menu, .topbar ul {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  padding: 0;
  list-style: none;
}
.nav li, nav li, .menu li, .topbar li { margin: 0; }

/* Do not show WordPress administration and search chrome on the static copy. */
#wpadminbar, .admin-bar #wpadminbar, .screen-reader-text { display: none !important; }

.skip {
  position: absolute;
  z-index: 30000;
  top: 8px;
  left: -10000px;
  padding: 10px 14px;
  background: #fff;
  color: var(--casa-navy);
}

.skip:focus {
  left: 8px;
}

@media (max-width: 600px) {
  body { font-size: 16px; }
}