/* ==========================================================================
   Terav Eestlane — base reset / normalize
   Replaces the former WordPress asset stack (graphene theme + Bootstrap +
   Elementor + WP block library) with the minimal global defaults the bespoke
   pages actually rely on. Values reproduced from the previous computed styles
   so rendering is unchanged. The design layer (custom.css) loads after this.
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 1.5em; /* em (not unitless): inherits as an absolute 24px, matching graphene */
  color: #4a474b;
  font-weight: 400;
}

/* Media: bootstrap/graphene kept images from overflowing their box. */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}

/* Block-element reset. The old stack (graphene) zeroed margins/padding on these
   and let Bootstrap size raw headings; the bespoke .te-* rules set their own
   spacing on top. Reproduced so any element without a .te-* class matches. */
h1, h2, h3, h4, h5, h6,
p, ul, ol, li {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.1;
}
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Generic links (nav/footer/content links are fully styled in custom.css;
   this is the graphene default for any otherwise-unstyled link). */
a {
  color: #99173c;
  text-decoration: none;
}

/* Form controls inherited the page font under the old stack. */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}