@layer base,elements,objects,components,modifiers,scope,vendors,ui,utilities;/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename.css, then process with Codekit to output into prod/

*/@layer elements{[type=text],[type=email],[type=tel],[type=password],[type=url],[type=search],textarea{vertical-align:top;padding:21px;margin-block-end:2rem;margin-right:.5rem;line-height:1.45;border-radius:2px}[placeholder],::-webkit-input-placeholder{font-size:.95rem}label{font-size:16px;font-weight:var(--font-family-main-weight-medium);line-height:1}textarea{width:100%;min-height:200px}body [type=checkbox]{box-shadow:none}[type=email],[type=text],[type=url]{width:100%}[type=text]+label{position:relative;top:-.25rem}}@layer components{.c-form{width:100%;max-width:32rem;margin:auto}.s-entry-content .c-form{max-width:none}input+.c-form__notes{padding-block-end:0}.c-form__notes :is(h2,h3){text-align:center}.c-form__notes p{color:var(--color-gray-reading)}.c-form legend{clip:rect(1px,1px,1px,1px);position:absolute!important;overflow:hidden;width:1px;height:1px}.c-form__fieldset{padding:0;border:0}.c-form [type=checkbox],.c-form [type=radio]{margin-bottom:0}.c-form--wide{max-width:80rem}.c-form-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-column-gap:1em}.c-form-cols--1{grid-template-columns:1fr}.c-form-cols__col--full-width{grid-column:1 / -1}@media (min-width: 500px){.c-form-cols__col input{width:100%;max-width:none}.c-form-cols__col [type=checkbox],.c-form-cols__col [type=radio]{width:initial}}.c-form-wrapper{padding-inline-start:var(--spacing-2xs);padding-inline-end:var(--spacing-2xs)}.c-form__notes{padding-inline-start:var(--spacing-l);padding-block-end:var(--spacing-m);padding-inline-end:var(--spacing-l)}.c-form__notes :is(h2,h3){padding-block-start:0}.c-form__fieldset{margin:0}}@layer elements{label{display:inline-block;padding-block-end:1rem}[type=checkbox],[type=radio]{margin-right:var(--spacing-2xs)}[type=checkbox]+label,[type=radio]+label{padding-block-end:var(--spacing-s)}[type=submit]{margin-top:var(--spacing-2xs)}[type=submit]{display:block!important;font-size:.85rem;line-height:1.5;background:transparent}}@layer components{.s-forms-block label,.c-form label{display:block}}@layer components{.c-alert{padding-block-end:var(--spacing-l);padding-block-start:var(--spacing-l);padding-inline-start:var(--spacing-xl);padding-inline-end:var(--spacing-xl)}.c-alert--success{background:#ebf5eb;background:#00cd8f}}@layer elements{::-webkit-input-placeholder,input::placeholder{color:inherit;opacity:.54}}@layer components{.c-form-error{display:inline-block;padding-block-end:var(--spacing-3xs);margin-bottom:var(--spacing-xs);border-bottom:2px solid red}.c-form input:not([type=submit]){border:1px solid hsl(0deg 0% 85%);border-radius:4px}}@layer elements{[type=text],[type=email],[type=password],[type=tel],[type=number],[type=date],textarea{-webkit-appearance:none}[type=checkbox]{-webkit-appearance:checkbox}[type=radio]{-webkit-appearance:radio}[type=checkbox],[type=radio]{float:left}[type=radio],[type=checkbox]{margin-top:1px \	;line-height:normal}[type=search]{border-radius:5px}}@layer components{.c-form input:not([type=submit]),.c-form textarea{box-shadow:var(--box-shadow-s-light-b);border-radius:var(--border-radius-l)}.c-form textarea{border:1px solid hsl(0deg 0% 83%)}.c-form [type=submit]{width:100%;border-radius:var(--border-radius-l);padding:23px;color:#000}}@layer components{.c-cta-pop-up-form{width:100%;max-width:none;display:grid;column-gap:var(--spacing-m)}.c-cta-pop-up-form__full-width{grid-column:1 / -1}.c-cta-pop-up-form__full-width{width:100%}.c-cta-pop-up-form__full-width [type=submit]{margin-inline-start:auto;margin-inline-end:auto}@media (min-width: 700px){.c-cta-pop-up-form{grid-template-columns:repeat(3,1fr)}}.c-cta-pop-up-form{padding-block-end:var(--spacing-xl)}.c-cta-pop-up-form__full-width [type=submit]{margin-block-start:var(--spacing-2xl)}@media (max-width: 699px){.c-cta-pop-up-form label{padding-block-end:0}}.c-cta-pop-up-form input{background:transparent;border:0;border-bottom:3px solid black}.c-cta-pop-up-form .mc-field-group{text-align:left}.c-cta-pop-up-form [type=submit]{border:3px solid white;background:black;color:#fff;font-size:var(--font-size-s);font-weight:var(--font-family-main-weight-semi-bold)}.c-cta-pop-up-form [type=text]:focus,.c-cta-pop-up-form [type=email]:focus{outline:none}}@layer ui{.js .js__form--hide-labels-until-focused label{transition:opacity .3s cubic-bezier(.4,0,.2,1) 0s;opacity:0}.js .js__form--hide-labels-until-focused__label-unhidden label{opacity:1}}
