/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding: 0; margin: 0; border: none; }
legend      { font-weight: bold; font-size:1.2em; }
input, 
textarea, 
select      { font-family: arial, helvetica, sanserif; }



    
    
     
 /* Forms
------------------------------------ */

#content form ol { 
   list-style: none; 
   margin: 0; }

#content form li.submit { 
   padding: 5px 0 15px 0;
   text-align: center;
   display: block; 
   }

#content form li { 
    margin: 0 0 7px;
    display: block; 
    }

#content input,
#content select,
#content textarea { 
    background: #e9eff5;
    border: none;
    padding: 8px;
    margin: 0 auto;   
    cursor: pointer; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1;
    transition:         all .35s ease-in-out;    
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    } 

#content input:hover,
#content select:hover,
#content textarea:hover { 
    background: white; 
    box-shadow:         inset 1px 1px 10px rgba(0, 0, 0, 0.35);       
    -moz-box-shadow:    inset 1px 1px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.35); 
    }

 /* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
#content input:-moz-placeholder                    { opacity: 1; }
#content input::-moz-placeholder                   { opacity: 1; }
#content input:-ms-input-placeholder               { color: #fdbc32; }
#content input::-webkit-input-placeholder          { color: #fdbc32; }
   #content input:hover:-ms-input-placeholder      { color: #fff; }
   #content input:hover::-webkit-input-placeholder { color: #fff; }     

#content input:focus,
#content select:focus,
#content textarea:focus { 
    background: white;    
    cursor: text; 
    box-shadow:         inset 1px 1px 5px rgba(0, 0, 0, 0.35);       
    -moz-box-shadow:    inset 1px 1px 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.35); 
    }    


#content option { 
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px; 
   }    
   
#content button,
#content .button { 
    margin: auto;
    display: block;
    color: white;
    background: #bf2e1a;
    padding: 9px 10px 11px 10px;
    color: white;
    font-size: 24px;
    font-family: "nimbus-sans",sans-serif;
    line-height: 1; 
    font-weight: 300; 
    -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; 
    position: relative;
    }
        
#content button:hover, #content .button:hover { background-color: #e5371f !important; }
 
#content button:active,
#content .button:active { 
    background: #e5371f;
    -moz-box-shadow:    inset 0 1px 10px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0 1px 10px rgba(0,0,0,.35);
    box-shadow:         inset 0 1px 10px rgba(0,0,0,.35);
    }  
     
.join-long p { line-height: 1; } 

.join-long input { width: 270px; } 
.join-long input.zip { width: 100px; } 





 /* Thank You
------------------------------------ */

.thank-you .share {
   background-color: #f6f6f6;
   padding: 10px;
   -moz-border-radius:       6px;
      -webkit-border-radius: 6px;
      border-radius:         6px; }

.thank-you .share section {
   background-color: #ececec; 
   width: 263px;
   padding: 20px;
   margin-right: 10px;
   float: left; 
   text-align: center;
   -moz-border-radius:       6px;
      -webkit-border-radius: 6px;
      border-radius:         6px;   
   -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; }
.thank-you .share section:last-child { margin-right: 0; }

.thank-you .share section:hover {
   background-color: #dedede; 
   -moz-box-shadow:       1px 1px 2px rgba(0,0,0,.15);
      -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.15);
      box-shadow:         1px 1px 2px rgba(0,0,0,.15); }   
      
.share h3 { 
   margin: 0 0 12px 0;
   font-size: 22px;
   line-height: 1;
   color: #00aec5;
   text-align: left;
   text-transform: uppercase; }
   
.share h3 .icon { 
   background-color: #00aec5;
   background-repeat: no-repeat;
   background-position: center center; 
   background-size:            16px auto;
      -webkit-background-size: 16px auto;
      -moz-background-size:    16px auto;
   	-o-background-size:      16px auto;      
   width: 22px;
   height: 22px;
   margin: 0 5px 0 0;
   float: left;
   display: inline-block;
   -moz-border-radius:       4px;
      -webkit-border-radius: 4px;
      border-radius:         4px; }   
.tweet h3 .icon { background-image: url(/theme/img/twitter.png); }
.facebook h3 .icon { background-image: url(/theme/img/facebook.png); }
.email h3 .icon { background-image: url(/theme/img/email.png); }

.share textarea { 
   width: 249px;
   height: 120px;
   line-height: 1.5;
   cursor: default !important; }  
.share textarea:focus { background: #eb6e1f !important; }

.share .button { margin: 10px 0 0; }



/* Contact Us
------------------------------------ */


#contact-form {
    float: left;
    width: 316px;
    margin-right: 44px;
    }

.contact #content input { 
   width: 300px; 
   }
   
.contact #content textarea { 
   width: 300px;
   height: 140px; 
   }   
      
      
/* PAL: Tell Us Your Story
------------------------------------ */

.tell-us-your-story label { display: block; }

.tell-us-your-story #content textarea { 
    width: 97%;
    padding: 8px 1.5%;
    margin-top: 5px;
    }

.first_name label,
.last_name label,
.email_address label,
.phone_number label,
.cell_phone_number label,
.address_line_1 label,
.city label,
.state label,
.field_zip label { 
    float: left;
    width: 150px; 
    }

.tell-us-your-story #content .submit .button { 
    display: inline-block;
    margin: 5px; 
    }

      
/* Email Subscribe
------------------------------------ */
.email-subscribe #contact-form {
  float: none !important;
  width: auto !important; }


.email-subscribe #contact-form li {
  display: block !important; 
  margin-bottom: 3px !important;
  text-align: center; }
  
.email-subscribe #contact-form li input {
  width: 300px; 
  padding: 16px 12px; }  
  
.email-subscribe #contact-form li button {
  width: 323px; 
  padding: 12px; }