/*Subscribe Updates for GDPR webform-submission-gdpr-subscribe-updates-form*/
.node--type-webform #block-pagetitle {
background-color: transparent;
padding:20px 0px 0px;
}
.node--type-webform #block-pagetitle h1{
font-size: 64px;
line-height: 64px;
max-width: 100%;
color:#000;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.node--type-webform #block-mainpagecontent article .field--name-body{
padding:0px 0px 0px 0px;
border: 1px solid transparent;
max-width: 884px;
}
.node--type-webform #block-mainpagecontent article .field--name-webform {
padding: 0px 0px 0px 0px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
max-width: 666px;
}
.node--type-webform #block-mainpagecontent .field--name-body p{font-size: 20px;line-height: 24px;font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom: 10px;}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form label {
display: block;
margin: 0;
font-weight: normal;
line-height: 1.8;
color: #000000;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
letter-spacing: 0.025em;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form input{
border-radius: 4px;
border: solid 1px #959595 !important;
letter-spacing: 0.03125rem;
margin: 0px;
padding: 12px 32px 12px 12px;
font-size: 16px;
height: 44px;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.webform-submission-gdpr-subscribe-updates-form .form-text.error,
.webform-submission-gdpr-subscribe-updates-form .form-email.error,
.webform-submission-gdpr-subscribe-updates-form .form-textarea.error{
border: 1px solid #c44904;
background-color: rgb(251, 228, 215);
background-image:url("/about/privacy/themes/custom/vzpp/images/icon-error.svg")!important;
background-size: 20px 20px !important;
background-repeat: no-repeat;
background-position: right 10px center;
}
.webform-submission-gdpr-subscribe-updates-form .form-text.required.valid,
.webform-submission-gdpr-subscribe-updates-form .form-email.required.valid,
.webform-submission-gdpr-subscribe-updates-form .form-textarea.required.valid{
border: 1px solid #309244;
background-color: rgb(214,243,225);
background-image: url("/about/privacy/themes/custom/vzpp/images/icon-checkmark.svg") !important;
background-size: 17px 17px !important;
background-repeat: no-repeat;
background-position: right 10px center;
}
.webform-submission-gdpr-subscribe-updates-form .form-textarea.valid,
.webform-submission-gdpr-subscribe-updates-form .form-textarea.error{
background-position: right 10px top 8px !important;
}
.webform-submission-gdpr-subscribe-updates-form .form-text.required.valid,
.webform-submission-gdpr-subscribe-updates-form .form-email.required.valid{
background-position: right 10px top 12px !important;
}
::placeholder{
font-size:12px;
line-height:18px;
color:#959595;
letter-spacing:0.5px;
font-weight: bold;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form .form-item {
margin-bottom: 20px;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form #edit-privacy-notice h3 span{
font-size: 32px;
line-height: 32px;
margin-bottom: 10px;
color: #000 !important;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form input:hover{
border: solid 1px #000 !important;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form input:focus{
outline: 1px dashed #000 !important;
outline-offset:2px;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form .form-submit{
background-color: #000;
border-radius: 30px;
padding: 12px;
height: 44px;
width: 150px;
font-weight: bold;
display: block;
text-align: center;
border-color: #000;
color:#fff;
margin: 30px 0 30px 0;
}
.node--type-webform .webform-submission-gdpr-subscribe-updates-form input[type=checkbox]{
display:none;
}
.node--type-webform .webform-submission-gdpr-subscribe-updates-form input[type=checkbox] + label.option{
display: inline-block;
font-size: 18px;
}
.node--type-webform .webform-submission-gdpr-subscribe-updates-form input[type=checkbox] + label.option::before{
content: "";display: inline-block;height: 20px;margin-right: 8px;position: relative;top: -2px;vertical-align: middle;width: 20px;border: 1px solid #6F7171 !important;height: 19px;width: 19px;background-color: #fff;border-radius: 2px;
}
.webform-submission-gdpr-subscribe-updates-form input[type=checkbox]:checked + label.option::before {
background: #000;
height: 20px;
width: 20px;
border: 1px solid #000 !important;
}
.node--type-webform .webform-submission-gdpr-subscribe-updates-form input[type=checkbox]:hover + label:before {
border-color: #6F7171;
box-shadow: #6F7171 0px 0px 0px 0.0625rem;
}
.webform-submission-gdpr-subscribe-updates-form .js-form-type-checkbox{
padding: 0px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
position: relative;
}
.webform-submission-gdpr-subscribe-updates-form input[type=checkbox]:checked + label.option::after {
content: "";
position: absolute;
left: 5px;
top: 15px;
background: #fff;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg);
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.webform-submission-gdpr-subscribe-updates-form input[type=checkbox]::after{
content: "+";
display: block;
float: right;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 32px !important;
margin-top: -49px;
padding-right: 0px;
position: absolute;
right: 0;
}
.webform-submission-gdpr-subscribe-updates-form input[type=checkbox]:checked::after {
content: "-";
display: block;
float: right;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 32px !important;
margin-top: -49px;
padding-right: 0px;
position: absolute;
right: 0;
}
.webform-submission-gdpr-subscribe-updates-form #edit-acknowledge-description p, .webform-submission-gdpr-subscribe-updates-form #edit-acknowledge-description ol{
font-size: 20px;
line-height: 22px;
letter-spacing: 0.5px;
font-weight: 400;
color: #000;
}
.webform-submission-gdpr-subscribe-updates-form #edit-acknowledge-description p>ol>p{
font-family: display-medium-65;
font-size: 0.875rem;
letter-spacing: 0.0125rem;
}
.node--type-webform .webform-submission-gdpr-subscribe-updates-form .captcha{
position: relative;
top: -85px;
margin: 0px 0px 0px;
float: left;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form .form-actions{
float:left;
margin: -10px 0px;
}
.node--type-webform form.webform-submission-gdpr-subscribe-updates-form .form-submit{
position: relative;
top: 80px;
}
.node--type-webform .main-content {
margin-top: 1rem;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form {
margin-top: 0rem;
}
.webform-submission-data-subject-request-form-webfor-form #edit-indicates-required-field {
margin-bottom: 10px !important;
color: #000 !important;
line-height: 1.5;
font-weight: 600;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-item {
margin-bottom: 20px;
width: 100% !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-item-i-acknowledge-that-i-have-reviewed-this-privacy-notice- input{
visibility:hidden;
height:auto !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form {
margin:0px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form label {
color: #000;
font-size: 12px;
margin-top: 0px;
position: relative;
letter-spacing: 0.025em;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input {
border: solid 1px #959595 !important;
margin-bottom: 7px !important;
padding: 12px 32px 12px 12px;
border-radius: 4px;
box-shadow: none;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
width:100%;
height: 44px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input:hover{
border: solid 1px #000 !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input:focus {
outline: 1px dashed #000 !important;
outline-offset: 2px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-item--error-message {
margin-top: 0rem;
line-height: 1.5rem;
color: #000;
font-size:12px;
margin-bottom: 0px;
max-width: 100%;
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-text.error{
border: 1px solid #c44904 !important;
background-color: rgb(251,228,215);
background-image: url(/about/privacy/themes/custom/vzpp/images/icon-error.svg)!important;
background-size: 20px 20px !important;
background-repeat: no-repeat;
background-position: right 10px center;
font-size: 16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-email.error{
border: 1px solid #c44904 !important;
background-color: rgb(251,228,215);
background-image: url(/about/privacy/themes/custom/vzpp/images/icon-error.svg)!important;
background-size: 20px 20px !important;
background-repeat: no-repeat;
background-position: right 10px center;
font-size: 16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-text.valid.required{
border: 1px solid #309244 !important;
background-color: rgb(214,243,225);
background-image: url(/about/privacy/themes/custom/vzpp/images/icon-checkmark.svg) !important;
background-size: 17px 17px !important;
background-repeat: no-repeat;
background-position: right 10px center;
font-size: 16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-email.valid.required{
border: 1px solid #309244 !important;
background-color: rgb(214,243,225);
background-image: url(/about/privacy/themes/custom/vzpp/images/icon-checkmark.svg) !important;
background-size: 17px 17px !important;
background-repeat: no-repeat;
background-position: right 10px center;
font-size: 16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-textarea.error{
border: 1px solid #c44904 !important;
background-color: rgb(251,228,215);
background-image: url(/about/privacy/themes/custom/vzpp/images/icon-error.svg)!important;
background-size: 20px 20px !important;
background-repeat: no-repeat;
background-position: right 10px top 10px;
font-size: 16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-textarea.valid{
border: 1px solid #309244 !important;
background-color: rgb(214,243,225);
background-image: url(/about/privacy/themes/custom/vzpp/images/icon-checkmark.svg) !important;
background-size: 17px 17px !important;
background-repeat: no-repeat;
background-position: right 10px top 10px;
font-size: 16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form fieldset.webform-composite-hidden-title {
margin-top: 0em;
margin-bottom: 0em;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form legend {
width: 100%;
line-height: 24px;
font-weight: bold;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .js-form-item.form-item.js-form-type-email.form-item-retype-email-address-mail-1.js-form-item-retype-email-address-mail-1 {
margin-bottom: 20px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form span.fieldset-legend {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: inline-block;
color: #000;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .webform-options-display-one-column .form-item{
height:auto;
margin-bottom: 19px;
width: 100%;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .webform-options-display-one-column .form-item input{
height: auto !important;
left: 0px;
margin: 0px;
z-index: 1;
display: block;
width: 100%;
margin: 0px !important;
height: 1px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input.form-radio+label {
margin-left: 0px !important;
font-size: 16px;
font-weight: 600;
padding: 0px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input[type=radio] + label:before {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #6F7171;
border-radius: 100%;
content: "";
display: inline-block;
height: 20px;
margin-right: 8px;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 20px;
margin-left: 0px;
position: relative;
top: -2px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input[type=radio]:checked + label:before {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #000;
border-radius: 100%;
content: "";
display: inline-block;
height: 20px;
margin-right: 8px;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 20px;
margin-left: 0px;
position: relative;
top: -2px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input[type=radio]:checked:hover+ label:before {
border-color: #000;
box-shadow: #000 0px 0px 0px 0.0625rem;
background: #fff;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .js-form-type-radio input[type=radio]:checked+label:before {
background: none repeat scroll 0 0 #000;
border: 1px solid #000;
box-shadow: 0 0 0 4px #fff inset;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form input[type=radio]:hover + label:before{
border-color: #6F7171;
box-shadow: #6F7171 0px 0px 0px 0.0625rem;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-radio.error + label:before {
background: #FBE4D7;
border: 1px solid #C44904;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form .form-radio.error:hover + label:before {
background: #FBE4D7;
border: 1px solid #C44904;
box-shadow: #c44904 0px 0px 0px 0.0625rem;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form div#edit-data-subject-req-form-instruction {
font-weight: 400;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form div#edit-data-subject-req-form-instruction p span {
font-weight: 400;
color:#000 !important;
font-size:16px;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form #edit-privacy-notice {
margin:0px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form #edit-privacy-notice h3 {
margin:0px !important;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form #edit-privacy-notice h3 span{
font-size: 32px;
line-height: 32px;
margin-bottom: 10px;
color: #000 !important;
font-weight: 600;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form #edit-acknowledge-description p{
font-size: 20px;
line-height: 22px;
letter-spacing: 0.5px;
font-weight: 400;
color: #000;
}
.node--type-webform .main-content form.webform-submission-data-subject-request-form-webfor-form #form-item-i-acknowledge-that-i-have-reviewed-this-privacy-notice- input {
height:1px !important;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form input[type=checkbox] + label.option{
display: inline-block;
font-size: 18px;
padding: 0px !important;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form input[type=checkbox] + label.option::before{
content: "";
display: inline-block;
margin-right: 8px;
position: relative;
top: -2px;
vertical-align: middle;
border: 1px solid #6F7171 !important;
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 2px;
background-image: none !important;
}
form.webform-submission-data-subject-request-form-webfor-form input[type=checkbox]:checked + label.option::before {
background: #000;
height: 20px;
width: 20px;
border: 1px solid #000 !important;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form input[type=checkbox]:hover + label:before {
border-color: #6F7171;
box-shadow: #6F7171 0px 0px 0px 0.0625rem;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form input[type=checkbox]:checked + label.option::before{
border-color:#000 !important;
box-shadow: #000 0px 0px 0px 0.0625rem;
}
form.webform-submission-data-subject-request-form-webfor-form .js-form-type-checkbox{
padding: 0px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
position: relative;
}
form.webform-submission-data-subject-request-form-webfor-form input[type=checkbox]:checked + label.option::after {
content: "";
position: absolute;
left: 5px;
top: 15px;
background: #fff;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg);
font-family: "BrandFont-Display","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form .captcha {
position: relative;
top: -70px;
margin: 30px 0px;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form #edit-actions {
position: relative;
top: 120px;
}
.node--type-webform form.webform-submission-data-subject-request-form-webfor-form #edit-actions input{
border-radius:30px;
max-width:150px;
padding:12px;
}
@media(max-width:787px){
.node--type-webform #block-pagetitle h1 {
font-size: 32px;
line-height: 36px;
max-width: 100%;
color: #000;
}
.node--type-webform main.main-content {
margin-top: 0px;
}
}