.btn, .is-btn { padding: 0.75rem 1.25rem; outline: none; border-radius: 0 !important; font-family: var(--siteFont3), sans-serif; font-size: 1rem; text-transform: uppercase; transition: all 350ms; }
.btn:not(.bootstrap-select .btn) { line-height: 1; }
.btn:focus, .is-btn:focus { box-shadow: none !important; outline: none !important; }
.btn-lg { font-size: 1.5rem; }
.btn-sm, .btn-mini { padding: 0.375rem 0.9375rem; font-size: 0.75rem; }
/* Button w/Loading Icons */
.btn-loader, button[type=submit] { position: relative; }
.btn-loader .btn-loading-text, button[type=submit] .btn-loading-text { display: none; }
.btn-loader .btn-loading-text .loading-icon, button[type=submit] .btn-loading-text .loading-icon { vertical-align: middle; font-size: 100%; line-height: 1; }

/* Form Labels */
label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
label.error { font-size: 0.875rem; color: red !important }

/* Form Inputs */
input[type=text],
input[type=email],
input[type=password],
input[type=search] { height: auto; padding: 0.5rem 0.625rem; border-radius: 0; }
textarea { min-height: 5rem; padding: 0.5rem 0.625rem; }

/* Style Checkboxes with Custom look
  THE LABEL for ATTRIBUTE VALUE MUST MATCH THE INPUT id FOR THIS TO WORK
*/
input[type=checkbox] { display: none; }
input[type=checkbox] + label { cursor: pointer; position: relative; padding-left: 2.25rem; }
input[type=checkbox] + label:before { content: ""; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; background: hsl(var(--white)); border: 0.0625rem solid hsl(0, 0%, 40%); }
input[type=checkbox]:checked + label:before { content: "\f00c"; padding-left: 0.125rem; box-shadow: inset 0 0 0.375rem -0.125rem hsl(var(--black)); font-family: "FontAwesome"; font-size: 1.5rem; color: hsl(var(--siteColor1)); line-height: 0.75; text-align: center; }
input[type=checkbox] + label.select-all:before { width: 1.125rem; height: 1.125rem; font-size: 1.125rem; line-height: 0.85; }
.input-well { display: block; padding: 0.9375rem !important; background: hsl(var(--white)); }
.input-well label { display: block; font-size: 0.75rem; color: hsl(0, 0%, 40%); line-height: 1.25; text-align: left !important; font-weight: 400 !important; }
.input-well input[type=checkbox] + label:before { top: 0.125rem; }
