/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



/* -----------------------------------
   Typography Styles – Website Headers
------------------------------------ */

.fs-h1,
.h2,
.h3,
.h6 {
  font-family: "DM Serif Display";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.fs-h1 {
  font-size: 58px;
}

.h2 {
  font-size: 48px;
}

.h3 {
  font-size: 36px;
}

.h6 {
  font-size: 20px;
}

.h3.san-serif {
  font-family: Heebo;
  font-weight: 700;
}

.h4 {
  font-family: Heebo;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 35px */
}

.h5 {
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* -----------------------------------
   Subtext Styles
------------------------------------ */

.tagline,
.subheading {
  font-family: Heebo;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tagline {
  font-size: 32px;
}

.subheading {
  font-size: 24px;
}

.buttontext {
  font-family: Heebo;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

/* -----------------------------------
   Overline Variants
------------------------------------ */

.overline {
  font-family: Heebo;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}

.overline.lg {
  font-size: 28px;
  letter-spacing: 11.2px;
}

.overline.md {
  font-size: 18px;
  letter-spacing: 3.6px;
}

.overline.sm {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
}

.overline.sm.bold {
  font-weight: 800;
}

/* -----------------------------------
   Body Text Variants
------------------------------------ */

.body {
  font-family: Heebo;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}

.body.lg {
  font-size: 18px;
}

.body.lg.bold {
  font-weight: 700;
}

.body.xl {
  font-size: 20px;
}

.body.xl.bold {
  font-weight: 700;
}