/* THIS IS USED FOR ALL FORMS, NOT JUST CONTACT! */
/****** contact form ******/
.contact_form
{
  font-size:1.5rem;
}
.contact_form .mandatory
{
  color: #ff0000;
}
.contact_form input, .contact_form textarea, .contact_form select, .contact_form .button, .contact_form .textarea
{
  width:80%;
  padding:4px; 
  color: #666; 
  background: #f7f7f7; 
  border: 1px solid #c4c4c4;
  font-family:inherit;
  font-size:1.5rem;
}

.contact_form .button
{
  width:80% !important; /* need that for .button */
  margin:0 auto;
  text-align:center;
  font-size:1.5rem;
}
.contact_form textarea, .contact_form .textarea 
{
  width:80%;
}
.contact_form .textarea 
{
  padding:1rem !important;
}
.contact_form input:focus, .contact_form textarea:focus, .contact_form select:focus, .contact_form .button, .contact_form .textarea 
{
  border:1px solid #989898; 
  background-color:#fefefe;
}
.contact_form input[type='radio']:focus, .contact_form input[type='checkbox']:focus
{
  border:none;
  background-color:#fefefe;
}

.contact_form input.code 
{
  width:80%;
  margin-top:4px
}
.contact_form span.error 
{
  background:url(../images/cross.gif) 5px 0 no-repeat; 
  padding-left:25px; 
  vertical-align:text-top
}
.contact_box .notice_box,
.contact_box #notice_box 
{
  padding-top:4px;
  font-weight:bold;
  font-size:1.5rem;
}
.contact_box .notice_box div,
.contact_box #notice_box div
{
  padding:5px 10px 5px 50px; 
  border-radius: 6px;
  width:75%;
  margin:0 auto;
}
.contact_box .alert 
{
  background:url(../images/error.png) 10px 6px no-repeat #ffc0c0; 
  background-size:32px 32px;
  color:#666452;
  min-height:40px;
}
.contact_box .success 
{
  background:url(../images/success.png) 10px 6px no-repeat #e5ffce; 
  background-size:32px 32px;
  color:#6a6668;
  min-height:40px;
}

.contact_form 
{
  max-width:1600px;
  margin:0 auto;
}

.contact_form input[type=text], .contact_form select, .contact_form textarea, .contact_form input[type=password], .contact_form input[type=email], .contact_form .textarea, .contact_form input[type=file]
{
  width: 90%; /* important to not be 90%, for select pulldowns */
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}
.contact_form input[type=radio], .contact_form input[type=checkbox]
{
  padding: 6px;
  margin-right:6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.contact_form label
{
  padding-top: 10px;
  padding-right: 10px;
  display: inline-block;
  font-size:inherit;
  font-size:1.5rem;
}
.contact_form .container 
{
  margin-top:10px;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  border:1px solid #404040;
  border-radius:20px;
}

.contact_form .col-25 
{
  float: left;
  width: 25%;
  margin-top: 2px;
  text-align:right;
}

.contact_form .col-75
{
  float: left;
  width: 75%;
  margin-top: 6px;
}

.contact_form .col-100 
{
  width:100%;
  text-align:center;
}

.contact_form .row:after 
{
  content: "";
  display: table;
  clear: both;
}

.contact_form .error
{
  color:#800000;
  background-color:#ffff40;
  border:1px solid #800000;
  padding:12px;
}


.contact_wrapper
{
  width:95%;
  font-size:1.5rem;
}
.contact_form input[type=submit], .contact_form .button
{
  width:90%;
  outline:none;
  margin-top:1rem;
  padding: 12px 20px;
  cursor: pointer;
/*  background-color:#518e8e;*/
  background-color: #000000;
  color: gold;
  border-radius:20px;
  border:none;
/*  font-weight:bold; */
}
.contact_form input[type=submit]:hover, .contact_form .button:hover
{
/*  background-color: #579a9a; */
  background-color: #666666;
}

.contact_wrapper h1, .contact_wrapper h2
{
  font-family: 'Times New Roman',serif;
  font-size:2.2rem;
  letter-spacing: .2rem;
  font-weight:bold;
  color: #34fafa;
}
.contact_form .form_image
{
  width:50%;
  max-width:300px;
  text-align:center;
  margin:0 auto;
}
.contact_form .form_image img
{
  width:auto !important;
  max-width:300px;
  border-radius:4px;
}
.contact_form .file_input_button
{
  width:100%;
  display:inline-block;
}
.contact_form .file_input_button input
{
/*
  color:transparent;
  background-color:transparent;
 */
  border:none;
}
.contact_form .file_input_text
{
  width:34%;
  display:inline-block;
}

/* this must be last */
.contact_form .checkbox, .contact_form .radio   
{
  width:2rem;
  height:2rem;
  accent-color: #000000;
} 
/* Stack columns when screen less than 600px wide */
@media screen and (max-width: 640px) 
{
  .contact_form .col-25, .contact_form .col-75, .contact_form input[type=submit], .contact_form .button
  {
    width: 99%;
    /*
    padding-left:2%;
    padding-right:2%;
    */
    margin-top: 0;
    float:none;
  }
  .contact_form .col-25 
  {
    text-align:left;
  }
  .contact_form input[type=submit], .contact_form .button
  {
    margin-top:1rem;
  }
  .contact_form .checkbox, .contact_form .radio   
  {
    width:1.5rem;
    height:1.5rem;
  } 
}
.contact_form input.password,
.contact_form input.datepicker 
{
  width:80%;
}
.contact_form i
{
  margin-left:1rem;
  font-size:1.5rem;
}
.contact_form i.password-eye-open
{
  cursor:pointer;
  display:inline-block;
}
.contact_form i.password-eye-slash
{
  cursor:pointer;
  display:none;
}
input::-ms-reveal, input::-ms-clear 
{
  display: none !important;
}
.text
{
  font-size:1.5rem;
}
img.captcha_img
{
  width:8rem !important;
  vertical-align:bottom;
  border-radius:4px;
}
label.required
{
  font-weight:bold;
}
.delete-warning
{
  color:red;
}
.field-text
{
  padding-top:.4rem;
}
/* next 4 are for checkbox next to other field */
.checkbox-inner-label
{
  display:inline-block;
}
.checkbox-inner-div
{
  display:inline-block;
  vertical-align:middle;
}
.checkbox-text-div
{
  width:76%;
  display:inline-block;
}
.checkbox-checkbox-div
{
  width:22%;
  display:inline-block;
}
.row
{
  clear:both;
}
@media screen and (max-width: 1000px) 
{
  .contact_form
  {
    font-size:1.3rem;
  }
  .contact_form input, .contact_form textarea, .contact_form select, .contact_form .button, .contact_form .textarea
  {
    font-size:1.3rem;
  }
  .contact_form .button
  {
    font-size:1.3rem;
  }
  .contact_form label
  {
    font-size:1.3rem;
  }
  .contact_wrapper h1, .contact_wrapper h2
  {
    font-size:2rem;
  }
  .contact_form i
  {
    font-size:1.3rem;
  }
  .contact_box .notice_box,
  .contact_box #notice_box 
  {
    font-size:1.3rem;
  }
  .text
  {
    font-size:1.3rem;
  }
}