@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; }
}