/*------------------------------*\
    #COMPOSANT text
/*------------------------------*/

.text--x2 {
	font-size: calc(4 * var(--basePX) + 8px);
}

.font-size__10 {
	font-size: var(--basePX)!important;
	line-height: 11px;
}
.font-size__11 {
	font-size: calc(var(--basePX) + 1px)!important;
	line-height: 12px;
}
.font-size__12 {
	font-size: calc(var(--basePX) + 2px)!important;
	line-height: 13px;
}
.font-size__13 {
	font-size: calc(var(--basePX) + 3px)!important;
	line-height: 14px;
}
.font-size__14 {
	font-size: calc(var(--basePX) + 4px)!important;
	line-height: 15px;
}
.font-size__15 {
	font-size: calc(var(--basePX) + 5px)!important;
	line-height: 16px;
}
.font-size__16 {
	font-size: calc(var(--basePX) + 6px)!important;
	line-height: 17px;
}
.font-size__17 {
	font-size: calc(var(--basePX) + 7px)!important;
	line-height: 18px;
}
.font-size__18 {
	font-size: calc(var(--basePX) + 8px)!important;
	line-height: 20px;
}
.font-size__20 {
	font-size: calc(2 * var(--basePX))!important;
	line-height: 21px;
}
/* utilisé pour le bloc de droite dans lister mission/profil en connecté */
.font-size__22 {
	font-size: calc(2 * var(--basePX) + 2px)!important;
	line-height: 30px!important;
}
/* utilisé pour le bloc de droite dans lister AO */
.line-height__26 {
	line-height: 26px;
}
.line-height__1-5 {
	line-height: 1.5;
}

/* utilisé dans le dashboard */
.font-size__30 {
	font-size: calc(3 * var(--basePX))!important;
	line-height: 32px!important;
}
@media (max-width: 576px) {
	.font-size__30 {
		font-size: calc(2 * var(--basePX))!important;
		line-height: 22px!important;
	}
}

.line-height__25 {
	line-height: 25px!important;
}

/* utilisé pour le bloc de droite dans lister mission/profil en non connecté */
.border-text {
	color: var(--white);
	font-size: calc(7 * var(--basePX));
	line-height: 55px;
	text-shadow: 1px 0 0 var(--text-color-secondaire-mission), -1px 0 0 var(--text-color-secondaire-mission), 0 1px 0 var(--text-color-secondaire-mission), 0 -1px 0 var(--text-color-secondaire-mission), 1px 1px var(--text-color-secondaire-mission), -1px -1px 0 var(--text-color-secondaire-mission), 1px -1px 0 var(--text-color-secondaire-mission), -1px 1px 0 var(--text-color-secondaire-mission);
}

.font-size__38 {
	font-size: calc(3 * var(--basePX) + 8px)!important;
	line-height: 42px!important;
}
.font-size__40 {
	font-size: calc(4 * var(--basePX))!important;
	line-height: 45px!important;
}

.pop-in-contact_tips .font-size__13 {
	font-size: calc(var(--basePX) + 3px)!important;
	line-height: 15px;
}

/* utilisé pour le bloc de droite dans lister AO */
.font-size__24 {
	font-size: calc(2 * var(--basePX) + 4px)!important;
	line-height: 30px!important;
}

.degrade-text {
	background: -webkit-linear-gradient(-90deg, var(--secondary-color_ao), var(--main-color_ao));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/*------------------------------*\
    #COMPOSANT typographic
/*------------------------------*/

.hyphen--auto {
	hyphens: auto;
}
.breakword {
	word-break: break-word;
}
.truncate-words {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.white-space {
	white-space: nowrap;
}

@media (max-width: 576px) {
	.ellipsis {
		text-overflow: ellipsis;
		overflow: scroll;
	}
}

/*------------------------------*\
    #COMPOSANT divers
/*------------------------------*/
/* reset uppercase */
.text-initial {
	text-transform: initial;
}

/* pour conserver les sauts de lignes des textes des CV upload + mise en page */ 
.multi-lines-text {
	white-space: pre-line;
}

.mb-2.color--mission__secondary.font-weight-bold.mb-3.font-size__14::first-letter {
	text-transform: capitalize;
}

.text-shadow {
	text-shadow: 2px 2px 5px var(--main-color_paragraphe);
}