/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_visionworks_core/cartridge/client/default/scss/experience/components/commerceAssets/sliderbanner.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ===================================================
   Carousel Slider – individual slide component
   =================================================== */
.slider-banner {
  min-height: 440px;
  max-height: 440px;
  /* --------------------------------------------------
  CTA Button
  -------------------------------------------------- */
}
.slider-banner .slider-banner__cta-wrap {
  margin-top: 16px;
}
.slider-banner .btn {
  border: 3px solid transparent;
  border-radius: 6px;
  font-family: "Spartan", "Open Sans", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  padding: 10px 21px 6px;
  -webkit-transition: background-color 0.2s linear, -webkit-transform 0.3s ease;
  transition: background-color 0.2s linear, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-color 0.2s linear;
  transition: transform 0.3s ease, background-color 0.2s linear, -webkit-transform 0.3s ease;
}
.slider-banner .btn:hover {
  border-color: transparent;
  color: #fff !important;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.slider-banner .btn:focus {
  background-color: #e62003;
  border-color: #c9dfee !important;
  -webkit-box-shadow: 0 0 0 2px #011e41;
          box-shadow: 0 0 0 2px #011e41;
  color: #fff;
  outline: none;
}
.slider-banner .btn.btn-primary {
  background-color: #e62003;
  color: #fff !important;
}
.slider-banner .btn.btn-primary:hover {
  background-color: #011e41;
  color: #fff !important;
}
.slider-banner .btn.btn-secondary {
  background-color: #011e41;
  color: #fff !important;
}
.slider-banner .btn.btn-secondary:hover {
  background-color: #e62003;
  color: #fff !important;
}

/* --------------------------------------------------
   Split layout (image-on-right-side & image-on-left-side)
   -------------------------------------------------- */
.slider-banner__split {
  max-width: 1440px;
}
@media (min-width: 544px) {
  .slider-banner__split {
    min-height: 440px;
  }
}

.slider-banner__col {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 544px) {
  .slider-banner__col {
    width: 50%;
  }
}

.slider-banner__col--text {
  padding: 20px 50px 32px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 544px) {
  .slider-banner__col--text {
    padding: 0px 17px 0px 12px;
  }
}
@media (min-width: 769px) {
  .slider-banner__col--text {
    padding: 0px 17px 0px 50px;
  }
}
@media (min-width: 992px) {
  .slider-banner__col--text {
    padding: 0px 17px 0px 62px;
  }
}

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

/* Image on left side flips the order */
.slider-banner--image-on-left-side .slider-banner__col--image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.slider-banner--image-on-left-side .slider-banner__col--text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

/* --------------------------------------------------
   Image
   -------------------------------------------------- */
.slider-banner__img {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 175px;
}
@media (min-width: 544px) {
  .slider-banner__img {
    max-height: 393px;
    margin-bottom: 20px;
  }
}

.slider-banner__img--center {
  margin: 0 auto;
  max-height: 55px;
}
@media (min-width: 544px) {
  .slider-banner__img--center {
    max-width: 200px;
    max-height: 80px;
  }
}

/* --------------------------------------------------
   Full-width centered layout
   -------------------------------------------------- */
.slider-banner__full {
  padding: 70px 30px 40px;
  max-width: 1440px;
}
@media (min-width: 544px) {
  .slider-banner__full {
    padding: 88px 27px;
  }
}
@media (min-width: 769px) {
  .slider-banner__full {
    padding: 67px 80px;
  }
}

.slider-banner__full-image {
  margin-bottom: 0px;
}

/* --------------------------------------------------
   Text content area  (HTML from markup editor)
   -------------------------------------------------- */
.slider-banner__text-content .primary-color {
  color: #e62003;
}
.slider-banner__text-content .secondary-color {
  color: #011e41;
}
.slider-banner__text-content h1 {
  font-family: "Barlow Condensed", "Open Sans Condensed", Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #011e41;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 8px;
  text-align: center;
}
@media (min-width: 769px) {
  .slider-banner__text-content h1 {
    font-size: 67px;
    line-height: 68px;
  }
}
@media (min-width: 992px) {
  .slider-banner__text-content h1 {
    font-size: 90px;
    line-height: 88px;
  }
}
.slider-banner__text-content h2 {
  font-family: "Barlow Condensed", "Open Sans Condensed", Arial, sans-serif;
  text-transform: uppercase;
  color: #e62003;
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  margin-bottom: 2px;
  text-align: center;
}
@media (min-width: 544px) {
  .slider-banner__text-content h2 {
    margin-bottom: 8px;
  }
}
@media (min-width: 769px) {
  .slider-banner__text-content h2 {
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .slider-banner__text-content h2 {
    font-size: 72px;
    line-height: 72px;
  }
}
@media (min-width: 1200px) {
  .slider-banner__text-content h2 {
    font-size: 85px;
    line-height: 76px;
    font-weight: 900;
  }
}
.slider-banner__text-content h3 {
  font-family: "Spartan", "Open Sans", Arial, sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  color: #011e41;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 8px;
}
@media (min-width: 769px) {
  .slider-banner__text-content h3 {
    font-size: 18px;
    margin-top: 18px;
  }
}
@media (min-width: 992px) {
  .slider-banner__text-content h3 {
    font-size: 20px;
  }
}
.slider-banner__text-content h4 {
  text-align: center;
  margin-bottom: 0px;
}
.slider-banner__text-content p {
  font-family: "Open Sans", Helvetica, sans-serif;
  color: #011e41;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 12px;
}
@media (min-width: 769px) {
  .slider-banner__text-content p {
    font-size: 18px;
  }
}

.small-text {
  font-size: 16px;
  line-height: 17px;
  font-weight: 700;
  font-family: "Spartan", "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .small-text {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  .small-text {
    font-size: 24px;
    line-height: 1.6;
  }
}
@media (min-width: 1200px) {
  .small-text {
    font-size: 28px;
    line-height: 1.6;
  }
}

/* --------------------------------------------------
   Mobile: stack text above image for split layouts
   -------------------------------------------------- */
@media (max-width: 543.98px) {
  .slider-banner__split {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .slider-banner__col {
    width: 100%;
  }
  .slider-banner__col--text {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .slider-banner__col--image {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .hide-mobile {
    display: none;
  }
}

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