/*
Insights Grid (various pages)
insights-grid.css
Below-the-fold
Mobile
*/

/* Insights
======================================================================================================================*/

.insights {
  background-color: var(--color-grey-5);
}

.insights h2 {
  margin-bottom: 2rem;
}

.insights-grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(266px, 1fr));
}

.insights-grid a {
  color: inherit;
  display: flex !important;
  flex-flow: column;
}
    
.insights-grid a:hover {
  color: inherit;
}

.insights-grid article {
  background: var(--color-white-1);
}

.insights-grid article:hover .read-more::after {
  transform: translateX(0.2rem);
}

.insights-grid article img {
  object-fit: cover;
  width: 100%;
}

.insights-grid .insight-info {
  padding: 1rem;
}

.insights-grid h3 {
  margin-bottom: 0.6rem;
}

.insights-grid time {
  color: var(--color-blue-1);
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  width: 100%;
}

.insights-grid .excerpt {
  display: inline-block;
}

.insights-grid .read-more {
  align-items: center;
  color: var(--color-purple-1);
  display: flex;
  flex-flow: row nowrap;
  font-weight: 700;
  margin-top: 1rem;
  text-transform: uppercase;
  width: 100%;
}

.insights-grid .read-more::after {
  background-image: url(/wp-content/themes/enfold-child/assets/img/arrow-icon-col.svg);
  content: '';
  display: inline-block;
  height: 20px;
  margin-left: 0.5rem;
  transition: 0.3s transform ease-in-out;
  width: 26px;
}