/* Placeholder colors */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9b9b9b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9b9b9b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9b9b9b;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #9b9b9b;
}

textarea::placeholder { color: #9b9b9b; font-family: arial; }

/* Colors for focused fields */

input[type=text], input[type=email], textarea {
  outline: none;
  border: 1px solid #9b9b9b;
}
 
input[type=text]:focus, input[type=email]:focus, textarea:focus {
  border: 1px solid #00C5BE;
}

/* Input styling */

textarea {
   font-family: arial;
   width: 27rem;
   font-size: 1rem;
   padding: 0.6rem;
   margin-right: 0.5rem;
   margin-left: 0.5rem;
   border-radius: 5px;
   border: 1px solid #9b9b9b;
   color: #9b9b9b !important;
}

.contact-form-div input {
   display: block;
   font-size: 1rem;
   width: 27rem;
   padding: 0.6rem;
   margin: 0.5rem;
   border-radius: 5px;
   border: 1px solid #9b9b9b;
   color: #9b9b9b !important;
}

.contact-form-div input[type=submit] {
   width: auto;
   background-color: #00C5BE;
   border: none;
   color: #fff !important;
   font-size: 1em;
   padding: 10px 50px;
   text-transform: uppercase;
   font-weight: normal;
}

/* File upload group */
.file-upload-group {
   margin: 0.5rem;
}
.file-upload-label {
   display: block;
   font-size: 14px;
   color: #555;
   margin-bottom: 6px;
}
.file-upload-group input[type=file] {
   font-size: 14px;
   width: auto;
   padding: 8px;
   border: 1px dashed #ccc;
   border-radius: 5px;
   background: #fafafa;
   cursor: pointer;
}
.file-upload-hint {
   display: block;
   font-size: 12px;
   color: #999;
   margin-top: 4px;
}

/* Honeypot technique, hide the fake field */
#m66 {
   display: none;
}

/* Mobile responsive styles */
@media screen and (max-width: 767px) {
   textarea,
   .contact-form-div input {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      margin-left: 0;
      margin-right: 0;
   }

   .contact-form-div input[type=submit] {
      width: 100%;
      padding: 12px 20px;
   }
}

@media screen and (max-width: 480px) {
   textarea,
   .contact-form-div input {
      font-size: 16px; /* Prevents iOS zoom on focus */
   }
}