@charset "UTF-8";

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:18px; font-family:Georgia,"Times New Roman",Times,serif;}

/* ----------------------------------------------Forms in Comment Area------------------------------------- */

#comments form{display:block; width:100%;}
#comments form input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}
#comments form textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}
#comments form p{margin:5px 0;}
#comments form #submit, #comments form #reset{margin:0; padding:5px; color:#666666; background-color:#F7F7F7; cursor:pointer;}

/* ----------------------------------------------Contact Form in Footer------------------------------------ */

#footer label{display:none;}
#footer input{display:block; width:205px; margin:0 0 10px 0; padding:10px; border:none; color:#666666; background-color:#D4D4D4;}
#footer button{padding:8px; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; background-color:#7E5C88; border:none; cursor:pointer;}
#footer input, #footer button{border-radius:10px;}

/* ----------------------------------------------generic Form ------------------------------------ */

/* Style inputs with type="text", select elements and textareas */
input[type=text], input[type=list], select, textarea {
width: 100%; /* Full width */
padding: 12px; /* Some padding */ 
border: 1px solid #ccc; /* 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: 16px; /* Bottom margin */
resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {background-color: #4CAF50;color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {background-color: #45a049;}

/* Add a background color and some padding around the form */
#container {border-radius: 5px;/*background-color: #f2f2f2;*/background: rgba(240, 240, 240, 0.4);padding: 20px;}

/* ---------------------------------------------- box shadow Form ------------------------------------ */

.form1 {position: relative;background: rgba(240, 255, 255, 0.4);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);border-radius: 10px;padding:20px;overflow:hidden;color: #215121;width: 90%;max-width:800px;margin-top:10px;margin-bottom:10px;margin-left: auto;margin-right: auto;}

/* Full-width input fields */
.form1 input[type=text], input[type=password] {width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}

/* Set a style for all buttons */
.form1 button {background-color: #4CAF50;color: white;padding: 14px 20px;margin: 8px 0;border: none;cursor: pointer;width: 100%;}
.form1 button:hover {opacity: 0.8;}

@media screen and (max-width: 600px) {
#container #map {width:300px;height:300px;}
}