/* jsoa-polish.css - repair + typographic polish overlay for the static demo. Loaded last in on every page. Families unchanged (Roboto/Raleway/ Open Sans/Lato); this file only fixes how they are set, plus mobile repairs. Delete the to revert any page. */ /* ---------- typography & spacing ---------- */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; line-height: 1.7; } .entry-content p, .fw-col-inner p, article p { line-height: 1.75; margin-bottom: 1.1em; } /* Keep long-form text at a readable measure without touching grid layouts. */ .entry-content > p, .entry-content > ul, .entry-content > ol { max-width: 72ch; } h1, h2, h3, h4, h5, h6 { line-height: 1.25; letter-spacing: 0.01em; margin-top: 1.3em; margin-bottom: 0.55em; } h1:first-child, h2:first-child, h3:first-child { margin-top: 0; } /* The theme sets nav and buttons in caps; give them breathing room. */ .fw-nav-wrap a, .main-navigation a, .menu a { letter-spacing: 0.05em; } li { margin-bottom: 0.35em; } /* ---------- global mobile guards ---------- */ img { max-width: 100%; height: auto; } html, body { overflow-x: hidden; } iframe, video, embed { max-width: 100%; } /* ---------- membership form (CF7 smart-grid + nested tables) ---------- */ :root { --max-cf7sg-form-width: 100% !important; } @media (max-width: 768px) { table.society, .wpcf7 table, table.society thead, .wpcf7 thead, table.society tbody, .wpcf7 tbody, table.society tr, .wpcf7 tr, table.society th, .wpcf7 th, table.society td, .wpcf7 td { display: block; width: 100% !important; box-sizing: border-box; } table.society td, table.society th, .wpcf7 td, .wpcf7 th { padding: 6px 4px; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 textarea { width: 100% !important; max-width: 100%; box-sizing: border-box; font-size: 16px; /* prevents iOS zoom-on-focus */ } .wpcf7 label { display: block; margin-bottom: 2px; } } /* ---------- executive committee ---------- */ /* Uniform crops: portraits vary wildly in aspect ratio. */ .page-id-4371 .fw-col-sm-4 img:not(.custom-logo), body.page-template-default .fw-column img.lazyload { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: top center; } /* Collapse genuinely empty widget shells instead of leaving blank gaps. */ .fw-col-inner > *:empty { display: none; } /* ---------- Panchang footer widget ---------- */ /* The external panchang.click script often fails to populate its container, leaving a hard-white rectangle (inline background-color:white !important). When the div is empty, remove it entirely; when the widget loads, show it. */ #panchangwidgetid:empty { display: none; } aside:has(> p > #panchangwidgetid:empty) { display: none; }