@charset "UTF-8";

[wombat-template] {
  font-family: "Google Sans", "Roboto", "Arial", sans-serif;
}

[wombat-template] .bold {
  font-weight: 600; /* Bold */
}
[wombat-template] .medium {
  font-weight: 500; /* Medium */
}
[wombat-template] .regular {
  font-weight: 400; /* Regular */
}



/* Default Weight Bold, Default Color #7e7e7e */
[wombat-template] .h1,
[wombat-template] h1,
[wombat-template] .h2,
[wombat-template] h2,
[wombat-template] .h3,
[wombat-template] h3,
[wombat-template] .h4,
[wombat-template] h4,
[wombat-template] .h5,
[wombat-template] h5,
[wombat-template] .h6,
[wombat-template] h6,
[wombat-template] .h7,
[wombat-template] h7 {
  font-weight: 600; /* Bold */
}

[wombat-template] .h1.medium,
[wombat-template] h1.medium,
[wombat-template] .h2.medium,
[wombat-template] h2.medium,
[wombat-template] .h3.medium,
[wombat-template] h3.medium,
[wombat-template] .h4.medium,
[wombat-template] h4.medium,
[wombat-template] .h5.medium,
[wombat-template] h5.medium,
[wombat-template] .h6.medium,
[wombat-template] h6.medium,
[wombat-template] .h7.medium,
[wombat-template] h7.medium {
  font-weight: 500; /* Medium */
}

[wombat-template] .h1.regular,
[wombat-template] h1.regular,
[wombat-template] .h2.regular,
[wombat-template] h2.regular,
[wombat-template] .h3.regular,
[wombat-template] h3.regular,
[wombat-template] .h4.regular,
[wombat-template] h4.regular,
[wombat-template] .h5.regular,
[wombat-template] h5.regular,
[wombat-template] .h6.regular,
[wombat-template] h6.regular,
[wombat-template] .h7.regular,
[wombat-template] h7.regular {
  font-weight: 400; /* Regular */
}


/* Heading Sizes: mobile */
[wombat-template] .h1,
[wombat-template] h1 {
  font-size: 26px;
  line-height: 34px;
}

[wombat-template] .h2,
[wombat-template] h2 {
  font-size: 24px;
  line-height: 32px;
}

[wombat-template] .h3,
[wombat-template] h3 {
  font-size: 22px;
  line-height: 28px;
}

[wombat-template] .h4,
[wombat-template] h4 {
  font-size: 20px;
  line-height: 26px;
}

[wombat-template] .h5,
[wombat-template] h5 {
  font-size: 18px;
  line-height: 24px;
}

[wombat-template] .h6,
[wombat-template] h6 {
  font-size: 13px;
  line-height: 18px;
}

[wombat-template] .h7,
[wombat-template] h7 {
  font-size: 11px;
  line-height: 15px;
}


/* Heading Sizes: tablet */
@media screen and (min-width: 768px) {
  [wombat-template] .h1,
  [wombat-template] h1 {
    font-size: 36px;
    line-height: 44px;
  }

  [wombat-template] .h2,
  [wombat-template] h2 {
    font-size: 34px;
    line-height: 42px;
  }

  [wombat-template] .h3,
  [wombat-template] h3 {
    font-size: 30px;
    line-height: 40px;
  }

  [wombat-template] .h4,
  [wombat-template] h4 {
    font-size: 22px;
    line-height: 30px;
  }

  [wombat-template] .h5,
  [wombat-template] h5 {
    font-size: 20px;
    line-height: 26px;
  }

  [wombat-template] .h6,
  [wombat-template] h6 {
    font-size: 15px;
    line-height: 22px;
  }

  [wombat-template] .h7,
  [wombat-template] h7 {
    font-size: 12px;
    line-height: 18px;
  }
}


/* Heading Sizes: desktop */
@media screen and (min-width: 960px) {
  [wombat-template] .h1,
  [wombat-template] h1 {
    font-size: 40px;
    line-height: 54px;
  }

  [wombat-template] .h2,
  [wombat-template] h2 {
    font-size: 38px;
    line-height: 50px;
  }

  [wombat-template] .h3,
  [wombat-template] h3 {
    font-size: 34px;
    line-height: 44px;
  }

  [wombat-template] .h4,
  [wombat-template] h4 {
    font-size: 24px;
    line-height: 32px;
  }

  [wombat-template] .h5,
  [wombat-template] h5 {
    font-size: 22px;
    line-height: 28px;
  }

  [wombat-template] .h6,
  [wombat-template] h6 {
    font-size: 15px;
    line-height: 22px;
  }

  [wombat-template] .h7,
  [wombat-template] h7 {
    font-size: 12px;
    line-height: 18px;
  }
}




/* Body Copy Defaults: mobile */
[wombat-template] p,
[wombat-template] .body-copy {
  font-family: "Google Sans", "Roboto", "Arial", sans-serif;
  font-weight: 400; /* Regular */
  color: #7e7e7e;
  font-size: 15px;
  line-height: 23px;
}

[wombat-template] p.large,
[wombat-template] .body-copy.large {
  font-size: 15px;
  line-height: 25px;
}

[wombat-template] p.small,
[wombat-template] .body-copy.small {
  font-size: 14px;
  line-height: 22px;
}

@media screen and (max-width: 767px) { /* only mobile */
  [wombat-template] p.small,
  [wombat-template] .body-copy.small {
    font-weight: 500; /* Medium */
  }
}

[wombat-template] p.bold,
[wombat-template] .body-copy.bold {
  font-weight: 600; /* Bold */
}


/* Body Copy Defaults: tablet */
@media screen and (min-width: 768px) {
  [wombat-template] p,
  [wombat-template] .body-copy {
    font-size: 18px;
    line-height: 28px;
  }

  [wombat-template] p.large,
  [wombat-template] .body-copy.large {
    font-size: 18px;
    line-height: 32px;
  }

  [wombat-template] p.small,
  [wombat-template] .body-copy.small {
    font-size: 16px;
    line-height: 24px;
  }
}


/* Body Copy Defaults: desktop */
@media screen and (min-width: 960px) {
  [wombat-template] p,
  [wombat-template] .body-copy {
    font-size: 18px;
    line-height: 28px;
  }

  [wombat-template] p.large,
  [wombat-template] .body-copy.large {
    font-size: 18px;
    line-height: 32px;
  }

  [wombat-template] p.small,
  [wombat-template] .body-copy.small {
    font-size: 16px;
    line-height: 24px;
  }
}




/* CTA Defaults: mobile */
[wombat-template] button,
[wombat-template] a,
[wombat-template] .cta {
  font-family: "Google Sans", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  color: #423f3f;
  font-size: 14px;
  line-height: 20px;
}


/* CTA Defaults: tablet */
@media screen and (min-width: 768px) {
  [wombat-template] button,
  [wombat-template] a,
  [wombat-template] .cta {
    font-size: 16px;
    line-height: 22px;
  }
}


/* CTA Defaults: desktop */
@media screen and (min-width: 960px) {
  [wombat-template] button,
  [wombat-template] a,
  [wombat-template] .cta {
    font-size: 16px;
    line-height: 22px;
  }
}