.signup .fields {
  width: 100%;
  display: table; }

.signup .field { 
   display: table-cell;
   float: left;
   padding-bottom: 0; }
.signup .field:first-child { 
  padding-right: 0; }
  
.signup .field.email {
  width: 65%; padding-right: .3em;  }
.signup .field.zip {
  width: 35%;  }
.signup .button  {
  width: 50%; }

#signup-form-response h2 {
   color: white; }

@media only screen and (min-width: 540px) { 
.signup .field {
  display: table-cell;
  float: left; }

.signup .field.email {
  width: 55%;
  padding-right: .3em;
  padding-bottom: 0em; }
.signup .field.zip {
  width: 25%;
  padding-right: .3em; }
}

.signup label {
  display: block;
  float: left;
  position: relative; }

.signup input, .signup textarea {
  background: white;  
  -webkit-appearance: none;
  width: 100%;
  padding: .6em .7em .5em .65em; 
  font-weight: 300;
  color: #858585;	
  font-size: 1.0em;
  cursor: pointer; 
  float: left; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }	

@media screen and (-webkit-min-device-pixel-ratio:0) {
.signup input {
  font-size: 1.0em;
  padding: .7em 1em .7em .5em; }
}

.signup input:hover,
.signup select:hover,
.signup textarea:hover {
	background: #004168; 
  color: #fff; }
.signup input:focus {
  background: #fff;  
	color: #000;  }

.signup .button  {
   top: 0;
  padding: 0; 
  clear: both;
  display: block; }

.signup button, .button {
   background: #004168;
   width: auto;
   padding: .5em 1em; 	
   border: 0;
   cursor: pointer;
   font-family: 'bebas-neue', sans-serif;
   font-weight: 300;
   font-size: 1.0em;
   text-transform: uppercase;
   color: white;
   position: relative;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition:    all .3s ease-in-out;
   -o-transition:      all .3s ease-in-out;
   -ms-transition:     all .3s ease-in-out;
   transition:         all .3s ease-in-out; }
  
.signup button:hover, .button:hover { 
  background: #3fadda;
  color: #fff; } 
.signup button:active, .button:active { background: #3fadda; } 
  
@media only screen and (min-width:1000px) { 
.signup button {  font-size: 1.6em; }
} 
@media only screen and (min-width: 540px) { 
.signup input {
  font-size: 1.0em;
  height: 40px; }
.signup .button  {
  width: 20%;
  padding: 0; 
  float: left;
  clear: none;
  display: table-cell; }  
.signup .button button { 
  font-size: 1.0em;
  padding: 0;
  width: 100%;
  height: 40px; }
}
@media only screen and (min-width: 1200px) { 
.signup .button button { 
  font-size: 1.32em;
  padding: 0;
  height: 40px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.signup .button button { width: 100%; font-size: 26px; padding: 0; height: 40px;}
}

.signup strong.error { 
  background: #ff181e;
  padding: .2em .3em;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  left: 0;
  top: -.4em;
  z-index: 9999;    
  font-size: .65em;
  line-height: 1;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; } 
.signup strong.error:after { 
  height: 0; 
  width: 0;    
  margin-left: -6px;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  top: 100%;
  border-color: rgba(0, 0, 0, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-top-color: #ff181e; 
  border-width: 6px; }
  
  
  
/* Clearfix */

.cf:before,
.cf:after {
  content: "";
  display: table; }
.cf:after { clear: both; }
.ie7 .cf { zoom: 1; }

/* Hide */

.hide {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }
  
  
/* Forms */

input:-moz-placeholder     { opacity: 1; }
input::-moz-placeholder    { opacity: 1; }
select:-moz-placeholder    { opacity: 1; }
select::-moz-placeholder   { opacity: 1; }
textarea:-moz-placeholder  { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }

input, 
select { vertical-align: middle; }

input[type=checkbox],
input[type=radio] {
  box-shadow:         none;       
  -moz-box-shadow:    none;  
  -webkit-box-shadow: none;
  width: 2%; }
  
input[type=checkbox] { 
  -moz-appearance:    checkbox !important;
  -webkit-appearance: checkbox !important; }
  
input[type=radio] {
  -moz-appearance:    radio !important;  
  -webkit-appearance: radio !important; }
  
label[for=permission_to_list] { width: 90%; }
  
.signup,
.signup * {
  -moz-box-sizing:    border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing:         border-box;  
}

/* Unsubscribe form styles */
form.unsubscribe ol, form.unsubscribe ul {
    list-style: none;
    margin: 0;
}

form.unsubscribe li {
    margin: 0 0 7px;
    display: block;
}

form.unsubscribe input, form.unsubscribe select, form.unsubscribe textarea {
  float: none; 
}

form.unsubscribe input[type="radio"] {
  display: inline;
  width: auto;
  margin-right: 10px;
  -webkit-appearance: radio;
}

form.unsubscribe input[type="radio"] + label {
  display: inline;
  float: none;
}

form.unsubscribe textarea#reason {
  clear: both;
  display: block;
  margin: 0;
  width: 320px; 
  height: 60px;
}