/**
 * @file
 * Our Author View styles
 * Use in templates\views\views-view--our-authors.html.twig
 * - views-view--search.html.twig
 */

.our-author-view .view-content {
  padding: 2rem 0;
}
.our-author-view__row {
 padding: 2rem 0;
}
.our-author-view__row-item {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr;
}
.our-author-view__row-title {
  margin: 0;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-family: Raleway, sans-serif;
  color: var(--color-primary--1);
  font-weight: 800;
}
@media all and (min-width: 500px){
  .our-author-view__row-item {
    grid-template-columns: repeat(2, calc(50% - 1rem));
  }
}
@media all and (min-width: 700px){
  .our-author-view__row-item {
    grid-template-columns: repeat(3, calc(33.333% - 1.33rem));
  }
}
@media all and (min-width: 1000px){
  .our-author-view__row-item {
    grid-template-columns: repeat(4, calc(25% - 1.5rem));
    gap: 2rem;
  }
}
@media all and (min-width: 1300px){
  .our-author-view__row-item {
    grid-template-columns: repeat(6, calc(16.666% - 1.66rem));
  }
}