.contact-form-inputs input {
width: 100%;
border-bottom: 1px solid #000000;
height: 40px;
font-family: Sohne, sans-serif;
font-size: 12px;
font-weight: 300;
color:#000000;
background-color: #FAF6F1;
}
.contact-form-inputs input::placeholder {
color:#000000;
text-transform: uppercase;
}
.contact-forms-two-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:32px;
}
.contact-forms-one-column {
width: 100%;
}
.contact-forms-two-columns, .contact-forms-one-column {
padding-bottom: 32px;
}
.contact-form-inputs select {
color:#000000;
text-transform: uppercase;
width: 100%;
border-bottom: 1px solid #000000;
background-color: #FAF6F1;
font-family: Sohne, sans-serif;
font-size: 12px;
height: 40px;
font-weight: 300;
}
.custom-select-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.custom-select-wrapper select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
.custom-select-arrow {
position: absolute;
right: 0;
bottom: 17px;
pointer-events: none;
}
.contact-form-submit {
display: flex;
justify-content: center;
align-items: center;
}
.contact-form-submit input[type="submit"] {
background-color: #172B1D;
border:1px solid #172B1D;
color:#FAF6F1;
text-transform: uppercase;
font-size: 12px;
font-family: Sohne, sans-serif;
padding: 12px 24px;
cursor: pointer;
}
.contact-form-submit input[type="submit"]:hover {
color:#172B1D;
background-color: #FAF6F1;
border:1px solid #172B1D;
}
.contact-form-submit p {
display: flex;
flex-direction: column;
}
.custom-select-wrapper select[multiple="multiple"] {
min-height: 60px;
}
.custom-select-wrapper label ,.contact-form-inputs label{
font-weight: 300;
font-family: Sohne, sans-serif;
color:#000000;
font-size: 12px;
padding-bottom: 8px;
display: block;
}
@media only screen and (max-width: 600px) {
.contact-forms-two-columns {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap:32px;
}
.contact-form-submit input[type="submit"], .contact-form-submit p {
width:100%;
}
}