/*
 * SINGLE
*/

@import 'header_block.css';

#post-sec{
	position: relative;
	padding: 50px 0;
}
#post-sec::before{
	content: '';
	display: block;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/circle.png);
	width: 60px;
	height: 60px;
	top: -20px;
	right: 70px;
}
#post-sec .sec-title{
	margin: 0 0 28px;
}
.thumb-block{
	display: block;
	border-radius: 20px;
	max-width: 100%;
	overflow: hidden;
}
.thumb-block img{
	display: block;
	max-width: 100%;
}
.post-date{
	font-size: 10.5px;
	color: #A5B6BE;
	margin-bottom: 14px;
}
.entry-content > *{
	font-size: 13.5px;
	line-height: 2em;
}
.entry-content p{
	margin-top: 0;
	margin-bottom: 2em;
}
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6{
	margin: 0;
	font-size: 15px;
}
#comments{
	display: block;
}
#post-sec article{
	width: 100%
}
#post-sec article:not(.comment-body){
	display: inline-block;
	border-bottom: 1px solid #AFC5CF;
	margin-bottom: 20px;
}
#post-sec article .entry-content > *:last-child{
	margin-bottom: 34px;
}
.after-post{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-bottom: 45px;
}
.after-post__comments-count{
	order: 2;
}
.after-post__text{
	display: inline-block;
	font-size: 13.5px;
	line-height: 1em;
}
.after-post__share-btns{
	order: 1;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: 10px;
}
.after-post .sclbtns{
	display: table;
	margin-left: 13px;
}
.after-post .sclbtn{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
.after-post .sclbtn:not(:last-child){
	margin-right: 18px;
}
.after-post .sclbtn.fb{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.951 26.951'%3E%3Cpath d='M13.476.349A13.529,13.529,0,0,0,11.228,27.21V16.7H7.978V12.924h3.251V10.136c0-3.234,1.967-5,4.841-5a26.717,26.717,0,0,1,2.9.148V8.668H16.979c-1.563,0-1.864.745-1.864,1.84v2.413h3.728L18.357,16.7H15.115V27.3A13.529,13.529,0,0,0,13.476.349Z' transform='translate(0 -0.349)' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
.after-post .sclbtn.tw{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.951 26.951'%3E%3Cpath d='M13.476,0A13.476,13.476,0,1,0,26.951,13.476,13.477,13.477,0,0,0,13.476,0Zm6.153,10.507q.009.2.009.4a8.741,8.741,0,0,1-8.8,8.8h0A8.755,8.755,0,0,1,6.1,18.318a6.291,6.291,0,0,0,.738.043,6.206,6.206,0,0,0,3.842-1.324,3.1,3.1,0,0,1-2.89-2.148,3.083,3.083,0,0,0,1.4-.053A3.094,3.094,0,0,1,6.7,11.8c0-.014,0-.027,0-.039a3.072,3.072,0,0,0,1.4.387,3.1,3.1,0,0,1-.958-4.129,8.782,8.782,0,0,0,6.376,3.232,3.095,3.095,0,0,1,5.271-2.821,6.2,6.2,0,0,0,1.964-.751A3.105,3.105,0,0,1,19.4,9.392a6.169,6.169,0,0,0,1.776-.487,6.286,6.286,0,0,1-1.543,1.6Zm0,0' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
.after-post .sclbtn.inst{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M0,13.5A13.5,13.5,0,1,1,13.5,27,13.5,13.5,0,0,1,0,13.5ZM10.3,5.8a5.684,5.684,0,0,0-1.882.361A3.966,3.966,0,0,0,6.155,8.423a5.708,5.708,0,0,0-.36,1.882c-.038.827-.047,1.091-.047,3.2s.009,2.37.047,3.2a5.712,5.712,0,0,0,.361,1.881,3.964,3.964,0,0,0,2.267,2.267,5.7,5.7,0,0,0,1.882.36c.827.038,1.091.047,3.2.047s2.37-.009,3.2-.047a5.7,5.7,0,0,0,1.882-.36,3.963,3.963,0,0,0,2.267-2.267,5.682,5.682,0,0,0,.36-1.882c.037-.826.047-1.09.047-3.2s-.009-2.369-.047-3.2a5.684,5.684,0,0,0-.36-1.882,3.966,3.966,0,0,0-2.267-2.268A5.7,5.7,0,0,0,16.7,5.8c-.827-.038-1.09-.047-3.2-.047S11.13,5.758,10.3,5.8ZM10.219,20.11a4.5,4.5,0,0,1-1.508-.279A2.686,2.686,0,0,1,7.17,18.289a4.476,4.476,0,0,1-.279-1.507c-.039-.856-.047-1.113-.047-3.282s.008-2.425.047-3.281A4.482,4.482,0,0,1,7.17,8.711,2.692,2.692,0,0,1,8.711,7.171a4.5,4.5,0,0,1,1.508-.28c.856-.039,1.113-.047,3.281-.047s2.425.008,3.281.047a4.484,4.484,0,0,1,1.507.279A2.692,2.692,0,0,1,19.83,8.711a4.5,4.5,0,0,1,.28,1.508c.039.856.047,1.113.047,3.281s-.008,2.425-.047,3.282a4.5,4.5,0,0,1-.28,1.507,2.69,2.69,0,0,1-1.541,1.542,4.5,4.5,0,0,1-1.507.279c-.856.039-1.113.047-3.281.047S11.075,20.149,10.219,20.11ZM9.33,13.5A4.17,4.17,0,1,0,13.5,9.33,4.17,4.17,0,0,0,9.33,13.5Zm7.53-4.334a.975.975,0,1,0,.975-.974A.975.975,0,0,0,16.86,9.166ZM10.671,13.5A2.829,2.829,0,1,1,13.5,16.329,2.829,2.829,0,0,1,10.671,13.5Z' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}
.after-post .sclbtn.in{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.951 26.951'%3E%3Cpath d='M13.476,0A13.476,13.476,0,1,0,26.951,13.476,13.477,13.477,0,0,0,13.476,0ZM9.56,20.371H6.278V10.5H9.56ZM7.919,9.149H7.9a1.711,1.711,0,1,1,.043-3.412,1.711,1.711,0,1,1-.022,3.412ZM21.394,20.371H18.112V15.089c0-1.328-.475-2.233-1.663-2.233a1.8,1.8,0,0,0-1.684,1.2,2.248,2.248,0,0,0-.108.8v5.514H11.376s.043-8.948,0-9.874h3.282v1.4a3.258,3.258,0,0,1,2.958-1.63c2.159,0,3.778,1.411,3.778,4.444Zm0,0' fill='%23F69A31'/%3E%3C/svg%3E%0A");
}


.comment-list{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#reply-title{
	display: none;
}
form#commentform{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.comment-form-comment{
	margin-top: 0;
	margin-bottom: 30px;
}
form#commentform :not(.comment-form-comment) label{
	display: block;
	margin-bottom: 5px;
}
.comment-form-comment label,
.logged-in-as{
	display: none;
}
.comment-notes,
.comment-form-comment,
.form-submit{
	width: 100%;
}
.comment-form-author,
.comment-form-email{
	width: 100%;
	margin-top: -20px;
	margin-bottom: 30px;
}
.comment-form-author input,
.comment-form-email input{
	width: 100%;
	border: 1px solid #D9DDDF;
}
form#commentform input.error,
form#commentform textarea.error{
	border-color: red;
}
form#commentform input.error + div.error,
form#commentform textarea.error + div.error{
	text-align: center;
	color: red;
	font-size: 14px;
	margin-top: 6px;
}
.comment-form-comment textarea{
	width: 100%;
	height: 11.2em;
	resize: none;
	border: 1px solid #D9DDDF;
}
.form-submit{
	margin-top: 0;
	text-align: right;
}
.comment-notes,
form#commentform label{
	font-size: 13.5px;
}
.comment-list{
	margin-bottom: 30px;
}
.comment-list li:not(:last-child){
	margin-bottom: 50px;
}


