Torq/css/type.css

/*
	Typography
	========================================
*/

/* Body text */
p {
	margin: 0 0 calc(var(--base-line-height) / 2);
}

.lead {
	margin-bottom: var(--base-line-height);
	font-size: calc(var(--base-font-size) * 1.5);
	font-weight: 200;
	line-height: calc(var(--base-line-height) * 1.5);
}

/* Emphasis & misc */
small {
	font-size: 85%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

cite {
	font-style: normal;
}

/* Utility classes */
.muted {
	color: var(--gray-light);
}

a.muted:hover,
a.muted:focus {
	color: color-mix(in srgb, var(--gray-light), black 10%);
}

.text-warning {
	color: var(--warning-text);
}

a.text-warning:hover,
a.text-warning:focus {
	color: color-mix(in srgb, var(--warning-text), black 10%);
}

.text-error {
	color: var(--error-text);
}

a.text-error:hover,
a.text-error:focus {
	color: color-mix(in srgb, var(--error-text), black 10%);
}

.text-info {
	color: var(--info-text);
}

a.text-info:hover,
a.text-info:focus {
	color: color-mix(in srgb, var(--info-text), black 10%);
}

.text-success {
	color: var(--success-text);
}

a.text-success:hover,
a.text-success:focus {
	color: color-mix(in srgb, var(--success-text), black 10%);
}

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

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

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

/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin: calc(var(--base-line-height) / 2) 0;
	font-family: var(--headings-font-family);
	font-weight: var(--headings-font-weight);
	line-height: var(--base-line-height);
	color: var(--headings-color);
	text-rendering: optimizelegibility; /* Fix the character spacing for headings */
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: var(--gray-light);
}

h1, h2, h3 {
	line-height: calc(var(--base-line-height) * 2);
}

h1 {
	font-size: calc(var(--base-font-size) * 2.75); /* ~38px */
}

h2 {
	font-size: calc(var(--base-font-size) * 2.25); /* ~32px */
}

h3 {
	font-size: calc(var(--base-font-size) * 1.75); /* ~24px */
}

h4 {
	font-size: calc(var(--base-font-size) * 1.25); /* ~18px */
}

h5 {
	font-size: var(--base-font-size);
}

h6 {
	font-size: calc(var(--base-font-size) * 0.85); /* ~12px */
}

h1 small {
	font-size: calc(var(--base-font-size) * 1.75); /* ~24px */
}

h2 small {
	font-size: calc(var(--base-font-size) * 1.25); /* ~18px */
}

h3 small {
	font-size: var(--base-font-size);
}

h4 small {
	font-size: var(--base-font-size);
}

/* Page header */
.page-header {
	padding-bottom: calc((var(--base-line-height) / 2) - 1);
	margin: var(--base-line-height) 0 calc(var(--base-line-height) * 1.5);
	border-bottom: 1px solid var(--gray-lighter);
}

/* Lists */
ul, ol {
	padding: 0;
	margin: 0 0 calc(var(--base-line-height) / 2) 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}

li {
	line-height: var(--base-line-height);
}

/* Remove default list styles */
ul.unstyled,
ol.unstyled {
	margin-left: 0;
	list-style: none;
}

/* Single-line list items */
ul.inline,
ol.inline {
	margin-left: 0;
	list-style: none;
}

ul.inline > li,
ol.inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

/* Description Lists */
dl {
	margin-bottom: var(--base-line-height);
}

dt, dd {
	line-height: var(--base-line-height);
}

dt {
	font-weight: bold;
}

dd {
	margin-left: calc(var(--base-line-height) / 2);
}

/* Horizontal layout (like forms) */
.dl-horizontal::after {
	display: table;
	content: "";
	clear: both;
}

.dl-horizontal dt {
	float: left;
	width: calc(var(--horizontal-component-offset) - 20);
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dl-horizontal dd {
	margin-left: var(--horizontal-component-offset);
}

/* MISC */
/* Horizontal rules */
hr {
	margin: var(--base-line-height) 0;
	border: 0;
	border-top: 1px solid var(--hr-border);
	border-bottom: 1px solid var(--white);
}

/* Abbreviations and acronyms */
abbr[title],
/* Added data-* attribute to help out our tooltip plugin */
abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted var(--gray-light);
}

abbr.initialism {
	font-size: 90%;
	text-transform: uppercase;
}

/* Blockquotes */
blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 var(--base-line-height);
	border-left: 5px solid var(--gray-lighter);
}

blockquote p {
	margin-bottom: 0;
	font-size: calc(var(--base-font-size) * 1.25);
	font-weight: 300;
	line-height: 1.25;
}

blockquote small {
	display: block;
	line-height: var(--base-line-height);
	color: var(--gray-light);
}

blockquote small::before {
	content: '\2014 \00A0';
}

/* Float right with text-align: right */
blockquote.pull-right {
	float: right;
	padding-right: 15px;
	padding-left: 0;
	border-right: 5px solid var(--gray-lighter);
	border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
	text-align: right;
}

blockquote.pull-right small::before {
	content: '';
}

blockquote.pull-right small::after {
	content: '\00A0 \2014';
}

/* Quotes */
q::before,
q::after,
blockquote::before,
blockquote::after {
	content: "";
}

/* Addresses */
address {
	display: block;
	margin-bottom: var(--base-line-height);
	font-style: normal;
	line-height: var(--base-line-height);
}