
/* #wrapper .posts-wrapper.portfolio .posts-container {display: grid;grid-template-columns:repeat(2, 1fr); grid-column-gap: 24px;grid-row-gap: 24px;}

#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+1) {grid-area: 1 / 1 / 3 / 2;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+2) {grid-area: 1 / 2 / 4 / 3;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+3) {grid-area: 3 / 1 / 6 / 2;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+4) {grid-area: 4 / 2 / 6 / 3;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+1) .post-image,
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+4) .post-image {min-height:350px;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+2) .post-image,
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+3) .post-image {min-height:700px;} */

#wrapper .posts-wrapper.portfolio .posts-container {display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:24px; grid-row-gap:24px;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+1),
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+4) {grid-row:span 1;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+2),
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+3) {grid-row:span 2;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+1) .post-image,
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+4) .post-image {min-height:350px;}
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+2) .post-image,
#wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+3) .post-image {min-height:700px;}


#wrapper .posts-wrapper.portfolio .posts-container .single {display:flex; width:100%;}
#wrapper .posts-wrapper.portfolio .posts-container .single .post-image { width:100%; position:relative; overflow:hidden; flex:1;}
#wrapper .posts-wrapper.portfolio .posts-container .single .post-image img {object-fit:cover; height:100%; width:100%; position:absolute; left:0; top:0; }


#wrapper .posts-wrapper.portfolio .posts-container .single {display:flex; flex-direction: column; padding:0; margin:0; border:solid 1px var(--awb-color8);}
#wrapper .posts-wrapper.portfolio .posts-container .single * {margin:0;}
#wrapper .posts-wrapper.portfolio .posts-container .single .post-content {display: flex;flex-direction: column;padding: 40px;gap: 24px; flex:1; justify-content: center; min-height:350px;}

#wrapper .posts-container .single .post-content .post-meta-wrapper {font-weight:600; display:flex; gap:8px; flex-wrap:wrap; align-items: center;}
#wrapper .posts-container .single .post-content .post-meta-wrapper .term {padding:4px 8px; background:var(--awb-color4); }
#wrapper .posts-container .single .post-content .post-meta-wrapper .meta {font-size:14px}

@media screen and (max-width: 1000px) {

  #wrapper .posts-wrapper.portfolio .posts-container {grid-template-columns: repeat(1, 1fr);}

  #wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+2), 
  #wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+3) {grid-row: auto}

  #wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+2) .post-image, 
  #wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+3) .post-image {min-height:auto;}

  #wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+1) .post-image, 
  #wrapper .posts-wrapper.portfolio .posts-container .single:nth-child(4n+4) .post-image {min-height:auto;}

  #wrapper .posts-wrapper.portfolio .posts-container .single .post-content {min-height:auto; padding:24px;}

  #wrapper .posts-wrapper.portfolio .posts-container .single .post-image {padding-top:56.25%}

}