/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/contentBlocks.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 */
.content-blocks {
  --layout-bg-color: transparent;
  --content-text-color: #2A2A2A;
  --content-eybrow-color: #707070;
  background-color: var(--layout-bg-color);
}
.content-blocks.bg--dark-gray {
  --layout-bg-color: #1C1C1C;
  --content-text-color: #fff;
  --content-eybrow-color: #fff;
}
.content-blocks.bg--dark-gray-2 {
  --layout-bg-color: #2A2A2A;
  --content-text-color: #fff;
  --content-eybrow-color: #fff;
}
.content-blocks.bg--light-champagne {
  --layout-bg-color: #F3E5DE;
}
.content-blocks.bg--light-white {
  --layout-bg-color:#fff;
}
.content-blocks.bg--westin-light-gray {
  --layout-bg-color: #F4F4F4;
}
.content-blocks.bg--westin-dark-gray {
  --layout-bg-color: #51555A;
  --content-text-color: #fff;
  --content-eybrow-color: #fff;
}
.content-blocks.bg--none {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .content-blocks.bg--none {
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1440px) {
  .content-blocks.bg--none {
    margin-bottom: 4.5rem;
  }
}
.content-blocks:not(.bg--none) {
  padding-top: 2.125rem;
  padding-right: 0rem;
  padding-bottom: 3rem;
  padding-left: 0rem;
}
@media (min-width: 768px) {
  .content-blocks:not(.bg--none) {
    padding-top: 2.125rem;
    padding-right: 0rem;
    padding-bottom: 3.5rem;
    padding-left: 0rem;
  }
}
@media (min-width: 1440px) {
  .content-blocks:not(.bg--none) {
    padding-top: 2.125rem;
    padding-right: 0rem;
    padding-bottom: 4.5rem;
    padding-left: 0rem;
  }
}
.content-blocks.hero-padding-top-none {
  padding-top: 0;
}
.content-blocks .mbb-header {
  margin-top: 3rem;
}
.content-blocks .mbb-header > .the-div:first-child {
  margin-top: 0rem;
}
@media (min-width: 768px) {
  .content-blocks .mbb-header {
    margin-top: 3.5rem;
  }
}
@media (min-width: 1440px) {
  .content-blocks .mbb-header {
    margin-top: 4.5rem;
  }
}
.content-blocks .mbb-header_eyebrow-text {
  color: var(--content-eybrow-color);
}
.content-blocks .mbb-header_header, .content-blocks .mbb-header_para {
  color: var(--content-text-color);
}
.content-blocks .mbb-cta-buttons {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .content-blocks .mbb-cta-buttons {
    margin-top: 2.25rem;
  }
}
@media (min-width: 1440px) {
  .content-blocks .mbb-cta-buttons {
    margin-top: 3rem;
  }
}
.content-blocks .content-carousel-card a, .content-blocks .content-carousel-card .card-label-text {
  color: var(--content-text-color);
}
.content-blocks .editorial-story-card {
  color: var(--content-text-color);
}
.content-blocks .editorial-story-card .eyebrow-text {
  color: var(--content-eybrow-color);
}
.content-blocks .editorial-story-card .headline-title.st-regis.h4.h4-desktop, .content-blocks .editorial-story-card .headline-title.st-regis.h5.h5-desktop {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .content-blocks .editorial-story-card .headline-title.st-regis.h4.h4-desktop, .content-blocks .editorial-story-card .headline-title.st-regis.h5.h5-desktop {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.content-blocks .editorial-story-card .headline-title.st-regis::after {
  display: none;
}
.content-blocks .editorial-story-card .headline-title.edition.h4.h4-desktop {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .content-blocks .editorial-story-card .headline-title.edition.h4.h4-desktop {
    font-size: 1.5rem;
  }
}
.content-blocks .editorial-story-card .headline-title.edition.h5.h5-desktop {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .content-blocks .editorial-story-card .headline-title.edition.h5.h5-desktop {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.content-blocks .experience-mbb_assets-heroBanner {
  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .content-blocks .experience-mbb_assets-heroBanner {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 3rem;
    padding-left: 1.5rem;
  }
}
@media (max-width: 1439.98px) {
  .content-blocks.mobile-tile-Stacking .sliders-container {
    flex-direction: column;
  }
}

.layout .slider-container {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .layout .slider-container .slide-section {
    flex-basis: 0;
    flex-grow: 1;
  }
}
.layout .style-no-padding {
  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .layout .style-no-padding {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1440px) {
  .layout .style-no-padding {
    padding-top: 0rem;
    padding-right: 4.5rem;
    padding-bottom: 0rem;
    padding-left: 4.5rem;
  }
}
@media (min-width: 1920px) {
  .layout .style-no-padding .default-layout {
    max-width: 90rem;
  }
}
@media (max-width: 767.98px) {
  .layout .style-padded .default-layout {
    padding-top: 0rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
  }
}
.layout .type-carousel .glide__arrow--disabled {
  display: block;
  opacity: 1;
}
.layout .glide__bullet--active {
  background-color: var(--content-text-color);
}
@media (max-width: 767.98px) {
  .layout .glide__arrow svg path {
    fill: var(--content-text-color);
  }
}
.layout .editorial-story-card__body {
  width: 100%;
}
.layout.aspect-ratio__vertical .editorial-story-card-img,
.layout.aspect-ratio__vertical .content-carousel-card-img {
  aspect-ratio: 4/5;
}
.layout.aspect-ratio__horizontal .editorial-story-card-img,
.layout.aspect-ratio__horizontal .content-carousel-card-img {
  aspect-ratio: 3/2;
}
.layout.aspect-ratio__square .editorial-story-card-img,
.layout.aspect-ratio__square .content-carousel-card-img {
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .layout--type-1 .style-no-padding .default-layout {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 1920px) {
  .layout--type-1 .style-no-padding .default-layout {
    max-width: 90rem;
  }
}
.layout--type-1 .header-content {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .layout--type-1 .header-content {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-1 .header-content {
    margin-bottom: 3rem;
  }
}
.layout--type-1 .default-layout {
  width: 100%;
}
@media (min-width: 768px) {
  .layout--type-1 .default-layout {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
}
@media (min-width: 1440px) {
  .layout--type-1.responsive-scaling__fixed-large .editorial-story-card,
  .layout--type-1.responsive-scaling__fixed-large .content-carousel-card {
    justify-self: center;
    width: 100%;
    max-width: 48.8%;
  }
}
@media (min-width: 1920px) {
  .layout--type-1.responsive-scaling__fixed-large .editorial-story-card,
  .layout--type-1.responsive-scaling__fixed-large .content-carousel-card {
    width: 100%;
    max-width: 48.6%;
  }
}
@media (min-width: 1440px) {
  .layout--type-1.responsive-scaling__fixed-small .editorial-story-card,
  .layout--type-1.responsive-scaling__fixed-small .content-carousel-card {
    max-width: 31.6%;
  }
  .layout--type-1.responsive-scaling__fixed-small.alignment-type__center .content-carousel-card,
  .layout--type-1.responsive-scaling__fixed-small.alignment-type__center .editorial-story-card {
    justify-self: center;
  }
  .layout--type-1.responsive-scaling__fixed-small.alignment-type__left .content-carousel-card,
  .layout--type-1.responsive-scaling__fixed-small.alignment-type__left .editorial-story-card {
    justify-self: left;
  }
}
@media (min-width: 1920px) {
  .layout--type-1.responsive-scaling__fixed-small .editorial-story-card,
  .layout--type-1.responsive-scaling__fixed-small .content-carousel-card {
    max-width: 31.5%;
  }
}
@media (min-width: 1440px) {
  .layout--type-2 .style-no-padding .default-layout {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 1920px) {
  .layout--type-2 .style-no-padding .default-layout {
    max-width: 90rem;
  }
}
.layout--type-2 .header-content {
  margin-bottom: 1.5rem;
}
@media (min-width: 1440px) {
  .layout--type-2 .header-content {
    margin-bottom: 3rem;
  }
}
.layout--type-2 .default-layout {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1440px) {
  .layout--type-2 .default-layout {
    width: 100%;
    flex-direction: row;
  }
}
.layout--type-2 .slide-section:not(:first-child) {
  padding-top: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .layout--type-2 .slide-section:not(:first-child) {
    padding-top: 2rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-2 .slide-section {
    flex: 0 0 50%;
    max-width: 50%;
    padding-bottom: 0;
  }
  .layout--type-2 .slide-section:first-child {
    padding-right: 0.75rem;
  }
  .layout--type-2 .slide-section:last-child {
    padding-left: 0.75rem;
  }
  .layout--type-2 .slide-section:not(:first-child) {
    padding-top: 0;
  }
}
.layout--type-2 .mbb-cta-buttons {
  margin-top: 1.5rem;
}
@media (min-width: 1440px) {
  .layout--type-2 .mbb-cta-buttons {
    margin-top: 3rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-2.responsive-scaling__fixed-large .default-layout {
    justify-content: center;
  }
  .layout--type-2.responsive-scaling__fixed-large .slide-section {
    max-width: 49.7%;
  }
}
@media (min-width: 1920px) {
  .layout--type-2.responsive-scaling__fixed-large .slide-section {
    max-width: 49.5%;
  }
}
@media (min-width: 1440px) {
  .layout--type-2.responsive-scaling__fixed-small.alignment-type__center .default-layout {
    justify-content: center;
  }
  .layout--type-2.responsive-scaling__fixed-small.alignment-type__left .default-layout {
    justify-content: left;
  }
  .layout--type-2.responsive-scaling__fixed-small .slide-section {
    max-width: 32.6%;
  }
}
@media (min-width: 1920px) {
  .layout--type-2.responsive-scaling__fixed-small .slide-section {
    max-width: 32.4%;
  }
}
.layout--type-3 .style-no-padding .track-section {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 1920px) {
  .layout--type-3 .style-no-padding .track-section {
    max-width: 90rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-3 .style-no-padding.layout-styling {
    padding-top: 0rem;
    padding-right: 4.5rem;
    padding-bottom: 0rem;
    padding-left: 4.5rem;
  }
}
.layout--type-3 .layout-styling {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
  padding-left: 1rem;
}
@media (min-width: 1440px) {
  .layout--type-3 .layout-styling {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .layout--type-3 .style-padded .track-section {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
}
.layout--type-3 .mbb-cta-buttons {
  margin-top: 1rem;
}
@media (min-width: 1440px) {
  .layout--type-3 .mbb-cta-buttons {
    margin-top: 3rem;
  }
}
.layout--type-3 .glide__controls {
  height: 2.75rem;
  margin-top: 1rem;
}
.layout--type-3 .header-content {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .layout--type-3 .header-content {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-3 .header-content {
    margin-bottom: 3rem;
  }
}
.layout--type-3.mobile-stacked .sliders-container {
  flex-direction: column;
}
@media (min-width: 768px) {
  .layout--type-3.mobile-stacked .sliders-container {
    flex-direction: row;
    width: 100%;
    gap: initial;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .tile-style-Stacking .layout--type-3.mobile-stacked .sliders-container {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .layout--type-3.mobile-stacked.tile-style-Stacking .sliders-container {
    flex-direction: column;
  }
}
.layout--type-3.mobile-stacked + .row .mbb-cta-buttons {
  margin-top: 1.5rem;
}
@media (min-width: 1440px) {
  .layout--type-4 .style-no-padding .default-layout {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 1920px) {
  .layout--type-4 .style-no-padding .default-layout {
    max-width: 90rem;
  }
}
.layout--type-4 .default-layout {
  display: grid;
  gap: 24px 16px;
}
@media (max-width: 767.98px) {
  .layout--type-4 .default-layout {
    display: grid;
    gap: 24px 16px;
  }
  .layout--type-4 .default-layout .editorial-cta {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 768px) {
  .layout--type-4 .default-layout {
    gap: 24px;
  }
}
@media (min-width: 1440px) {
  .layout--type-4 .default-layout {
    display: flex;
    gap: 24px;
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .layout--type-4 .style-padded .default-layout {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-4 .style-padded .default-layout {
    padding: 0;
  }
}
.layout--type-4 .header-content {
  margin-bottom: 1.5rem;
}
@media (min-width: 1440px) {
  .layout--type-4 .header-content {
    margin-bottom: 3rem;
  }
}
.layout--type-4-up .style-no-padding, .layout--type-5 .style-no-padding {
  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
  padding-left: 1rem;
}
@media (min-width: 768px) {
  .layout--type-4-up .style-no-padding, .layout--type-5 .style-no-padding {
    padding-top: 0rem;
    padding-right: 1.5rem;
    padding-bottom: 0rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up .style-no-padding, .layout--type-5 .style-no-padding {
    padding-top: 0rem;
    padding-right: 4.5rem;
    padding-bottom: 0rem;
    padding-left: 4.5rem;
  }
  .layout--type-4-up .style-no-padding .glide__arrow--right, .layout--type-5 .style-no-padding .glide__arrow--right {
    right: 5rem;
  }
  .layout--type-4-up .style-no-padding .glide__arrow--left, .layout--type-5 .style-no-padding .glide__arrow--left {
    left: 5rem;
  }
}
@media (min-width: 1920px) {
  .tile-style-Carousel .layout--type-4-up .style-no-padding, .tile-style-Carousel .layout--type-5 .style-no-padding {
    max-width: 99rem;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .layout--type-4-up .editorial-story-card .editorial-cta, .layout--type-5 .editorial-story-card .editorial-cta {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up.carousel-with-peek .style-no-padding, .layout--type-5.carousel-with-peek .style-no-padding {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up.carousel-with-peek .glide__arrow--right, .layout--type-5.carousel-with-peek .glide__arrow--right {
    right: 6.1875rem;
  }
  .layout--type-4-up.carousel-with-peek .glide__arrow--left, .layout--type-5.carousel-with-peek .glide__arrow--left {
    left: 6.1875rem;
  }
}
.layout--type-4-up .style-padded, .layout--type-5 .style-padded {
  padding-top: 0rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
  padding-left: 1rem;
}
@media (min-width: 1440px) {
  .layout--type-4-up .style-padded .track-section, .layout--type-5 .style-padded .track-section {
    margin: 0 auto;
    max-width: 83.046%;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up.tile-style-Carousel .glide__arrow--right, .layout--type-5.tile-style-Carousel .glide__arrow--right {
    right: 5.625rem;
  }
  .layout--type-4-up.tile-style-Carousel .glide__arrow--left, .layout--type-5.tile-style-Carousel .glide__arrow--left {
    left: 5.625rem;
  }
  .layout--type-4-up.tile-style-Carousel .glide .type-slider .glide__bullet:nth-last-child(-n+3), .layout--type-5.tile-style-Carousel .glide .type-slider .glide__bullet:nth-last-child(-n+3) {
    display: none;
  }
  .layout--type-4-up.tile-style-Carousel .layout-glide-section .glide__slide, .layout--type-5.tile-style-Carousel .layout-glide-section .glide__slide {
    flex: 0 0 18.3%;
    max-width: 18.3%;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up.tile-style-Stacking .slide-section:nth-child(n+5), .layout--type-5.tile-style-Stacking .slide-section:nth-child(n+5) {
    padding-top: 1.5rem;
  }
}
.layout--type-4-up .glide__controls, .layout--type-5 .glide__controls {
  height: 2.75rem;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .layout--type-4-up .glide__controls, .layout--type-5 .glide__controls {
    margin-top: 2rem;
  }
}
.layout--type-4-up .header-content, .layout--type-5 .header-content {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .layout--type-4-up .header-content, .layout--type-5 .header-content {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up .header-content, .layout--type-5 .header-content {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up .glide__bullets, .layout--type-5 .glide__bullets {
    bottom: 0.875rem;
  }
}
.layout--type-4-up {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
@media (min-width: 1440px) {
  .layout--type-4-up .glide .type-slider .glide__bullet:nth-last-child(-n+3) {
    display: none;
  }
}
.layout--type-4-up .mbb-cta-buttons {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .layout--type-4-up .mbb-cta-buttons {
    margin-top: 2rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-4-up .mbb-cta-buttons {
    margin-top: 6.1875rem;
  }
}
.layout--type-5 {
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
@media (min-width: 1440px) {
  .layout--type-5 .glide .type-slider .glide__bullet:nth-last-child(-n+4) {
    display: none;
  }
}
.layout--type-5 .mbb-cta-buttons {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .layout--type-5 .mbb-cta-buttons {
    margin-top: 2rem;
  }
}
@media (min-width: 1440px) {
  .layout--type-5 .mbb-cta-buttons {
    margin-top: 3rem;
  }
}
.layout--type-5 .layout-type-5-section .glide__controls {
  display: none;
}
@media (min-width: 1440px) {
  .layout--type-4-up.content-blocks:not(.bg--none) {
    padding-bottom: 7.5rem;
  }
}
@media (max-width: 1439.98px) {
  .layout:not(.layout--type-1).tile-style-Stacking .slide-section:not(:first-child) {
    padding-top: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .layout:not(.layout--type-1).tile-style-Stacking .slide-section:not(:first-child) {
    padding-top: 2rem;
  }
}
@media (max-width: 1439.98px) {
  .layout:not(.layout--type-1).tile-style-Stacking .content-blocks-cta {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
  .layout:not(.layout--type-1).tile-style-Stacking .content-blocks-cta {
    margin-top: 2rem;
  }
}

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