.wrap {
  background-color:#ffff;
}
.wrap .wrapper-blog {
 
  padding:50px 0;
  position:relative;
}

.wrap .wrapper-blog .icon-head {
  position:absolute;
  top:-66px;
  left:50%;
  transform:translateX(-50%);
}

.resource-description{
    font-size: 15px;
}
.resource-link-more{
    text-align: right;
    width: 100%;
    float: right;
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-decoration: none;
    color: #1d656e;
    font-weight: 600;
}
.wrap #crumbs{
	max-width: 896px;
    display: flex;
    flex-flow: wrap;
    margin: 0 auto;
    font-size: 20px;
    padding: 10px 0px;
}
.wrap #crumbs .crumbs-container {
	margin:15px;
}
.wrap #crumbs .crumbs-container a {
	text-decoration: none;
    color:#12656e;
}

.wrap .wrapper-blog .blog-list {
    max-width:896px;
    display:flex;
    flex-flow:wrap;
    margin:0 auto;
}
.wrap .wrapper-blog .blog-list .blog-item {
  width:calc(100%/2 - 30px);
  margin:15px;
  margin-bottom:30px;
  background-color:#fff;
  position:relative;
  box-shadow: 5px 3px 15px 0px rgba(219,219,219,1);
}

.archive.tax-resource .wrap .wrapper-blog, .archive.tax-healthy-plate-series .wrap .wrapper-blog {
	padding-top: 0px;
}
.archive.tax-resource #crumbs, .archive.tax-healthy-plate-series #crumbs {
	width: 100%;
    margin: 15px;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .wrap .wrapper-blog .blog-list .blog-item {
    width:calc(100%/2 - 20px);
    margin:10px;
  }
}

@media only screen and (max-width:767px) {
  .wrap .wrapper-blog .blog-list .blog-item {
    width:100%;
    margin:10px;
  }
}

.wrap .wrapper-blog .blog-list .blog-item .wrap-img {
  overflow:hidden;
  height:250px;
}

.wrap .wrapper-blog .blog-list .blog-item .wrap-img .blog-img {
  margin-bottom:15px;
  height:250px;
  background-size:cover;
  background-position:center;
  position:relative;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform 1.5s cubic-bezier(0.22,0.89,0.57,1);
  transition:-webkit-transform 1.5s cubic-bezier(0.22,0.89,0.57,1);
  transition:transform 1.5s cubic-bezier(0.22,0.89,0.57,1);
  transition:transform 1.5s cubic-bezier(0.22,0.89,0.57,1),-webkit-transform 1.5s cubic-bezier(0.22,0.89,0.57,1);
}

.wrap .wrapper-blog .blog-list .blog-item .wrap-img .blog-img:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.wrap .wrapper-blog .blog-list .blog-item .wrap-img .blog-img a {
  width:100%;
  position:absolute;
  height:100%;
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description {
  padding:30px 50px;
  padding-bottom:50px;
  max-width:100%;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  .wrap .wrapper-blog .blog-list .blog-item .blog-description {
    padding:20px 40px;
    display:block;
  }
}

@media only screen and (max-width:767px) {
  .wrap .wrapper-blog .blog-list .blog-item .blog-description {
    padding:20px 30px;
    display:block;
  }
  .wrap .wrapper-blog{
    padding-top:30px !important
  }
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description .cate a:hover {
  text-decoration:none;
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description .cate span {
  color: #1d656e;
  font-size: 14px;
  text-transform: uppercase; 
      margin-bottom: 15px;
    display: inline-block;
}

.featured {
    background-image: url(../../images/featured-bg.png);
    background-repeat: repeat !important;
    
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description .cate a {
      text-decoration: none;
      margin-right:10px
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description h3 {
  line-height:40px !important;
  font-size:26px;
  margin-top:5px;
      margin-bottom: 0;
}

@media only screen and (max-width:767px) {
  .wrap .wrapper-blog .blog-list .blog-item .blog-description h3 {
    font-size:22px;
    line-height:30px;
  }
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description h3 a {
  color:#000;
  font-weight:500;
  text-decoration: none;
}

.wrap .wrapper-blog .blog-list .blog-item .blog-description h3 a:hover {
  color:#1d656e;
  transition:0.3s;
  text-decoration:none;
}

.wrap .wrapper-blog .pagination {
  text-align:center;
  width:100%;
  margin-top:30px;
}

.wrap .wrapper-blog .pagination button {
  color:#ffffff;
  border-radius:5px;
  background-color:#2a898e;
  width:200px;
  font-size:18px;
  text-transform:uppercase;
  font-weight:400;
  padding:15px 30px;
  outline:none;
}

.wrap .wrapper-blog .pagination button:hover {
  opacity:0.8;
  transition:0.3s;
  cursor: pointer;
}

@media only screen and (max-width:767px) {
  .wrap .wrapper-blog .pagination button {
    font-size:15px;
    padding:10px 20px;
  }
}

.loading {
  text-align:center;
  width:100%;
  margin-top:30px;
}

.loading.hidden {
  display:none;
}

.loading .lds-roller {
  display:inline-block;
  position:relative;
  width:64px;
  height:64px;
}

.loading .lds-roller div {
  animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
  transform-origin:32px 32px;
}

.loading .lds-roller div:after {
  content:" ";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#f69e21;
  margin:-3px 0 0 -3px;
}

.loading .lds-roller div:nth-child(1) {
  animation-delay:-0.036s;
}

.loading .lds-roller div:nth-child(1):after {
  top:50px;
  left:50px;
}

.loading .lds-roller div:nth-child(2) {
  animation-delay:-0.072s;
}

.loading .lds-roller div:nth-child(2):after {
  top:54px;
  left:45px;
}

.loading .lds-roller div:nth-child(3) {
  animation-delay:-0.108s;
}

.loading .lds-roller div:nth-child(3):after {
  top:57px;
  left:39px;
}

.loading .lds-roller div:nth-child(4) {
  animation-delay:-0.144s;
}

.loading .lds-roller div:nth-child(4):after {
  top:58px;
  left:32px;
}

.loading .lds-roller div:nth-child(5) {
  animation-delay:-0.18s;
}

.loading .lds-roller div:nth-child(5):after {
  top:57px;
  left:25px;
}

.loading .lds-roller div:nth-child(6) {
  animation-delay:-0.216s;
}

.loading .lds-roller div:nth-child(6):after {
  top:54px;
  left:19px;
}

.loading .lds-roller div:nth-child(7) {
  animation-delay:-0.252s;
}

.loading .lds-roller div:nth-child(7):after {
  top:50px;
  left:14px;
}

.loading .lds-roller div:nth-child(8) {
  animation-delay:-0.288s;
}

.loading .lds-roller div:nth-child(8):after {
  top:45px;
  left:10px;
}

@keyframes lds-roller {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
.wrap .wrapper-blog .blog-list .blog-item div.resource-category {
  padding: 20px 30px 5px;
  margin: 0px;
}