/**
 * Custom Gutters Mixin
 * This will create custom gutters for localized implentation.
 * Usage: Pass in a new gutter value and this will apply those to child grid classnames.
 *
 * - does not loop through breakpoints
 * - intended to be used in an already-defined media query or child structure
 *
 * param: $number new gutter value, already halved
 * param: $context 'container', 'row'. Used to skip the L1 or L2 classname selectors. Pass as an empty string to only apply to columns.
 * param: $colclassname custom classname to use for columns. Defaults to a generic '.col-' selector
 */
.page-container {
  max-width: 75rem;
}

.prodTile--region,
.prodRow--region {
  margin-bottom: 2rem;
}

/*
.region {
    position: relative;
    margin-bottom: 0.75rem;
}

.region::before {
    display: block;
    content: "";
    width: 100%;
} */
/*
    padding-top in percentages refers to parent width
    this allows us to specify an aspect-ratio
*/
/* stylelint-disable selector-class-pattern */
.region_landscape-large::before {
  padding-top: 39.0625%;
}

.region_square::before {
  padding-top: 100%;
}

.region_landscape-small::before {
  padding-top: 50%;
}

.region_portrait-small::before {
  padding-top: 200%;
}

div.sf-interactions-proxyHoverContainer a {
  overflow: visible;
}

/* stylelint-enable selector-class-pattern */