@import url("https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap");

@font-face {
  font-family: "Uncial Antiqua Parish";
  src: local("Uncial Antiqua"), url("fonts/UncialAntiqua-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html[lang="fr"],
html[lang="en"] {
  --church-heading-font: "Uncial Antiqua Parish", "Uncial Antiqua", Georgia, "Times New Roman", serif;
}

html[lang="fr"] .link-grid a,
html[lang="fr"] .link-grid-locked,
html[lang="fr"] .sacrament-subnav a,
html[lang="fr"] .sacrament-subnav .disabled,
html[lang="fr"] .poster-mark,
html[lang="fr"] .page-hero::before,
html[lang="fr"] .page-hero::after,
html[lang="fr"] .schedule-poster::before,
html[lang="fr"] .schedule-poster::after,
html[lang="en"] .link-grid a,
html[lang="en"] .link-grid-locked,
html[lang="en"] .sacrament-subnav a,
html[lang="en"] .sacrament-subnav .disabled,
html[lang="en"] .poster-mark,
html[lang="en"] .page-hero::before,
html[lang="en"] .page-hero::after,
html[lang="en"] .schedule-poster::before,
html[lang="en"] .schedule-poster::after {
  font-family: var(--church-heading-font);
}

html[lang="fr"] .link-grid a,
html[lang="fr"] .link-grid-locked,
html[lang="en"] .link-grid a,
html[lang="en"] .link-grid-locked {
  font-size: clamp(15px, 1.5vw, 20px);
}

html[lang="fr"] .brand strong,
html[lang="en"] .brand strong {
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.1;
}

html[lang="fr"] .brand small,
html[lang="en"] .brand small {
  font-size: clamp(12px, 1.2vw, 15px);
  line-height: 1.1;
}

html[lang="fr"] .main-nav,
html[lang="en"] .main-nav {
  font-size: clamp(14px, 1.3vw, 18px);
}

html[lang="fr"] h1,
html[lang="fr"] h2,
html[lang="en"] h1,
html[lang="en"] h2 {
  line-height: 1.12;
}

html[lang="fr"] .hero h1,
html[lang="en"] .hero h1 {
  font-size: clamp(26px, 4.2vw, 50px);
  line-height: 1.08;
}

html[lang="fr"] .page-hero h1,
html[lang="en"] .page-hero h1 {
  font-size: clamp(26px, 4.4vw, 52px);
  line-height: 1.08;
}