@media (max-width: 479px) {
.wpfs-payment-form label {
display: block;
margin-bottom: 1px;
} .wpfs-payment-form .input-mini {
width: 35%;
}
.wpfs-payment-form .input-small {
width: 35%;
}
.wpfs-payment-form .input-medium {
width: 50%;
}
.wpfs-payment-form .input-large {
width: 100%;
}
.wpfs-payment-form .input-xlarge {
width: 100%;
}
.wpfs-payment-form .input-xxlarge {
width: 100%;
}
._25 {
width: 48%;
display: inline;
float: left;
margin-left: 0%;
margin-right: 2%;
}
}
@media (min-width: 480px) {
.wpfs-payment-form label {
display: block;
margin-bottom: 5px;
} .wpfs-payment-form.form-horizontal input {
display: inline-block;
*display: inline; *zoom: 1;
margin-bottom: 0;
vertical-align: middle;
}
.wpfs-payment-form.form-horizontal .control-group {
margin-bottom: 20px;
*zoom: 1;
}
.wpfs-payment-form.form-horizontal .control-group:before,
.wpfs-payment-form.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.wpfs-payment-form.form-horizontal .control-group:after {
clear: both;
}
.wpfs-payment-form.form-horizontal .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
.wpfs-payment-form.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;
}
.wpfs-payment-form.form-horizontal .controls:first-child {
*padding-left: 180px;
}
.wpfs-payment-form.form-horizontal .help-block {
margin-bottom: 0;
}
.wpfs-payment-form.form-horizontal input + .help-block,
.wpfs-payment-form.form-horizontal select + .help-block,
.wpfs-payment-form.form-horizontal textarea + .help-block,
.wpfs-payment-form.form-horizontal .uneditable-input + .help-block,
.wpfs-payment-form.form-horizontal .input-prepend + .help-block,
.wpfs-payment-form.form-horizontal .input-append + .help-block {
margin-top: 10px;
}
.wpfs-payment-form.form-horizontal .form-actions {
padding-left: 180px;
}
.wpfs-payment-form input[type="submit"].btn-block,
.wpfs-payment-form input[type="reset"].btn-block,
.wpfs-payment-form input[type="button"].btn-block {
width: 100%;
} .wpfs-payment-form .input-mini {
min-width: 60px;
width: 25%;
}
.wpfs-payment-form .input-small {
min-width: 25%;
width: 35%;
}
.wpfs-payment-form .input-medium {
min-width: 25%;
width: 50%;
}
.wpfs-payment-form .input-large {
min-width: 40%;
width: 80%;
}
.wpfs-payment-form .input-xlarge {
min-width: 50%;
width: 100%;
}
.wpfs-payment-form .input-xxlarge {
width: 530px;
} ._25 {
width: 21%;
display: inline;
float: left;
margin-left: 2%;
margin-right: 2%;
}
._50 {
width: 46%;
display: inline;
float: left;
margin-left: 2%;
margin-right: 2%;
}
._75 {
width: 71%;
display: inline;
float: left;
margin-left: 2%;
margin-right: 2%;
}
._100 {
width: 96%;
display: inline;
float: left;
margin-left: 2%;
margin-right: 2%;
}
form.wpfs-payment-form-compact + * {
clear: both;
}
}
.wpfs-payment-form input[type="text"],
.wpfs-payment-form input[type="password"],
.wpfs-payment-form select {
display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
margin-left: 0;
}
.wpfs-payment-form legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.wpfs-payment-form-compact label {
width: 100%;
}
.wpfs-payment-form-compact input, .wpfs-payment-form-compact textarea, .wpfs-payment-form-compact select, .wpfs-payment-form-compact input[type=password] {
border: 1px solid #B3B3B3;
width: 100%;
-moz-border-radius: 3px;
padding: 4px 6px;
margin-bottom: 10px;
margin-left: 0;
} .alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-success h4 {
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
} .stripe-button-el {
overflow: hidden;
display: inline-block;
visibility: visible !important;
background-image: -webkit-linear-gradient(#28a0e5, #015e94);
background-image: -moz-linear-gradient(#28a0e5, #015e94);
background-image: -ms-linear-gradient(#28a0e5, #015e94);
background-image: -o-linear-gradient(#28a0e5, #015e94);
background-image: -webkit-linear-gradient(#28a0e5, #015e94);
background-image: -moz-linear-gradient(#28a0e5, #015e94);
background-image: -ms-linear-gradient(#28a0e5, #015e94);
background-image: -o-linear-gradient(#28a0e5, #015e94);
background-image: linear-gradient(#28a0e5, #015e94);
-webkit-font-smoothing: antialiased;
border: 0;
padding: 1px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer
}
.stripe-button-el::-moz-focus-inner {
border: 0;
padding: 0
}
.stripe-button-el span {
display: block;
position: relative;
padding: 0 12px;
height: 30px;
line-height: 30px;
background: #1275ff;
background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
background-image: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4);
font-size: 14px;
color: #fff;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px
}
.stripe-button-el:not(:disabled):active, .stripe-button-el.active {
background: #005d93
}
.stripe-button-el:not(:disabled):active span, .stripe-button-el.active span {
color: #eee;
background: #008cdd;
background-image: -webkit-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -moz-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -ms-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -o-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -webkit-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -moz-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -ms-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: -o-linear-gradient(#008cdd, #008cdd 85%, #239adf);
background-image: linear-gradient(#008cdd, #008cdd 85%, #239adf);
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1)
}
.stripe-button-el:disabled, .stripe-button-el.disabled {
background: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.stripe-button-el:disabled span, .stripe-button-el.disabled span {
color: #999;
background: #f8f9fa;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}
label.fullstripe-form-checkbox-label {
font-weight: normal;
width: 100%;
}