.cat_container_col {
  display: flex;
  justify-content: center;
}
.cat {
  margin: 4px;
  background-color: white;
  border-radius: 50px;
  border: 1px solid #231f20;
  overflow: hidden;
  float: left;
}

.cat label {
  float: left;
  line-height: 2em;
  width: 8em;
  height: 2em;
  background-color: white;
}

.cat label span {
  text-align: center;
  display: block;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}
/* selects all of the text within the input element and changes the color of the text */
.cat label input + span {
  color: #231f20;
}

/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span {
  color: white;
  background-color: #231f20;
}

/*
This following statements selects each category individually that contains an input element that is a checkbox and is checked (or selected) and chabges the background color of the span element.
*/

/* .real_estate input:checked + span{background-color: #231f20;}
.hotels input:checked + span{background-color: #231f20;}
.private_equity input:checked + span{background-color: #231f20;} */

.col-dynamic {
  height: 325px;
}

.project-image {
  height: 270px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: end;
  justify-content: end;
}

.img-hover-zoom {
  height: 270px;
  overflow: hidden;
}
.img-hover-zoom .project-image {
  transition: transform 1s ease;
}
.img-hover-zoom:hover .project-image {
  transform: scale(1.05);
}

.project-location {
  color: #b5bfb7;
}
.project-title {
  color: black;
}
.category-wrapper {
  padding: 5px 10px;
}
.category-wrapper .status {
  width: 150px;
}

.card {
  border: none !important;
}

.view_more_button,
.view_more_posts_button {
  border: 1px solid #b5bfb7;
  color: #b5bfb7;
  border-radius: 50px;
  padding: 5px 15px;
  background-color: white;
}

@media screen and (min-width: 768px) {
  div.blog_height {
    height: 460px !important;
  }
}