:before, :after {
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;  
}

/* headers */
h1, h2, h3, h4 {
	font-size: 32px;
	font-weight: 100;
	font-family: "Overpass", sans-serif;
	color: #000000;	
	margin-bottom: 30px;
	line-height: 42px;
}
h2 { font-size: 28px; }
h3 { font-size: 28px; }
h4 { font-size: 28px; }

/* general text */
p, a, span, div, input, textarea, select, b, strong, i, em, li, ul, ol {
	font-size: 15px;
	color: #000000;
	font-family: "Overpass", sans-serif;
	font-weight: 200;
	line-height: 22px;
}

/* list */
ul li { padding-left: 20px; position: relative; }
li:before {
	content: '';
	float: left;
	position: absolute;
	height: 6px;
	width: 6px;
	border: 2px solid #9c8cc2;
	border-radius: 10px;
	display: inline-block;
	margin-top: 8px;
	left: 0;
}
li ul li:before { border: 2px solid #adb05a; }

/* alignment */
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.csc-header-alignment-center { text-align: center; }
.csc-header-alignment-right { text-align: right; }
.csc-header-alignment-left { text-align: left; }

/* misc */
strong, b { font-weight: 700; }
em, i { font-style: italic; }
a { color: #adb05a; text-decoration: none; }
p { padding-bottom: 20px; }
a:hover { text-decoration: underline; }
blockquote {
	background-color: #e5eaed;
	padding: 30px 25px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

