/*
 * Typography for Harvest Electrical
 */

/* Lato declaration */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,900;1,400;1,900&display=swap');

/* Import FontAwesome */
@import url('contrib/fontawesome_6_7_2/css/fontawesome.css');
@import url('contrib/fontawesome_6_7_2/css/solid.min.css');

.lato-regular {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: normal;
}

.lato-regular-italic {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: italic;
}

h1, h2, h3 {
  margin: 0;
  padding: 0 0 1em 0;
}
h1, h3 {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: normal;
}

h2, body, p {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 32px;

  display: block;
  position: relative;
  line-height: 1.1;
  border-left: 2px #fff solid;

  background: var(--clr-primary);
  color: var(--clr-bright);

  padding: var(--gutter);
  margin: 0 0 var(--gutter);
}
h2::before {
  content: " ";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: -4px;
  top: 0;
  background: var(--clr-primary);
}
.item > h2 {
  width: calc(100% + calc(var(--gutter) / 2));
  left: calc(calc(var(--gutter) / 2) * -1);
  padding: calc(var(--gutter) / 2);
}

h3 {
  font-size: 24px;
}

body, p {
 font-size:16px;
}


/*
Avenir heavy
Avenir black
Avenir medium
Avenir Roman
Avenir Book

Safety Orange: 0, 60, 100, 0 (#ff6600)
*/