/**
 *  SETTINGS
 */
/**
 *  COMPONENTS
 */
/**
 *  SETTINGS
 */
/**
 *  COMPONENTS
 */
/**
 *  SETTINGS
 */
/**
 *  COMPONENTS
 */
.grid-slots-wrapper {
  max-width: none;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}

.grid-slot {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}
.grid-slot[class*="-1d1"] {
  width: 100%;
}
@media (min-width: 768px) {
  .grid-slot[class*="-1d2"] {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .grid-slot[class*="-1d3"] {
    width: 33.333333%;
  }
}
@media (min-width: 768px) {
  .grid-slot[class*="-2d3"] {
    width: 66.666666%;
  }
}

.grid-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.grid-container:first-child {
  margin-top: 0;
}
.grid-container:first-child:not(.white-shadow):not(.grey-darker):not(.grey-lightest) {
  padding-top: 2rem;
}
.grid-container.white-shadow, .grid-container.grey-lightest, .grid-container.grey-darker, .grid-container.dc-yellow, .grid-container.dc-yellow-lighter, .grid-container.dc-yellow-darker, .grid-container.bba-blue {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.grid-container.white-shadow:last-child, .grid-container.grey-lightest:last-child, .grid-container.grey-darker:last-child, .grid-container.dc-yellow:last-child, .grid-container.dc-yellow-lighter:last-child, .grid-container.dc-yellow-darker:last-child, .grid-container.bba-blue:last-child {
  margin-bottom: 0;
}
.grid-container.white-shadow + .white,
.grid-container.white-shadow + .white-shadow,
.grid-container.white-shadow + .grey-lightest,
.grid-container.white-shadow + .grey-darker,
.grid-container.white-shadow + .dc-yellow,
.grid-container.white-shadow + .dc-yellow-lighter,
.grid-container.white-shadow + .dc-yellow-darker,
.grid-container.white-shadow + .bba-blue, .grid-container.grey-lightest + .white,
.grid-container.grey-lightest + .white-shadow,
.grid-container.grey-lightest + .grey-lightest,
.grid-container.grey-lightest + .grey-darker,
.grid-container.grey-lightest + .dc-yellow,
.grid-container.grey-lightest + .dc-yellow-lighter,
.grid-container.grey-lightest + .dc-yellow-darker,
.grid-container.grey-lightest + .bba-blue, .grid-container.grey-darker + .white,
.grid-container.grey-darker + .white-shadow,
.grid-container.grey-darker + .grey-lightest,
.grid-container.grey-darker + .grey-darker,
.grid-container.grey-darker + .dc-yellow,
.grid-container.grey-darker + .dc-yellow-lighter,
.grid-container.grey-darker + .dc-yellow-darker,
.grid-container.grey-darker + .bba-blue, .grid-container.dc-yellow + .white,
.grid-container.dc-yellow + .white-shadow,
.grid-container.dc-yellow + .grey-lightest,
.grid-container.dc-yellow + .grey-darker,
.grid-container.dc-yellow + .dc-yellow,
.grid-container.dc-yellow + .dc-yellow-lighter,
.grid-container.dc-yellow + .dc-yellow-darker,
.grid-container.dc-yellow + .bba-blue, .grid-container.dc-yellow-lighter + .white,
.grid-container.dc-yellow-lighter + .white-shadow,
.grid-container.dc-yellow-lighter + .grey-lightest,
.grid-container.dc-yellow-lighter + .grey-darker,
.grid-container.dc-yellow-lighter + .dc-yellow,
.grid-container.dc-yellow-lighter + .dc-yellow-lighter,
.grid-container.dc-yellow-lighter + .dc-yellow-darker,
.grid-container.dc-yellow-lighter + .bba-blue, .grid-container.dc-yellow-darker + .white,
.grid-container.dc-yellow-darker + .white-shadow,
.grid-container.dc-yellow-darker + .grey-lightest,
.grid-container.dc-yellow-darker + .grey-darker,
.grid-container.dc-yellow-darker + .dc-yellow,
.grid-container.dc-yellow-darker + .dc-yellow-lighter,
.grid-container.dc-yellow-darker + .dc-yellow-darker,
.grid-container.dc-yellow-darker + .bba-blue, .grid-container.bba-blue + .white,
.grid-container.bba-blue + .white-shadow,
.grid-container.bba-blue + .grey-lightest,
.grid-container.bba-blue + .grey-darker,
.grid-container.bba-blue + .dc-yellow,
.grid-container.bba-blue + .dc-yellow-lighter,
.grid-container.bba-blue + .dc-yellow-darker,
.grid-container.bba-blue + .bba-blue {
  margin-top: -2rem;
}
.grid-container.white-shadow .grid-box.white, .grid-container.grey-lightest .grid-box.white, .grid-container.grey-darker .grid-box.white, .grid-container.dc-yellow .grid-box.white, .grid-container.dc-yellow-lighter .grid-box.white, .grid-container.dc-yellow-darker .grid-box.white, .grid-container.bba-blue .grid-box.white {
  padding: 2rem;
}
.grid-container.container-tiles:last-child {
  margin-bottom: 0;
}
.grid-container.grey-lightest .grid-box.grey-lightest {
  padding: 0;
}

.grid-container-content {
  background-color: transparent;
  margin: 0 auto;
  max-width: 1328px;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  .grid-container-content {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/*# sourceMappingURL=ph_grid.layout.min.css.map */