.__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay {
  padding: 0.5rem;
  background-color: rgba(0, 123, 255, 0.5);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay .header span {
  font-size: 0.85em;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay .description {
  display: none;
  visibility: hidden;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay .description span {
  font-size: 0.85em;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay .link span {
  font-size: 0.85em;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay .link span a {
  font-size: 1em;
  background-color: rgba(0, 123, 255, 0.5);
  color: #fff;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300.effect-hover-remove-filter:hover .overlay {
  background-color: unset;
  color: #fff;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300.effect-hover-remove-filter:hover .overlay .header span {
  background-color: rgba(0, 123, 255, 0.75);
  color: #fff;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300.effect-hover-remove-filter:hover .overlay .description span {
  background-color: rgba(0, 123, 255, 0.75);
  color: #fff;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300.effect-hover-remove-filter:hover .overlay .link span a {
  background-color: rgba(0, 123, 255, 0.75);
  color: #fff;
}
.__sitepackagemask .__tiles .column .wrapper-image.design-300.effect-hover-grayscale:hover picture img {
  filter: grayscale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay {
    padding: 0.75rem;
  }
}
@media (min-width: 992px) {
  .__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay {
    padding: 0.5rem;
  }
  .__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay .description {
    display: inherit;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .__sitepackagemask .__tiles .column .wrapper-image.design-300 .overlay {
    padding: 1rem;
  }
}

/*# sourceMappingURL=design-300.css.map */