/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  padding: 20px 20px;
  border: none;
  box-shadow: none;
  box-sizing: border-box; 
  width: 100%;
  font-size: 1.8rem; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #000;
}

@media (min-width: 768px) {
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  textarea {
    font-size: 2.0rem; /* currently ems cause chrome bug misinterpreting rems on body element */
  } 
}

input::placeholder { color: #000; }

select {
  font-family: 'Montserrat', sans-serif;  
  padding: 10px 15px;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  box-shadow: none;
  box-sizing: border-box; 
  font-size: 18px;
  font-weight: 700;
  border-radius: 0;
  -webkit-appearance: none;
  height: auto;
  line-height: auto;
  border: 4px solid #000;
  color: #000;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, #eb0f8b 50%),
    linear-gradient(135deg, #eb0f8b 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 23px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0em;
  background-size:
    8px 8px,
    8px 8px,
    0px 0em;
  background-repeat: no-repeat;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; 
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  outline: 0; 
}


.search-box input[type="search"] {
  width: 100%;
  height: 66px;
}
.search-box input[type="submit"] {
  width: 100%;
  outline: 0;
  border: none;
  font-family: 'Montserrat', sans-serif;
  background-color: #fff !important;
  color: #000 !important;
  line-height: 1;
  margin-top: 15px;
  height: 66px;
}
  @media (min-width: 768px) {
    .search-box input[type="search"] {
      width: 78%;
      float: left;
    }
    .search-box input[type="submit"] {
      width: 20%;
      float: left;
      padding: 24px 0 22px;
      margin-top: 0px;
    } 
  }