/* ==========================================================================
   BLOG SINGLE STYLES
   ========================================================================== */

.blog-single .page-width {
	max-width : 1010px; }

.blog-single .breadcrumbs .breadcrumbs-inner {
	padding-bottom : 23px; }

.blog-single .content h1 {
	letter-spacing : -0.005em;
	line-height    : 130%;
	margin-bottom  : 24px;
	padding-bottom : 0; }

.blog-single .content h4,
.blog-single .content h5 { font-weight: bold; }

.blog-single article .byline {
	color         : #524a43;
	display       : inline-block;
	font-size     : 16px;
	line-height   : 120%;
	margin-bottom : 15px; }

.blog-single article header .byline a {
	color           : #524a43;
	text-decoration : none; }

.blog-single article header .categories {
	display       : block;
	margin-bottom : 15px; }

.blog-single article header .categories ul {
	margin  : 0;
	padding : 0; }

.blog-single article header .categories ul li {
	color          : #336db5;
	display        : inline-block;
	font-family    : 'ProximaNovaMedium', Arial, sans-serif;
	font-size      : 12px;
	font-style     : normal;
	font-weight    : 500;
	letter-spacing : 0.05em;
	line-height    : 120%;
	margin         : 0;
	padding        : 0;
	text-align     : right;
	text-transform : uppercase; }

.blog-single article header .categories ul li:before {
	content : '/';
	display : inline-block;
	padding : 0 6px; }

.blog-single article header .categories ul li:nth-child(1):before { display : none; }

.blog-single article header .categories ul li a { text-decoration : none; }

/* Comments */

.blog-single .post-comments {
	border        : 1px solid #e1e1e1;
	margin-bottom : 38px;
	margin-left   : -8px;
	margin-top    : 25px;
	padding       : 58px 13px 23px;
	position      : relative;
	width         : calc(100% + 16px); }

.blog-single .post-comments:before {
	background     : #fffaf1;
	color          : #524a43;
	content        : 'Post Comments';
	font-family    : 'ProximaNovaMedium', Arial, sans-serif;
	font-size      : 14px;
	font-weight    : 500;
	left           : 0;
	letter-spacing : 0.03em;
	line-height    : 150%;
	padding        : 6px 10px 5px;
	position       : absolute;
	text-transform : uppercase;
	top            : 0;
	width          : 100%; }

.blog-single .post-comments h3 {
	color       : #524a43;
	font-size   : 28px;
	line-height : 120%; }

.blog-single .post-comments h3 span { color : #336db5; }

.blog-single .post-comments .navigation {
	display : block;
	clear: both; }

.blog-single .post-comments .navigation .alignleft,
.blog-single .post-comments .navigation .alignright {
	margin: 0; }

.blog-single .post-comments ol {
	margin  : 0;
	padding : 0;
	clear: both; }

.blog-single .post-comments ol li { list-style : none; }

.blog-single .post-comments ol li:before { display : none; }

.blog-single .post-comments ol li article {
	border-bottom : 1px solid #e1e1e1; }

.blog-single .post-comments .comment-content {
	width: calc(100% - 40px); }

.blog-single .post-comments .comment-content p {
	color       : #524a43;
	font-size   : 19px;
	font-style  : normal;
	font-weight : normal;
	line-height : 150%;
	margin: 6px 0 8px; }

.blog-single .post-comments .submit {
	background     : #336db5;
	border         : 0;
	border-radius  : 3px;
	box-shadow     : inset 0 -3px 0 rgba(0, 0, 0, 0.2);
	color          : #ffffff;
	font-family    : 'ProximaNovaMedium', Arial, sans-serif;
	font-size      : 17px;
	font-style     : normal;
	font-weight    : 500;
	height         : 44px;
	letter-spacing : 0.02em;
	text-transform : uppercase;
	width          : 164px; }

.blog-single .post-comments #respond h3 {
	color       : #831d48;
	font-size   : 28px;
	line-height : 120%; }

.blog-single .post-comments .says { display : none; }

.blog-single .commentlist .children { margin: 5px 0; }

.blog-single .commentlist .comment { margin: 13px 0 8px; }

.blog-single .post-comments .comment-meta,
.blog-single #respond .logged-in-as {
	color          : #a09891;
	font-size      : 16px;
	font-style     : italic;
	font-weight    : normal;
	letter-spacing : 0.02em;
	line-height    : 150%;
	margin-bottom: 6px; }

.blog-single .post-comments .comment-meta a,
.blog-single #respond .logged-in-as a { color : #a09891; }

.blog-single .post-comments .comment-author { display : inline; }

.blog-single .post-comments .comment-author:before { content : 'Posted By '; }

.blog-single .post-comments .comment-author:after { content : ' on '; }

.blog-single .post-comments .comment-metadata { display : inline; }

.blog-single .post-comments .reply {
	font-family: 'ProximaNovaMedium', Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0.05em;
	text-decoration-line: underline;
	text-transform: uppercase;
	float: right;
	position: relative;
	bottom: 25px; }

.blog-single #respond .comment-form-url { display: none; }

.blog-single #respond .comment-notes,
.blog-single #respond label {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 100%;
	color: #524A43; }

.blog-single #respond label {
	display: inline-block; }

.blog-single #respond .comment-form-author,
.blog-single #respond .comment-form-email {
	width: calc((100% - 30px) / 2);
	display: inline-block; }

.blog-single #respond .comment-form-author {
	float:left;
	margin: 0 30px 30px 0; }

.blog-single #respond .comment-form-email {
	margin: 0 0 30px; }

.blog-single #respond .comment-form-author input,
.blog-single #respond .comment-form-email input {
	width: 100%; }

.blog-single #respond .form-submit { margin: 0; }

/* Medium Tablets */
@media (min-width : 625px) {

	.blog-single .content h2 {
		margin : 30px 0 18px; }

	.blog-single .content p {
		font-size      : 1.9rem;
		letter-spacing : 0; }

}

@media (min-width : 850px) {

	.blog-single article header .categories {
		bottom   : 3px;
		display  : inline-block;
		float    : right;
		position : relative; }

}

@media (min-width : 960px) {

	.blog-single img.alignnone.size-full {
		margin    : 0 -30px;
		max-width : calc(100% + 60px); }

	.blog-single .post-comments {
		background: #ffffff;
		margin-left: -30px;
		padding: 41px 30px 23px;
		width: calc(100% + 60px); }

}