/* yashcotex.com — a static rebuild of the GoDaddy Website Builder site as it stood on 2026-09-27.
   Every size and colour below was MEASURED on the live pages (computed styles, headless Chrome at
   1440, 1024, 768 and 390 px), not designed. Source Sans Pro is the OG's own font (SIL OFL 1.1). */

@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(fonts/source-sans-pro-400.woff2) format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(fonts/source-sans-pro-600.woff2) format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(fonts/source-sans-pro-700.woff2) format("woff2"); }

:root {
  --green: #508d4e;        /* the OG theme colour, rgb(80, 141, 78) */
  --link: #498248;         /* the OG's in-text link colour, rgb(73, 130, 72) */
  --ink: #1b1b1b;          /* headings */
  --text: #5e5e5e;         /* body copy */
  --rule: #e2e2e2;         /* the line under a policy title */
  --hero-ink: #f7f7f7;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--green); color: #000;
  font-family: "Source Sans Pro", arial, sans-serif; font-size: 16px; line-height: normal;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
img { display: block; }

/* ---- header: the logo, centred on the green band ---- */
.site-header { background: var(--green); padding: 8px 0; text-align: center; }
.site-header a { display: inline-block; vertical-align: top; }
.site-header img { width: 110px; height: 110px; }
.page .site-header img { width: 105px; height: 105px; }
@media (min-width: 768px) {
  .site-header img { width: 80px; height: 80px; }
}
@media (min-width: 1024px) {
  .site-header { padding: 24px 0; }
  .site-header img { width: 181px; height: 181px; }
  .page .site-header img { width: 105px; height: 105px; }
}

/* ---- home: the hero photo card ---- */
.hero-band { background: var(--green); padding: 0 24px 24px; }
.hero {
  position: relative; display: flex; align-items: center; justify-content: center;
  min-height: calc(100vh - 34px); border-radius: 12px; overflow: hidden;
  background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(hero.jpg) center / cover no-repeat;
  padding: 48px 24px; text-align: center; color: var(--hero-ink);
}
.hero-text { max-width: 690px; }
.hero h1 {
  margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid var(--hero-ink);
  font-size: 40px; line-height: 1.2; font-weight: 600; letter-spacing: normal;
}
.hero p { margin: 0; font-size: 22px; line-height: 1.5; }
@media (min-width: 768px) {
  .hero { min-height: 922px; }
  .hero h1 { font-size: 48px; border-bottom: 0; padding: 0; }
}
@media (min-width: 1024px) {
  .hero-band { padding: 0 48px 48px; }
  .hero { min-height: 900px; }
  .hero-text { max-width: 56%; }
  .hero h1 { margin-bottom: 16px; }
}
@media (min-width: 1280px) {
  .hero h1 { font-size: 62px; }
}

/* ---- home: "Who we are" ---- */
.who { background: #fff; padding: 40px 24px; text-align: center; }
.who h2 { margin: 0 auto 24px; color: var(--ink); font-size: 32px; line-height: 1.25; font-weight: 600; }
.who p { margin: 0 auto; max-width: 1112px; color: var(--text); font-size: 16px; line-height: 24px; }
@media (min-width: 768px) { .who h2 { font-size: 38px; } }
@media (min-width: 1280px) { .who h2 { font-size: 44px; } }

/* ---- policy pages: title, rule, and the text column ---- */
.policy { background: #fff; padding: 40px 24px 42px; }
.policy .inner { max-width: 1112px; margin: 0 auto; }
.policy h1 {
  margin: 0 0 39px; padding: 0 0 17px; border-bottom: 1px solid var(--rule);
  color: var(--ink); font-size: 22px; line-height: 1.4; font-weight: 600;
}
.policy .body { color: var(--text); font-size: 16px; line-height: 24px; }
@media (min-width: 1024px) {
  .policy { padding-left: 20px; padding-right: 20px; }
  .policy .inner { max-width: 936px; }
  .policy .body { margin-left: calc(16.6667% + 0px); margin-right: 16.6667%; }
}
@media (min-width: 1280px) {
  .policy .inner { max-width: 1112px; }
  .policy .body { margin-left: 193px; margin-right: 0; max-width: 690px; }
}
.policy .body p { margin: 0 0 24px; }
.policy .body p.tight { margin-bottom: 0; }
.policy .body strong { font-weight: 700; }
.policy .body ul { margin: 16px 0 16px; padding-left: 40px; }
.policy .body a { color: var(--link); text-decoration: underline; }
.policy .body h2 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 700; color: var(--text); }
.policy .body h2 + p, .policy .body h2 + ul { margin-top: 0; }
.policy .body h2 + ul { margin-top: 14px; }
.policy .body :target { scroll-margin-top: 16px; }

/* ---- footer ---- */
.site-footer { background: var(--green); color: #fff; padding: 40px 48px; text-align: center; }
.site-footer .inner { max-width: 1064px; margin: 0 auto; }
.site-footer nav { margin: 0 0 40px; }
.site-footer nav a {
  display: block; padding: 4px 8px; color: #fff; text-decoration: none;
  font-size: 16px; letter-spacing: .063em;
}
.site-footer p { margin: 0 0 16px; font-size: 16px; line-height: 24px; }
.site-footer .name { font-weight: 700; }
.site-footer .phones a { text-decoration: none; }
.site-footer .copy { margin: 25px 0 0; font-size: 14px; line-height: 21px; }
@media (min-width: 768px) {
  .site-footer nav a { display: inline-block; padding: 8px; }
}