a {
	color: #0073CF;
	text-decoration: underline;
}

a.external:after {
	content: '\f08e';
	display: inline-block;
	margin: 0 0 0 0.2em;
	font-family: FontAwesome;
	font-size: 0.8em;
	text-decoration: none;
}

a:hover {
	color: #FF7700;
}

.button {
	border: 1px solid #0073CF;
	border-radius: 0.8rem;
	color: #0073CF;
	display: inline-block;
	font-weight: 300;
	line-height: 2em;
	padding: 0 0.75em;
	text-decoration: none;
	/* white-space: nowrap; */
}

.button:after {
	content: '\f138';
	display: inline-block;
	font-family: FontAwesome;
	font-weight: normal;
	margin: 0 0.25em 0;
}

.button:hover {
	background: #0073CF;
	color: #FFFFFF;
}

div.section.blue .button:hover {
	background: #FFF;
	color: #0073CF;
}

strong, b {
	font-weight: 700;
}

em {
	font-style: italic;
}

hr {
	border: 0 none;
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
	clear: both;
	height: 0;
	margin: 2rem 0;
}

pre {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 0.8rem;
	color: rgba(0, 0, 0, 0.7);
	font-family: Ubuntu Mono, monospace, monospace; 
	margin: 0 0 2rem 0;
	overflow-x: auto;
	padding: 1rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 0.4rem;
	color: rgba(0, 0, 0, 0.7);
	font-family: Ubuntu Mono, monospace, monospace !important; 
	padding: 0.1em 0.3em;
}

pre code {
	background: transparent;
	padding: 0;
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
	background: rgba(0, 0, 0, 0.05);
}

pre.chroma {
	border-radius: 0;
	margin: 0 0 2rem 0;
	padding: 1rem;
}

pre.code-toolbar > .toolbar {
	right: 0.5rem;
	top: 0.5rem;
}

pre.code-toolbar > .toolbar a, 
pre.code-toolbar > .toolbar button, 
pre.code-toolbar > .toolbar span {
	background: rgba(0, 0, 0, 0.2);
	box-shadow: none;
	border-radius: .5em;
	color: #fff;
	display: block;
	font-family: Prompt, Arial, sans-serif;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0.1em 0.5em;	
	text-shadow: none;
	text-decoration: none;
}

pre.code-toolbar > .toolbar a:hover, 
pre.code-toolbar > .toolbar button:hover, 
pre.code-toolbar > .toolbar span:hover {
	background: #0073CF;
	color: #fff;
}

h1 {
	color: #0073CF;
	font-size: 3.6rem;
	font-family: 'Rajdhani';
	font-weight: normal;
	line-height: 1.25em;
	margin: 2rem 0;
	/* text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.5); */
}

h2 {
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
	color: #0073CF;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.25em;
	margin: 2rem 0;
	padding: 2rem 0 0 0;
}

h2:first-child {
	border-top: none;
	margin-top: 0;
	padding: 0;
}

h3 {
	color: #0073CF;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25em;
	margin: 2rem 0 1rem 0;
}

h3:first-child {
	border-top: none;
	margin-top: 0;
	padding: 0;
}

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

.rich-text h3 {
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
	padding: 2rem 0 0 0;
}

h4 {
	font-weight: 700;
	margin: 2rem 0 0 0;
}
			
.rich-text p {
	line-height: 1.5em;
	margin: 0 0 2rem;
}

p.subtitle, .rich-text p.subtitle {
	color: #0073CF;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.25em;
	margin: -1rem 0 2rem 0;
	/* text-align: center; */
}

h3 + p.subtitle, .rich-text h3 + p.subtitle  {
	font-size: 1.6rem;
}

h2 + p.subtitle {
	margin-top: 1rem;
}

.smalltext, 
.rich-text td.smalltext {
	font-size: 1.4rem;
}

.largetext,
.rich-text td.largetext {
	font-size: 1.8rem;
}

.rich-text ul {
	list-style: none;
	margin: 0 0 1.5em 1.5em;
}

	.rich-text ul li {
		line-height: 1.5em;
		position: relative;
	}
	
		.rich-text ul li:before {
			content: '\f0c8';
			font-family: FontAwesome; 
			font-size: 0.5em;
			left: -2em;
			opacity: 0.333;
			position: absolute;
			top: 0;
		}

		.rich-text ul ul li:before {
			content: '\f096';
		}
		
.rich-text p > ul, .rich-text p > ol { 
	margin-bottom: 0;
}

.rich-text ul ul {
	margin-bottom: 0;
}	

.rich-text ol {
	list-style: decimal outside;
	margin: 0 0 1.5em 2em;
}

	.rich-text ol li {
		line-height: 1.5em;
	}

.rich-text table {
	/* border-collapse: collapse; */
	/* border-spacing: 0 0.5rem; */
	margin: 0 0 1.5em 0;
	width: 100%;
}
	
	.rich-text table th {
		font-weight: bold;
		text-align: left;
	}
	
	.rich-text table th,
	.rich-text table td {
		line-height: 1.25em;
		padding: 1rem;
		vertical-align: top;
	}
	
	.rich-text table td {
		border-top: 0.5rem solid transparent;
		background: rgba(0, 0, 0, 0.05); /*rgba(0, 0, 0, 0.05);*/
		background-clip: padding-box;
	}
	
	.rich-text table tr:hover td {
		background: rgba(0, 0, 0, 0.05);
		background-clip: padding-box;
	}
	
	.rich-text table td.transparent {
		background: transparent !important;
		border-top: 0;
	}
	
	.rich-text table td.thinborder {
		border-top-width: 1px;
	}
	
	.rich-text table h3 {
		border: 0 none;
		/* color: #333; */
		/* font-size: 1.6rem; */
		/* font-weight: 300; */
		margin-top: 2rem;
		padding: 0;
		/* text-transform: uppercase; */
	}
	
	table th.vertical-labels div.table-header {
		height: 20rem;
		position: relative;
		width: 100%;
	}
	
		table th.vertical-labels div.table-header-label {
			align-items: flex-end;
			display: flex;
			height: 8rem;
			/* left: -25%; */
			margin: -4rem 0 0 0;
			position: absolute;
			transform: rotate(315deg);
			width: 20rem;
			top: 50%;
		}
	
	.rich-text table.vertically-centered td {
		vertical-align: middle;
	}
	
	.logos .rich-text img {
		margin: 0 1em;
	}
	
	.rich-text img {
		margin: 1.5em 1em;
		max-width: 100%;
		height: auto;
	}
	
	.rich-text img.shadow {
		box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.3);
		display: block;
	}
	
	.rich-text span.big-icon {
		border: 5px solid #0073CF; /*rgba(0, 0, 0, 0.05);*/
		border-radius: 50%;
		color: #0073CF; /*rgba(0, 0, 0, 0.05);*/
		display: inline-block;
		font-size: 10rem;
		height: 15rem;
		line-height: 15rem;
		width: 15rem;
		text-align: center;
	}
	
	iframe.twitter-tweet {
		margin: 0 auto 1.5em !important;
	}