/* -------------  Form elements ------------- */ 
 
form-responseinput:-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; }

/* ---- Placeholder Text Equalizer ---- */

input:-ms-input-placeholder            { color: #818181; }
input::-webkit-input-placeholder       { color: #818181; }
input:hover:-ms-input-placeholder      { color: #222; }
input:hover::-webkit-input-placeholder { color: #222; }     

textarea:-ms-input-placeholder            { color: #818181; }
textarea::-webkit-input-placeholder       { color: #818181; }
textarea:hover:-ms-input-placeholder      { color: #222; }
textarea:hover::-webkit-input-placeholder { color: #222; }   


/* Form List Resets
--------------------------------------------------- */
form ol, 
form ul {
  list-style: none;
  margin: 0; 
  }
 
@media (min-width : 1200px) {
   .center form ol { 
		display: table; 
		margin: auto; 
		} 
	} 
 
form li { position: relative; }


@media (min-width : 1200px) {
	.center form li { 
		display: table-cell;
		vertical-align: middle;
		}
	} 


/* Form Elements */

form li.submit { 
  padding: 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  }
  
@media (min-width : 1200px) {
	.center form li.submit { 
		padding-top: 0;
		}
	} 

form li { 
  margin: 0 0 .25em;
  display: block; 
  }
  
@media (min-width : 1200px) {
	.center form li { 
		margin: 0;
		padding-right: .25em;
		}
	.center form li:last-child { 
		padding-right: 0;
		}
	} 

input,
select,
textarea { 
  border: 1px solid #e1e1da;
  background: white;
  color: #818181;
  font-family: "Montserrat", sans-serif;
  font-size: 110%;
  padding: .75em 1em;
  width: 100%;
  } 

input:hover,
select:hover,
textarea:hover { 
 	border: 1px solid #666;
 	}

input:focus,
select:focus,
textarea:focus { 
  color: black;
  cursor: text;
  border: 1px solid #222;
  }    


/* Button */

button { 
  padding: .5em 1em;
  display: inline-block;
  border: 0;
  cursor: pointer;
  font-size: 110%;
  line-height: 1;
  font-weight: 300;
  color: #fff;
  -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;
	}  
  
button:hover { 
  background: #1259a0; 
  }   
  
button:active { 
  background: #cc3327;
  }  


/* Error INPUT
--------------------------------------------------- */

input.error,
input.error:hover,
input.error:active { 
  border: 1px solid #cd0000; 
  background: #ffb6c138;
  color: #000;
  }
 

/* Error LABEL
--------------------------------------------------- */

form label { }

strong.error { 
  background: #d42029;
  padding: .25em .5em;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  left: 0;
  top: 100%;
  z-index: 9999;
  font-size: 60%;
  line-height: 1;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; 
  } 
  
strong.error:after { 
  height: 0; 
  width: 0;    
  margin-left: 0;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  bottom: 100%;
  border-color: rgba(235, 110, 31, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-bottom-color: #bf0007; 
  border-width: 6px; 
  }
  
#subscribe {
   display: inline-block;
   vertical-align: middle;}
   
section#signup #subscribe-response h1 {
   color: red;
    font-size: 200%;
    font-weight: 400;
    margin: .5em 0; }
       
.form-fields {
   display: inline-block;
   vertical-align: middle;
   float: left; }

button {
   background: #d7262a;
   width: auto;
   display: block;
   padding: .62em 2em;    
   border: 0;
   cursor: pointer;
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   font-size: 140%;
   text-align: center;
   color: #fff;
   position: relative;
   text-decoration: none !important;
   -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; }
  
button:hover {  background: #004985; color: #fff; } 
button:active { background: #2B93D1; }