/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.4_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.8_typescript@5.9.3_webpack@5.102.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/.pnpm/sass-loader@16.0.7_sass@1.93.2_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_spacenk/cartridge/client/default/scss/experience/components/fullwidthBanner.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.component-fullwidth-banner {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.component-fullwidth-banner__image-headline {
  width: var(--image-heading-width);
}
.component-fullwidth-banner__copy-holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 1rem 0rem 1rem;
  align-items: var(--copy-alignment);
  text-align: var(--text-alignment);
}
@media (min-width: 1440px) {
  .component-fullwidth-banner__copy-holder {
    width: 50%;
    align-self: center;
  }
}
.component-fullwidth-banner__heading {
  font-family: Amiri, "Times New Roman", serif;
  letter-spacing: 0;
}
.component-fullwidth-banner__copy {
  margin-bottom: 0.1rem;
}