File: /home/frenchy/refonte2023/wordpress/wp-content/themes/gimont/assets/scss/elementor/_mc4wp.scss
.ova-mc4wp-form{
position: relative;
max-width: 600px;
.email {
@media (max-width: 400px) {
margin-bottom: 16px;
}
input{
font-style: normal;
font-size: 14px;
font-weight: 500;
line-height: 1;
width: 100%;
letter-spacing: 0.3px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.06);
caret-color: var(--primary);
border: none;
border-radius: 0;
padding: 22px 30px;
&::placeholder {
opacity: 1;
}
}
}
.submit{
position: absolute;
right: 0;
top: 0;
bottom: 0;
@media (max-width: 400px) {
position: relative;
}
button{
padding: 0 30px;
line-height: 61px;
transition: all .3s ease;
border-radius: 0;
@media (max-width: 400px) {
display: block;
width: 100%;
}
span{
color: #fff;
font-weight: 700;
text-transform: capitalize;
transition: all .3s ease;
}
&:hover{
background-color: #fff;
span {
color: var(--primary);
}
}
}
}
}
// message error
.mc4wp-response{
p{
color: #fff;
margin: 15px 0px !important;
a {
color: var(--primary) !important;
}
}
}
.ova-mc4wp-form-template2 {
.ova-mc4wp-form {
.submit {
button {
background-color: var(--heading);
border-color: var(--heading);
span {
color: #fff;
}
&:hover {
background-color: #fff;
span {
color: var(--heading);
}
}
}
}
}
}
.ova-mc4wp-form-template3 {
.ova-mc4wp-form {
max-width: 470px;
.email {
input {
background-color: #f3f4f7;
border: 1px solid rgba(5, 26, 83, 0.1);
}
}
.submit {
position: static;
margin-top: 10px;
button {
padding: 0 40px;
background-color: var(--heading);
border-color: var(--heading);
span {
color: #fff;
}
&:hover {
background-color: #fff;
span {
color: var(--heading);
}
}
}
}
}
}
.ova-mc4wp-form-template4 {
.ova-mc4wp-form {
max-width: 470px;
.email {
input {
padding: 17px;
background-color: #f3f4f7;
border: 1px solid rgba(5, 26, 83, 0.1);
}
}
.submit {
position: static;
margin-top: 10px;
button {
padding: 0 40px;
background-color: var(--primary);
border-color: var(--primary);
line-height: 52px;
span {
color: #fff;
}
&:hover {
background-color: #fff;
span {
color: var(--primary);
}
}
}
}
}
}