/*
 * For viewports beyond the XX-large breakpoint range, the viewable area will lock width at 1920px and stop
 * resizing. The layout margins for that limit will follow the standard progression and adapt to 16rem
 * (or 256px on each side) which will leave a max width of 1408px for content to be laid out.
 */
@media (min-width: 960px) {
  .border-enabled .colctrl-row .teaserFeaturedImageColCtrl:not(:last-child) .teaser:after,
  .border-enabled .colctrl-row .teaserNoBackgroundColCtrl:not(:last-child) .teaser:after {
    content: "";
    background: #bec3c8;
    width: 1px;
    height: auto;
    margin: 32px 0;
    left: 0.75rem;
    bottom: 0;
    position: relative;
  }
}
@media (min-width: 1280px) {
  .border-enabled .colctrl-row .teaserFeaturedImageColCtrl:not(:last-child) .teaser:after,
  .border-enabled .colctrl-row .teaserNoBackgroundColCtrl:not(:last-child) .teaser:after {
    content: "";
    background: #bec3c8;
    width: 1px;
    height: auto;
    margin: 32px 0;
    left: 0.75rem;
    bottom: 0;
    position: relative;
  }
}
@media (min-width: 1600px) {
  .border-enabled .colctrl-row .teaserFeaturedImageColCtrl:not(:last-child) .teaser:after,
  .border-enabled .colctrl-row .teaserNoBackgroundColCtrl:not(:last-child) .teaser:after {
    content: "";
    background: #bec3c8;
    width: 1px;
    height: auto;
    margin: 32px 0;
    left: 1rem;
    bottom: 0;
    position: relative;
  }
}