/* Wrapper */
.ar-rag-widget{
  margin-top: 24px;
}

/* Heading */
.ar-rag-heading{
  margin: 0 0 12px;
}
.ar-rag-kicker{
  margin: 0 0 2px;
  opacity: .75;
}
.ar-rag-title{
  margin: 0;
  line-height: 1.1;
}

/* Grid */
.ar-rag-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--ar-rag-cols-d, 5), minmax(0,1fr)) !important;
  gap: var(--ar-rag-gap, 14px) !important;
}

@media (max-width: 1024px){
  .ar-rag-grid{
    grid-template-columns: repeat(var(--ar-rag-cols-t, 4), minmax(0,1fr)) !important;
  }
}
@media (max-width: 767px){
  .ar-rag-grid{
    grid-template-columns: repeat(var(--ar-rag-cols-m, 2), minmax(0,1fr)) !important;
  }
}

/* Card */
.ar-rag-card{
  display:block;
  text-decoration:none;
  color:inherit;
}

/* Cover */
.ar-rag-cover{
  overflow:hidden;
  aspect-ratio: var(--ar-rag-ratio, 1 / 1);
  border-radius: var(--ar-rag-cover-radius, 0px);
}

.ar-rag-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit: var(--ar-rag-fit, cover);
  transition: transform 180ms ease;
}

.ar-rag-card:hover .ar-rag-cover img{
  transform: scale(var(--ar-rag-hover-zoom, 1));
}

.ar-rag-placeholder{
  width:100%;
  height:100%;
  background: linear-gradient(180deg, #eee, #ddd);
}

/* Caption */
.ar-rag-caption{
  margin-top: 8px;
}