/* Webform subscribe Newsletter */
body.path-webform {
    overflow-y: hidden; 
}
#it-region-breadcrumb {
    margin-top: 20px; 
 }
 #edit-flexbox > div:nth-child(1) {
    flex: 4; 
 }
 #edit-mail-icon {
    margin: 30px 0 0 0; 
 }
 #edit-mail-icon > img {
    width: 100px;
    margin-left: -15px;
 }
 #edit-webform-iscrizione-newsletter-name--wrapper > legend {
    display: none; 
 }
 .webform-subscribe-newsletter > div > * {
     margin-bottom: 30px;
 }
 #edit-flexbox1 > div:nth-child(1), #edit-flexbox1 > div:nth-child(2), #edit-flexbox2 > div:nth-child(1), #edit-flexbox2 > div:nth-child(2)  {
     max-width: 380px;
     min-width: 280px;
     margin: 0 30px 40px 0;
 }
 #edit-flexbox1 > div:nth-child(1) > div, #edit-flexbox1 > div:nth-child(2) > div, #edit-flexbox2 > div:nth-child(1) > div, #edit-flexbox2 > div:nth-child(2) > div {
     margin: 0; 
 }
 #edit-flexbox2 > div, #edit-webform-iscrizione-newsletter-name-first, #edit-webform-iscrizione-newsletter-name-last {
     max-width: 380px; 
 }
 .description > h4, .webform-element-description > h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    color: #272727;
 }
 #edit-webform-iscrizione-newsletter-strumenti-e-temi--wrapper > div > span > div {
    margin: 0px 0 40px 0; 
 }
 .webform-subscribe-newsletter .webform-subscribe-newsletter-checkbox-tag > div > div {
     display: flex;
     flex-wrap: wrap;
 }
 .webform-subscribe-newsletter .webform-subscribe-newsletter-checkbox-tag > div > div > div {
     margin: 0 20px 0 0;
 }
 .webform-subscribe-newsletter .webform-subscribe-newsletter-checkbox-tag label {
     padding: 0px 15px !important;
     border: 1px solid #0165CA;
     box-sizing: border-box;
     border-radius: 40px;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     height: auto;
     color: #0165CA;
 }
 #edit-webform-iscrizione-newsletter-strumenti-e-temi--wrapper > div {
     padding: 0;
     border: none;
 }
 .webform-subscribe-newsletter .webform-subscribe-newsletter-checkbox-tag label::before, .webform-subscribe-newsletter .webform-subscribe-newsletter-checkbox-tag label::after {
     content: none !important;
 }
 #edit-webform-iscrizione-newsletter-strumenti-e-temi--wrapper > div {
     max-height: none; 
     overflow: hidden;
 }
 .webform-subscribe-newsletter-checkbox-tag input:checked + label {
    background: #0066CC;
    color: #FFFFFF !important;
 }
 #edit-webform-iscrizione-newsletter-consent > div {
    display: flex; 
 }
 #edit-webform-iscrizione-newsletter-consent-yes--description {
    color: #000000; 
 }
 #edit-flexbox3 {
    margin-top: 50px;
    min-height: 160px;
    background: #0B6DCB;
    border-radius: 0px;
    padding: 30px;
    background-image: url("/themes/contrib/bootstrap_italia/src/images/iscrizione-newsletter-logistics.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 300px;
 }
 #edit-webform-iscrizione-newsletter-email--description > h4 {
    color: #FFFFFF; 
 }
 #edit-webform-iscrizione-newsletter-email {
    background: none; 
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
 }
 #edit-webform-iscrizione-newsletter-submit-submit {
    background: #0B6DCB;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
    color: #FFFFFF;
 }
 #edit-webform-iscrizione-newsletter-consent > div {
    margin-top: 30px; 
 }
 #edit-webform-iscrizione-newsletter-consent > div > small {
    margin: -25px 0 0 -16px; 
 }
 .webform-subscribe-newsletter-image-plane {
    max-width: 300px;
    margin-top: 50px;
 }
 @media(max-width: 768px) {
   #edit-flexbox > div:nth-child(2) {
     display: none;
   }
 }
 @media screen and (min-width: 992px) {
    #main-content > div {
       padding: 0 25px;
    }
 }
 @media screen and (max-width: 576px) {
    #main-content > div {
       padding: 0 20px;
    }
 }

/* Confirmation */
.webform-newsletter-confirmation {
    margin: 90px auto 100px auto; 
    font-weight: 600;
    max-width: 480px;
    text-align: center;
}
.webform-newsletter-confirmation > div > img {
    width: 65px;
    margin-left: -10px;
}
.webform-newsletter-confirmation > div > div {
    margin: 10px 0; 
}
.webform-newsletter-confirmation > div > hr {
    border: 3px solid #0B6DCB;
}