/*! 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/

*/.c-step{--counter-size:3rem;--heading-padding:var(--spacing-m);-moz-column-gap:var(--spacing-m);column-gap:var(--spacing-m);display:grid;grid-template-areas:"counter heading" "gutter  content";grid-template-columns:.2fr 1fr;max-width:var(--max-width-reading);position:relative;width:100%;z-index:1}.c-step__counter{display:grid;place-items:center}.c-step-content__text{grid-column-start:content}.c-step-content__text p{width:100%}.c-step__counter__number{display:grid;height:var(--counter-size);place-items:center;width:var(--counter-size)}.c-step{padding-block-end:var(--spacing-l);padding-inline:var(--spacing-s) var(--spacing-m)}.c-step:last-child{padding-block-end:var(--heading-padding)}.c-step__content__heading{padding-block:var(--heading-padding)}.c-step-content__text>:last-child{padding-block-end:0}.c-step--no-connector{padding-block-end:var(--spacing-s)}.c-step__counter__number{background:var(--colour-red);border-radius:50%;color:#fff;font-size:var(--font-size-s);font-weight:var(--font-family-main-weight-medium)}.u-panel-red .c-step__counter__number{background:#fff;color:var(--colour-red)}.c-step__counter__number:after{border:1px solid var(--colour-red);content:"";height:100%;position:absolute;top:var(--heading-padding);z-index:-1}.c-step--no-connector .c-step__counter__number:after,.c-step--no-connector .c-step__counter__number:before{content:unset}.c-step:last-child .c-step__counter__number:after{height:calc(100% - var(--heading-padding)*2)}.c-step__content__heading{font-size:var(--font-size-s);font-weight:var(--font-family-main-weight-medium);text-transform:none}.c-step--hero .c-step__content__heading{font-size:var(--font-size-m);font-weight:var(--font-family-main-weight-strong);text-transform:uppercase}.u-panel-grey .c-step__counter__number:before{border-color:var(--colour-grey-light-2)}