//Typography p, body { font-size: 1rem; line-height: 1.625; font-weight: 400; } //Headings //add helper fw-bold to any element to get bold style (500) h1, .h1 { line-height: 1.325; font-weight: 300; } h2, .h2 { line-height: 1.325; font-weight: 300; } h3, .h3 { line-height: 1.375; font-weight: 300; } h4, .h4 { line-height: 1.6; font-weight: 300; } h5, .h5 { line-height: 1.325; font-weight: 400; } h6, .h6 { line-height: 1.7; letter-spacing: 0.75px; text-transform: uppercase; } .small { font-size: 0.875rem; line-height: 1.7; font-weight: 400; } label, .label { font-size: 1rem; line-height: 1.5; font-weight: 400; } caption, .caption { font-size: 0.75rem; line-height: 1.7; font-weight: 400; } // Font size .fs-5 { line-height: 2; } .fs-6 { font-size: 1rem !important; line-height: 1.4; font-weight: 500; } // Poppins styles from Google Fonts // Regular styles .poppins-light { font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal; } .poppins-regular { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .poppins-medium { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; } .poppins-semibold { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } .poppins-bold { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } // Italic styles .poppins-light-italic { font-family: "Poppins", sans-serif; font-weight: 300; font-style: italic; } .poppins-regular-italic { font-family: "Poppins", sans-serif; font-weight: 400; font-style: italic; } .poppins-medium-italic { font-family: "Poppins", sans-serif; font-weight: 500; font-style: italic; } .poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic; } .poppins-bold-italic { font-family: "Poppins", sans-serif; font-weight: 700; font-style: italic; }