/* =============================================================================
   VTW CORE
   UI TITLE
============================================================================= */

/* --------------------------------------------------------------------------
   Titre générique
--------------------------------------------------------------------------- */

.vtw-title{

    margin:0;

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

    font-weight:700;

    line-height:1.2;

}

/* --------------------------------------------------------------------------
   Variantes
--------------------------------------------------------------------------- */

.vtw-title--xl{

    font-size:2.4rem;

}

.vtw-title--lg{

    font-size:2rem;

}

.vtw-title--md{

    font-size:1.6rem;

}

.vtw-title--sm{

    font-size:1.25rem;

}

/* --------------------------------------------------------------------------
   Espacement
--------------------------------------------------------------------------- */

.vtw-title + *{

    margin-top:var(--vtw-space-md);

}