@font-face {
  font-family: 'Folks';
  src: url('https://www.nutracheck.co.uk/style/fonts/FOLKS-NORMAL.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Folks';
  src: url('https://www.nutracheck.co.uk/style/fonts/FOLKS-BOLD.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Folks';
  src: url('https://www.nutracheck.co.uk/style/fonts/FOLKS-LIGHT.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

/* hs-docs + legacy Nutracheck styling mergeTemplate: hs-docs-nc-v1.cssVisuals: Helpscout Docs CSS.css (fonts, colours, category tiles, some utilities)*/
@import "https://www.helpscout.com/css/evolution.css";
/* ------------------------------Brand tokens: align hs-docs variables to legacy palette------------------------------ */
:root {
	/* brand/action colours from legacy */
	--color--action-default: #378bb9;
	--color--action-hovered: #378bb9;
	--color--text-headline: #378bb9;
	/* legacy headings tint */
}
/* ------------------------------Major overides------------------------------ */
.container-fluid {
	max-width: 1280px;
}
/* ------------------------------Font overides------------------------------ */
h1, h2, .navbar-brand {
  font-family: 'Folks', sans-serif;
  font-weight: 700;
}
/* Legacy headline utilities */
.size30 { font-size:30px; font-family:'Dosis', sans-serif; font-weight:400; padding-bottom:10px; }
.white, .white:hover, .white:focus{ color:#fff; }
.underline{ text-decoration:underline; }
.underline:hover, .underline:focus{ text-decoration:none; }

/* ------------------------------NAV: keep hs-docs structure no change to markup required------------------------------ */
.navbar .brand{
	text-indent: -9999px;
	width: 103px;
	height: 60px;
	background: center center / 103px 60px url("https://d2lhwe7okuon6r.cloudfront.net/media/images/parts/logo_nutracheck_nav.png") no-repeat;
	padding: 0;
}
.navbar .navbar-inner {
	background: #ebf3f8;
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar .nav li a, .navbar .icon-private-w {
	color: #303030;
	font-size: 15px;
}
.navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
	color: #378bb9;
}
.navbar .nav {
	bottom: -12px;
}
@media (max-width: 1100px){
	.navbar .nav li a, .navbar .icon-private-w {
		font-size: 12px;
		padding: 4px;
	}
	.navbar .nav {
		bottom: -3px;
	}
}
@media (max-width: 768px){
	.navbar .nav li a, .navbar .icon-private-w {
		font-size: 20px;
		padding: 4px;
	}
}
/* ------------------------------Search Hero (use hs-docs layout legacy colour)------------------------------ */
#docsSearch{
	margin: calc(var(--main-nav-height) * -1) 0 0;
	padding: calc(var(--main-nav-height) + var(--spacing--L)) calc((100vw - var(--container-width)) / 2) var(--spacing--XL);
	background: #ffffff;
	border: none;
	width: 100%;
}
#docsSearch h1{
	font-size: 45px;
	color: #378bb9;
	margin-top: 40px;
	margin-bottom: 0px;
}
#searchBar .search-query{
	background:#fff;
	border-color:#378bb9;
	box-shadow:none;
	color:#777;
}
#searchBar {
	display: flex;
	align-items: center;
	/* keep input + button aligned */
}
#searchBar button{
	background:#378bb9;
	border-color:transparent;
	color:#fff;
}
#searchBar button:hover{
	background:#4fa3d1;
}
#searchBar button {
	top: unset !important;
}
#fullArticle h1 {
	color:#378bb9;
}
#fullArticle h2 {
	font-size:20px;
	font-weight:400;
	color:#378bb9;
}
#fullArticle h3 {
	font-size:18px;
	font-weight:500;
}
/* Legacy headline utilities */
.white, .white:hover, .white:focus{
	color:#fff;
}
.underline{
	text-decoration:underline;
}
.underline:hover, .underline:focus{
	text-decoration:none;
}
/* Article styling */
featherlight-close-icon, [class*=" icon-"], [class^=icon-]{
	display: none;
}
.articleList {
	list-style: none;
	margin: 0 0 38px 0;
	font-size: 1.4em;
	border-top: 1px solid var(--color--charcoal-300);
}
.articleList li {
	position: relative;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.articleList li a {
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
  line-height: 1.5; /* optional: for vertical rhythm */
  white-space: normal;
  word-break: break-word;
}
#categoryHead h1 {
	color: #222;
}
.contentWrapper h1 {
	color: #222;
}
#fullArticle h3 {
	font-size: 20px;
	font-weight: 400;
	color: #378bb9;
}
#categoryHead .sort {
	display: none;
}
/* ------------------------------Sidebar (hs-docs structure, subtle legacy behaviour)------------------------------ */
#sidebar h3{
	text-transform:uppercase;
	font-size:1.3em;
	color:#222;
	margin-bottom:15px;
}
#sidebar .nav-list a {
	display: inline-block;
	color: #858585;
	font-size: 17px;
	padding: 6px 15px 6px 0;
	line-height: 32px;
	margin-left: 0;
}
#sidebar .nav-list .active a {
	font-weight: 500;
	color: #378bb9;
	background: 0 0;
	text-shadow: none;
}
/* ------------------------------Article area & rich content------------------------------ */
#fullArticle blockquote, #fullArticle dd, #fullArticle div, #fullArticle li, #fullArticle ol, #fullArticle p, #fullArticle table, #fullArticle ul {
	font-size: 16px;
}

