/*
Theme Name: Vivcity
Theme URI: https://socalbird.com/
Author: SocalBird
Author URI: https://socalbird.com/
Description: Vivcity hospital WordPress theme with Vivacity Options, a premium responsive healthcare header, flexible mega menu builder, and a modern hospital footer.
Version: 2.8.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vivcity
*/

:root {
  --viv-primary: #1D9BB2;
  --viv-accent: #EAA930;
  --viv-danger: #ff2738;
  --viv-text: #1A2B32;
  --viv-ink: #1A2B32;
  --viv-muted: #4A5B62;
  --viv-slate: #4A5B62;
  --viv-mist: #F4F8F9;
  --viv-border: color-mix(in srgb, var(--viv-primary) 18%, var(--viv-white));
  --viv-white: #FFFFFF;
  --viv-primary-deep: color-mix(in srgb, var(--viv-primary) 32%, var(--viv-ink));
  --viv-primary-dark: color-mix(in srgb, var(--viv-primary) 55%, var(--viv-ink));
  --viv-primary-soft: color-mix(in srgb, var(--viv-primary) 8%, var(--viv-white));
  --viv-primary-soft-2: color-mix(in srgb, var(--viv-primary) 14%, var(--viv-white));
  --viv-brand-border: color-mix(in srgb, var(--viv-primary) 18%, var(--viv-white));
  --viv-accent-soft: color-mix(in srgb, var(--viv-accent) 16%, var(--viv-white));
  --viv-font-tagline: 'Poppins', Arial, Helvetica, sans-serif;
  --viv-font-heading: 'Montserrat', Arial, Helvetica, sans-serif;
  --viv-font-body: 'Inter', Arial, Helvetica, sans-serif;
  --viv-font-ui: 'Inter', Arial, Helvetica, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--viv-text);
  background: var(--viv-white);
  font-family: var(--viv-font-body);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
h1, h2 { font-family: var(--viv-font-heading); }
button, input, select, textarea, label { font-family: var(--viv-font-ui); }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.vivcity-site-main { min-height: 45vh; }
.viv-content-wrap { width: min(calc(100% - 40px), 1200px); margin: 60px auto; }
.viv-content-wrap h1 { margin-top: 0; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  clip: auto !important; width: auto; height: auto; margin: 0;
  padding: 12px 16px; top: 8px; left: 8px; z-index: 99999;
  background: #fff; color: #111; border-radius: 8px;
}