.burger-open .burger-line:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.burger-open .burger-line:nth-child(2) {
opacity: 0;
}
.burger-open .burger-line:nth-child(3) {
transform: rotate(-45deg) translate(7px, -6px);
}
.scroll-burger-open .scroll-burger-line:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.scroll-burger-open .scroll-burger-line:nth-child(2) {
opacity: 0;
}
.scroll-burger-open .scroll-burger-line:nth-child(3) {
transform: rotate(-45deg) translate(7px, -6px);
}
.burger-line {
transition: all 0.3s ease-in-out;
}
.scroll-burger-line {
transition: all 0.3s ease-in-out;
}.wpcf7 {
font-family: "Inter", sans-serif;
}
.wpcf7-form {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.wpcf7-form label {
display: block;
color: white;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 5px;
background-color: white;
border: none;
outline: none;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 15px;
color: black;
resize: none;
margin-top: 2px;
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
color: #a8a8a8;
}
.wpcf7-form textarea {
height: 10vh;
min-height: 110px;
}
.wpcf7-form input[type="submit"] {
background: linear-gradient(180deg, #484848 0%, #191919 115%);
box-shadow: 1px 1px 0px 0px #565656 inset,
0px 3px 15px 0px rgba(48, 48, 48, 0.43);
padding: 10px 24px;
border-radius: 100px;
width: 309px;
display: block;
margin: 0 auto;
color: white;
font-family: "Inter", sans-serif;
text-align: center;
border: none;
margin-top: -17px;
cursor: pointer;
}
.submit-wrapper {
text-align: center;
margin-top: 20px;
font-size: 18px;
line-height: 46px;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #222;
}
@media (min-width: 640px) {
.two-columns {
display: flex;
}
.two-columns label {
flex: 1 1 50%;
display: flex;
flex-direction: column;
margin: 0;
}
}
.wpcf7-form > label:nth-child(1),
.wpcf7-form > label:nth-child(2) {
width: 100%;
float: none;
}
.two-columns {
display: flex;
gap: 1rem;
margin-bottom: -1.5rem;
flex-wrap: nowrap;
justify-content: space-between;
}
.two-columns label {
flex: 1 1 50%;
display: flex;
flex-direction: column;
}
.wpcf7-not-valid-tip {
color: #b60202;
margin-bottom: -22px;
margin-top: 3px;
font-weight: 700;
text-transform: none;
}
.wpcf7-response-output {
display: none;
}
.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-form input:invalid,
.wpcf7-form textarea:invalid {
box-shadow: 0 0 0 2px rgba(255, 25, 0, 0.8);
}