.contact__form{
display: flex;
justify-content: center;
position:relative;
top:80px;
z-index:1;
}
.form__container{
background-color:var(--orange);
width:80%;
padding:15px;
& h3{
color:white;
font-size:2.3rem;
font-family:'PoppinsBold';
margin: 20px 30px 0 30px;
line-height:1;
}
}
.contact__form__container{
display:flex;
padding: 0 40px 40px 40px;
justify-content: center;
gap:30px;
& p{
color:white;
margin:0;
font-size:0.9rem;
}
}
.form__content__left{
width:50%;
}
.form__content__right{
width:50%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
textarea{
height: 330px;
width: 100%;
border:none;
font-family: 'PoppinsMedium';
font-size: 0.8rem;
padding-top:10px;
text-indent:10px;
}
input{
border:none;
height:42px;
width:100%;
font-family: 'PoppinsMedium';
margin: 10px 0;
font-size: 0.8rem;
text-indent:10px;
}
.form__input{
margin-top: -10px;
}
.form__infos{
& p{
font-size:0.8rem;
line-height:1.2;
}
}
.submit__button{
display: flex;
justify-content: center;
& p{
width: 100%;
max-width: 250px;
}
& input{
background-color: white;
border-radius: 50px;
height: 65px;
width: 100%;
max-width: 300px;
color: var(--orange);
font-size: 1.1rem;
font-family: 'PoppinsBold';
margin: 20px 0;
transition: all .2s;
&:hover, :focus, :active{
background-color: var(--orange);
color: white;
border: 1px solid white;
transition: all .2s;
cursor:pointer;
}
}
}
.wpcf7 form .wpcf7-response-output{
font-family: 'PoppinsMedium';
color: white;
font-size: 0.8rem;
}
@media screen and (max-width:768px){
.contact__form__container{
flex-direction: column;
}
.form__content__left, .form__content__right{
width:100%;
}
textarea{
height:180px;
}
.contact__form{
top:50px;
}
.form__container h3{
font-size:2rem;
margin: 20px 20px 0 20px;
}
}
@media screen and (max-width:480px){
.contact__form__container{
padding: 0 20px 20px 20px;
}
.contact__page{
padding: 20px 0 0 0 !important;
}
} .contact__page{
padding: 50px 0 0 0;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: -30px;
& h2{
font-size:1.8rem !important;
font-family:'PoppinsExtraBold' !important;
}
}
.contact__page__header{
display:flex;
flex-direction: column;
align-items: center;
padding-top:30px;
& h1{
width:80%;
font-family: 'PoppinsBlack';
padding:5px 0;
margin: 0;
color: var(--orange);
font-size: 2.5rem;
line-height:1;
}
}
@media screen and (max-width:1024px){
.contact__page{
& p{
font-size:1rem !important;
}
}
}