/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./bin/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./bin/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./bin/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./marriott/cartridges/app_mbb_core/cartridge/client/default/scss/experience/components/mbb_layouts/sideBySide.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/at-mixin-argumentless-call-parentheses */
/* stylelint-disable selector-not-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable declaration-empty-line-before */
/* conversion for px to rem */
/**
  *
  * MBB Custom Button Variables
  *
**/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/at-mixin-argumentless-call-parentheses */
/* stylelint-disable selector-not-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable declaration-empty-line-before */
/* conversion for px to rem */
.mbb-side-by-side-asset {
  padding-bottom: 3rem;
}
@media (min-width: 1440px) {
  .mbb-side-by-side-asset {
    padding: 4.5rem;
    padding-top: 0;
  }
}
.mbb-side-by-side-asset .image-container {
  inset: 0;
}
.mbb-side-by-side-asset .image-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mbb-side-by-side-asset .mbb-assets-image-card {
  height: 100%;
}
.mbb-side-by-side-asset .mbb-assets-image-card img {
  -o-object-fit: cover;
     object-fit: cover;
}
.mbb-side-by-side-asset .side-by-side-body {
  margin-top: 3rem;
}
@media (min-width: 1440px) {
  .mbb-side-by-side-asset .side-by-side-body {
    margin-top: 4.5rem;
  }
}
.mbb-side-by-side-asset .side-by-side-body .article-placement-one .experience-mbb_assets-quoteCarouselCard,
.mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 2rem;
  padding-right: 0rem;
  padding-bottom: 2rem;
  padding-left: 0rem;
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one .experience-mbb_assets-quoteCarouselCard,
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard {
    padding-top: 0rem;
    padding-right: 2rem;
    padding-bottom: 0rem;
    padding-left: 2rem;
  }
}
@media (min-width: 1440px) {
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one .experience-mbb_assets-quoteCarouselCard,
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard {
    padding-top: 0rem;
    padding-right: 4.5rem;
    padding-bottom: 0rem;
    padding-left: 4.5rem;
  }
}
.mbb-side-by-side-asset .side-by-side-body .article-placement-one .experience-mbb_assets-quoteCarouselCard .quote-carousel-card__quote-header,
.mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard .quote-carousel-card__quote-header {
  font-size: 2rem;
  line-height: 2.5rem;
}
@media (min-width: 1440px) {
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one .experience-mbb_assets-quoteCarouselCard .quote-carousel-card__quote-header,
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard .quote-carousel-card__quote-header {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
}
.mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard {
  padding-top: 2rem;
  padding-right: 0rem;
  padding-bottom: 2rem;
  padding-left: 0rem;
}
@media (min-width: 1440px) {
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard {
    padding-top: 3rem;
    padding-right: 0rem;
    padding-bottom: 3rem;
    padding-left: 0rem;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard .quote-carousel-card {
    max-width: 46.875rem;
  }
}
@media (min-width: 1440px) {
  .mbb-side-by-side-asset .side-by-side-body .article-placement-one-horizontal .experience-mbb_assets-quoteCarouselCard .quote-carousel-card {
    max-width: 53.125rem;
  }
}
.mbb-side-by-side-asset .side-by-side-body .article-placement-two .experience-mbb_assets-imageCard .mbb-assets-image-card,
.mbb-side-by-side-asset .side-by-side-body .article-placement-two-horizontal .experience-mbb_assets-imageCard .mbb-assets-image-card {
  margin: 0;
}
.mbb-side-by-side-asset .side-by-side-body .article-placement-two .experience-mbb_assets-imageCard .mbb-assets-image-card__overlay-section,
.mbb-side-by-side-asset .side-by-side-body .article-placement-two-horizontal .experience-mbb_assets-imageCard .mbb-assets-image-card__overlay-section {
  padding: 0;
}

/*# sourceMappingURL=sideBySide.css.map*/