/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/containerBanner.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 992px) {
  .banner-height {
    height: 40rem; } }

@media (max-width: 1199.98px) {
  .banner-height {
    height: 30rem; } }

@media (max-width: 768.98px) {
  .banner-height {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; } }

.banner-height-category {
  min-height: clamp(20rem, calc(16.52rem + 17.39vw), 30rem); }

.filter-card {
  border-radius: 0.5rem;
  background-color: #F4F8F9; }
  @media (min-width: 544px) {
    .filter-card {
      min-width: 25rem !important;
      max-width: 25rem !important; } }

.btn-see-courses {
  background-color: #003DA6;
  border: 2px solid #003DA6;
  border-radius: 50px; }
  .btn-see-courses:hover, .btn-see-courses:focus-within {
    color: #003DA6 !important;
    background-color: white;
    text-decoration: none;
    -webkit-transition: color, background-color .4s;
    transition: color, background-color .4s; }
  .btn-see-courses:focus {
    outline: 0; }

.btn-show-more {
  background-color: #061c3f;
  border: 2px solid #061c3f;
  border-radius: 50px; }
  .btn-show-more:hover, .btn-show-more:focus-within {
    color: #061c3f !important;
    background-color: white;
    text-decoration: none;
    -webkit-transition: color, background-color .4s;
    transition: color, background-color .4s; }
  .btn-show-more:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.options {
  color: #212529;
  background-color: #FFFFFF;
  border-radius: 0 !important; }
  .options:hover {
    color: #FFFFFF;
    background-color: #283844; }

.breadcrumbs {
  position: absolute;
  z-index: 99; }
  @media (min-width: 769px) {
    .breadcrumbs {
      padding-top: 3.6rem; } }
  @media (max-width: 991.98px) {
    .breadcrumbs {
      padding-top: 2.6rem; } }
  @media (max-width: 768.98px) {
    .breadcrumbs {
      padding-top: 0.6rem; } }

@media (min-width: 769px) {
  .breadcrumbs-category {
    padding-top: 3.6rem; } }

@media (max-width: 991.98px) {
  .breadcrumbs-category {
    padding-top: 2.6rem; } }

@media (max-width: 768.98px) {
  .breadcrumbs-category {
    padding-top: 0.6rem; } }

.font-size-breadcrumb {
  font-size: calc(0.75em + 0.4vw); }
  @media (max-width: 768px) {
    .font-size-breadcrumb {
      font-size: calc(0.85em + 0.4vw); } }

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.date-style::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212529;
  font-weight: bold;
  opacity: 1;
  /* Firefox */ }

.date-style::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212529;
  font-weight: bold;
  opacity: 1;
  /* Firefox */ }

.date-style:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212529;
  font-weight: bold;
  opacity: 1;
  /* Firefox */ }

.date-style::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212529;
  font-weight: bold;
  opacity: 1;
  /* Firefox */ }

.date-style::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212529;
  font-weight: bold;
  opacity: 1;
  /* Firefox */ }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #212529;
  font-weight: bold; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #212529;
  font-weight: bold; }

#pd-hours {
  border-radius: 50px; }

/* .datepicker-from {
  border-radius: 50px !important;
} */
.filter-sub .btn {
  border-radius: 50px; }


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