.checkboard-wrapper.newRow{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 1400px;
  margin: 0 auto;
}
 .checkboard-wrapper .checkboard-items{
  flex: 0 0 33.333333%;
  position: relative;
  padding: 70px;
  gap: 5px;
  overflow: hidden;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
   
}


.checkboard-wrapper .wrap3:first-child .checkboard-items:first-child::after{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 46px solid #fff;
    border-right: 46px solid transparent;
    width: 0;
  display: block;
}

.checkboard-wrapper .checkboard-items h2{
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: 'Rubik',sans-serif;{% if item.image_field_ == "true" %}
}
.checkboard-wrapper .checkboard-items img.img-back{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 100%;
  min-height: 100%;
}
.checkboard-wrapper .checkboard-items .description{
    font-size: 17px;
    font-weight: 300;
    line-height: 1.45em;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*filter*/
.filterContainer{
	padding-bottom:25px;
}

.posts-filter {
  display:flex;
  flex-wrap:wrap
}
.blog-post__tags {
  background:#fff;
  border:1px solid #ddd;
  display:block;
  margin-bottom:20px;
  margin-right:15px;
  max-width:100%;
  padding:8px 12px;
  position:relative;
  width:300px
}
.blog-post__tags span {
  display:block
}
.blog-post__tags .tags-list {
  background:#efefef;
  display:none;
  left:-1px;
  padding:0 12px 10px;
  position:absolute;
  top:100%;
  width:calc(100% + 2px);
  z-index:3
}
.blog-post__tags .tags-list ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.blog-post__tags .tags-list ul li {
  display:block
}
.blog-post__tags .tags-list ul li a {
  color:#000;
  display:block;
  font-size:16px;
  font-weight:300;
  padding:2px 10px;
  text-decoration:none;
  text-transform:capitalize;
  transition:.2s;
  width:100%
}
.blog-post__tags .tags-list ul li a span {
  display:none
}
.blog-post__tags .tags-list ul li a:hover {
  background:#f8f8f8
}
.blog-post__tags span.tag.initial {
  align-items:center;
  display:flex;
  font-weight:600;
  justify-content:space-between;
  letter-spacing:2px
}
.blog-post__tags:hover .tags-list {
  display:block
}
.blog-post__tags span.tag {
  width:100%
}
.blog-post__tags span.tag a {
  color:#000;
  display:block;
  font-size:16px;
  font-weight:300;
  padding:2px 10px;
  text-decoration:none;
  text-transform:capitalize;
  transition:.2s;
  width:100%
}
.blog-post__tags span.tag a:hover {
  background:#f8f8f8
}
.blog-post__tags:hover {
  background:#efefef;
  border-color:#efefef
}


.select-wrapper {
  position: relative;
}

.tagFilter {
  background: #fff;
  border: 1px solid #ddd;
  display: block;
  margin-bottom: 20px;
  margin-left: 15px;
  max-width: 100%;
  padding: 10px 12px;
  position: relative;
  width: 300px;
  -webkit-appearance: none; /* Removes default styling on iOS */
  -moz-appearance: none;    /* Removes default styling on Firefox */
  appearance: none;         /* Removes default styling */
}

/* Style the custom arrow */
.select-wrapper::after {
  content: '';
  position: absolute;
  top: 33%;
  right: 25px;
  width: 12px; /* Width of the arrow */
  height: 12px; /* Height of the arrow */
  border-right: 4px solid black; /* Creates the right part of the arrow */
  border-bottom: 4px solid black; /* Creates the bottom part of the arrow */
  transform: translate(0, -50%) rotate(45deg);
  pointer-events: none; /* Ensures clicks go through the pseudo-element */
}

.tagFilter option.taginitial {
  font-weight: 600;
  letter-spacing: 2px!important;
  color: #000;
}


.tagFilter option:hover {
	background-color: #f8f8f8!important; 
	 box-shadow: 0 0 10px 100px #1882A8 inset;
}


.tagFilter option {
	background-color: #efefef; 
	font-family: Rubik, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px
}

.filerTitles{
	padding-bottom:15px;
}
.filterSpace{
	padding-left:3px;
	padding-right:3px;
}

@media (max-width: 1270px){
  .checkboard-wrapper .checkboard-items{
    padding: 40px 30px;
  }
}
@media (max-width: 980px){
  .checkboard-wrapper.newRow{
    flex-direction: column;
  }
  .checkboard-wrapper .checkboard-items{
    min-height: unset;
    padding: 20px 10px;
  }
  .checkboard-wrapper .checkboard-items.image{
    min-height: 400px;
  }
  .checkboard-wrapper .checkboard-items img.img-back{
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .checkboard-wrapper .checkboard-items .description{
    height: auto;
  }
}