html {
	font-size: 62.5%;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
	color: $color__text-main;
	font-family: "Poppins", Helvetica, Arial, sans-serif;;
	@include font-size(1.4);
	line-height: 1.8;
	font-weight: 400;
}

p {
	margin: 0 0 25px;
}

a {
	color: $color__green;
	transition: color 0.3s ease-out;

	&:visited {
		color: $color__green;
	}
	&:hover,
	&:focus,
	&:active {
		color: $color__green;
	}
	&:focus {
		outline: thin dotted;
	}
	&:hover,
	&:active {
		outline: 0;
	}
}

h1, h2, h3, h4, h5, h6 {
	color: $color__text-secondary;
	clear: both;
	margin: 0 0 3rem;
	font-weight: 600;
	line-height: 1.1;

	a {
		color: $color__text-secondary;
		text-decoration: none;

		&:active,
		&:visited {
			color: $color__text-secondary;
		}

		&:hover,
		&:focus {
			color: $color__green;
		}
	}
}
h1,
.h1 {
	@include font-size(6.6);
	text-transform: lowercase;
}
h2,
.h2 {
	@include font-size(4.8);
}
h3,
.h3 {
	@include font-size(3.2);
}
h4,
.h4 {
	@include font-size(2);
	margin: 0 0 1.5rem;
}
h5,
.h5 {
	@include font-size(1.6);
	margin: 0 0 1rem;
}
h6,
.h6 {
	@include font-size(1.3);
	margin: 0 0 1rem;
}


blockquote,
q {
	margin: 50px 0 50px 50px;
	position: relative;

	&:before {
		font-family: FontAwesome;
		font-size: 30px !important;
		font-size: 3rem !important;
		line-height: 1;
		font-weight: 400;
		display: block;
		content: "\f10d";
		position: absolute;
		left: -45px;
		top: -5px;
		color: $color__green;
	}

	&:after {
		content: "";
	}
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 25px auto;
}

img {
	display: block;
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1rem 0; /* Extra wide images within figure tags don't overflow the content area. */
}

ul, ol {
	margin: 0 0 25px;
	padding: 0 0 0 25px;

	&.comment-list {
		list-style: none;
		padding: 0;

		.comment-body {
			margin-bottom: 5px;
		}
	}
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin-bottom: 5px;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 15px;
}

dt {
	font-weight: 600;
}

dd {
	margin: 0 1.5rem 2.5rem;
}

table {
	margin: 0 0 2.5rem;
	width: 100%;
}

dfn, cite, em, i {
	font-style: italic;
}

address {
	margin: 0 0 2.5rem;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	@include font-size(1.2);
	line-height: 1.6;
	margin-bottom: 2.5rem;
	max-width: 100%;
	overflow: auto;
	padding: 1.5rem;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	@include font-size(1.2);
	line-height: 1.6;
}

abbr, acronym {
	border-bottom: 1px dotted #888;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

b, strong {
	font-weight: 600;
}

@media (max-width: 991px) {
	h1,
	.h1 {
		@include font-size(6);
	}
	h2,
	.h2 {
		@include font-size(4);
	}
	h3,
	.h3 {
		@include font-size(3);
	}

	blockquote,
	q {
		margin: 40px 0 40px 40px;
	
		&:before {
			font-size: 25px !important;
			font-size: 2.5rem !important;
			left: -35px;
			top: -5px;
		}
	}
}

@media (max-width: 767px) {
	body,
	button,
	input,
	select,
	textarea {
		line-height: 1.6;
	}

	p {
		margin: 0 0 20px;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 2rem;
	}
	h1,
	.h1 {
		@include font-size(4);
	}
	h2,
	.h2 {
		@include font-size(3);
	}
	h3,
	.h3 {
		@include font-size(2);
	}

	blockquote,
	q {
		margin: 20px 0 20px 20px;

		&:before {
			font-size: 15px !important;
			font-size: 1.5rem !important;
			left: -18px;
			top: 0;
		}
	}

	hr {
		margin: 20px auto;
	}

	ul, ol {
		margin: 0 0 20px;
		padding: 0 0 0 20px;
	}

	li > ul,
	li > ol {
		margin-bottom: 0;
		margin-left: 10px;
	}

	dd {
		margin: 0 1rem 2rem;
	}

	table {
		margin: 0 0 2rem;
	}
	
	address {
		margin: 0 0 2rem;
	}
	
	pre {
		margin-bottom: 2rem;
		padding: 1rem;
	}
}