/*
Theme Name:   Jon Weiman Design LLC - Themify Ultra Child
Template:     themify-ultra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
body {

}

div.portfolio-category-filters, #portfolio-grid {
  clear: both;
  max-width: 870px;
  margin: 0 auto;
}

div.portfolio-category-filters *, #portfolio-grid * {
  box-sizing: border-box;
}

div.portfolio-category-filters {
  /*margin-left: -1rem;*/
  /*margin-right: -1rem;*/
}

.portfolio-category-filter-wrapper {
  float: left;
  width: 33.333%;
  padding: 1rem;
}

ul.portfolio-category-list, ul.portfolio-category-sub-list {
  margin: 0;
  list-style: none;
  padding: 0;
}

ul.portfolio-category-list {
  display: block;

}

ul.portfolio-category-sub-list {
  display: none;
}

li.portfolio-category-term {
  display: block;
  text-align: center;
  padding: 1rem;
  background-color: #929699;
  color: white;
  transition: background-color 0.2s;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}

li.portfolio-category-term.is-checked, li.portfolio-category-term:hover, li.portfolio-category-term:active, li.portfolio-category-term:focus {
  background-color: #fa0807;
}

ul.portfolio-category-list > li.portfolio-category-term {
  width: 100%;
}

#portfolio-grid.hidden {
  visibility: hidden;
}
.portfolio-grid-item {
  float: left;
  width: 33.333%;
  padding: 0 1rem 1.5rem;
  /*margin-bottom: 1.875rem;*/
}
.portfolio-grid-item > a {
 display: block;
}
.portfolio-grid-item > a:hover > img {
  opacity: 0.7;
}
.portfolio-grid-item img {
  width: 100%;
  transition: opacity 0.2s;
}
