/* =====================================================
   ELITE STORE TYPOGRAPHY
   Version : 1.0
===================================================== */


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

.display-1{
    font-size:72px;
    font-weight:800;
    line-height:1.1;
}

.display-2{
    font-size:64px;
    font-weight:800;
    line-height:1.1;
}


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

.heading-1{
    font-size:56px;
    font-weight:700;
    line-height:1.2;
}

.heading-2{
    font-size:48px;
    font-weight:700;
    line-height:1.2;
}

.heading-3{
    font-size:40px;
    font-weight:700;
    line-height:1.2;
}

.heading-4{
    font-size:32px;
    font-weight:700;
    line-height:1.3;
}

.heading-5{
    font-size:24px;
    font-weight:600;
}

.heading-6{
    font-size:20px;
    font-weight:600;
}


/* ==========================
   BODY TEXT
========================== */

.text-lg{
    font-size:20px;
    line-height:1.8;
}

.text-md{
    font-size:16px;
    line-height:1.7;
}

.text-sm{
    font-size:14px;
    line-height:1.6;
}

.text-xs{
    font-size:12px;
    line-height:1.5;
}


/* ==========================
   FONT WEIGHT
========================== */

.fw-light{
    font-weight:300;
}

.fw-normal{
    font-weight:400;
}

.fw-medium{
    font-weight:500;
}

.fw-semibold{
    font-weight:600;
}

.fw-bold{
    font-weight:700;
}

.fw-black{
    font-weight:800;
}


/* ==========================
   TEXT ALIGNMENT
========================== */

.text-left{
    text-align:left;
}

.text-center{
    text-align:center;
}

.text-right{
    text-align:right;
}


/* ==========================
   TEXT COLORS
========================== */

.text-primary{
    color:var(--primary);
}

.text-secondary{
    color:var(--secondary);
}

.text-white{
    color:var(--white);
}

.text-dark{
    color:var(--gray-900);
}

.text-gray{
    color:var(--gray-500);
}

.text-success{
    color:var(--success);
}

.text-danger{
    color:var(--danger);
}

.text-warning{
    color:var(--warning);
}


/* ==========================
   PRODUCT PRICE
========================== */

.price{
    font-size:24px;
    font-weight:700;
    color:var(--primary);
}

.old-price{
    font-size:16px;
    color:var(--gray-500);
    text-decoration:line-through;
}


/* ==========================
   PRODUCT TITLE
========================== */

.product-title{
    font-size:18px;
    font-weight:600;
    color:var(--secondary);
}


/* ==========================
   SECTION LABEL
========================== */

.section-label{
    display:inline-block;
    color:var(--primary);
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}


/* ==========================
   LINKS
========================== */

.link{
    color:var(--primary);
    font-weight:600;
    transition:var(--transition);
}

.link:hover{
    color:var(--primary-dark);
}