/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./core/cartridges/module_pagedesigner/cartridge/client/default/scss/experience/components/commerceAssets/hero.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.herocomponent {
  margin-bottom: 2.5rem; }
  @media (min-width: 769px) {
    .herocomponent {
      margin-bottom: 3.75rem; } }

@media (min-width: 769px) {
  .two-column-desktop-height {
    min-height: 400px; } }

.one-column-video-height {
  max-height: 600px; }

.object-fit-cover-video {
  -o-object-fit: cover;
     object-fit: cover; }

.social-media-tag-hero {
  position: absolute;
  z-index: 10;
  bottom: -1rem; }
  .social-media-tag-hero.left {
    left: 0.5rem; }
  .social-media-tag-hero.right {
    right: 2%; }
  .social-media-tag-hero.center {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }

.social-media-tag-hero-video {
  position: absolute;
  z-index: 10;
  bottom: -0.5px; }
  .social-media-tag-hero-video.left {
    left: 0.5rem; }
  .social-media-tag-hero-video.right {
    right: 2%; }
  .social-media-tag-hero-video.center {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }

.hero-h3 {
  line-height: 1.125rem; }
  @media (min-width: 769px) {
    .hero-h3 {
      line-height: 3.75rem; } }

.hero-custom-main-heading {
  line-height: 1.25em;
  font-size: calc(max(3.2vw, 26px)); }

.hero-custom-sub-heading {
  line-height: 1.25em;
  font-size: calc(max(1.6vw, 14px)); }

.hero-custom-text {
  font-size: calc(max(1.25vw, 14px)); }

.main-class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 12.5rem; }

@media only screen and (min-width: 768px) {
  .hero-text-block-video {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important; } }

.hero-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  left: 0%;
  padding: 1rem;
  min-height: 18rem; }
  @media only screen and (min-width: 768px) {
    .hero-text-block {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; } }
  .hero-text-block.halfwidth {
    width: 50%; }
    .hero-text-block.halfwidth.left {
      left: 0%; }
    .hero-text-block.halfwidth.right {
      left: 50%; }
    .hero-text-block.halfwidth.center {
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      left: 50%; }

.one-column-cm {
  display: none !important; }

@media only screen and (min-width: 768px) {
  .one-column-cm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .one-column-mb {
    display: none !important; } }

.hero-text-block-twocolumn-video {
  min-height: unset !important;
  height: 100%; }

.hero-text-block-twocolumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  left: 0%;
  padding: 1.25rem;
  min-height: 8.75rem; }
  @media only screen and (min-width: 576px) {
    .hero-text-block-twocolumn {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; } }

.mainrow {
  background-position: center !important;
  background-size: cover !important;
  width: 100%;
  overflow: hidden;
  min-height: 20.875rem;
  max-height: 20.875rem; }
  @media (min-width: 992px) {
    .mainrow {
      min-height: 25.875rem; } }
  @media (min-width: 1200px) {
    .mainrow {
      min-height: 37.5rem;
      max-height: 37.5rem; } }

.mainrow-onecolumn {
  min-height: 14rem; }
  @media (min-width: 992px) {
    .mainrow-onecolumn {
      min-height: 25.875rem; } }

.background-size-cover {
  min-height: 20.875rem;
  background-size: cover !important; }
  @media (min-width: 769px) {
    .background-size-cover {
      min-height: 37.5rem; } }

.hero-Component-Mainheading,
.hero-Component-Subheading {
  font-size: 0.875rem;
  font-family: "Lora", serif; }
  @media (min-width: 769px) {
    .hero-Component-Mainheading,
    .hero-Component-Subheading {
      font-size: 3rem; } }

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

@media (max-width: 768.98px) {
  .order-mobile {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important; } }

@media (max-width: 768.98px) {
  .order-1-mobile {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; } }


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