/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./node_modules/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_bab_core/cartridge/client/default/scss/adventureStore.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.form-group.required .form-control-label::before {
  content: "*";
  color: #d00a2d;
}

.form-group {
  position: relative;
}
.form-group > span:not(.info-icon) {
  font-size: 80%;
}

.custom-control .custom-control-input:focus ~ .custom-control-label:before {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-control .custom-control-input:focus-visible ~ .custom-control-label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: -webkit-focus-ring-color auto 1px;
}

.floating-label {
  position: relative;
}
.floating-label label {
  position: absolute;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.floating-label input {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.floating-label input:-webkit-autofill ~ label, .floating-label input:not(:placeholder-shown) ~ label {
  -webkit-transform: translateY(-0.625rem);
          transform: translateY(-0.625rem);
  opacity: 0.7;
}
.floating-label select {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.floating-label.value-set select + label {
  -webkit-transform: translateY(-0.625rem);
          transform: translateY(-0.625rem);
  opacity: 0.7;
}

form.floating .btn-form-inline {
  height: calc(100% - 0.625rem);
}

.custom-checkbox {
  margin-bottom: 0.25rem;
}
.custom-checkbox .custom-control-label,
.custom-checkbox label {
  cursor: pointer;
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
}
.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--skin-label-color);
}

.custom-radio .custom-control-label,
.custom-radio label {
  cursor: pointer;
}
.custom-radio .custom-control-label::before {
  background: none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: none;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
}

.custom-switch .custom-control-label,
.custom-switch label {
  cursor: pointer;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label {
  cursor: default;
}

.full-bleed-width {
  min-width: 100%;
}

.adventure-store-page .heading {
  font-size: 2.5rem;
}
.adventure-store-page .sub-heading {
  font-size: 1.75rem;
  line-height: 2rem;
}
.adventure-store-page .about-info {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0 auto 1.875rem;
}
.adventure-store-page .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.adventure-store-page .form-row {
  padding-left: 0.375rem;
}
.adventure-store-page .errorMsg {
  font-size: 1.125rem;
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
  color: var(--color-red-dark);
}

.adventure-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin-top: 2rem;
}
.adventure-heading .adventure-into {
  padding: 0 3rem 0;
}

.adlisting {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 22.125rem;
}

.adventure-card.card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url(../../images/paw-pattern.png) repeat;
  border: 1px solid var(--color-blue300);
}
@media (min-width: 769px) {
  .adventure-card.card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.adventure-card.card img {
  width: 100%;
  max-height: 21.875rem;
}
@media (min-width: 769px) {
  .adventure-card.card img {
    width: 30%;
    max-height: unset;
    max-width: 25.75rem;
  }
}
.adventure-card .about-info {
  margin: 0;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 3rem;
}
@media (min-width: 769px) {
  .flex-container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.flex-container .flex-item {
  width: 100%;
  padding: 0 auto;
  margin: 0 0.3125rem 0.625rem;
}
@media (min-width: 769px) {
  .flex-container .flex-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
    margin-right: 1rem;
  }
  .flex-container .flex-item:last-child {
    margin-right: 0;
  }
}
.flex-container .flex-item .box {
  width: 100%;
  height: 100%;
  border: 0.0625rem solid var(--color-blue300);
  border-radius: 0.3125rem;
  padding: 1.25rem;
}
.flex-container .flex-item .babatop {
  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;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 1.25rem 0 1.25rem;
}
.flex-container .flex-item .content-box {
  height: 100%;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-container .flex-item .babafan {
  background-color: rgba(250, 210, 140, 0.2);
}
.flex-container .flex-item .babaawe {
  background-color: rgba(234, 169, 3, 0.2);
}
.flex-container .flex-item .bababak {
  background-color: rgba(254, 107, 1, 0.2);
}
.flex-container .flex-item .babault {
  background-color: rgba(25, 70, 185, 0.2);
}

.adventure-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.adventure-contact {
  text-align: center;
}
.adventure-contact h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.adventure-contact a {
  text-decoration: none;
}

@media (min-width: 992px) {
  .event-datetime .event-date,
  .event-datetime .event-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

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