/* single-post */
.single-post .main-area { background:#fff; }
/* post-heading */
.post-heading {
	max-width:860px;
	margin:0 auto;
	padding:30px 15px 51px;
	text-align:center;
	color:#3a3f52;
}
.post-heading .date {
	display:block;
	margin:0 0 11px;
	font-size:10px;
	line-height:14px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:1px;
}
.post-heading .post-title {
	margin:0;
	font-size:40px;
	line-height:55px;
	font-weight:900;
	letter-spacing:1px;
}
/* cover-single */
body.single-post .cover-single.cover { height: 60vh; }
.single-post .cover-single .cover-background { opacity:1; }
/* page-container */
body.single.single-post .page-container {
	max-width:1152px;
	padding:0;
}
/* post-body */
.single-post .post-body {
	overflow:visible;
	margin-top:-8.50vw;
	padding:26px 8.75vw;
}
.post-comments-body{padding: 0 8.75vw;}
/* post-contents */
.single-post .post-contents .title {
	margin:0 0 26px;
	font-size:36px;
	line-height:55px;
	font-weight:700;
	letter-spacing:normal;
}
.single-post .post-contents img { border-radius:0; }
.single-post .post-contents .size-full {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 40px;
}
.single-post .post-contents ol,
.single-post .post-contents p,
.single-post .post-contents ul { margin:0 0 36px; }
.single-post .post-contents blockquote {
	position:relative;
	margin:60px 0;
	padding:0 0 0 50px;
	border:none;
	color:#3a3f52;
	font-size:30px;
	line-height:60px;
	font-weight:400;
}
.single-post .post-contents blockquote:before {
	position:absolute;
	left:0;
	top:15px;
	bottom:10px;
	width:10px;
	background:#f6f8f9;
	content:"";
}
.single-post .post-contents blockquote p {
	margin:0;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	letter-spacing:normal;
	color:inherit;
}
.single-post .post-contents h2 {
	margin:20px 0 29px;
	font-size:30px;
	line-height:60px;
	font-weight:400;
	color:#3a3f52;
}
.single-post .post-contents h2:first-child{
	font-size: 36px;
	line-height: 55px;
	font-weight: 700;
}
.single-post .post-contents p + h2 { margin-top:-16px; }
.single-post .post-contents h3 {
	margin:34px 0;
	font-size:26px;
	line-height:46px;
	font-weight:400;
	color:#757b85;
}
.single-post .post-contents p + h3 { margin-top:-8px; }
.single-post .post-contents .full-width {
	position:relative;
	left:50%;
	width:100vw;
	max-width:none;
	margin-left:-50vw;
	margin-bottom:60px;
	z-index: 1120;
}
/* post-info */
.single-post .post-body .post-info {
	padding:0 0 18px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
}
.single-post .post-body .post-info:after { display:none; }
.single-post .post-body .post-info .img {
	display:block;
	width:56px;
	height:56px;
	margin:0 auto 4px;
	border-radius:50%;
	background-position:50% 50%;
	background-size:cover;
}
.single-post .post-body .post-info .img > img { display:none; }
.single-post .post-body .post-info p {
	margin:0;
	font-size:inherit;
	line-height:inherit;
}
.single-post .post-body .post-info a { color:inherit; }
.single-post .post-body .post-info .author{
	color: #3a3f52;
	text-transform: uppercase;
}
.single-post .post-body .post-info .author a{
	color: inherit;
	text-decoration: none;
}
.single-post .post-body .post-info .author a:hover{
	text-decoration: none;
	color: #0095f7;
}
.single-post .post-body .post-info .category { color:#8da2b5; }
.single-post .post-body .post-info .link{
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
}
.single-post .post-body .post-info .link a{
	color: #0095f7;
	text-decoration: none;
}
.single-post .post-body .post-info .link a:hover{
	color: inherit;
	text-decoration: none;
}
.single-post .post-body .article-date{
	color: #000;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
}
/* ad */
.ad { margin:41px 0 20px; }
.ad a { border:none; }
.ad img { vertical-align:top; }
/* bctt-click-to-tweet */
.single-post .post-contents .bctt-click-to-tweet {
	display:block;
	position:relative;
	z-index:5;
	margin:56px 0 51px;
	padding:28px 0 35px 73px;
	border:none;
	border-radius:0;
	font-size:30px;
	line-height:60px;
	font-weight:700;
	color:#3a3f52;
}
.single-post .post-contents .bctt-click-to-tweet:hover:after { background:#0095f7; }
.single-post .post-contents .bctt-click-to-tweet:hover a.bctt-ctt-btn {
	visibility:visible;
	opacity:1;
}
.single-post .post-contents .bctt-click-to-tweet:before {
	position:absolute;
	left:-9999px;
	top:0;
	right:-9999px;
	bottom:0;
	z-index:-1;
	background:#f6f8f9;
	content:"";
}
.single-post .post-contents .bctt-click-to-tweet:after {
	position:absolute;
	left:0;
	top:42px;
	bottom:36px;
	width:10px;
	height:auto;
	visibility:visible;
	background:#3a3f52;
	content:"";
	-webkit-transition:all .3s;
	transition:all .3s;
}
.single-post .post-contents .bctt-ctt-text a {
	margin:0;
	padding:0;
	font-family:inherit !important;
	font-size:inherit !important;
	line-height:inherit !important;
	font-weight:inherit !important;
	color:inherit !important;
}
.single-post .post-contents a.bctt-ctt-btn {
	position:absolute;
	left:-24px;
	top:50%;
	z-index:10;
	width:56px;
	height:56px;
	margin-top:-28px;
	padding:0;
	border-radius:50%;
	background:#0095f7;
	color:#fff;
	font-size:0;
	line-height:0;
	text-align:center;
	visibility:hidden;
	opacity:0;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.single-post .post-contents a.bctt-ctt-btn:before {
	display:block;
	font:normal normal normal 32px/56px FontAwesome;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
	content:"\f099";
}
/* quote-box */
.quote-box {
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	overflow:hidden;
	margin:48px 0 28px;
	border-radius:4px;
	background:#f6f8f9;
}
.quote-box .img {
	width:50%;
	min-height:451px;
	background-position:50% 50%;
	background-size:cover;
}
.quote-box .img > img { display:none; }
.quote-box blockquote,
.single-post .post-contents .quote-box blockquote {
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:50%;
	margin:0;
	padding:40px 40px 50px;
	font-size:20px;
	line-height:40px;
	font-weight:900;
	text-align:center;
}
.quote-box blockquote:before { display:none; }
.quote-box cite,
.single-post .post-contents .quote-box cite {
	display:block;
	margin:14px 0 0;
	font-size:20px;
	line-height:40px;
	font-weight:700;
	text-transform:uppercase;
	color:#0095f7;
}
/* media */
@media only screen and (max-width: 1199px) {
	.single-post .post-contents h2:first-child{
		font-size: 32px;
		line-height: 40px;
	}
}
@media screen and (max-width: 991px) {
	/* post-heading */
	.post-heading { padding:30px 15px; }
	.post-heading .post-title {
		font-size:30px;
		line-height:40px;
	}
	/* post-body */
	.single-post .post-body { padding:26px 30px; }
	.post-comments-body{padding: 0 30px;}
	/* post-contents */
	.single-post .post-contents .title {
		font-size:30px;
		line-height:40px;
	}
	.single-post .post-contents ol,
	.single-post .post-contents p,
	.single-post .post-contents ul {
		font-size:16px;
		line-height:36px;
	}
	.single-post .post-contents h2,
	.single-post .post-contents blockquote {
		font-size:26px;
		line-height:46px;
	}
	.single-post .post-contents h2:first-child{
		font-size: 30px;
		line-height: 40px;
	}
	.single-post .post-contents h3 {
		font-size:22px;
		line-height:42px;
	}
	.single-post .post-contents blockquote { padding:0 0 0 40px; }
	/* bctt-click-to-tweet */
	.single-post .post-contents .bctt-click-to-tweet {
		padding:28px 0 35px 40px;
		font-size:26px;
		line-height:46px;
	}
	/* quote-box */
	.quote-box blockquote,
	.single-post .post-contents .quote-box blockquote {
		padding:40px 30px;
		font-size:18px;
		line-height:38px;
	}
	.quote-box cite,
	.single-post .post-contents .quote-box cite {
		font-size:16px;
		line-height:36px;
	}
}
@media screen and (max-width: 767px),
screen and (orientation: landscape) and (max-width: 767px),
screen and (orientation: portrait ) and (max-width: 767px) {
	/* post-heading */
	.post-heading .post-title {
		font-size:26px;
		line-height:36px;
	}
	/* post-contents */
	body.single-post .cover-single.cover{height: 30vh;}
	.single-post .post-body { padding:26px 15px; }
	.post-comments-body{padding: 0 15px;}
	.single-post .post-contents .title {
		font-size:26px;
		line-height:36px;
	}
	.single-post .post-contents h2,
	.single-post .post-contents h3 { margin:20px 0; }
	.single-post .post-contents p + h2,
	.single-post .post-contents p + h3 { margin-top:0; }
	.single-post .post-contents ol,
	.single-post .post-contents p,
	.single-post .post-contents ul {
		margin:0 0 34px;
		font-size:15px;
		line-height:34px;
	}
	.single-post .post-contents h2:first-child{
		font-size: 22px;
		line-height: 30px;
	}
	.single-post .post-contents .size-full { margin-bottom:34px; }
	.single-post .post-contents blockquote {
		margin:0 0 34px;
		padding:0 0 0 30px;
		font-size:20px;
		line-height:40px;
	}
	/* bctt-click-to-tweet */
	.single-post .post-contents .bctt-click-to-tweet {
		margin:34px 0;
		font-size:20px;
		line-height:40px;
	}
	.single-post .post-contents .bctt-click-to-tweet::after { background:#0095f7; }
	.single-post .post-contents a.bctt-ctt-btn {
		left:-19px;
		visibility:visible;
		opacity:1;
		width:46px;
		height:46px;
		margin-top:-23px;
	}
	.single-post .post-contents a.bctt-ctt-btn::before {
		font-size:26px;
		line-height:46px;
	}
	/* quote-box */
	.quote-box {
		display:block;
		margin:34px 0 28px;
	}
	.quote-box .img {
		width:auto;
		min-height:0;
		height:0;
		padding-bottom:100%;
	}
	.quote-box blockquote,
	.single-post .post-contents .quote-box blockquote {
		width:auto;
		padding:30px 15px;
	}
	/* ad */
	.ad { margin:34px 0 21px; }
}
@media screen and (max-width: 479px) {
	/* post-contents */
	.single-post .post-contents ol,
	.single-post .post-contents p,
	.single-post .post-contents ul {
		margin:0 0 32px;
		font-size:14px;
		line-height:32px;
	}
	.single-post .post-contents .size-full { margin-bottom:32px; }
	.single-post .post-contents blockquote { margin:0 0 32px; }
	.twitter-box { margin:32px 0; }
	.quote-box,
	.ad { margin-top:32px; }
	.single-post .post-contents blockquote,
	.twitter-box {
		font-size:16px;
		line-height:36px;
	}
}