.comment-awaiting-moderation{
	display: block;
	margin: 1em 0;
}


@media screen and (min-width: 576px){
	.after-post{
		align-items: center;
		-webkit-align-items: center;
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.after-post__comments-count{
		order: 1;
	}
	.after-post__share-btns{
		order: 2;
		margin-bottom: 0;
	}
	.comment-form-author,
	.comment-form-email{
		width: calc(50% - 15px);
	}
	.comment-form-author{
		margin-right: 30px;
	}
}
@media screen and (min-width: 768px){
	.thumb-block:not(.video) {
		min-width: 300px;
		max-width: 50%;
		max-height: 400px;
		margin-left: 40px;
		margin-bottom: 50px;
	}
	.thumb-block img {
		min-width: 300px;
		max-height: 400px;
	}
	.entry-title{
		line-height: 1.36em;
		font-size: 32px;
		margin: 0 0 4px;
	}
	#post-sec article:not(.comment-body){
		display: flex;
		align-items: center;
		justify-content: space-between;
		display: -webkit-flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
	}
	.thumb-block {
		order: 2;
	}
	.post-content {
		order: 1;
		max-width: calc(100% - 240px);
	}
}
@media screen and (min-width: 992px){
	#post-sec::before{
		width: 96px;
		height: 96px;
		top: -70px;
		right: calc(50% - 290px);
		background-image: url(../img/circle-2.png);
	}
}
@media screen and (min-width: 1200px){
	#post-sec{
		padding: 93px 0 187px;
	}
	#post-sec::before{
		top: -50px;
		right: calc(50% - 320px);
	}
	#post-sec article:not(.comment-body){
		position: relative;
	}
	#post-sec article:not(.comment-body)::after{
		content: '';
		width: 100vw;
		height: 736px;
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		background-image: url(../img/blue-wave-desktop.png);
		background-size: 1500px 100%;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -1;
	}
}
@media screen and (min-width: 1400px){
	#post-sec::before{
		right: calc(50% - 360px);
	}
	#post-sec article:not(.comment-body)::after{
		background-size: 100% 100%;
	}
}