/* Valley Crest Nursing - recreated stylesheet (original 2009 CSS was not recoverable).
   Based on the ezSiteDesigner template colors: primary/tertiary #458c52, secondary #ffffff. */
html, body { margin: 0; padding: 0; }
body { background: #e9efe9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; color: #333; }
.archive-note { background: #fff8d6; border-bottom: 1px solid #e0d48a; color: #5a4d00; font-size: 11px; text-align: center; padding: 6px 12px; }
#page { width: 800px; max-width: 100%; margin: 16px auto; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.18); }
#header { padding: 7px 7px 0; line-height: 0; }
#header img { max-width: 100%; height: auto; border: 0; }
#nav { background: #458c52; margin: 0 7px; }
#nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
#nav a { display: block; padding: 9px 13px; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; letter-spacing: .5px; }
#nav a:hover, #nav a.current { background: #2f6b3b; }
#content { padding: 14px 20px 10px; }
#content a { color: #2f6b3b; }
#content a:hover { color: #458c52; }
#content h1, #content h2, #content h3 { color: #458c52; }
#content table { border-collapse: collapse; }
#content img { max-width: 100%; height: auto; }
#content ul { margin-top: 4px; }
p.style1, p.style7 { margin: 0 0 10px; }
#column2, #column3 { display: none; }
#other_footer { margin-top: 16px; border-top: 1px solid #c9dccc; font-size: 10px; color: #555; }
#other_footer td { padding-top: 10px; }
#footer-bar { height: 10px; background: #458c52; margin: 0 7px 7px; }
/* Placeholder shown where an original photo hasn't been recovered yet */
.vc-missing { display: inline-flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;
  max-width: 100%; background: #eef4ef; border: 1px dashed #9fbfa5; color: #6b8a71; font-size: 10px; padding: 6px; }
@media print { body { background: #fff; } .archive-note, #nav { display: none; } #page { box-shadow: none; margin: 0; } }

/* ---------- Mobile / responsive (added 10-29-2026) ---------- */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
#content table[width] { max-width: 100%; }
.vc-missing { height: auto !important; }

@media (max-width: 820px) {
  body { background: #fff; font-size: 15px; line-height: 1.6; }
  #page { margin: 0; box-shadow: none; }
  #header { padding: 0; }
  #nav { margin: 0; position: sticky; top: 0; z-index: 10; }
  #footer-bar { margin: 0; }
  .archive-note { font-size: 12px; }
}

@media (max-width: 640px) {
  /* Phones: two-column grid of large tap targets for the menu */
  #nav ul { display: grid; grid-template-columns: 1fr 1fr; }
  #nav li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  #nav a { padding: 13px 8px; text-align: center; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.18); }
  #nav li:nth-child(odd) a { border-right: 1px solid rgba(255,255,255,.18); }
  #nav { position: static; }

  /* Unstack the 2009 fixed-width layout tables into a single column */
  #content { padding: 12px 14px 8px; }
  #content table, #content tbody, #content tr, #content td { display: block; width: auto !important; max-width: 100%; }
  #content td { padding: 0 !important; text-align: left; }
  #content td[align="center"] { text-align: center; }
  #content table[style*="float"], #content img[style*="float"], #content .vc-missing { float: none !important; margin: 0 auto 12px; }
  #content img { display: block; margin: 0 auto 12px; }
  #content ul { padding-left: 22px; margin: 6px 0; }
  #other_footer { font-size: 12px; }
  #other_footer img { display: inline-block !important; margin: 6px auto 0 !important; }
}