/* Contact form style */
/* Display and close submit result */
.radio_close, .radio_show { display: none; }

.info_hide {
  display: inline-block;
  visibility: hidden;
  position: fixed;
  color: dimgray;
  background-color: cornsilk;
  border: 0.75vmin solid gray;
  border-radius: 0.75vmin;
  padding: 1vmin 1vmin 1vmin 1vmin;
}

#radio_subokay:checked~#info_subokay { visibility: visible; }
#radio_subfail:checked~#info_subfail { visibility: visible; }

.close_label {
  position: absolute;
  top: -3.5vmin;
  right: -3.0vmin;
  border: 0.5vmin solid gray;
  border-radius: 4vmin;
  color: white;
  background-color: black;
  font-size: 4vmin;
  font-weight: bold;
  padding: 0vmin 1.0vmin 0vmin 1.0vmin;
  cursor: pointer;
}

.close_label:hover {
  background-color: lightgray;
}

/* Form fields */
#contact_table {
  margin: 0vmin 0vmin 0vmin 0vmin;
  border-spacing: 1vmin;
  border-collapse: separate;
  font-size: 2.75vmin;
  font-family: arial, sanserif;
}

td.col_name {
  width: 40%;
}

td.col_field {
  width: 60%;
}

#contact_table tr:nth-child(2) {
  display: none;
}

span.email_emphasis { display: none; }
#contact_table tr:nth-child(3) td:nth-child(1):before { content: "Your Email Address:"; }

fieldset.info_fieldset {
  margin: 2.0vmin 2.0vmin 1vmin 2.0vmin;
  padding: 0.5vmin 1.5vmin 1vmin 1.5vmin;
  border: 0.5vmin solid lightblue;
}

input[type="text"],input[type="tel"],input[type="email"] {
  color: darkslategray;
  border: 0.1vmin solid lightblue;
  background-color: lavender;
  font-family: courier, monospace;
  font-size: 3.75vmin;
  width: 100%;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus {
  color: black;
  border: 0.2vmin solid lightblue;
  box-shadow: 0vmin 0vmin 2vmin lightblue;
}

textarea#message_field {
  width: 100%;
  border: 0.1vmin solid lightblue;
  padding: 0.2vmin;
  background-color: lavender;
  color: darkslategray;
  font-family: courier, monospace;  font-size: 3.75vmin;
}

textarea#message_field:focus {
  border: 0.2vmin solid lightblue;
  padding: 0.2vmin;
  box-shadow: 0vmin 0vmin 2vmin lightblue;
}


fieldset p {
  padding-bottom: 0.75vmin;
}

.button {
  display: inline-block;
  color: white;
  background-color: royalblue;
  font-size: 2.75vmin;
  padding: 0.75vmin 1.25vmin 0.75vmin 1.25vmin;
  border: 0.2vmin solid white;
  border-radius: 0.5vmin;
  box-shadow: 0.3vmin 0.3vmin 0.75vmin black;
  cursor: pointer;
}

.button[type="submit"] {
  float: left;
  margin: 0.5vmin 0vmin 0.5vmin 15vmin;
}

.button[type="reset"] {
  float: right;
  margin: 0.5vmin 15vmin 0.5vmin 0vmin;
}

.button[type="submit"]:hover, .button[type="reset"]:hover {
  background-color: skyblue;/*#FFC800;*/
  border: 0.4vmin solid white;
  padding: 0.55vmin 1.05vmin 0.55vmin 1.05vmin;
}

div#checkbot { display: none; overflow: hidden; }

/* RWD */
@media screen and (orientation: portrait) {
  .info_hide {
    top: 25vh;
    left: calc(50% - 40vmin);
    width: 80vmin;
  }
}

@media screen and (orientation: landscape) {
  .info_hide {
    top: 25vh;
    left: calc(50% - 40vmin);
    width: 80vmin;
  }
}

@media screen and (min-width: 560px) {
  #contact_table { font-size: 2.5vmin; }
  input[type="text"],input[type="tel"],input[type="email"] { font-size: 3.25vmin; }
  textarea#message_field { font-size: 3.25vmin; }
  .button { font-size: 2.0vmin; }
  .close_label { font-size: 3.5vmin; top: -3.25vmin; right: -3vmin; }
}