.post_item a {
  color:#000;
}
.post_item a:hover {
  text-decoration: none;
}
.post_card {
  position: relative;
  -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);

}
.post_card > a{
  display: block;
}
.post_card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post_card .count_area {
  color:#fff;
  padding: 5px 15px;
  border-radius: 25px;
  background-color: #455F84;
  position: absolute;
  top:25px;
  right: 25px;
}
.post_card .count_area a{
  color:#fff;
  font-size: 12px;
  margin-right: 5px;
}

.title_area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

.post_card h2{
  background: #fff;
  -webkit-mask: url(../img/mask.png);
  mask: url(../img/mask.png);
  -webkit-mask-size: 3000% 100%;
  mask-size: 3000% 100%;
  -webkit-transition: -webkit-mask-position 600ms steps(29);
  transition: -webkit-mask-position 600ms steps(29);
  -o-transition: mask-position 600ms steps(29);
  transition: mask-position 600ms steps(29);
  transition: mask-position 600ms steps(29),-webkit-mask-position 600ms steps(29);
  -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #fff;
    border: 1px solid #fff;
    display: inline;
    line-height: 55px;
    padding: 2px 5px;
}
.post_card:hover h2 {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
}

.continue_reading {
  color:#fff !important;
  padding: 5px 15px;
  border-radius: 25px;
  background-color: #455F84;
  text-transform: capitalize;
  position: absolute;
  right: 0px;
  bottom: 40px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}
.post_card:hover .continue_reading {
  opacity: 1;
  right: 30px;
}

.meta_area *, .tags_area a {
  font-weight: bold;
}

.author_link {
  margin-right: 0px;
  color:#000;
}


.avatar {
  width:35px;
  height:35px;
  border-radius: 50%;
  margin-right: 5px;
  -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
}

.published_on {
  margin-right: 10px;
}


.published_on .fa-circle {
  font-size: 5px;
  color:#67B229;
  position: relative;
  top:-3px;
  margin-right: 10px;
	margin-left: 10px;
}

.read .rt-time {
  background-color: #67B229;
  color:#fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  font-size: 12px;

}

.tags_area .fa-tag {
  color:#67B229;
  margin-right: 10px;
}
.tags_area a {
  margin-right: 5px;
}
.tags_area a:hover {
  color:#67B229;
}
.post_bottom {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.post_bottom::after {
  content:' ';
  width: 100px;
  height: 2px;
  display: block;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0%);
  opacity: 0.7;
}

.dot_el {
  font-size: 5px;
  color:#67B229;
  position: relative;
}

.popular_posts h4 {
  margin-bottom: 20px;
}

.popular_list .list_item{
  margin-bottom: 15px;
}
.popular_list .list_item a:hover {
  text-decoration: none;
}

.popular_list .list_item img {
  height: 80px;
  width: 80px;
  object-fit: fill;
  margin: 0 10px 10px 0;
  -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
}

.popular_list .list_item h5 {
  color:#000;
}
.popular_list .list_item p  {
  color:#000;
}
.popular_list .list_item p i {
  color:#67B229;
}

.sidebar_item {
  padding-bottom: 15px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
}

.tag_cloud ul{
  list-style-type: none;
  padding-left: 0
}
.tag_cloud ul li{
  display: inline-block;
}
.tag_cloud a{
    display:block;
    padding:4px 10px;
    margin-right:7px;
    margin-bottom:7px;
    background:#455F84;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-transform:capitalize;
    text-decoration:none;
}
.tag_cloud a:hover{
    background:#67B229;
    color:#fff;
    text-decoration:none;
}

.archive_list {
  border-bottom: 0;
}
.archive_list ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.archive_list ul li {
  padding: 8px;
  border-bottom: 1px solid #ccc;
  text-align: right;

}
.archive_list ul li .count {
  width: 25px;
  height: 25px;
  background:#455F84;
  color:#fff;
  display: inline-block;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  text-align: center !important;
}
.archive_list ul li a {
  text-align: left;
  float: left;
  color:#000;
  font-weight: 500
}
.archive_list ul li::after {
  content: ' ';
  display: block;
  clear:both;
}

.archive_list ul li a:hover {
  color:#67B229;
  text-decoration: none;
}

.post_content img{
  max-width: 100%;
}

@media (max-width:767.98px) {
  .title_area {
    padding: 20px !important;
  }
  .post_card h2{
    font-size: 20px;
    line-height: 35px;
  }

}