/* TYPOGRAPHY */
/* ----------------------------------------- */

.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

body {
	margin: 0;
	color: #222;
	font: 1em/1.5 "freight-text-pro", Georgia, "Times New Roman", Times, serif;
}

p {
	margin-bottom: 1em;
}

	.post p,
	.sidebar p,
	.post li {
		color: #555;
	}

.post .intro {
	font-size: 1.25em;
	line-height: 1.325;
}

strong,
dt {
	font-weight: 600;
}

.post blockquote {
	color: #555;
	padding-left: 1em;
	border-left: 3px double #D2D2CE;
}

hr {
	border: 0;
	border-top: 1px solid #C1CDD4;
	margin: 2em auto;
}

h1, h2, h3, h4, .search input {
	font-family: "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif; 
	color: #222;
}

h1 { 
	font-size: 2em; 
	font-weight: 600; 
	margin-bottom: 1em; 
	line-height: 1.5;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
	-webkit-font-smoothing: antialiased;
}

	.feature h1 {
		line-height: .875;
		margin-bottom: .5em;
		margin-top: 1em;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		transition: .2s;
	}

	header .permalink:hover h1,
	header .permalink:focus h1 {
		opacity: .8;
	}

	.features h1 {
		font-size: 1.25em;
		line-height: 1;
	}

	.article-title {
		font-size: 2em;
		line-height: 1.125;
		margin-bottom: .125em;
	}

	.page-title {
		line-height: 1.25;
		margin-bottom: .375em;
		padding: 0 5%;
	}

h2 { 
	font-size: 1.5em; 
	font-weight: 600; 
	margin-bottom: .25em;
	line-height: 1.125;
}

	.single h2 {
		font-size: 2em;
		margin-bottom: .25em;
	}

	h2.excerpt	{
		font: 400 1.25em/1.25 "freight-text-pro", Georgia, "Times New Roman", Times, serif;
		margin-bottom: 1em;
	}

	.post h2.excerpt {
		color: #666;
		font-size: 1.125em;
		line-height: 1.5;
	}

h3 {
	color: #222222;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 1em;	
	text-transform: uppercase;
}

h4 {
	font-size: 1.25em;
	font-weight: 600;
	margin-top: 1em;
	padding-bottom: .5em;
}

h5,
h6 {
	font-size: .875em;
	letter-spacing: .125em;
	line-height: 1.875;
	text-transform: uppercase;
}

h6 {
	color: #889CA8;
}

.lined {
	display: inline-block !important;
	font-size: .875em;
	position: relative;
	margin-bottom: .5rem;
}

	.lined:before,
	.lined:after {
		background: #222;
		content: "";
		display: inline-block !important;
		height: 1px;
		width: 1em;
		margin-right: .5em;
		margin-bottom: .325em;
		vertical-align: baseline;
	}

	.lined:after {
		margin-left: .5em;
		margin-right: 0;
	}

	.white .lined:before,
	.white .lined:after {
		background: #fff;
	}

	.sidebar .lined {
		font-size: 1em;
	}

.search input {
	font-size: .875rem;
	font-weight: 400;
	opacity: .7;
	text-transform: uppercase;
}

.search input:focus {
	opacity: 1;
}

.content table {
	font-size: 1em;
	margin: 24px auto 36px auto;
	padding-bottom: 2em;
	width: 90% !important;
}

tr { width: 100%; }
td { margin-right:6px; padding: 3px 0 3px 0; }

a {
	color: #4A84AE;
	font-weight: 600;
	text-decoration: none;
	background-color: transparent;
	transition: 0.3s;
	-moz-transition: 0.3s; /* Firefox 4 */
	-webkit-transition: 0.3s; /* Safari and Chrome */
	-o-transition: 0.3s; /* Opera */
	}

	.content a {
		border-bottom: 1px dotted transparent;
	}

	a:hover,
	a:focus {
		background: #EDF4F8;
		border-color: #4A84AE;
		color: #4A84AE;
	}

	h1 a,
	h2 a,
	.byline a {
		background: none;
		border: 0;
		color: #222;
	}

	.content .permalink {
		border: 0;
	}

	.permalink:hover,
	.permalink:focus {
		background: none;
		border: 0;
	}

	h1 a:hover,
	h1 a:focus,
	h2 a:hover,
	h2 a:focus,
	.post .meta a:hover,
	.post .meta a:focus,
	.byline a:hover,
	.byline a:focus {
		background: none;
		border: 0;
		color: #4A84AE;
	}

	.sidebar a {
		border: 0;
	}

	.sidebar a:hover,
	.sidebar a:focus {
		background: none;
		color: #222;
	}

