@import 'bootstrap/custom-bootstrap-variables';
@import 'bootstrap/scss/mixins/breakpoints';
@import 'bootstrap/scss/mixins/grid';

.post-content {
  background-color: $white;
  color: $body-color;
}

.region-post-content {
  @include make-container-max-widths;
  @include make-container;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  
  .page-variant--homepage & {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 4vw;    
    
    @include media-breakpoint-up(md) {
      grid-template-columns: 1fr 1fr;
    }
  }
}