/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./deps/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./deps/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./deps/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/app_schaffrath/cartridges/app_page_designer/cartridge/client/default/scss/experience/components/commerceAssets/cleverReachNewsletterForm.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-group.required .form-control-label::before {
  content: "*";
  color: #c00;
}

.form-control-label {
  font-size: 0.875rem;
  font-weight: 500;
}

.form-group.required .form-control-label::before {
  content: "";
  display: none;
}
.form-group.required .form-control-label::after {
  content: "*";
  color: #c00;
}

.home-consultation-fields .form-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.home-consultation-fields .form-control-label {
  width: 100%;
}
@media (min-width: 768px) {
  .home-consultation-fields .form-control-label {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
}
@media (min-width: 768px) {
  .home-consultation-fields .form-control {
    margin-left: 10px;
    max-width: calc(66.6666666667% - 10px);
    flex: 0 0 calc(66.6666666667% - 10px);
  }
}
.home-consultation-fields .invalid-feedback,
.home-consultation-fields .form-check,
.home-consultation-fields .custom-checkbox {
  width: 100%;
}
@media (min-width: 768px) {
  .home-consultation-fields .invalid-feedback,
  .home-consultation-fields .form-check,
  .home-consultation-fields .custom-checkbox {
    max-width: calc(66.6666666667% - 10px);
    flex: 0 0 calc(66.6666666667% - 10px);
    margin-right: 0;
    margin-left: auto;
  }
}
.home-consultation-fields .custom-checkbox {
  padding-left: 1.25rem;
}
.home-consultation-fields .form-check-label {
  padding-right: 1.5rem;
}

.cleverreach-newsletter-container form {
  margin: 0.125rem 1.25rem 0.625rem;
}
.cleverreach-newsletter-container .form-control-label {
  margin-top: 0.5rem;
  line-height: 150%;
  font-weight: bold;
  position: relative;
}
.cleverreach-newsletter-container .form-control-label::after {
  color: #000 !important;
}
.cleverreach-newsletter-container input, .cleverreach-newsletter-container select {
  border-radius: 0.188rem;
  border: 1px solid #ccc;
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: normal;
}
.cleverreach-newsletter-container input::-moz-placeholder, .cleverreach-newsletter-container select::-moz-placeholder {
  color: #999;
  font-weight: normal;
}
.cleverreach-newsletter-container input::placeholder, .cleverreach-newsletter-container select::placeholder {
  color: #999;
  font-weight: normal;
}
.cleverreach-newsletter-container select {
  padding: 0.5rem;
}
.cleverreach-newsletter-container .cleverreach-newsletter-birthday-group {
  display: grid;
  grid-template-columns: 23% 23% 52%;
  gap: 1%;
}
.cleverreach-newsletter-container .cleverreach-newsletter-submit-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cleverreach-newsletter-container .cleverreach-newsletter-submit-container .cleverreach-newsletter-submit {
  min-height: 2rem;
  margin: 0.313rem 0;
  padding: 0 1.375rem;
  font-weight: bold;
  font-size: 0.938rem;
  border: 0;
  border-radius: 0.25rem;
  background-color: #e0dace;
  cursor: pointer;
}

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