.btn {
	border: 1px solid #222 !important;
	display: inline-block;
	padding: .325em .625em;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-sizing: padding-box;
	-moz-box-sizing: padding-box;
	box-sizing: padding-box;
	-webkit-font-smoothing: antialiased;
}

	.btn:hover,
	.btn:focus {
		background: #222;
		border: 1px solid #222;
		color: #fff;
	}

.buy {
	border: 1px solid #46BBAD !important;
	color: #46BBAD;
	margin-bottom: 1em;
}

	.buy:hover,
	.buy:focus,
	.single .buy {
		background: #46BBAD !important;
		color: #fff !important;
	}

	.single .buy:hover,
	.single .buy:focus {
		background: none !important;
		color: #46BBAD !important;
	}

.post .meta a {
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

	.post .meta a:hover,
	.post .meta a:focus,
	.features a:hover,
	.features a:focus {
		color: #222;
	}

.load-more {
	border: 1px solid #4A84AE !important;
	display: block;
	font: 700 1.25em "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif;
	margin: 2em 0;
	padding: .325em .625em .425em;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

	.load-more:hover,
	.load-more:focus {
		background: #4A84AE;
		color: #fff;
	}

.more {
	border-top: 1px solid #C1CDD4;
	border-bottom: 1px solid #C1CDD4;
	color: #889CA8;
	font-size: 1.25em;
	padding: 1em;
	margin: 1em 0 0;
	text-align: center;
}

.read-more {
	display: inline;
	float: right;
	line-height: 2.25;
}

.menu a {
	color: #fff;
	font: 400 .875em "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
}

.menu a:hover,
.menu a:focus {
	background: #FFF;
	color: #222 !important;
}

.white * {
	color: #fff !important;
}

p.grey {
	color: #D2D2CE;
}

.single .content > p:first-child,
.intro {
	font-size: 1.25em !important;
	line-height: 1.325;
}

.sidebar {
	font-size: .875em;
}

.post ul li {
	list-style: disc;
}

.post ol li {
	list-style: decimal;
}

.post li {
	margin: 0 0 1em 1.5em;
}

.meta {
	font-family: "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif; 
	font-size: .875em;
	margin: 0 auto;
}

.meta li {
	display: inline-block;
	list-style: none !important;
	margin: 0 1em 1em 0;
}

.content .post-title {
	margin-bottom: .5em;
}

.post-author {
	display: block;
	font-family: "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif; 
	font-size: .75em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.post-author a {
	color: #222;
}

.post-categories a {
	color: #889CA8;
}

.carbon-poweredby {
	font-family: "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif;
	color: #222;
	opacity: .4;
}

#footer {
	font-family: "freight-sans-pro", Gill Sans, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.footer-section a {
	color: #FFF;
	opacity: .7;
}

#footer .menu a:hover,
#footer .menu a:focus {
	color: #222;
}

.footer-section a:hover,
.footer-section a:focus {
	background: none;
	border: 0;
	color: #fff;
	opacity: 1;
}

.footer-section .quote blockquote {
	font: italic 1.75em/1.25 "freight-text-pro", Georgia, "Times New Roman", Times, serif;
}

.footer-section p {
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 768px) {

	.menu a {
		color: #222;
	}

	.menu a:hover,
	.menu a:focus {
		background: #222;
		color: #fff !important;
	}

	.white .menu a:hover,
	.white .menu a:focus {
		background: #fff;
		color: #222 !important;
	}

	.page-title { 
		padding: 0;
	}

	.feature h1 {
		font-size: 3em;
		line-height: .875;
		margin-bottom: .166666667em;
		margin-top: .3333333em;
	}

	.feature span,
	h2.excerpt {
		font-size: 1.5em;
	}

	.single .content > p,
	.single .content li,
	.single .content dl {
		font-size: 1.125em;
	}

	.single .content > p:first-child,
	.intro {
		font-size: 1.5em !important;
		line-height: 1.325;
	}

	.single .post-categories li {
		font-size: 1em;
	}

	.meta {
		font-size: 1em;
	}

	body.custom-post-type .meta	{
		margin: 1em auto 0;
	}

	.content table { 
		width: 100% !important; 
	}

}