/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    font-family: 'Raleway', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #b2614c;
    letter-spacing: -1px;
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ffffff; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 8px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}


/* Style the submit button with a specific background color for email sending */
input[type=submit] {
  background-color: #17a53681;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a lighter color */
input[type=submit]:hover {
  background-color: #1fdc4881;
}



/* Style the date button when it is open for registration   background-color: #056e88df; */
input[type=submit2] {
  background-color: #17a53681;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  width: 2%;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

@media (width < 1025px) {
  input[type=submit2] {
    width: 7%;
  }
}

/* When moving the mouse over the button, add a lighter color */
input[type=submit2]:hover {
  background-color: #1fdc4881;
}


/* Style the date button when it is closed for registration */
input[type=submit3] {
  background-color: #7c0c2c;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  width: 2%;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

@media (width < 1025px) {
  input[type=submit3] {
    width: 7%;
  }
}

/* When moving the mouse over the button, add a lighter color */
input[type=submit3]:hover {
  background-color: #b70b3b;
}



/* Style the date button when the festival dates are estimated and not yet confirmed */
input[type=submit4] {
  background-color: #bb4902;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  width: 2%;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

@media (width < 1025px) {
  input[type=submit4] {
    width: 7%;
  }
}

/* When moving the mouse over the button, add a lighter color */
input[type=submit4]:hover {
  background-color: #bb4902;
}


/* Add a background color and some padding around the form 
.container {
  border-radius: 5px;
  background-color: #00f2f2;
  padding: 20px;
}
*/