@charset "UTF-8";


/* Mobile Layout: 480px and below. */

/* Style inputs, select elements and textareas */

.form {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 80%;
}

.colAutoForm {
    width: auto;
    float: left;
}

.col20Form {
    width: 20%;
    float: left;
    margin-top: 1%;
}

.col48Form {
    width: 96%;
    float: left;
}

.col50Form {
    width: 90%;
    float: left;
}

.input[type=text] {
    padding: 1%;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 82%;
    width: 100%;
}

.input-error {
    padding: 1%;
	border: 1px solid #FC0101;
    border-radius: 4px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 82%;
    margin-bottom: 1%;
}

.error {
	color: #FC0101;
	font-weight: 600;
}

textarea {
	rows: 5;
}

/* Style the label to display next to the inputs */
label {
  padding: 2px 2px;
  display: inline-block;
    font-family: "Barlow Condensed", sans-serif;
  font-size: 82%;
}


/* Style the send payment button */

.button1 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 82%;
    color: #FFFFFF;
    background-color: #147BAB;
    border: 1px solid #147BAB;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
}

.button1:link {
    color: #FFFFFF;
    text-decoration: none;
}

.button1:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.button1:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #898989;
    border: 1px solid #898989;
}

.button1:disabled {
    text-decoration: none;
    color: #AFAFAF;
    background-color: #CCCCCC;
    border: 1px solid #AFAFAF;
    cursor: not-allowed;
}

/* Style the delete item button */

.button2 {
    font-family: 'Catamaran', sans-serif;
    background-color: #FFFFFF;
    padding-top: 5%;
    padding-right: 30%;
    padding-left: 30%;
    padding-bottom: 0%;
    border: 1px solid #147BAB;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    text-decoration: none;
    font-size: 82%;
    color: #147BAB;
    font-weight: 700;
    display: block;
    font-style: normal;
    line-height: 90%;
    text-align: center;
}

.button2:link {
}

.button2:visited {
}

.button2:hover {
    background-color: #FFFFFF;
    border: 1px solid #FF1324;
    color: #FF1324;
}

.button3 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 82%;
    color: #FFFFFF;
    background-color: #147BAB;
    border: 1px solid #147BAB;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.button3:link {
    color: #FFFFFF;
    text-decoration: none;
}

.button3:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.button3:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #898989;
    border: 1px solid #898989;
}

.button3:disabled {
    text-decoration: none;
    color: #AFAFAF;
    background-color: #CCCCCC;
    border: 1px solid #AFAFAF;
    cursor: not-allowed;
}

/* Style the Add to Cart Button */

button[type=addToCart] {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 82%;
    color: #FFFFFF;
    line-height: 125%;
    background-color: #147BAB;
    padding: 2px 2px;
    border: 1px solid #147BAB;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    text-decoration: none;
}

button[type=addToCart]:link {
    color: #FFFFFF;
    text-decoration: none;
}

button[type=addToCart]:visited {
    color: #FFFFFF;
    text-decoration: none;
}

button[type=addToCart]:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #ab141f;
    border: 1px solid #ab141f;
}

/* Style the input select */

input[type=select] {
    padding: 0%;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 82%;
    float: left;
    text-align: center;
}

/* Style the blue html button */


.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {


.form {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 90%;
}

.colAutoForm {
    width: auto;
    float: left;
}

.col20Form {
    width: 20%;
    float: left;
}

.col48Form {
    width: 48%;
    float: left;
    clear: none;
}

.col50Form {
    width: 50%;
    float: left;
}

/* Style inputs, select elements and textareas */
    
.input[type=text] {
  padding: 1%;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-size: 90%;
  width: 95%;
}

.input-error {
    padding: 1%;
	border: 1px solid #FC0101;
    border-radius: 4px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 90%;
}

.error {
}
    
textarea {
	rows: 5;
}

/* Style labels to display next to the inputs */
    
label {
  padding: 1%;
  display: inline-block;
  font-family: 'Encode Sans Condensed', sans-serif;
  font-size: 92%;
}

/* Style input select */
    
    input[type=select] {
    padding: 0px 0px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 92%;
    color: black;
    float: left;
}

    
/* Style the submit button */

.button1 {
    font-size: 92%;
}

.button1:link {
}

.button1:visited {
}

.button1:hover {
}

.button1:disabled {
}

/* Style the delete item button */
    
.button2  {
    font-size: 92%;
    border: 2px solid #147BAB;
}

.button2:link {
}

.button2:visited {
}

.button2:hover {
}
    
.button3 {
    font-size: 92%;
}

.button3:link {
}

.button3:visited {
}

.button3:hover {
}

.button3:disabled {
}

/* Style the Add To Cart button */
    
button[type=addToCart] {
    font-size: 92%;
}

button[type=addToCart]:link {
}

button[type=addToCart]:visited {
}

button[type=addToCart]:hover {
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
} 
}

/* Desktop Layout: 769px to a max of 1400px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


.form {
    font-family: "Barlow Condensed", sans-serif;
    font-size:100%;
}

.colAutoForm {
    width: auto;
    float: left;
}

.col20Form {
    width: 20%;
    float: left;
}

.col48Form {
    width: 48%;
    float: left;
}

.col50Form {
    width: 50%;
    float: left;
}

/* Style inputs, select elements and textareas */
    

.input[type=text] {
    padding: 1%;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 98%;
    width: 95%;
}

.input-error {
    padding: 1%;
	border: 2px solid #FC0101;
    border-radius: 4px;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 98%;
    width: 95%;
}

.error {
}

textarea {
	rows: 2;
}

/* Style labels to display next to the inputs */
    label {
    padding: 1%;
    display: inline-block;
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 98%;
}

/* Style the send payment button */

.button1 {
    font-size: 98%;
    border-radius: 6px;
}

.button1:link {
}

.button1:visited {
}

.button1:hover {
}

.button1:disabled {
}

/* Style the delete item button */
    
.button2 {
    font-size: 108%;
    border: 3px solid #147BAB;
}

.button2:link {
}

.button2:visited {
}

.button2:hover {
     border: 3px solid #FF1324;
   }
    
.button3 {
    font-size: 92%;
}

.button3:link {
}

.button3:visited {
}

.button3:hover {
}

.button3:disabled {
}

/* Style the Add To Cart button */
    
button[type=addToCart] {
    font-size: 98%;
}

button[type=addToCart]:link {
}

button[type=addToCart]:visited {
}

button[type=addToCart]:hover {
}
    
/* Style input select */
input[type=select] {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 98%;
    text-align: center;
    color: #000000;
    padding: 0%;
    float: left;
}
        

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
} 
    }