/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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_assets/mosaicCardRow.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 */
.jw-mosaic-card-row .the-div {
  padding-top: 0.5rem;
  padding-right: 0rem;
  padding-bottom: 0.5rem;
  padding-left: 0rem;
}
@media (min-width: 768px) {
  .jw-mosaic-card-row .the-div {
    padding-top: 0rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    padding-left: 0.5rem;
  }
}
.jw-mosaic-card-row .jw-mosaic-card-row-large-image img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.jw-mosaic-card-row.align-content-left .the-div.small-image {
  padding-left: 0;
}
.jw-mosaic-card-row.align-content-left .the-div.jw-mosaic-card-row-large-image {
  padding-right: 0;
}
.jw-mosaic-card-row.align-content-left .jw-mosaic-card-row-text {
  background-color: #575F57;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .small-image:first-child {
  padding-top: 0;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .small-image img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/4;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section {
  padding: 0;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text {
  padding-top: 2.8125rem;
  padding-right: 1.5rem;
  padding-bottom: 2.8125rem;
  padding-left: 1.5rem;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text {
  font-family: "Aldine 721 LT BT", arial, sans-serif;
  margin: 0;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--edition {
  font-family: "Didot LT Std", arial, sans-serif;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--jw-marriott, .jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--jw-marriott-with-griffin-decal {
  font-family: "Avenir Next LT Pro", arial, sans-serif;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--the-luxury-collection {
  font-family: "Acta Display", arial, sans-serif;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--st-regis {
  font-family: "Roos St Regis Text", arial, sans-serif;
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--st-regis::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.75rem;
  height: 0.0625rem;
  background-color: #FF4340;
  transform: translateX(-50%);
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--w-hotels {
  font-family: "W Supreme Web", arial, sans-serif;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .headline-text.font-family--sheraton {
  font-family: "Sheraton Display Light", arial, sans-serif;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .compact-button {
  padding-top: 0.5625rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5625rem;
  padding-left: 1.5rem;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text .logo-griffin-decal img {
  width: 2.5rem;
  height: 2.125rem;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text.text-color-White {
  color: #fff;
}
.jw-mosaic-card-row .jw-mosaic-card-row-content .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text.text-color-Black {
  color: #1C1C1C;
}
@media (max-width: 1439.98px) {
  .jw-mosaic-card-row.align-content-right .the-div.small-image {
    padding-left: 0;
  }
}
.jw-mosaic-card-row.align-content-right .the-div.jw-mosaic-card-row-large-image {
  padding-left: 0;
}
.jw-mosaic-card-row.align-content-right .jw-mosaic-card-row-text-section .jw-mosaic-card-row-text {
  background-color: #E4BEB6;
}
.jw-mosaic-card-row.align-content-right .jw-mosaic-card-row-content {
  order: 2;
}
.jw-mosaic-card-row.align-content-right .jw-mosaic-card-row-large-image {
  padding-right: 0;
}

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