/* 1.5.80: [care_newsletter_form]
 * Labels, title, note and thank you message inherit the text colour of
 * whatever the form sits on, so it reads on dark and light backgrounds.
 * Inputs are always white with dark text. */
.cef-nl{--cef-nl-pink:#BF4A92;--cef-nl-pink-dk:#A33C7C;--cef-nl-ink:#2D1B33;width:100%;max-width:640px;font:inherit;color:inherit;box-sizing:border-box}
.cef-nl *,.cef-nl *::before,.cef-nl *::after{box-sizing:border-box}
.cef-nl-title{margin:0 0 12px;font-size:1.25em;font-weight:800;line-height:1.25;color:inherit}
.cef-nl-form{margin:0;display:flex;flex-direction:column;gap:14px}
.cef-nl-row{display:flex;flex-wrap:wrap;gap:14px}
.cef-nl-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.cef-nl-f-email{flex:3 1 220px}
.cef-nl-f-pc{flex:2 1 140px}
.cef-nl-f label{font-size:15px;font-weight:700;line-height:1.3;color:inherit;margin:0}
.cef-nl-rq{color:var(--cef-nl-pink)}
.cef-nl-f input{width:100%;height:48px;margin:0;padding:0 14px;font:inherit;font-size:16px;color:var(--cef-nl-ink);background:#fff;border:1px solid #CFC3D4;border-radius:8px;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.cef-nl-f input::placeholder{color:#8A7D90;opacity:1}
.cef-nl-f input:focus{border-color:var(--cef-nl-pink);box-shadow:0 0 0 3px rgba(191,74,146,.25)}
.cef-nl-f input[aria-invalid="true"]{border-color:#C0274F;box-shadow:0 0 0 3px rgba(192,39,79,.2)}
.cef-nl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.cef-nl-err{margin:0;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.4;color:#8E1538;background:#FDEEF3;border-radius:8px}
.cef-nl-err[hidden]{display:none}
/* 1.4.13: marketing consent (opt out) tickbox. Text takes the colour of the background it sits on. */
.cef-nl-mkt{margin:0;font-size:13px;line-height:1.45;color:inherit;text-align:left}
.cef-nl-mkt p{margin:0;padding:0;font-size:inherit;line-height:inherit;color:inherit}
.cef-nl-tick{display:inline-block;vertical-align:-4px;margin:0 0 0 6px;padding:0;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.cef-nl-tick::before{content:'';position:absolute;left:-13px;top:-13px;right:-13px;bottom:-13px}
.cef-nl-tick input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;left:8px;top:8px}
.cef-nl-box{display:block;width:18px;height:18px;border:1.5px solid #8A7B8F;border-radius:4px;background:#fff;position:relative;transition:border-color .15s,background .15s}
.cef-nl-tick:hover .cef-nl-box{border-color:var(--cef-nl-pink)}
.cef-nl-tick input:focus-visible + .cef-nl-box{outline:2px solid currentColor;outline-offset:2px}
.cef-nl-tick input:checked + .cef-nl-box{background:var(--cef-nl-pink);border-color:#fff}
.cef-nl-tick input:checked + .cef-nl-box::after{content:'';position:absolute;left:5px;top:1.5px;width:4.5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cef-nl-f-pc{position:relative}
.cef-nl-btn{display:block;width:100%;min-height:52px;margin:0;padding:12px 20px;font:inherit;font-size:17px;font-weight:700;line-height:1.2;color:#fff;background:var(--cef-nl-pink);border:0;border-radius:10px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;transition:background-color .15s ease}
.cef-nl-btn:hover,.cef-nl-btn:focus-visible{background:var(--cef-nl-pink-dk);color:#fff}
.cef-nl-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--cef-nl-pink)}
.cef-nl-btn[disabled]{opacity:.7;cursor:wait}
.cef-nl-note{margin:0;font-size:13px;line-height:1.45;color:inherit;opacity:.85}
.cef-nl-note a{color:inherit;text-decoration:underline}
.cef-nl-done{font-size:17px;font-weight:600;line-height:1.45;color:inherit;outline:none}
.cef-nl-done[hidden]{display:none}