/**
 * Features Grid Module
 *
 * Styles for template-part/modules/features_grid_module.php
**/

.features-grid-module__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}

.features-grid-module__item {
  transition: var(--transition);
}

.features-grid-module__item:hover {
  border-color: rgba(0, 210, 230, .3);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .15);
}

.features-grid-module__item-title {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}

.features-grid-module__item-text {
  color: var(--muted-foreground);
  line-height: 1.6;
}

@media (min-width: 768px) {
  .features-grid-module__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .features-grid-module__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}