/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./cartridges/cpao_fol_storefront/cartridge/client/default/scss/experience/components/commerceAssets/headlineBanner.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-heading-container-test {
  position: absolute;
  top: 30%;
  width: 70%;
  padding-left: 0%; }

@media (max-width: 767.98px) {
  .image-heading-container-test {
    width: 100%;
    position: static; } }

div.photo-tile-container > div {
  text-align: center; }

figure > picture > img.photo-tile-image {
  width: auto; }

@media (max-width: 767.98px) {
  figure > picture > img.photo-tile-image {
    max-width: 200px; } }

@media (min-width: 992px) {
  figure > picture > img.photo-tile-image {
    max-height: 275px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  figure > picture > img.photo-tile-image {
    max-height: 200px; } }

@media (max-width: 575.98px) {
  .link-cta {
    width: 100% !important; } }

.btn-green {
  border: 0.125rem solid #0D7341 !important;
  -webkit-transition: all .4s;
  transition: all .4s; }
  .btn-green:hover, .btn-green:focus {
    border: 0.125rem solid #0D7341;
    color: #0D7341;
    outline: none;
    outline-color: #0D7341;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-dark-blue {
  border: 0.125rem solid #002453 !important;
  -webkit-transition: all .4s;
  transition: all .4s; }
  .btn-dark-blue:hover, .btn-dark-blue:focus {
    border: 0.125rem solid #002453;
    color: #002453;
    outline: none;
    outline-color: #002453;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-lime {
  color: #002453 !important;
  border: 0.125rem solid #E0FE69 !important;
  -webkit-transition: all .4s;
  transition: all .4s;
  border-radius: 50px !important; }
  .btn-lime:hover, .btn-lime:focus {
    border: 0.125rem solid #003da6 !important;
    color: #fff !important;
    outline: none;
    outline-color: #003da6;
    background-color: #003da6;
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn-cpao-blue {
  border: 0.125rem solid #003DA6 !important;
  -webkit-transition: all .4s;
  transition: all .4s;
  border-radius: 50px !important;
  color: #fff !important; }
  .btn-cpao-blue:hover, .btn-cpao-blue:focus {
    border: 0.125rem solid #003DA6;
    color: #003DA6 !important;
    outline: none;
    outline-color: #003DA6;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }

@media screen and (min-width: 991.98px) {
  .customHeight {
    min-height: var(--bannerHeight) !important; } }

.experience-headlineBannerResponsiveContent1 {
  color: white; }


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