/* ==========================================================================
   MathB Events Theme
   Typography
   ========================================================================== */

/* ==========================================================================
   Body
   ========================================================================== */

body {

    font-family: var(--mathb-font-body);

    font-size: var(--mathb-text-base);

    font-weight: var(--mathb-fw-normal);

    line-height: var(--mathb-line-normal);

    color: var(--mathb-text);

}

/* ==========================================================================
   Headings
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {

    margin: 0 0 1.25rem;

    font-family: var(--mathb-font-heading);

    font-weight: var(--mathb-fw-bold);

    line-height: var(--mathb-line-tight);

    color: var(--mathb-heading);

    letter-spacing: -.02em;

}

h1 {

    font-size: var(--mathb-h1);

}

h2 {

    font-size: var(--mathb-h2);

}

h3 {

    font-size: var(--mathb-h3);

}

h4 {

    font-size: var(--mathb-h4);

}

h5 {

    font-size: var(--mathb-h5);

}

h6 {

    font-size: var(--mathb-h6);

}

/* ==========================================================================
   Paragraphs
   ========================================================================== */

p {

    margin: 0 0 1.5rem;

    color: var(--mathb-text);

    line-height: var(--mathb-line-loose);

}

p:last-child {

    margin-bottom: 0;

}

/* ==========================================================================
   Lead Text
   ========================================================================== */

.lead,
.mathb-lead {

    font-size: 1.25rem;

    line-height: 1.8;

    color: var(--mathb-text-light);

    font-weight: var(--mathb-fw-normal);

}

/* ==========================================================================
   Small Text
   ========================================================================== */

small {

    font-size: var(--mathb-text-sm);

    color: var(--mathb-text-light);

}

/* ==========================================================================
   Strong
   ========================================================================== */

strong,
b {

    font-weight: var(--mathb-fw-bold);

}

/* ==========================================================================
   Emphasis
   ========================================================================== */

em,
i {

    font-style: italic;

}

/* ==========================================================================
   Links
   ========================================================================== */

a {

    color: inherit;

    text-decoration: none;

    transition: color var(--mathb-transition);

}

a:hover {

    color: var(--mathb-primary);

}

/* ==========================================================================
   Lists
   ========================================================================== */

ul,
ol {

    margin: 0 0 1.5rem 1.5rem;

    padding: 0;

}

ul li,
ol li {

    margin-bottom: .5rem;

    line-height: var(--mathb-line-loose);

}

ul li:last-child,
ol li:last-child {

    margin-bottom: 0;

}

/* ==========================================================================
   Definition Lists
   ========================================================================== */

dl {

    margin: 0 0 2rem;

}

dt {

    font-weight: var(--mathb-fw-semibold);

}

dd {

    margin: 0 0 1rem 1.5rem;

}

/* ==========================================================================
   Blockquotes
   ========================================================================== */

blockquote {

    margin: 3rem 0;

    padding: 2rem 2.5rem;

    border-left: 5px solid var(--mathb-primary);

    background: var(--mathb-light);

    border-radius: var(--mathb-radius-lg);

}

blockquote p {

    margin: 0;

    font-size: 1.2rem;

    font-style: italic;

}

blockquote cite {

    display: block;

    margin-top: 1.5rem;

    color: var(--mathb-text-light);

    font-style: normal;

    font-size: .95rem;

}

/* ==========================================================================
   Code
   ========================================================================== */

code,
kbd,
pre,
samp {

    font-family: var(--mathb-font-mono);

}

code {

    padding: .2rem .45rem;

    background: var(--mathb-light);

    border-radius: var(--mathb-radius-sm);

}

pre {

    overflow-x: auto;

    padding: 1.5rem;

    background: var(--mathb-dark);

    color: var(--mathb-white);

    border-radius: var(--mathb-radius-lg);

}

pre code {

    padding: 0;

    background: transparent;

    color: inherit;

}

/* ==========================================================================
   Tables
   ========================================================================== */

th {

    color: var(--mathb-heading);

    font-weight: var(--mathb-fw-semibold);

}

td {

    color: var(--mathb-text);

}

/* ==========================================================================
   Horizontal Rules
   ========================================================================== */

hr {

    margin: 4rem 0;

}

/* ==========================================================================
   Text Helpers
   ========================================================================== */

.text-primary {

    color: var(--mathb-primary);

}

.text-dark {

    color: var(--mathb-heading);

}

.text-light {

    color: var(--mathb-text-light);

}

.text-white {

    color: var(--mathb-white);

}

/* ==========================================================================
   Section Titles
   ========================================================================== */

.mathb-section-title {

    margin-bottom: 1rem;

}

.mathb-section-subtitle {

    max-width: 760px;

    margin: 0 auto 4rem;

    color: var(--mathb-text-light);

    font-size: 1.15rem;

    line-height: 1.8;

}

/* ==========================================================================
   End
   ========================================================================== */