/* __custom_matterbox.css */

.matterbox-grid a {
  display: block;
}
.matterbox {
  position: relative;
  overflow: hidden;
  background-color: var(--ci001);
  border: 1px solid var(--col14);
  transition: all 0.3s, ease-in-out 0.2s;
}
.matterbox:hover {
  background-color: var(--ci002);
  transition: all 0.3s, ease-in-out 0.2s;
}
.matterbox .image_container {
  min-height: 9rem;
  position: relative;
}
.matterbox .image_container img {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: relative;
  background-clip: padding-box;
}
.matterbox h3 {
  margin: 0;
  padding: 1rem 1rem 0.25rem;
  font-size: var(--font_size6);
  font-weight: normal;
  color: var(--white);
  text-transform: none;
}
.matterbox .longtext {
  margin: 0;
  padding: 0.25rem 1rem;
  font-size: var(--font_p);
  color: var(--white);
}
.matterbox .longtext p {
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  font-size: var(--font_p);
  font-weight: normal;
  color: var(--white);
}