#hours {
display: none;
}
.contact_form_container {
margin: 4rem 0;
width: 80%;
box-shadow: 5px -5px 5px 0 rgba(0, 0, 0, .05), -5px 5px 5px 0 rgba(0, 0, 0, .05), -5px -5px 5px 0 rgba(0, 0, 0, .05), 5px 5px 5px 0 rgba(0, 0, 0, .05);
border-radius: 35px;
}
.contact_form_container form {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 2.5rem;
padding: 3rem 0 3rem;
border-radius: 35px;
}
.form_element_container {
width: 90%;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.form_input_container {
width: 48%;
}
.form_textarea_container {
width: 100%;
}
.form_input_container,
.form_textarea_container {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
}
.form_input_container input,
.form_textarea_container textarea {
width: 100%;
border: none;
border-bottom: 1.5px solid lightgrey;
}
.form_textarea_container textarea {
resize: vertical;
}
.form_input_container select{
margin: .5rem 0 1rem;
}
.form_input_container option,
.form_input_container select,
.form_input_container input,
.form_textarea_container textarea {
font-size: 1rem;
padding: .5rem;
font-family: 'Open Sans', sans-serif;
} .form_element_container label {
padding: .5rem;
font-size: 1.1rem;
} .form_input_container select:focus-visible,
.form_textarea_container textarea:focus,
.form_input_container input:focus {
outline: none;
border-bottom: 2px solid var(--main-gold);
font-family: 'Open Sans', sans-serif !important;
} .form_input_container input:-webkit-autofill,
.form_input_container input:-webkit-autofill:focus,
.form_textarea_container textarea:-webkit-autofill,
.form_textarea_container textarea:-webkit-autofill:focus {
transition: background-color 0s 600000s, color 0s 600000s !important;
font-family: 'Open Sans', sans-serif !important;
} .form_radio_container label {
display: flex;
align-items: center;
}
.form_radio_container input[type="radio"] {
width: 20px;
height: 20px;
margin: 6px;
border: 1.5px solid var(--main-gold);
border-radius: 50%;
appearance: none;
background-color: transparent;
outline: none;
transition: outline 0.1s;
}
.form_radio_container input[type="radio"]:not(:disabled):checked {
background-clip: content-box;
padding: 2px;
background-image: radial-gradient(
circle,
var(--main-gold) 0%,
var(--main-gold) 50%,
transparent 60%,
transparent 100%
);
}
@media (hover: hover) {
.form_radio_container input[type="radio"]:not(:disabled):hover {
background-color: var(--main-gold);
outline: 1px solid var(--main-gold);
transition: .2s;
}
}
.form_radio_container input[type="radio"]:focus-visible {
background-color: var(--main-gold);
outline: 1px solid var(--main-gold);
} @media all and (max-width: 1150px) {
.contact_form_container {
width: 90%;
}
}
@media all and (max-width: 1050px) {
.contact_form_container {
width: 95%;
}
}
@media all and (max-width: 950px) {
.contact_form_container {
width: 98%;
}
.form_input_container option,
.form_input_container select {
font-size: small;
}
.form_element_container label {
font-size: 1rem;
}
}
@media all and (max-width: 850px) {
.contact_form_container {
margin: 3rem 0;
}
.contact_form_container form {
padding: 3rem 1rem 2rem;
}
.form_element_container {
gap: 1.5rem;
}
.form_input_container {
width: 100%;
margin: .5rem 0;
}
}
@media (max-width: 700px) {
.contact_form_container form {
padding: 2.5rem 0 1.5rem;
}
}
@media (max-width: 480px) {
.contact_form_container form {
padding: 2rem 0 1rem;
}
}