/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./lululemon/cartridges/app_lululemon_base/cartridge/client/default/scss/headerContent.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap is overriding breakpoint lg to 1409px,
    which is causing no-margin issue in tablet landspace mode.
    Hence the custom logic. */
.lazyload {
  visibility: hidden;
}

.lazyloaded {
  visibility: visible;
}

.header-content .component-image-desktop {
  height: 336px;
  display: block;
  max-height: 336px;
  margin-bottom: 40px;
}
@media (max-width: 1023.98px) {
  .header-content .component-image-desktop {
    display: none;
  }
}
.header-content .component-image-mobile {
  display: none;
}
@media (max-width: 1023.98px) {
  .header-content .component-image-mobile {
    display: block;
    height: 126px;
    max-height: 126px;
    margin-bottom: 16px;
  }
}
.header-content .headercontent_text-h1 {
  line-height: 44px;
  color: #323232;
  font-size: 36px;
  font-size: 2.25rem;
}
.header-content .headercontent_text-h1:lang(ko), .header-content .headercontent_text-h1:lang(ja), .header-content .headercontent_text-h1:lang(zh) {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 44px;
}
@media (max-width: 1023.98px) {
  .header-content .headercontent_text-h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .header-content .headercontent_text-h1:lang(ko), .header-content .headercontent_text-h1:lang(ja), .header-content .headercontent_text-h1:lang(zh) {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 28px;
  }
}
.header-content .headercontent_text-subline {
  margin-top: 12px;
  line-height: 24px;
  color: #000;
  font-size: 19px;
  font-size: 1.1875rem;
}
.header-content .headercontent_text-subline:lang(ko), .header-content .headercontent_text-subline:lang(ja), .header-content .headercontent_text-subline:lang(zh) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
.header-content .headercontent_text-subline:lang(zh) {
  line-height: 23px;
}

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