/*----- widget -----*/


.post-holder { border-bottom: 1px solid #dfdfdf; margin-bottom: 30px; }
.post-block { float: left;  margin-bottom: 50px; min-height: 270px; text-align: justify; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 30px 30px }
.post-img img { border-radius: 0px; width: 100% }
.post-header {font-family: 'Roboto Slab', serif; margin: 0; padding-bottom: 10px; color: #005189; font-size: 24pt; line-height: 1.3; font-weight: 500; border-bottom: 1px solid #DDD; text-align: left; }
.post-abtract { float: left; width: 100%;  font-size: 13pt; font-weight: 400;  line-height: 1.6; margin: 10px 0; color: #000}
.post-content { float: left; width: 100%; font-size: 13pt; font-weight: 400;  line-height: 1.6; margin: 10px 0}
.post-content img {width: 100%; padding: 6px; border: 1px solid #EEE}
.sticky-box, .video-box { height: 50px; width: 50px; background-color: #8e1e1a; position: absolute; z-index: 8; top: 20px; right: 0px; left: 20px; border-radius: 50px; padding-top: 2px; line-height: 1; }
.post-sticky, .post-video { position: absolute; bottom: 48%; left: 48%; font-size: 60px; color: #fff; }
.video-block { position: absolute; bottom: 48%; left: 48%; font-size: 60px; color: #fff; }
.post-bottom { float: left; font-size: 12pt; font-weight: 400;  line-height: 1.6em; margin-top: 15px}

.related-post-block { border-bottom: 1px solid #ededed; margin-bottom: 30px; }
.related-post-title {font-size: 18pt; font-weight: 300; color: #005189; text-transform: uppercase; border-bottom: 1px #005189 solid; padding-bottom: 1px; margin: 20px 0 20px 0  }
.related-post { min-height: 250px}
.related-img img { margin-bottom: 10px; }
.related-post-content { margin-bottom: 30px; }
.related-post-content, .related-title { font-size: 14pt; font-weight: 400; line-height: 1; padding-bottom: 0px; margin: 0px   }
.related-post-content, .related-title a{color: #333;}
.related-post-content, .related-title a:hover {color: #0095DA;}

.post-meta { margin-right: 20px; line-height: 0px; }

/*----- prev-next-----*/
.post-navigation { background-color: #ededed; padding: 30px; }
.nav-links { text-decoration: none; }
.nav-previous { }
.prev-link, .next-link { color: #4f544f; font-size: 12px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.prev-link, .next-link:hover { color: #0095DA; text-decoration: none; }
.prev-link i { }
.next-link i { }
.nav-next { }
.next-link { }
.previous-next-title { margin-top: 20px; }

/*----- Author-post -----*/
.author-block { margin-top: 40px; margin-bottom: 30px; text-align: center; }
.author-header { margin-bottom: -15px; }
.author-content { margin-top: 17px; }
.author-img { margin-bottom: 20px; }
.author-title { }
.author-post-content { }
.author-meta { font-size: 12px; color: #abafab; text-transform: uppercase; }

/*----- Comments -----*/
.comment-area { margin-top: 40px; margin-bottom: 30px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.comment-title { font-size: 22px; line-height: 22px; margin-bottom: 30px; margin-top: 30px; }
.comment-list { margin-top: 40px; }
.comment { }
.comment-body { }
.comment-header { position: relative; }
.comment-author { }
.comment-author img { float: left; }
.comment-info { padding-left: 100px; }
.user-title { font-size: 18px; float: left; margin-bottom: 0px; margin-right: 30px; }
.comment-meta-date { padding-bottom: 10px; color: #9a9fa4; font-size: 12px; font-weight: 700; text-transform: uppercase; position: absolute; right: 5px; top: 0; }
.comment-content { margin-bottom: 10px; font-size: 16px; }
.reply-link { }
.childern { padding: 45px; background-color: #ededed; padding-right: 0px; margin-left: 100px; }

/*----- leave-Comments -----*/
.leave-comments { }
/*----- meta -----*/
.meta { font-size: 13px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; }
.meta i { color: #25aae1; margin-right: 5px; }
.meta-date .meta-author, .meta-comments { color: #8e908e; }
.meta-categories { color: #4ec355; }
.meta-date, .meta-author, .meta-comments, .meta-categories { margin-right: 10px; font-weight: 300;
margin: 5px 0; font-size: 11pt;}
.meta-tag { }
.meta-date { float:left; }
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width:1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) { 
	
}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
.post-block { float: left;  margin-bottom: 50px; min-height: 270px; text-align: justify; box-shadow: none; padding: 5px 5px }
	.post-header { text-align: left; }
.post-abtract { float: left; text-align: justify;  font-size: 13pt; font-weight: 400;  line-height: 1.4em; margin-top: 20px; color: #000}
.post-content { float: left; text-align: justify; font-size: 13pt; font-weight: 400;  line-height: 1.6em; margin-top: 15px}
	
.related-post-block {border-bottom: 1px solid #ededed; margin-bottom: 30px; }
.related-post-title {font-size: 15pt; font-weight: 300; color: #005189; text-transform: uppercase; border-bottom: 1px #005189 solid; padding-bottom: 1px; margin: 20px 0 20px 0  }
.related-post {float: left; width: 90%; margin: 0 5%; min-height: 60px; padding: 10px 0; border-bottom: 1px solid #CCC}
.related-img {float: left; width: 35%; margin: 0 5% 10px 0; padding: 3px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
.related-img img {width: 100%; margin: 0; }
.related-post-content {float: left; width: 50%; }
.related-post-content, .related-title a{font-size: 13pt; font-weight: 500; color: #333; }
.related-post-content, .related-title a:hover {color: #0095DA;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
}