/*==================================================
    WILDFLOWER INFINITY DIGITAL
    TYPOGRAPHY
==================================================*/



/*==============================================
    HEADINGS
==============================================*/

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

    color: var(--color-text);

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

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

    line-height: var(--lh-heading);

    letter-spacing: .5px;

}



/*==============================================
    H1
==============================================*/

h1{

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

}



/*==============================================
    H2
==============================================*/

h2{

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

}



/*==============================================
    H3
==============================================*/

h3{

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

}



/*==============================================
    H4
==============================================*/

h4{

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

}



/*==============================================
    PARAGRAPHS
==============================================*/

p{

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

    font-size: var(--fs-body);

    line-height: var(--lh-body);

}



/*==============================================
    SMALL TEXT
==============================================*/

small{

    color: var(--color-text-muted);

    font-size: var(--fs-small);

}



/*==============================================
    SECTION SUBTITLE
==============================================*/

.section-subtitle{

    display: inline-block;

    margin-bottom: 15px;

    color: var(--color-primary);

    font-size: .85rem;

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

    letter-spacing: 3px;

    text-transform: uppercase;

}



/*==============================================
    SECTION TITLE
==============================================*/

.section-title{

    max-width: 700px;

    margin-bottom: 20px;

}



/*==============================================
    SECTION DESCRIPTION
==============================================*/

.section-description{

    max-width: 650px;

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

}



/*==============================================
    TEXT UTILITIES
==============================================*/

.text-center{

    text-align: center;

}

.text-left{

    text-align: left;

}

.text-right{

    text-align: right;

}



/*==============================================
    HIGHLIGHT
==============================================*/

.highlight{

    color: var(--color-primary);

}