/*---------------------------------------------------------------- 
FEED  ///////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/* Transitions
------------------------------*/
body.feed .post .post-more{
 	transition:all 0.12s;
 	}


/* --------------------------------------------- FEED PRINCIPAL */
body.feed div.container{
	background-color:#eee;/* set */
	padding:40px 0px;
	}


body.feed div.container div.in{
	align-items:stretch;
	justify-content:space-between;
	}


body.feed  .post{
	background-color:#fff;/* set */
	color:inherit;
	height: auto;
	margin-bottom:20px;
	padding:40px;
	text-decoration:none;
	width:24%;
	}
	@media only screen and (max-width:1500px) {
	body.feed  .post{
	padding:20px;
	width:30%;
	}}
	@media only screen and (max-width:920px) {
	body.feed  .post{
	width:46%;
	}}
	@media only screen and (max-width:620px) {
	body.feed  .post{
	width:100%;
	}}

body.feed  .post:hover {
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);
	}

body.feed  .post > *{
	height: auto;
	width:100%;
	}

body.feed .post .post-container{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start; 
	width:100%;
	}

body.feed .post .post-container *{
	height: auto;
	width:100%;
	}

body.feed .post-title{
	font-size:1.2em;
	line-height:1em;
	font-weight:normal;
	margin:8px 0px 2px 0px;
	}


body.feed .post .post-cover{
	background-color:#dedede; /*set in colors*/
	overflow:hidden;
	height:180px;
	}

body.feed .post .post-cover img{
	height:100%;
	object-fit:cover;
	width:100%;
	}


body.feed .post .post-excerpt{
	margin:0px 0px;
	padding:0px 0px;
	}

body.feed .post .post-data{
	font-size:0.8em;
	}

body.feed .post .post-more{
	display:block;
	background-color:#333;/*set*/
	color:#fff;/*set*/
	font-size:0.8em;
	height:32px;
	line-height:32px;
	padding:0px 10px;
	width:auto;
	}


/* --------------------------------------------- SINGLE */
body.single-post .container{
	padding:40px 0px;
	}

body.single-post .container div.in{
	justify-content:space-between!important;
	}


body.single-post article.post {
	align-items: flex-start;
	background-color:#fff; /*set*/
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:0px 0px;
	padding:0px 0px;
	width:60%!important;
	}
	@media only screen and (max-width:720px) {
	body.single-post article.post{
	width:100%!important;
	}}




body.single-post aside{
	width:35%!important;
	}
	@media only screen and (max-width:820px) {
	body.single-post aside{
	width:38%!important;
	}}
	@media only screen and (max-width:720px) {
	body.single-post aside{
	width:100%!important;
	}}


	
body.single-post aside h4{
	font-size:0.8em;
	font-weight:600;
	text-transform:uppercase;
	}

body.single-post article.post .post-title {
	font-size:1.4em;
	padding:0px 0px;
	width:100%;
	}


body.single-post article.post .post-cover{
	height: auto;
	max-width:100%;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	body.single-post > .post .post-cover{
	width:100%;
	}}


body.single-post article.post .post-cover img{
	height:auto;
	width:100%;
	}

body.single-post .post .post-data {
	font-size:0.8em;
	text-transform:uppercase;
	width:100%;
	}

body.single-post .post .post-excerpt{
	margin:0px 0px;
	padding:0px 0px;
	}


body.single-post .post .post-content {
	height: auto;
	margin-top:16px;
	width:100%;
	}

body.single-post .breadcrumb,
body.single-post .breadcrumb a{
	width:auto;
	}
	
body.single-post .post .post-content p{
	text-align:justify;
	line-height:1.6em;
	}

body.single-post .post .post-content img{
	max-width:100%;
	}

body.single-post .post .post-content iframe{
	min-width:50%!important;
	width:100%!important;
	}

body.single-post .breadcrumb,
body.single-post .breadcrumb a{
	width:auto;
	}
	
