/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/categoryBanner.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 */
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner {
  height: 25rem;
  position: relative;
  background-size: cover;
  background-position: center;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title {
  font-size: 2.125rem;
  line-height: 2.3125rem;
  margin: 0;
  color: #F9F6F4;
  z-index: 1;
}
@media (min-width: 768px) {
  .experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title {
    font-size: 3.625rem;
    line-height: 4rem;
  }
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--edition {
  font-family: "Didot LT Std", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--jw-marriott {
  font-family: "Avenir Next LT Pro", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--the-luxury-collection {
  font-family: "Acta Display", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--st-regis {
  font-family: "Roos St Regis Text", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--the-ritz-carlton {
  font-family: "Caslon 540 LT Std", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--w-hotels {
  font-family: "W Supreme Web", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner .page-title.font-family--sheraton {
  font-family: "Sheraton Display Light", arial, sans-serif;
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(153.84deg, rgba(0, 0, 0, 0.55) 25.04%, rgba(0, 0, 0, 0.55) 73.99%);
}
.experience-mbb_dynamic-dynamicCategoryBanner .hero-category-banner::after {
  border: 0;
}

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