/*==================================================================
    Blogs Posts LeadIn Page
==================================================================*/
.blogs-posts-flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.blogs-posts-content {
  flex:0 0 32%;
  width:32%;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex; 
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding:10px 10px 0 10px;   
  margin:0 0 10px;
  background:#ffffff;
  border:1px solid #d2d2d2;
}
.blog-image {
   padding:0;
}
.blog-image img {
  width:100%; 
  height:auto;
} 
.blog-content {
  padding:15px 15px 0 15px;
  text-align:center;
}
.blog-content .blog-title {
  color:#181818;
  font: 500 22px/1.2em 'latosemibold',Arial;
  padding:0;
}
.blog-content .blog-date {
  color:#888888;
  font:16px/1.2em 'ArimoRegular',Arial;
  padding:0;
}
.blog-content .blog-info {
  color:inherit;
  font:16px/1.2em 'ArimoRegular',Arial;
  padding:0 0 10px 0;
}
.blog-btn:last-child {
  margin-top:auto;
  border-bottom:none;
  background:#f8f8f8;
  padding:0;
  text-align:center;
  border-top:none;
}
.blog-btn .btn {
  border-radius:0;
}


/*======================MEDIA BREAKPOINTS========================*/
@media (max-width: 767px) {	
  .blogs-posts-content {
    flex:0 0 100%;
	width:100%;
  }
	
}

@media (min-width: 768px) and (max-width: 991px) {  
  .blogs-posts-content {
    flex:0 0 48%;
	width:48%;
  }
  .blog-content .blog-title {
    font: 500 18px/1.2em 'latosemibold',Arial;
  }  
  
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-content .blog-title {
    font: 500 18px/1.2em 'latosemibold',Arial;
  }
  .blog-content .btn-olive {
    font:500 16px/1em 'rubikregular',Arial;
    padding:16px;
  } 

}

/*==================================================================
    Blog Articles Page
==================================================================*/
.blog-article-flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width:66%;
  margin:0 auto;
  border:1px solid #d2d2d2;
  border-radius:6px;
  padding:20px;
  text-align:center;
}
.blog-article-flex-wrapper .article-heading h1 {
  color:#2c4a86;
  font:500 28px/1.2em 'latosemibold',Arial;
  margin:0 0 10px;
  text-transform:capitalize;
}
.blog-article-flex-wrapper .article-heading p {
  color:#888888;
  font:500 16px/1em 'latosemibold',Arial;
  padding:0 0 10px 0;
}
.blog-article-flex-wrapper .article-img img {
  width:100%;
  height:auto;
  padding:10px;
  border:1px solid #d4d4d4;
  border-radius:6px;
  margin:0 0 15px;
}
.blog-article-flex-wrapper .keyHeading {
  color:#ffffff;
  font:500 20px/1.2em 'latosemibold',Arial;
  margin:0 0 15px;
  text-transform:none;  
  padding:15px;
  border-radius:6px;
  background-color:#8db357;
}
.blog-article-flex-wrapper .article-content .list-box {
  margin:0 auto 15px;
  width:80%;
}
.blog-article-flex-wrapper .article-content .list-box .article-list {
  list-style:none;
  padding:0;
  margin:0;
}
.blog-article-flex-wrapper .article-content .list-box .article-list li {
  padding-bottom:5px;
}
.blog-article-flex-wrapper .article-content .list-box .article-list li::before { 
  font-family:'FontAwesome';
  content:"\f105";
  color:#8db357;
  margin-right:6px;
  font-size:20px;
  vertical-align:middle;
  font-weight:600;
  display:inline-block;
  margin-bottom:3px;
}
.blog-article-flex-wrapper .article-content .list-box .article-list2 {
  list-style:none;
  padding:0;
  margin:0;
}
.blog-article-flex-wrapper .article-content .list-box .article-list2 li {
  padding-bottom:5px;
}
.blog-article-flex-wrapper .article-content .list-box .article-list2 li::before { 
  font-family:'FontAwesome';
  content:"\f14a";
  color:#8db357;
  margin-right:6px;
  font-size:20px;
  vertical-align:middle;
  font-weight:600;
  display:inline-block;
  margin-bottom:3px;
}
.blog-article-flex-wrapper .article-content hr {
  margin: 15px 0 18px 0;
  border-width: 1px 0 0;
  border-style: dashed;
  border-color: #2c4a86;
}


/*======================MEDIA BREAKPOINTS========================*/

@media (max-width: 767px) {	
  .blogs-posts-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }  
  .blogs-posts-flex-wrapper .blogs-posts-container {
    flex:0 0 100%;
    width:100%;
  }  
    
}  
  
@media (max-width: 768px) {
  .blog-article-flex-wrapper {
    width:100%;
  }
  
}

@media (min-width: 768px) and (max-width: 1199px) {
  .blog-article-flex-wrapper { 
    width:76%;
  }

}