.amplienceComponent:has(.doubleInGrid) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66%;
          flex: 0 0 66.66%;
}
@media (max-width: 767px) {
  .amplienceComponent:has(.doubleInGrid) {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.amplienceComponent .doubleInGrid .media img {
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.amplienceComponent .singleInGrid .teaserCtaSection,
.amplienceComponent .doubleInGrid .teaserCtaSection {
  padding: 16px 16px;
}
.amplienceComponent .singleInGrid .teaserCtaSection > div > .row-1,
.amplienceComponent .doubleInGrid .teaserCtaSection > div > .row-1 {
  padding-top: 0;
}
.amplienceComponent .singleInGrid .teaserCtaSection > div > .row-1 > .headerText > p,
.amplienceComponent .doubleInGrid .teaserCtaSection > div > .row-1 > .headerText > p {
  font-weight: bold;
  font-size: var(--font-size-h4);
}
.amplienceComponent .singleInGrid .teaserCtaSection > div > .row-2 > a.button,
.amplienceComponent .doubleInGrid .teaserCtaSection > div > .row-2 > a.button {
  /* outline button style for ingrid CTAs */
  background-color: var(--color-background);
  border: 1px solid var(--color-text);
  color: var(--color-text);
}
.amplienceComponent .singleInGrid .teaserCtaSection > div > .row-2 > a.button:hover,
.amplienceComponent .doubleInGrid .teaserCtaSection > div > .row-2 > a.button:hover {
  opacity: 0.8;
}

/*# sourceMappingURL=inGrid.css.map*/