/*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; } }