/* Page-level styles for the Lug Calculator. The calculator itself is styled inside its shadow root (app/app.css).
 * Fonts are declared here because @font-face rules inside a shadow root are ignored by browsers.
 * Open Sans (variable, weights 300-800) is bundled under fonts/ - SIL Open Font License, see fonts/OFL.txt. */

@font-face {
  font-family: "LugCalc Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-latin-ext-wght-normal.woff2") format("woff2-variations"), url("../fonts/open-sans-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "LugCalc Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-greek-wght-normal.woff2") format("woff2-variations"), url("../fonts/open-sans-greek-wght-normal.woff2") format("woff2");
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
@font-face {
  font-family: "LugCalc Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/open-sans-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "LugCalc Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-latin-ext-wght-italic.woff2") format("woff2-variations"), url("../fonts/open-sans-latin-ext-wght-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "LugCalc Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-greek-wght-italic.woff2") format("woff2-variations"), url("../fonts/open-sans-greek-wght-italic.woff2") format("woff2");
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}
@font-face {
  font-family: "LugCalc Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/open-sans-latin-wght-italic.woff2") format("woff2-variations"), url("../fonts/open-sans-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* The calculator fills the width it is given. On wide screens it is a window-height app (less the WordPress
 * admin bar); add to --lugcalc-offset if the theme has a sticky header, e.g. .lugcalc-host { --lugcalc-offset: 60px; } */
.lugcalc-host { display: block; width: 100%; --lugcalc-offset: 0px; }
body.admin-bar .lugcalc-host { --lugcalc-offset: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .lugcalc-host { --lugcalc-offset: 46px; }
}

/* "LugCalc Full Width" page template: GeneratePress gets the full-width-content body class and no sidebar or
 * title through its filters; these rules are the fallback for the same look. */
body.lugcalc-full-width .site.grid-container,
body.lugcalc-full-width .site-content.grid-container,
body.lugcalc-full-width .container.grid-container { max-width: 100%; }
body.lugcalc-full-width .content-area { width: 100%; }
body.lugcalc-full-width .inside-article { padding: 0; }
body.lugcalc-full-width .site-main { margin: 0; }
body.lugcalc-full-width .entry-content { margin-top: 0; }
body.lugcalc-full-width .entry-header .entry-title { display: none; }
body.lugcalc-full-width .lugcalc-host { margin: 0; }