/*
 * ---------------
 * Styles for text
 * ---------------
 */

abbr.required {
	color: #ff0000;
}

del {
	text-decoration: line-through;
}

p {
	line-height: 1.6em;
	margin-bottom: 10px;
}

p:last-child {
	margin-bottom: 0;
}

p:not(:last-child):last-of-type {
	margin-bottom: 20px;
}

a {
	display: inline-block;
	cursor: pointer;
	transition: color 0.1s;
}

a:not([href]):not([tabindex]) {
	text-decoration: underline;
}

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

p.dark, a.dark {
	color: var( --color-panthagray );
}

p.light, a.light {
	color: var( --color-pearlwhite );
}

small {
	font-size: 0.75em;
	line-height: calc( 1.6em * 0.75 );
	vertical-align: middle;
}