/*--------------------------------------------------------------------------*\
	Text style
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
	    Color
\*--------------------------------------------------------------------------*/

.txt-c-cta-1{color:var(--c-cta-1) !important;}
.txt-c-cta-2{color:var(--c-cta-2) !important;}
.txt-c-cta-3{color:var(--c-cta-3) !important;}
.txt-c-cta-4{color:var(--c-cta-4) !important;}
.txt-c-cta-5{color:var(--c-cta-5) !important;}
.txt-c-error-primary-1{color:var(--c-error-primary-1) !important;}
.txt-c-error-primary-2{color:var(--c-error-primary-2) !important;}
.txt-c-error-secondary-1{color:var(--c-error-secondary-1) !important;}
.txt-c-error-secondary-2{color:var(--c-error-secondary-2) !important;}
.txt-c-error-secondary-3{color:var(--c-error-secondary-3) !important;}
.txt-c-warning-1{color:var(--c-warning-1) !important;}
.txt-c-warning-2{color:var(--c-warning-2) !important;}
.txt-c-warning-3{color:var(--c-warning-3) !important;}
.txt-c-success-1{color:var(--c-success-1) !important;}
.txt-c-success-2{color:var(--c-success-2) !important;}
.txt-c-success-3{color:var(--c-success-3) !important;}
.txt-c-opaque-1{color:var(--c-opaque-1) !important;}
.txt-c-opaque-2{color:var(--c-opaque-2) !important;}
.txt-c-opaque-1{color:var(--c-opaque-1) !important;}
.txt-c-opaque-2{color:var(--c-opaque-2) !important;}
.txt-c-primary-1{color:var(--c-primary-1) !important;}
.txt-c-primary-2{color:var(--c-primary-2) !important;}
.txt-c-primary-3{color:var(--c-primary-3) !important;}
.txt-c-primary-4{color:var(--c-primary-4) !important;}
.txt-c-primary-5{color:var(--c-primary-5) !important;}
.txt-c-secondary-1{color:var(--c-secondary-1) !important;}
.txt-c-secondary-2{color:var(--c-secondary-2) !important;}
.txt-c-secondary-3{color:var(--c-secondary-3) !important;}
.txt-c-secondary-4{color:var(--c-secondary-4) !important;}
.txt-c-secondary-5{color:var(--c-secondary-5) !important;}
.txt-c-tertiary-1{color:var(--c-tertiary-1) !important;}
.txt-c-tertiary-2{color:var(--c-tertiary-2) !important;}
.txt-c-tertiary-3{color:var(--c-tertiary-3) !important;}
.txt-c-tertiary-4{color:var(--c-tertiary-4) !important;}
.txt-c-quaternary-1{color:var(--c-quaternary-1) !important;}
.txt-c-quaternary-2{color:var(--c-quaternary-2) !important;}
.txt-c-quaternary-3{color:var(--c-quaternary-3) !important;}
.txt-c-quaternary-4{color:var(--c-quaternary-4) !important;}
.txt-c-green-1{color:var(--c-green-1) !important;}
.txt-c-orange-1{color:var(--c-orange-1) !important;}

/*--------------------------------------------------------------------------*\
	    Sizes
\*--------------------------------------------------------------------------*/

.txt-xtn {font-size: var(--fs-xtn) !important;}
.txt-tn {font-size: var(--fs-tn) !important;}
.txt-sm {font-size: var(--fs-sm) !important;}
.txt-md {font-size: var(--fs-md) !important;}
.txt-lg {font-size: var(--fs-lg) !important;}
.txt-xlg {font-size: var(--fs-xlg) !important;}
.txt-xxlg {font-size: var(--fs-xxlg) !important;}

/*--------------------------------------------------------------------------*\
        Font
\*--------------------------------------------------------------------------*/

/* no class for var(--ff-txt) because default font */
.txt-title {font-family: var(--ff-title);}

/*--------------------------------------------------------------------------*\
        Weight
\*--------------------------------------------------------------------------*/

.txt-thin {font-weight: var(--fw-thin);}
.txt-regular {font-weight: var(--fw-regular);}
.txt-bold {font-weight: var(--fw-bold);}
.txt-xbold {font-weight: var(--fw-xbold);}

/*--------------------------------------------------------------------------*\
		Style and decoration
\*--------------------------------------------------------------------------*/

.txt-underlined {text-decoration: underline;}
.txt-italic {font-style: italic;}


.txt-link {
    /*text*/
    color: var(--c-cta-2);
    text-decoration: underline;

    /*transition*/
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.txt-link:hover {
    /*text*/
    color: var(--c-cta-1);
}

/*--------------------------------------------------------------------------*\
		Position
\*--------------------------------------------------------------------------*/

.txt-left {text-align: left;}
.txt-center {text-align: center;}
.txt-justify {text-align: justify;}
.txt-right {text-align: right;}

/*--------------------------------------------------------------------------*\
		Lowercase or uppercase
\*--------------------------------------------------------------------------*/

.txt-uppercase {text-transform: uppercase;}
.txt-lowercase {text-transform: lowercase;}

/*--------------------------------------------------------------------------*\
		Text wrap
\*--------------------------------------------------------------------------*/

.txt-nowrap {white-space: nowrap;}