/**
 * @file
 * Columns.
 */

.columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: var(--imtm-gutter);
}

.columns__section {
  margin-bottom: 1.5rem;
}

.columns__content > :last-child,
.columns__content p:last-child {
  margin-bottom: 0;
}

.columns--technology .columns__title {
  font-weight: 700;
  color: var(--imtm-color-darkblue);
}

.columns--program .columns__title {
  margin-bottom: 1rem;
  font-size: 1.35rem;
  font-weight: 700;
}

.columns__aside img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .columns--technology.columns--with-aside {
    grid-template-columns: calc(75% - var(--imtm-gutter) * 0.25) calc(25% - var(--imtm-gutter) * 0.75);
  }

  .columns--program {
    grid-template-columns: calc(66.6667% - var(--imtm-gutter) / 3) calc(33.3333% - var(--imtm-gutter) * 2 / 3);
  }
}

.columns__highlight {
  margin-bottom: 0.5rem;
}

.columns__tags div {
  display: inline-block;
}

.columns__tags a {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  color: var(--imtm-color-white);
  background-color: var(--imtm-color-gray-100);
}