body.single-post .breadcrumb a{
	color:inherit;
	text-decoration:none;
	}

/* Aside Last posts*/
body.single-post aside .last-post {
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content:flex-start;
	width:100%;
	}


body.single-post aside .last-post .post {
	align-items:center;
	display:flex;
	flex-direction:row!important;
	flex-wrap:wrap;
	justify-content:flex-start;
	text-decoration:none;
	margin:0px 0px;
	padding:10px;
	width:100%!important;
	}

body.single-post aside .last-post .post:hover {
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);
	}
	@media only screen and (max-width:620px) {
	body.single-post aside .last-post .post:hover{
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.0);
	}}


body.single-post aside .last-post .post,
body.single-post aside .last-post .post:hover,
body.single-post aside .last-post .post:visited{
	color:inherit;
	}



body.single-post aside .last-post .post .post-cover{
	height:80px;
	max-width:100%;
	width:80px;
	}
	@media only screen and (max-width:920px) {
	body.single-post aside .last-post .post .post-cover{
	height:60px;
	width:60px;
	}}
	@media only screen and (max-width:720px) {
	body.single-post aside .last-post .post .post-cover{
	height:80px;
	width:80px;
	}}

body.single-post aside .last-post .post .post-cover img{
	height:100%;
	object-fit:cover;
	width:100%;
	}


body.single-post aside .last-post .post .post-title{
	display:block;
	font-size:1em;
	font-weight:normal;
	margin:0px 0px 0px 20px;
	width:200px;
	}
	@media only screen and (max-width:1020px) {
	body.single-post aside .last-post .post .post-title{
	width:150px;
	}}
	@media only screen and (max-width:920px) {
	body.single-post aside .last-post .post .post-title{
	margin:0px 0px 0px 10px;
	width:140px;
	}}
	@media only screen and (max-width:820px) {
	body.single-post aside .last-post .post .post-title{
	font-size:0.9em;
	margin:0px 0px 0px 10px;
	width:140px;
	}}
	@media only screen and (max-width:720px) {
	body.single-post aside .last-post .post .post-title{
	font-size:1em;
	}}
	@media only screen and (max-width:620px) {
	body.single-post aside .last-post .post .post-title{
	max-width:330px;
	}}
	@media only screen and (max-width:460px) {
	body.single-post aside .last-post .post .post-title{
	max-width:220px;
	}}


/*----------------------------
/// BAR SOCIAL ///
-----------------------------*/
body.single-post ul.bar-social {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:100%;
	}

body.single-post ul.bar-social * {
	list-style:none;
	text-decoration:none;
	}


body.single-post ul.bar-social li,
body.single-post ul.bar-social li a,
body.single-post ul.bar-social li span { 
	line-height:40px;
	text-transform:uppercase;
	}

body.single-post ul.bar-social li{
	font-size:0.8em;
	height: auto;
	margin:0px 0px 0px 6px;
	padding:0px;
	width:auto;
	}
 body.single-post ul.bar-social li *{
	font-size:inherit;
	}

body.single-post ul.bar-social li{
	color:#000;
	}

body.single-post ul.bar-social li *,
body.single-post ul.bar-social li *:hover,
body.single-post ul.bar-social li *:visited{
	color:inherit;
	}

body.single-post ul.bar-social li.separator{
	display:block;
	background-color:#000;
	height:16px;
	width:1px;
	}

body.single-post ul.bar-social li > *{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:auto;
	line-height:40px;
	overflow:hidden!important;
	width:auto;
	}

body.single-post ul.bar-social li span{
	display:block;
	height:36px;
	line-height:36px;
	width:auto;
	}

body.single-post ul.bar-social .svg-icon {
	border-radius:50%;
	height:36px;
	fill:#000;/* set in colors*/
	padding:5px;/* set */
	width:36px;
	}


@media only screen and (max-width:720px) {
	body.single-post ul.bar-social {
	justify-content:center;
	}
}