@charset "utf-8";
/* CSS Document */
/* Author: Aaron M. Souza 2015 */

#form-margin
{
box-sizing: border-box;
width: 100%;
float: left;
margin: 10px 0 20px 0;
padding: 0 12px;
}

.form-holder
{
box-sizing: border-box;
width: 100%;
float: left;
border: 2px solid #d6d6d6;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3.5% 4%;
background: #def9ff;
}

form.small-form
{
margin: 0;
padding: 0;
}

p.form-amount
{
margin: 0 0 12px 0;
color: white;
font-family: 'roboto_condensedregular', arial;
}

p.note
{
font-size: 12px;
font-family: 'roboto_condensedregular', arial;
}

input, textarea
{
box-sizing: content-box;
border: 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-family: 'roboto_condensedregular', arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
color: #333333;
}

input.normal-form-input
{
width: 96%;
float: left;
margin: 0 0 20px 0;
padding: 10px 2%;
background: white;
}

textarea.normal-form-textarea
{
width: 96%;
height: 100px;
float: left;
margin: 0 0 20px 0;
padding: 10px 2%;
resize: none;
background: white;
}

input.form-choice
{
float: left;
clear: left;
margin: 6px 6px 0 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

p.form-choice-text
{
display: inline;
float: left;
clear: none;
margin: 6px 0 10px 0;
padding: 0;
font-family: 'roboto_condensedregular', arial;
color: black;
line-height: 100%;
}

.captcha-holder
{
width: auto;
float: left;
margin: 0 0 20px 0;
}

.captcha-holder img
{
width: auto;
}

input.pay-button-submit
{
float: left;
clear: left;
margin: 0;
padding: 10px 24px;
font-family: 'roboto_condensedregular', arial;
color: white;
background: #0034bb;
cursor: pointer;
}

}

@media(max-width: 999px){

input.add-to-cart, img.sold-out
{
display: none;
}

input.add-to-cart-large, img.sold-out-large
{
display: inline;
width: 120px;
float: left;
border: 0;
}

}

@media(max-width: 700px){

input.pay-button-submit
{
-webkit-appearance: none;
-moz-appearance: none;
}

}

@media(max-width: 640px){

body
{
-webkit-text-size-adjust: 100%;
}

.form-holder
{
padding: 5% 6%;
}

}

@media(max-width: 320px){

body
{
-webkit-text-size-adjust: none;
}

.form-holder
{
padding: 7% 8%;
}

}