/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./cartridges/app_custom_interceramic/cartridge/client/default/scss/experience/components/commerceLayouts/layout.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.page-container {
  max-width: 1200px;
}

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

.region::before {
  display: block;
  content: "";
  width: 100%;
}

.region-title-grid {
  padding: 0 8px;
}

.editorialRichText-component-container p,
.editorialRichText-component-container ul li,
.editorialRichText-component-container ol li {
  color: #818181;
}
@media (max-width: 1199.98px) {
  .editorialRichText-component-container p,
  .editorialRichText-component-container ul li,
  .editorialRichText-component-container ol li {
    font-size: 14px;
  }
}
@media (max-width: 543.98px) {
  .editorialRichText-component-container p,
  .editorialRichText-component-container ul li,
  .editorialRichText-component-container ol li {
    font-size: 12px;
  }
}
.editorialRichText-component-container a {
  color: #21A7FF;
  text-decoration: underline;
}
.editorialRichText-component-container h3 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #818181;
}
@media (min-width: 992px) {
  .editorialRichText-component-container h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
.editorialRichText-component-container h4 {
  font-size: 14px;
  line-height: 16px;
  color: #818181;
}
@media (min-width: 992px) {
  .editorialRichText-component-container h4 {
    font-size: 18px;
    line-height: 28px;
  }
}

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

.article-grid .experience-commerce_layouts-mobileGrid2r1c .region {
  padding: 0 8px;
}
.article-grid .experience-commerce_assets-editorialRichText {
  margin-bottom: 40px;
}
.article-grid .experience-commerce_assets-editorialRichText p,
.article-grid .experience-commerce_assets-editorialRichText ul li {
  color: #818181;
}
.article-grid .experience-commerce_assets-editorialRichText a {
  color: #21A7FF;
  text-decoration: underline;
}

@media (min-width: 769px) {
  .content-right .mobile-image {
    padding-left: 2%;
  }
  .content-right .mobile-image img {
    vertical-align: sub;
  }
}
@media (min-width: 544px) {
  .content-right .mobile-image {
    padding-left: 0.38rem;
  }
}

@media (min-width: 544px) {
  .content-left .mobile-image {
    padding-right: 0.45rem;
  }
}
@media (min-width: 769px) {
  .content-left .mobile-image img {
    vertical-align: sub;
  }
}

/*
    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%;
}

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

/*# sourceMappingURL=default\css\experience\components\commerceLayouts\layout.css.map*/