.wrap-squeeze-newsletter {
background: #e8593e;
padding: 0;
margin: 0;
width: 100%;
}
.wrap-squeeze-newsletter .bottom {
display: none;
background: #e8593e;
width: 100%;
min-height: 400px;
clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 100%);
}
.wrap-squeeze-newsletter .squeeze-newsletter {
background: #fff url(//www.andrealeti.it/wp-content/themes/Andrealeti2018/images/bk-newsletter.png) no-repeat;
background-size: cover;
width: 100%;
padding: 80px 0 0 0;
}
.wrap-squeeze-newsletter .squeeze-content h1.mobile,
.wrap-squeeze-newsletter .squeeze-content h2.mobile {
display: none;
}
.wrap-squeeze-newsletter .squeeze-content h1 {
color: #000;
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: 31px;
line-height: 1.1;
margin-left: -160px;
}
.wrap-squeeze-newsletter .squeeze-content h2 {
color: #e8593e;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 25px;
line-height: 1.2;
margin-left: 0;
margin-top: 40px;
}
.wrap-squeeze-newsletter .wrap-form-newsletter {
background: #e8593e;
position: relative;
z-index: 100;
padding-bottom: 30px;
}
.wrap-squeeze-newsletter .form-newsletter {
background: #fff;
border-radius: 40px;
padding: 40px 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 4;
margin-top: -420px;
}
.wrap-squeeze-newsletter .form-newsletter h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
margin: 0 0 20px 0;
}
.form-newsletter input {
width: 100%;
height: 60px;
border-radius: 40px;
font-size: 22px;
color: #333;
font-style: italic;
padding: 0 20px 0 50px;
line-height: 60px;
}
.form-newsletter input::placeholder {
font-size: 22px;
color: #333;
font-style: italic;
}
.form-newsletter label {
position: relative;
}
.form-newsletter label i {
position: absolute;
top: 20px;
left: 20px;
font-size: 22px;
color: #e8593e;
z-index: 2;
}
.form-newsletter input[type="checkbox"] {
width: 14px;
height: 14px;
display: inline;
padding-left: 0;
margin-right: 0;
}
.form-newsletter label {
font-size: 13px;
}
.form-newsletter input[type="submit"] {
background: #333;
color: #fff;
margin-top: 30px;
padding: 0;
}
.form-newsletter p {
font-size: 27px;
color: #e8593e;
font-weight: 900;
margin-top: 30px;
}
.form-newsletter p span {
font-size: 100px;
display: block;
line-height: 0.81;
}
.footer-newsletter {
background-color: #e8593e;
padding: 30px 0 30px 0;
}
.footer-newsletter p,
.footer-newsletter a {
color: #fff;
font-size: 14px !important;
}
.wrap-squeeze-newsletter .testimonial {
background-color: #fff;
border: 0;
margin-top: 40px;
}
.wrap-squeeze-newsletter .testimonial img {
margin-bottom: 20px;
}
.wrap-squeeze-newsletter .testimonial p {
font-size: 22px;
}
.wrap-squeeze-newsletter .testimonial .nome-testimonial {
display: flex;
flex-direction: column;
flex-wrap: wrap;
text-transform: uppercase;
align-items: center;
justify-content: center;
}
.wrap-squeeze-newsletter .testimonial .nome-testimonial p {
font-size: 16px !important;
}
.wrap-squeeze-newsletter .testimonial .nome-testimonial .fa-star {
color: gold;
}
@media (max-width: 1200px) {
.wrap-squeeze-newsletter .squeeze-content h2 {
font-size: 23px;
}
.wrap-squeeze-newsletter img.andrea {
margin-left: -100px;
}
.wrap-squeeze-newsletter .squeeze-content,
.wrap-squeeze-newsletter .form-newsletter {
margin-left: -100px;
}
.wrap-squeeze-newsletter .form-newsletter {
margin-top: -340px;
}
}
@media (max-width: 1024px) {
.form-newsletter h3 {
font-size: 24px;
}
}
@media (max-width: 960px) {
.wrap-squeeze-newsletter .squeeze-content h1 {
font-size: 28px;
margin-left: -160px;
}
.wrap-squeeze-newsletter .squeeze-content h2 {
font-size: 22px;
}
.wrap-squeeze-newsletter .form-newsletter {
margin-top: -300px;
}
}
@media (max-width: 860px) {
.wrap-squeeze-newsletter .form-newsletter {
margin-top: -250px;
}
}
@media (max-width: 820px) {
.wrap-squeeze-newsletter .wrap-form-newsletter .columns {
width: 100%;
}
.wrap-squeeze-newsletter .form-newsletter {
margin-left: unset;
width: 80%;
margin: 0 auto;
margin-top: -220px;
}
.wrap-squeeze-newsletter .squeeze-content h1 {
font-size: 26px;
margin-left: -160px;
}
.wrap-squeeze-newsletter .squeeze-content h2 {
font-size: 20px;
margin-top: 20px;
}
.wrap-squeeze-newsletter .testimonial .columns {
margin-bottom: 30px;
}
}
@media (max-width: 733px) {
.wrap-squeeze-newsletter .squeeze-newsletter {
padding: 30px 0 0 0;
}
.wrap-squeeze-newsletter .squeeze-newsletter .columns:nth-child(1) {
width: 65%;
}
.wrap-squeeze-newsletter .squeeze-newsletter .columns:nth-child(2) {
width: 35%;
}
.wrap-squeeze-newsletter img.andrea {
margin-left: -160px;
}
.wrap-squeeze-newsletter .squeeze-content h1 {
font-size: 23px;
margin-left: -210px;
margin-top: 100px;
}
.wrap-squeeze-newsletter .squeeze-content h2 {
margin-left: -80px;
}
}
@media (max-width: 640px) {
.wrap-squeeze-newsletter .squeeze-newsletter .columns:nth-child(1) {
width: 60%;
}
.wrap-squeeze-newsletter .squeeze-newsletter .columns:nth-child(2) {
width: 40%;
}
.wrap-squeeze-newsletter .squeeze-content h1,
.wrap-squeeze-newsletter .squeeze-content h2 {
margin-left: 0;
display: none;
}
.wrap-squeeze-newsletter .squeeze-content h1.mobile,
.wrap-squeeze-newsletter .squeeze-content h2.mobile {
display: block;
}
.wrap-sq .wrap-squeeze-newsletter .squeeze-content h1 .spazi,
.wrap-squeeze-newsletter .squeeze-content h2 .spazi {
display: none;
}
.wrap-squeeze-newsletter .squeeze-content h1 {
margin-top: 50px;
font-size: 28px;
}
.wrap-squeeze-newsletter img.andrea {
margin-left: -60px;
}
.wrap-squeeze-newsletter .form-newsletter {
margin-left: unset;
width: 80%;
margin: 0 auto;
margin-top: 0px;
margin-top: -180px;
}
}
@media (max-width: 600px) {
.wrap-squeeze-newsletter .form-newsletter {
margin-top: -130px;
}
}
@media (max-width: 568px) {
.wrap-squeeze-newsletter .squeeze-content h1 {
margin-top: 30px;
font-size: 24px;
}
.wrap-squeeze-newsletter .squeeze-content h2 {
font-size: 18px;
margin-top: 20px;
}
}
@media (max-width: 480px) {
.wrap-squeeze-newsletter .squeeze-content h1 {
margin-top: 30px;
font-size: 24px;
text-align: right;
margin-top: 0;
}
.wrap-squeeze-newsletter .squeeze-content h2 {
font-size: 17px;
margin-top: 20px;
text-align: right;
}
.wrap-squeeze-newsletter .form-newsletter {
width: 100%;
margin-top: -50px;
}
.wrap-squeeze-newsletter img.andrea {
margin-left: -60px;
transform: scale(1.2);
}
.wrap-squeeze-newsletter .testimonial .columns {
padding: 0 1em;
}
}
@media (max-width: 414px) {
.wrap-squeeze-newsletter .form-newsletter {
width: 100%;
margin-top: -50px;
padding: 30px 20px;
}
.wrap-squeeze-newsletter img.andrea {
margin-left: -60px;
transform: scale(1.8);
margin-top: 80px;
}
.form-newsletter p {
font-size: 20px;
}
}