.blog-archive-wrap .blog-thumb{
  position:relative;
}
.blog-archive-wrap .blog-thumb .blog-item-title{
  position:absolute;
  width:100%;
  height:100%;
  background:#0000002b;
  display:flex;
  justify-content: center;
  align-items: center;
}
.blog-archive-wrap .blog-thumb .blog-item-title h2{
  text-align: center;
  font-size: 1.7rem;
  color: #ffffff;
}
.blog-archive-wrap .single-blog p{
    font-size: 1rem;
    line-height: 20px;
    font-family: 'Open sans', sans-serif;
    text-align: justify;
    font-size: 14px;
}
ul{
  list-style: none!important;
}
.blog-archive-wrap .single-blog {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.blog-archive-wrap .blog-content-footer{
    display: flex;
    height: 100%;
    padding: 10px 20px;
    align-items: flex-end;
    justify-content: center;
}
.blog-archive-wrap .blog-content{
  display:block;
}
.blog-archive-wrap .single-blog:hover {
  
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.blog-archive-wrap .blog-btn {
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    border-color: #ffffff;
    border-radius: 8px;
    padding: 10px 25px;
    background-color: #787878;
    font-size: 14px;
    box-shadow: 1px 1px 1px #0000006b;
}
.blog-archive-wrap .blog-thumb img{
 width: 100%;
 height: 200px;
 object-fit: cover;
}
.blog-archive-wrap .rating i{
 color:#b46b1fa6;
}
.blog-archive-wrap .blog-content-header{
display: block;
    padding: 8px;
    background: #f8f5f5;
    color: #4f4f4e;
    font-size: 13px;
    text-decoration: none;
} 
.blog-archive-wrap .blog-content-header ul{
  margin:0;
}
.blog-archive-wrap .single-blog:hover .blog-item-title{
 background: #000000b0;
}
.blog-archive-wrap .single-blog:hover p{
  color:#000;
}
.blog-archive-wrap .blog-content-header a{
   color: #c39d63;
   text-decoration: none;
}
.blog-archive-wrap .load-more-btn{
    margin: 0 auto;
    display: block;
    box-shadow: 1px 1px 3px;
    padding: 10px 10px;
    width: 190px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    color: #1e1e1e;
    font-weight: 500;
    transition:all 0.3s;    
}
.blog-archive-wrap .load-more-btn:hover{
   background: #e3e3e3;
}
#menu-footer-menu{
  margin:0;
}
#main-content {
    background-color: #e3e0e09c;
}
#blog-wrap{
      padding: 30px 15px;
    background: #eeecec;
    border-radius: 10px;
    box-shadow: 1px 0px 5px #b7b7b7;
}