
    
button, input[type="submit"] {
font-family: inherit;
letter-spacing: 0.12em;
text-transform: uppercase;
color: white;
border: 0;
border-radius: 0;
font-size: 1em;
background: var(--c3);
padding: 0.9em 1.2em;
height: auto;
box-sizing: border-box;
text-decoration: none;
font-weight: bold;
transition:all .07s linear;
cursor:pointer
}

button:hover, input[type="submit"]:hover{
  background: var(--b);
  text-decoration: none;
  color:#fff;
  cursor:pointer
}


button.boxed {
  background:transparent;
  border:2px white solid;
  
  padding-top:calc(0.9em - 2px);
  padding-bottom:calc(0.9em - 2px);
  }
 
button.boxed:hover { background:white; color:black }

button.violet {background:#4a267f; }
button.violet:hover {background:#fff; color:#4a267f }

button.pink{background:#e932a6; }
button.pink:hover {background:#fff; color:#e932a6 }


input[type=text], input[type=email] {
    -webkit-appearance: none;
    font-family: inherit;
    
    font-style: normal;
    letter-spacing: 0.0em;
    text-align: left;
    margin-bottom: 1.3em;
    margin-right: 0;
    font-size: 18px;
    font-size: 1.1em;
    color: black;
    background: white;
    position: relative;
    bottom: 0;
    float: left;
    padding: 0.7em 0.8em;
    text-decoration: none;
    border: 0px solid grey;
    box-sizing: border-box;
    width: 100%;
}

textarea {border:0; width:100%; padding: 0.5em 0.8em; box-sizing: border-box; font-family: inherit; font-size: 1.1em; height: 6em;}


select { 
    font-family: inherit;
    font-weight: inherit;
    font-style: normal;
    letter-spacing: 0.0em;
    text-align: left;
    margin-bottom: 0;
    margin-right: 0em;
    font-size: 18px;
    color: black;
    background: white;
    position: relative;
    bottom: 0;
    float: left;
    text-decoration: none;
    border: 0px solid grey;
    box-sizing: border-box;
    width: 18em;
    padding: 0.5em 0.8em;
    font-size: 1.1em;}
       


input[type=text]:focus::-webkit-input-placeholder { color:transparent; }
input[type=text]:focus:-moz-placeholder { color:transparent; }
input[type=text]:focus::-webkit-input-placeholder{ color: transparent!important;}
input[type=text]:focus::-moz-placeholder{color: transparent!important;}
input[type=text]:focus:-moz-placeholder{color: transparent!important;}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder{ color: transparent!important;}
textarea:focus::-moz-placeholder{color: transparent!important;}
textarea:focus:-moz-placeholder{color: transparent!important;}

input[type=text]::-webkit-input-placeholder {color:#828282}
input[type=text]:-moz-placeholder {color:#828282}
input[type=text]::-moz-placeholder {color:#828282}
input[type=text]:-ms-input-placeholder {color:#828282}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; }     