#fullArticle li {
	margin-bottom: 10px;
}
#fullArticle ul, .fullArticle ol {
	list-style: none;
	margin: 20px 0 20px 0;
}
#afullArticle ul {
	list-style-type: none;
	padding-left: 27px;
	text-indent: -27px;
}
#fullArticle ul li:before {
	background-color: #378bb9;
	border-radius: 50%;
	content: "";
	display: inline-block;
	margin-right: 15px;
	height: 13px;
	width: 13px;
}
#fullArticle ol {
	margin-left: 37px;
	padding-right: 0px;
	list-style-type: none;
	padding-left: 0px;
	text-indent: -34px;
}
#fullArticle ol li {
	counter-increment: step-counter;
}
#fullArticle ol li::before {
	content: counter(step-counter);
	background: #378bb9;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	font-family: Folks;
	color: #ffffff;
	display: inline-block;
	line-height: 1.6em;
	margin-right: 10px;
	text-align: center;
	width: 1.6em;
	text-indent: 0px;
}
/* Callouts keep hs-docs structure but brand with legacy action */
#fullArticle .callout {
	background:#f5f5f5;
	border-left:3px solid #cfcfcf;
}
#fullArticle .callout-blue {
	background:#e8f3fb;
	border-left:3px solid #b3daf4;
}
#fullArticle .callout-green{
	background:#e9f7ef;
	border-left:3px solid #bce5c9;
}
#fullArticle .callout-red {
	background:#fde8ea;
	border-left:3px solid #f5b3bb;
}
#fullArticle .callout-yellow{
	background:#fff8e5;
	border-left:3px solid #ffe199;
}
/* Hide "last updated" */
.articleFoot time.lu{
	display:none;
}
/* ------------------------------Category grid (keep hs-docs card layout add legacy image tiles by ID)------------------------------ */
.collection-category h2{
	font-weight:400;
	margin:20px 0 30px;
	text-align:center;
}
.collection-category h2 a{
	color:#222;
}
.category-list .category {
	width: 21%;
	min-height: 178px;
}
.category-list.two-col .category {
	width: 23%;
}
.category-list {
	text-align: center;
}
.collection-category .category-list {
    margin: 0 0 0em;
}

/* ------------------------------Add logos to Catagories------------------------------ */

#category-213 h3::before {
  content: "lock"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-218 h3::before {
  content: "person"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-208 h3::before {
  content: "cancel"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-222 h3::before {
  content: "card_membership"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-223 h3::before {
  content: "computer"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-259 h3::before {
  content: "ads_click"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-260 h3::before {
  content: "nutrition"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-265 h3::before {
  content: "local_dining"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-266 h3::before {
  content: "add_chart"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-267 h3::before {
  content: "flatware"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-268 h3::before {
  content: "info"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-269 h3::before {
  content: "traffic"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-270 h3::before {
  content: "calendar_month"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-271 h3::before {
  content: "calendar_meal"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-272 h3::before {
  content: "article"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-276 h3::before {
  content: "fitness_tracker"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-277 h3::before {
  content: "fitness_tracker"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-278 h3::before {
  content: "fitness_tracker"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-279 h3::before {
  content: "fitness_tracker"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-280 h3::before {
  content: "devices_wearables"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-281 h3::before {
  content: "devices_wearables"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-282 h3::before {
  content: "devices_wearables"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-283 h3::before {
  content: "directions_run"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-288 h3::before {
  content: "license"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-289 h3::before {
  content: "health_cross"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-290 h3::before {
  content: "monitor_weight"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-469 h3::before {
  content: "link"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-470 h3::before {
  content: "forum"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

#category-294 h3::before {
  content: "fork_spoon"; /* Icon name from Google Material Symbols Outlined */
  font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: normal; font-size: 70px; line-height: 1;
  display: block; text-align: center; margin-bottom: 6px; color: #378bb9; blue */
}

/* If your theme exposes .category-list .category cards (hs-docs), we keep them but allow the background image IDs above to visually replace card content */
.category-list .category {
	border: 1px solid #ccc;
	background: var(--color--basics-white);
	box-shadow: none;
	border-radius: 10px;
}
/* ------------------------------Footer: hide default HS footer provide optional custom blocks------------------------------ */
footer.center, footer {
	display:none;
}
.footerstyle{
	display:block;
	background-color:#303030;
	position: relative;
	left: 0;
	padding: 35px 60px 25px 60px;
	margin-left: calc(50% - 50vw);
	margin-right: calc(51% - 50vw);
	color:#fff;
}
.footerstyle a{
	color:#fff;
	text-decoration:underline;
}
.footerstylemobile{
	display:block;
	background-color:#303030;
	padding:35px 20px 25px 20px;
	margin-left: calc(50% - 50vw);
	margin-right: calc(53% - 50vw);
	color:#fff;
}
/* ------------------------------Mobile tweaks ported from legacy where compatible------------------------------ */
@media (max-width: 768px){
	#docsSearch{
		height:auto;
		padding-top:45px;
	}
	#docsSearch h1{
		font-size:45px;
		line-height:50px;
		margin-top:20px;
	}
	.category-list .category{
		width:90%;
		margin-bottom:20px;
		min-height:275px;
	}
	.category-list .category {
		width: 100%;
	}
	.category-list.two-col .category {
		width: 100%;
	}
	.category-list .category {
		min-height: 100px;
	}
	.category-list.two-col .category {
		margin-bottom: 21px;
	}
}