.blog-area { background-color: #f4f4f4; padding: 70px 0; font-size: 16px;}
.blog-area h1 { font-size: 2.6em; line-height: 1.2em; margin-bottom: 20px; color: #333}
.blog-info-list { display: flex; padding: 20px 0; margin: 20px 0; font-weight: 300; border-bottom: 1px solid #ccc;}
.blog-info-list.small { padding: 0 0 5px 0; margin: 0 0 5px 0; font-size: 0.8em; }
.blog-info-list li { list-style: none; margin-right: 20px;}
.blog-details {border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px;}
.blog-details figcaption { font-size: 1em; font-weight: 300; text-align: center; padding: 8px; border-bottom: 1px solid #eee; background: white;}
.blog-body p{ text-align: justify; line-height:2em; font-weight: 300;}
.blog-body iframe { width: 100%; min-height: 350px; border:0; }
.navigation-top { margin-bottom: 40px; }
.navigation-top .thumb a { display: block; width: 80px; height: 80px; background-size: cover; background-position: center;}
.navigation-top .link a { display: block; }

.single_sidebar_widget { border-radius: 4px; padding: 30px; margin-bottom: 30px; background-color:#fafafa;}
.single_sidebar_widget h4 { font-weight: 500; font-size: 1.3em; color:#333; margin-bottom: 22px;}
.single_sidebar_widget .list { padding:0;}
.single_sidebar_widget .list li { list-style: none; border-bottom: 1px solid #dedede; padding:12px 0; margin:0;}
.single_sidebar_widget .list li:last-child { border-bottom: 0px; }

.media-list-item {display: inline-flex; margin-bottom: 30px; border-radius:8px; padding:12px; transition: 0.5s;}
.media-list-item:hover { background-color: #FBF9FF;}
.media-list-item img { margin-right: 20px; border-radius: 4px;}

@media only screen and (max-width: 768px) {
	.media-list-item { padding: 0; }
	.media-list-item img { margin-right: 12px; width: 80px;}
	.media-list-item h4 { font-size: 18px; }
	.media-list-item .previa { display: none; }
}

img,iframe { max-width:100%; }
.paging ul { justify-content: center; }

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  /*quotes: "\201C""\201D""\2018""\2019";*/
}
blockquote:before {
  color: #ccc;
  content: '“';
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content: '”';
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}