/* supplement.css — generic readable baseline for Oxygen (Gen B) slug pages
   whose original per-page WP-Rocket/Oxygen CSS bundles (vinyasayoga.b-cdn.net
   /wp-content/cache/min/1/*.css) were not archived and cannot be recovered
   offline. Provides on-brand, readable layout without the original theme.
   Accent: #00a8da. Safe on already-styled heap (Gen A) pages — scoped to
   Oxygen ct-/oxy- classes plus conservative generic fallbacks. */

/* ---- Oxygen page shell: center content, give it width ---- */
body.oxygen-body { margin: 0; color: #1a1919; background: #ffffff;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; }

body.oxygen-body .ct-section-inner-wrap {
  max-width: 1100px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

body.oxygen-body .ct-inner-content,
body.oxygen-body .ct-div-block { box-sizing: border-box; }

/* readable content column when a sidebar column exists */
body.oxygen-body .ct-new-columns { display: block; }

/* ---- Header / sticky nav ---- */
body.oxygen-body .oxy-header-wrapper {
  background: #ffffff; border-bottom: 1px solid #e6e6e6; }
body.oxygen-body .oxy-header-container {
  max-width: 1100px; margin: 0 auto; padding: 12px 24px;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
body.oxygen-body .oxy-header-left img,
body.oxygen-body .custom-logo,
body.oxygen-body .ct-image { max-width: 200px; height: auto; }

/* Oxygen pro-menu → horizontal list of links */
body.oxygen-body .menu-main-container ul,
body.oxygen-body .oxy-pro-menu ul {
  list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;
  gap: 4px 18px; align-items: center; }
body.oxygen-body .menu-main-container ul li { margin: 0; }
body.oxygen-body .menu-main-container a,
body.oxygen-body .oxy-pro-menu a {
  color: #1a1919; text-decoration: none; font-size: 14px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .03em; }
body.oxygen-body .menu-main-container a:hover,
body.oxygen-body .oxy-pro-menu a:hover { color: #00a8da; }
/* hide hamburger/off-canvas chrome that needs JS */
body.oxygen-body .oxy-nav-menu-hamburger-wrap,
body.oxygen-body .oxy-pro-menu-mobile-close-icon,
body.oxygen-body .oxy-modal-backdrop,
body.oxygen-body .ct-modal { display: none; }

/* ---- Typography ---- */
body.oxygen-body .ct-headline,
body.oxygen-body h1, body.oxygen-body h2, body.oxygen-body h3,
body.oxygen-body h4, body.oxygen-body h5, body.oxygen-body h6 {
  color: #1a1919; line-height: 1.25; margin: 1.2em 0 .5em; font-weight: 700; }
body.oxygen-body h1, body.oxygen-body .ct-headline.agencyb-heading-one { font-size: 2rem; }
body.oxygen-body h2 { font-size: 1.6rem; }
body.oxygen-body h3 { font-size: 1.3rem; }
body.oxygen-body .ct-text-block, body.oxygen-body p, body.oxygen-body li { font-size: 1rem; }
body.oxygen-body p { margin: 0 0 1.1em; }
body.oxygen-body a { color: #00a8da; }
body.oxygen-body img { max-width: 100%; height: auto; }
body.oxygen-body ul, body.oxygen-body ol { padding-left: 1.4em; margin: 0 0 1.1em; }
body.oxygen-body table { border-collapse: collapse; width: 100%; margin: 0 0 1.2em; }
body.oxygen-body table td, body.oxygen-body table th { border: 1px solid #d8d8d8; padding: 8px 10px; }
body.oxygen-body hr { border: 0; border-top: 1px solid #d8d8d8; margin: 1.5em 0; }
body.oxygen-body code { background: #f4f4f4; padding: 2px 5px; border-radius: 3px; }

/* ---- Sidebar ---- */
body.oxygen-body .SideBar { margin-top: 2.5em; padding-top: 1.5em; border-top: 1px solid #e6e6e6; }
body.oxygen-body .oxy-social-icons { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---- Footer ---- */
body.oxygen-body .agencyb-footer-1-column { margin: 12px 0; }
body.oxygen-body .agencyb-footer-1-small-text { color: #919191; font-size: .85rem; }

/* ---- Fluent Form baseline ---- */
body.oxygen-body .ff-el-input--content input,
body.oxygen-body .ff-el-input--content textarea {
  width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid #cccccc; border-radius: 3px; font-size: 1rem; }
body.oxygen-body .ff-btn-submit {
  background: #00a8da; color: #fff; border: 0; padding: 10px 22px; border-radius: 3px; cursor: pointer; font-weight: 600; }

@media (max-width: 640px) {
  body.oxygen-body { font-size: 16px; }
  body.oxygen-body .oxy-header-container { flex-direction: column; align-items: flex-start; }
}