.nfs-course-catalog{padding-block:calc(var(--nfs-v2-section-space-compact) / 3) var(--nfs-v2-section-space-standard);font-family:var(--nfs-v2-font-body);font-size:1.6rem;line-height:1.5}.nfs-course-catalog *,.nfs-course-catalog *:before,.nfs-course-catalog *:after{box-sizing:border-box}.nfs-course-catalog [hidden]{display:none!important}.nfs-course-catalog__shell{width:var(--nfs-layout-width, calc(100% - 32px) );max-width:min(var(--nfs-layout-max, 100%),var(--course-max-width, 100%));min-width:0;margin-inline:auto;container:nfs-course-space / inline-size}.nfs-course-catalog__anchor,.nfs-course-catalog :is(input,select,summary,a,button){scroll-margin-block-start:calc(var(--nfs-sticky-header-height, 120px) + 2rem)}.nfs-course-catalog :is(h2,h3,p){margin:0}.nfs-course-catalog h2{font:750 clamp(2.4rem,2vw,3.2rem)/1.2 var(--nfs-v2-font-heading);color:var(--nfs-heading)}.nfs-course-catalog__heading{margin-block-end:1.2rem}.nfs-course-catalog__heading>p{margin-block-start:.8rem;max-width:70ch}.nfs-course-catalog__heading .nfs-course-catalog__eyebrow{margin:0 0 .6rem;font-size:1.3rem;font-weight:700;color:var(--nfs-eyebrow)}.nfs-course-catalog__controls{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:1.2rem;margin:0}.nfs-course-catalog__controls label{display:flex;flex-direction:column;gap:.5rem;min-width:0;color:var(--nfs-ink-700);font-size:1.4rem;font-weight:650}.nfs-course-catalog__controls :is(input,select){width:100%;min-width:0;min-height:4.4rem;margin:0;padding:.9rem 1rem;border:1px solid var(--nfs-input-border);border-radius:var(--nfs-v2-radius-sm);background:var(--nfs-input-bg);color:var(--nfs-input-text);font:400 1.6rem/1.4 var(--nfs-v2-font-body)}.nfs-course-catalog__controls select{padding-inline-end:2.4rem;white-space:normal}.nfs-course-catalog__search,.nfs-course-catalog__sort{grid-column:1 / -1}.nfs-course-catalog :is(button,a){-webkit-tap-highlight-color:transparent}.nfs-course-catalog :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--nfs-focus-dark);outline-offset:3px}.nfs-course-catalog__reset,.nfs-course-catalog [data-catalog-retry]{min-height:4.4rem;padding:.8rem 1rem;background:none;border:1px solid transparent;color:var(--nfs-green-800);font:650 1.4rem/1.4 var(--nfs-v2-font-body);text-decoration:underline;cursor:pointer}.nfs-course-catalog__result-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;min-height:3.2rem;padding-block:.4rem;font-size:1.4rem}.nfs-course-catalog__notice{margin-block-end:1.6rem!important}.nfs-course-catalog__grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--course-gap, var(--nfs-v2-card-gap));row-gap:0;align-items:stretch}.nfs-course-catalog .nfs-course-card{--course-space-xs: .5rem;--course-space-sm: .8rem;--course-space-md: 1.2rem;--course-topic-color: var(--nfs-green-800);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto auto auto;gap:0;min-width:0;margin-block-end:var(--course-gap, var(--nfs-v2-card-gap));padding:0 var(--course-padding, 14px) var(--course-padding, 14px);border:1px solid var(--nfs-card-border);border-radius:var(--course-radius, 12px);background:var(--nfs-card-surface);color:var(--nfs-card-body);box-shadow:var(--nfs-v2-shadow-sm);transition:box-shadow .16s ease-out,border-color .16s ease-out}@supports (grid-template-rows: subgrid){.nfs-course-catalog .nfs-course-card{grid-row:span 7;grid-template-rows:subgrid}}.nfs-course-catalog .nfs-course-card>*{grid-column:1;min-width:0;max-width:100%;overflow-wrap:anywhere}.nfs-course-catalog .nfs-course-card__media{position:relative;grid-row:1;align-self:start;width:calc(100% + var(--course-padding, 14px) * 2);max-width:none;min-height:7rem;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;margin-inline:calc(var(--course-padding, 14px) * -1);margin-block-end:var(--course-space-md);border-radius:calc(var(--course-radius, 12px) - 1px) calc(var(--course-radius, 12px) - 1px) 0 0;background:var(--nfs-icon-surface);overflow:hidden}.nfs-course-catalog .nfs-course-card__media:before{content:"";grid-area:1 / 1;width:100%;aspect-ratio:var(--course-image-ratio, 2.5)}.nfs-course-catalog .nfs-course-card__media>:is(img,.nfs-course-card__no-image){grid-area:1 / 1}.nfs-course-catalog .nfs-course-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:var(--course-media-fit, contain)}.nfs-course-catalog .nfs-course-card__media[data-media-fit=contain]{min-height:12rem;grid-template-rows:auto auto}.nfs-course-catalog .nfs-course-card__media[data-media-fit=contain]:before{aspect-ratio:var(--course-image-ratio, 2.5)}.nfs-course-catalog .nfs-course-card__media[data-media-fit=contain] img{position:static;grid-row:1;height:auto;min-height:5rem;aspect-ratio:var(--course-image-ratio, 2.5);padding:.6rem .6rem 0}.nfs-course-catalog .nfs-course-card__media[data-media-fit=contain] .nfs-course-card__pills{grid-area:2 / 1}.nfs-course-catalog .nfs-course-card__media:has(img:not([hidden])) .nfs-course-card__no-image{visibility:hidden}.nfs-course-catalog .nfs-course-card__no-image{display:grid;place-items:center;width:100%;height:100%;color:var(--nfs-icon);background:var(--nfs-icon-surface)}.nfs-course-catalog .nfs-course-card__no-image svg{width:4rem;height:4rem}.nfs-course-catalog .nfs-course-card__pills{position:relative;grid-area:1 / 1;align-self:end;justify-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;padding:.8rem;z-index:1}.nfs-course-catalog .nfs-course-card__pill{display:inline-flex;align-items:center;gap:.5rem;min-width:0;max-width:100%;padding:.35rem .8rem;border:1px solid var(--nfs-card-border);border-radius:999px;color:var(--nfs-card-heading);background:var(--nfs-card-surface);font-size:1.2rem;line-height:1.35;font-weight:650;box-shadow:0 1px 3px #00000014}.nfs-course-catalog .nfs-course-card__pill svg{flex:none;width:1.6rem;height:1.6rem}.nfs-course-catalog .nfs-course-card[data-topic=food-hygiene]{--course-topic-color: #075c37}.nfs-course-catalog .nfs-course-card[data-topic=allergens]{--course-topic-color: #9f4500}.nfs-course-catalog .nfs-course-card[data-topic=health-safety]{--course-topic-color: #0065bb}.nfs-course-catalog .nfs-course-card[data-topic=haccp]{--course-topic-color: #7734bd}.nfs-course-catalog .nfs-course-card[data-topic=coshh]{--course-topic-color: #c12420}.nfs-course-catalog .nfs-course-card__classification{grid-row:2;display:flex;align-items:center;gap:.6rem;color:var(--course-topic-color);font-size:1.3rem;line-height:1.4;font-weight:700;padding-block-end:var(--course-space-xs)}.nfs-course-catalog .nfs-course-card__classification svg{flex:none;width:1.8rem;height:1.8rem}.nfs-course-catalog .nfs-course-card__title{grid-row:3;align-self:start;font:750 1.8rem/1.25 var(--nfs-v2-font-heading);color:var(--nfs-card-heading)}.nfs-course-catalog .nfs-course-card__title a{color:inherit;text-decoration:none}.nfs-course-catalog .nfs-course-card__title a:hover{text-decoration:underline}.nfs-course-catalog .nfs-course-card__description{grid-row:4;align-self:start;padding-block-start:.4rem}.nfs-course-catalog .nfs-course-card__summary{font-size:1.4rem;line-height:1.45}.nfs-course-catalog .nfs-course-card__benefits{grid-row:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;list-style:none;margin:0;padding:var(--course-space-md) 0 0;font-size:1.3rem;line-height:1.4}.nfs-course-catalog .nfs-course-card__benefits li{display:flex;align-items:start;gap:.7rem;min-width:0}.nfs-course-catalog .nfs-course-card__benefits li>span{min-width:0}.nfs-course-catalog .nfs-course-card__benefits svg{flex:none;width:2rem;height:2rem;margin-block-start:.1rem}.nfs-course-catalog .nfs-course-card__price{grid-row:6;align-self:end;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;padding-block-start:var(--course-space-sm);color:var(--nfs-card-heading);font-size:2.2rem;line-height:1.25}.nfs-course-catalog .nfs-course-card__amount{font-weight:750}.nfs-course-catalog .nfs-course-card__from{font-size:1.5rem;line-height:1.4;font-weight:700}.nfs-course-catalog__result-bar>*{min-width:0;overflow-wrap:anywhere}.nfs-course-catalog .nfs-course-catalog__button{display:inline-flex;justify-content:center;align-items:center;gap:.6rem;min-height:4.4rem;padding:1rem 1.4rem;border:2px solid var(--nfs-green-800);border-radius:var(--nfs-v2-action-radius);color:var(--nfs-white);background:var(--nfs-green-800);font:700 1.5rem/1.35 var(--nfs-v2-font-body);text-decoration:none;text-align:center;cursor:pointer;transition:background-color var(--nfs-v2-duration-default) var(--nfs-v2-ease-out)}.nfs-course-catalog .nfs-course-card__cta{grid-row:7;align-self:end;width:100%;margin-block-start:var(--course-space-sm);border-radius:min(var(--course-radius, 12px),8px)}.nfs-course-catalog__button-label{min-width:0;white-space:normal}.nfs-course-catalog__button-arrow{flex:none}.nfs-course-catalog .nfs-course-catalog__button:hover{background:var(--nfs-green-900);border-color:var(--nfs-green-900);color:var(--nfs-white)}.nfs-course-catalog .nfs-course-catalog__button:active{background:var(--nfs-green-900);box-shadow:inset 0 0 0 2px var(--nfs-white)}.nfs-course-catalog__empty{border:1px solid var(--nfs-card-border);border-radius:var(--nfs-v2-radius-md);padding:2.4rem}.nfs-course-catalog__empty>*+*{margin-block-start:1rem}.nfs-course-catalog__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-block-start:2.4rem}.nfs-course-catalog__pagination a{min-height:4.4rem;display:inline-flex;align-items:center;color:var(--nfs-link)}.nfs-course-catalog__support{display:flex;flex-wrap:wrap;flex-direction:column;align-items:start;justify-content:space-between;gap:1.2rem;margin-block-start:3.2rem;padding-block:2.4rem;border-block:1px solid var(--nfs-divider)}.nfs-course-catalog__support>*{min-width:0;max-width:100%}.nfs-course-catalog__support h2,.nfs-course-catalog__faqs h2{font-size:2.4rem}.nfs-course-catalog__support p{max-width:55ch;margin-top:.8rem}.nfs-course-catalog__support-links{display:flex;flex-direction:column;align-items:start;gap:.4rem;min-width:0}.nfs-course-catalog__support-links a{display:inline-flex;flex-wrap:wrap;align-items:center;gap:1rem;min-width:0;max-width:100%;min-height:4.4rem;color:var(--nfs-link);font-weight:650;overflow-wrap:anywhere}.nfs-course-catalog__faqs{margin-block-start:3.2rem;max-width:90rem}.nfs-course-catalog__faqs h2{margin-block-end:1.2rem}.nfs-course-catalog__faqs details{border-bottom:1px solid var(--nfs-divider)}.nfs-course-catalog__faqs summary{min-height:4.8rem;padding:1.2rem .4rem;cursor:pointer;font-weight:650;color:var(--nfs-heading)}.nfs-course-catalog__faqs details>div{padding:0 .4rem 1.6rem}@supports not (container-type: inline-size){@media(min-width:380px){.nfs-course-catalog__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:680px){.nfs-course-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.nfs-course-catalog__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.nfs-course-catalog__sort{grid-column:auto}.nfs-course-catalog__support{flex-direction:row;align-items:center;gap:2.4rem}}@media(min-width:1024px){.nfs-course-catalog__controls{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}.nfs-course-catalog__search{grid-column:auto}}@media(min-width:1100px){.nfs-course-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nfs-course-catalog[data-grid-preset=comfortable] .nfs-course-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1700px){.nfs-course-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nfs-course-catalog[data-grid-preset=comfortable] .nfs-course-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:2300px){.nfs-course-catalog__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.nfs-course-catalog[data-grid-preset=comfortable] .nfs-course-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}}@container nfs-course-space (min-width: 34rem){.nfs-course-catalog__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@container nfs-course-space (min-width: 62rem){.nfs-course-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container nfs-course-space (min-width: 70rem){.nfs-course-catalog__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.nfs-course-catalog__sort{grid-column:auto}.nfs-course-catalog__support{flex-direction:row;align-items:center;gap:2.4rem}}@container nfs-course-space (min-width: 96rem){.nfs-course-catalog__controls{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}.nfs-course-catalog__search{grid-column:auto}}@container nfs-course-space (min-width: 104rem){.nfs-course-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nfs-course-catalog[data-grid-preset=comfortable] .nfs-course-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container nfs-course-space (min-width: 160rem){.nfs-course-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nfs-course-catalog[data-grid-preset=comfortable] .nfs-course-catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container nfs-course-space (min-width: 220rem){.nfs-course-catalog__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.nfs-course-catalog[data-grid-preset=comfortable] .nfs-course-catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(hover:hover)and (pointer:fine){.nfs-course-catalog .nfs-course-card:hover{border-color:var(--nfs-green-800);box-shadow:0 5px 16px #0032231f}}@media(prefers-reduced-motion:reduce){.nfs-course-catalog :is(.nfs-course-card,.nfs-course-catalog__button){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/nfs-course-catalog.css.map */