/*--------------------------------------------------*/
/*	GENERAL
/*--------------------------------------------------*/

body {
	color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	/*text-transform: uppercase;*/
}

/* Desktop */
@media screen and (min-width: 950px) {
	body {font-size: 0.875em;}
	h1   {font-size: 2.000em;}
	h2   {font-size: 1.750em;}
	h3   {font-size: 1.500em;}
	h4   {font-size: 1.250em;}
	h5   {font-size: 1.000em;}
	h6   {font-size: 0.750em;}
}

/* Mobile */
@media screen and (max-width: 950px) {
	body {font-size: 0.975em;}
	h1   {font-size: 2.100em;}
	h2   {font-size: 1.850em;}
	h3   {font-size: 1.600em;}
	h4   {font-size: 1.350em;}
	h5   {font-size: 1.100em;}
	h6   {font-size: 0.850em;}
}

a {
	display: inline-block;
	text-decoration: none;
	color: #404040;
}

a.link {
	cursor: pointer;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: var(--color-orange);
}

/*
a:visited {
	color: #36A2EB;
}
*/

b {
	background: transparent;
	color: var(--text);
}

u {
	text-decoration: underline;
}

small {
	display: block;
	font-size: 85%;
}

small.notabene {
	color: #B5B5B5;
}

/*--------------------------------------------------*/
/*	FACILITATOR
/*--------------------------------------------------*/

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

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

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

.text-truncate,
.truncate-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    vertical-align: bottom;
}

.text-monospace {
	font-family: monospace;
	font-size: 14px;
}