﻿body {background: linear-gradient(90deg, #E2EEF3 50%, #FBFBFB 100%);}
/*======NEWSLETTER==================================*/
#newsletter {padding: 150px 0px;position:relative;overflow:hidden;}
#newsletter-forma1{position:absolute;top: 0px;left: -40px;height:290px;}
#newsletter-forma1 img{height:100%;}
#newsletter-forma2 {position: absolute;bottom: -26px;height: 350px;right: 110px;}
#newsletter-forma2 img{height:100%;}
.newsletter-container{display: flex;justify-content: center;}
.newsletter-wrapper{width:max-content;}
.newsletter-container h3{font-size:3.75rem}
.newsletter-container p{font-size:1rem;font-weight:700;margin-bottom:40px;}
.left-newsletter-row{width:100%;flex-shrink:0;}
.newsletter-form-group{display:flex;justify-content:space-between;}
.newsletter-form-group > div:nth-of-type(1) {width:calc(100% / 2 - 10px);}
.newsletter-form-group > div:nth-of-type(2) {width:calc(100% / 2 - 10px);}
input[type="text"]{width:100%;height:42px;border-radius:10px;background-color:#F2F6F8;border:none;margin-bottom:10px;padding:0px 20px;color:var(--ink);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
input[type="text"]::placeholder{font-size:1rem;color:var(--ink);opacity:0.8}
input[type="text"]:focus{outline:none;border:1px solid var(--ink) !important;}
input[type="email"]{width:100%;height:42px;border-radius:10px;background-color:#F2F6F8;border:none;margin-bottom:10px;padding:0px 20px;color:var(--ink);box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
input[type="email"]::placeholder{font-size:1rem;color:var(--ink);opacity:0.8}
input[type="email"]:focus{outline:none;border:1px solid var(--ink) !important;}
#mce-EMAIL{margin-bottom: 50px;}
.right-newsletter-row {
    width: 100%;
    border: 3px solid var(--ink);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    background-color: #E2EEF3
}
.right-newsletter-row h5{margin-bottom:30px;font-size:1rem}
.right-newsletter-row p{margin-bottom:10px;font-size:1rem}
#newsletter-submit-btn{margin-bottom:40px;}
#back-right-newsletter-row{height:100%;width:100%;position:absolute;border:3px solid var(--rosaScuro);bottom:-30px;right:-30px;border-radius:30px;}
.right-newsletter-row-positioning{position:relative;height:max-content;width:75%;}
/*========CHECKBOXES=========================================*/
.checkbox-wrapper {
      display: inline-flex;
      gap: 10px;
      cursor: pointer;
      user-select: none;
      width:400px;
}
.privacy-button{margin-bottom:15px;}
.captcha-button{margin-bottom:15px;}
#newsletter-error{color:red;margin-bottom:20px;}
.checkbox-wrapper.error .checkbox-custom {
    border: 1px solid red
}
.checkbox-wrapper.error .checkbox-label{color:red}
.checkbox-input {
    display: none;
}
.checkbox-custom {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    background-color: white;
    border: 2px solid var(--ink);
    transition: all 0.2s ease;
    flex-shrink:0;
}
#consensoPrivacy{width:100%;}
/* quando è checkata */
.checkbox-input.fieldDisabled + .checkbox-custom {
    background-color: #E5EBEE;
    border-color: #AEC6D0;
}
.checkbox-input:checked + .checkbox-custom {
    background-color: #ff5c8a;
    border-color: #ff5c8a;
}
    
.checkbox-input.fieldDisabled:checked + .checkbox-custom, .checkbox-input.fieldDisabled + .checkbox-custom {
    cursor: not-allowed;
}
.checkbox-label {
    font-size: 1rem;
    color: #004b6b;
    cursor:auto;
    line-height:1.5rem;
}
@media (max-width:1700px) {
    /*==========NEWSLETTER==========*/
    .newsletter-container h3 {font-size: 3rem}
    
}

@media(max-width:1450px){
    /*=====NEWSLETTER=========*/
    .newsletter-container{width:60vw;}
    #newsletter-forma2{display:none}
    #newsletter-forma1 {position: absolute;top: -30px;left: auto;height: 170px;right: -67px;}
}

@media(max-width:1100px){
    /*==========NEWSLETTER==========*/
    .newsletter-container{width:90vw;}
    
}

@media(max-width:870px){
    /*==========NEWSLETTER==========*/
}
@media(max-width:576px){
    /*====NEWSLETTER=========*/
    .newsletter-container h3 {font-size: 2rem}
    .right-newsletter-row-positioning {width: 90%;}
    .newsletter-form-group {display:block;justify-content: space-between;}
    .newsletter-form-group > div:nth-of-type(1) {width: 100%;}
    .newsletter-form-group > div:nth-of-type(2) {width: 100%;}
}