/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_fragua/cartridge/client/default/scss/experience/components/commerceAdvancedCustom/newsletter.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* $gradient-border-background: #00AEEF - #01579B; */
.newsletter-container {
  border-radius: 8px;
  border: 1px solid #DDD;
  background: #FFF;
  padding: 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1607843137);
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin: 16px 0;
}
@media (max-width: 991.98px) {
  .newsletter-container {
    flex-direction: column;
    padding: 16px;
    gap: 24px;
  }
}
.newsletter-container .newsletter-info {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .newsletter-container .newsletter-info {
    flex-direction: column;
    gap: 8px;
  }
  .newsletter-container .newsletter-info h4, .newsletter-container .newsletter-info p {
    text-align: center;
  }
}
.newsletter-container .newsletter-info h4 {
  color: #01579B;
  font-size: 24px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .newsletter-container .newsletter-info h4 {
    line-height: 24px;
    font-size: 18px;
  }
}
.newsletter-container .newsletter-info p {
  color: #363537;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 0;
}
.newsletter-container .subscribe-form {
  flex: 0 0 463px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .newsletter-container .subscribe-form {
    flex: 0 0 350px;
  }
}
@media (max-width: 991.98px) {
  .newsletter-container .subscribe-form {
    flex: 1;
  }
}
.newsletter-container .subscribe-form .body__medium--bold {
  font-size: 16px;
}
@media (max-width: 991.98px) {
  .newsletter-container .subscribe-form .body__medium--bold {
    font-size: 13px;
  }
}
.newsletter-container .subscribe-form .input-fields__input-wrapper {
  margin-top: 8px;
}
.newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append {
  width: 100%;
  display: flex;
  gap: 8px;
  flex-direction: row;
}
@media (max-width: 768.98px) {
  .newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append {
    flex-wrap: wrap;
  }
}
.newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append input {
  flex: 1;
  height: 40px;
  min-height: unset;
  border-radius: 4px;
}
@media (max-width: 768.98px) {
  .newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append input {
    flex: 0 0 100%;
  }
}
.newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append button {
  flex: 0 0 128px;
  height: 40px;
}
@media (max-width: 1199.98px) {
  .newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append button {
    flex: 0 0 100px;
  }
}
@media (max-width: 768.98px) {
  .newsletter-container .subscribe-form .input-fields__input-wrapper .input-group-append button {
    flex: 0 0 100%;
    max-width: unset;
    font-size: 14px;
    font-weight: 600;
  }
}
.newsletter-container .custom-checkbox {
  padding-left: 20px;
}
@media (max-width: 768.98px) {
  .newsletter-container .custom-checkbox .custom-control-label {
    font-size: 11px;
    margin-top: 16px;
  }
}
.newsletter-container .custom-checkbox .custom-control-label::before {
  width: 15px;
  height: 15px;
  left: -20px;
  border: solid 1px #CCC;
}
.newsletter-container .custom-checkbox .custom-control-label::after {
  width: 15px;
  height: 15px;
  left: -20px;
}
.newsletter-container .notification.with-tooltip::after {
  top: -16px;
}
.newsletter-container .notification.with-tooltip::after, .newsletter-container .notification.with-tooltip::before {
  left: 49.5%;
}
@media (max-width: 991.98px) {
  .newsletter-container .notification.with-tooltip {
    top: 32px;
    left: 50% !important;
  }
}
.newsletter-container .notification.with-tooltip.success-email-subscription {
  left: 50% !important;
}
@media (max-width: 991.98px) {
  .newsletter-container .notification.with-tooltip.success-email-subscription {
    top: 120px;
  }
}

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