@import 'base'; @import 'typography.scss';

.single-field-form-wrapper {

width: auto;
margin: 0 auto;

}

span.single-field-form-title {

padding: 0px;

}

.dp-content-slot–buffet-component {

span.single-field-form-title {
  @extend h4;
  @include dp-content-slot--headers;
}

}

.dp-content-slot–buffet-component:not(:empty):only-child {

span.single-field-form-title {
  @extend h3;
  @include dp-content-slot--headers;
}

}

.single-field-form-subtext {

margin-top: 12px;
margin-bottom: 0px;
font-weight: 300;

}

.single-field-form-error-msg-area {

display: none;
margin-bottom: 6px !important;
text-align: left;
height: auto;

}

.a-icon.a-icon-alert.single-field-form-error-icon {

top: 17px;

}

.single-field-form-error-msg {

font-size: $font-size-small;

}

.single-field-form-input-area {

margin-top: 12px;
display: inline-block;

}

.single-field-form-email-input {

width: 360px;
margin-right: 12px;

}

input.single-field-form-email-input {

height: 35px;

}

.single-field-form-submit-button-text {

margin-left: 20px;
margin-right: 20px;

}

@include mobile-only {

.single-field-form-wrapper {
  margin-left: 20px;
  margin-right: 20px;
}

.single-field-form-input-area {
  display: block;
}

.single-field-form-error-msg-area, .single-field-form-email-input, .single-field-form-submit-button {
  width: 100%;
}

.a-icon.a-icon-alert.single-field-form-error-icon {
  top: 11px;
}

.single-field-form-submit-button {
  margin-top: 8px;
}

}