/* ========================================================================
NDS Refresh V3.0.0 | ndsrefresh.uk
======================================================================== */


/* ==== Fonts ======================== */
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/website/fonts/roboto-v51-latin-regular.woff2') format('woff2'), url('/website/fonts/roboto-v51-latin-regular.woff') format('woff'); }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/website/fonts/roboto-v51-latin-500.woff2') format('woff2'), url('/website/fonts/roboto-v51-latin-500.woff') format('woff'); }


/* ==== Dark Theme Tweak ============= */
@media (prefers-color-scheme: dark) { .product_card img { filter: brightness(0.8) contrast(1.1); transition: filter 0.2s ease; } .product_card:hover img { filter: brightness(1); } }


/* ==== Resets ======================= */
*, ::before, ::after { box-sizing: border-box; }
html { line-height: normal; -webkit-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.5; }
a { color: inherit; text-decoration: none; background-color: transparent; }
b { font-weight: 500; }
code { font-family: monospace, monospace; font-size: 1em; }
dd, dl, dt, figure, p, pre { margin: 0; }
ol, ul { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 500; line-height: 1.4; }
input, select, textarea { font: inherit; text-transform: none; }
button { appearance: none; cursor: pointer; background: transparent; border: none; font: inherit; touch-action: manipulation; }
img { display: block; height: auto; max-width: 100%; border-style: none; }
article, aside, figure, footer, header, main, nav, section { display: block; }


/* ==== Mini Framework =============== */
.screen_reader { position: absolute; height: 1px; width: 1px; margin: 0; padding: 0; border: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.svg_sprite { position: absolute; height: 0; width: 0; overflow: hidden; visibility: hidden; pointer-events: none; }
.site_container { margin: 0 auto; padding-right: 0.75rem; padding-left: 0.75rem; }
.grid_container { margin: 0 auto; }
.dynamic_height { min-height: calc(100vh - 5rem); min-height: calc(100dvh - 5rem); }
.flex_item { display: flex; }
.flex_wrap { flex-wrap: wrap; }
.flex_center_item { display: flex; align-items: center; justify-content: center; }
.grid_item { display: grid; }
.button { font-weight: 500; letter-spacing: 0.038em; border: 0.125rem solid transparent; outline: 0.125rem solid transparent; outline-offset: 0.25rem; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.icon_button { border: 0.125rem solid transparent; outline: 0.125rem solid transparent; outline-offset: 0.25rem; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.icon_button svg { transition: color 0.2s ease-in-out; }
.round_item { border-radius: 50%; }
.rounded_item_7 { border-radius: 0.438rem; }
.rounded_item_50 { border-radius: 3.125rem; }


/* ==== HTML ========================= */
html { scroll-behavior: smooth; scroll-padding-top: 5rem; }


/* ==== Body ========================= */
body { min-width: 17.5rem; font-family: 'Roboto', system-ui, -apple-system, sans-serif; font-size: 1rem; color: #484848; background-color: #FFFFFF; }


/* ==== Site Loader ================== */
.site_loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding-top: 5rem; z-index: 999; overflow: hidden; background-color: #FFFFFF; }
.site_loader span { height: 7.5rem; width: 7.5rem; border: 0.438rem solid transparent; border-color: #0145E6 #EDF3F9 #EDF3F9 #EDF3F9; border-radius: 50%; animation: site_loader 1s linear infinite; }


/* ==== Site Header ================== */
.site_header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #FFFFFF; }
.site_header .row { height: 5rem; align-items: center; justify-content: space-between; }
@supports (position: sticky) or (position: -webkit-sticky) { .site_header { position: -webkit-sticky; position: sticky; } }
@supports (display: flex) { .site_header .row { height: auto; min-height: 5rem; } }


/* ==== Header & Footer Logo ========= */
.site_name a { font-size: 2em; font-weight: 500; color: #282828; outline: 0.125rem solid transparent; outline-offset: 0.25rem; }
.site_name a:focus-visible { border-radius: 0.25rem; outline-color: #282828; }
.site_name a span { color: #0145E6; }


/* ==== Site Footer ================== */
.site_footer { background-color: #FFFFFF; }
.site_footer .top_row { margin: 0 0 1.5rem 0; padding-top: 2.5rem; }
.site_footer .middle_row { margin: 0 0 2rem 0; }
.site_footer .bottom_row { justify-content: space-between; padding-top: 0.75rem; padding-bottom: 0.75rem; border-top: 0.063rem solid transparent; border-color: #F0F0F0; }
.site_footer ul.site_navigation { justify-content: center; }
.site_footer ul.site_navigation li a { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.site_footer ul.socials { list-style: none; justify-content: center; }
.site_footer .icon_button { height: 2rem; width: 2rem; }
.site_footer .icon_button:focus-visible { outline-color: #282828; }
.site_footer .icon_button svg { color: #282828; fill: currentColor; transition: color 0.2s ease-in-out; }
.site_footer .icon_button:hover svg { color: #0145E6; }
.site_footer .icon_button:focus svg { color: #0145E6; }
.site_footer .bottom_row .information { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.9em; }
.site_footer .bottom_row .information:first-child { padding-right: 1.5rem; }


/* ==== Header & Footer Nav Links ==== */
ul.site_navigation { list-style: none; }
ul.site_navigation li a { font-weight: 500; letter-spacing: 0.038em; color: #282828; outline: none; transition: color 0.2s ease-in-out; }
ul.site_navigation li a::before { content: ''; display: block; height: 0.25rem; width: 0; margin: 0 auto 0.25rem auto; }
ul.site_navigation li a::after { content: ''; display: block; height: 0.25rem; width: 0; margin: 0.25rem auto 0 auto; background-color: #0145E6; transition: width 0.3s linear; }
ul.site_navigation li a:hover::after { width: 1.875rem; }
ul.site_navigation li a:focus::after { width: 1.875rem; background-color: #0145E6; }
ul.site_navigation li a:focus-visible { color: #0145E6; }
ul.site_navigation li a:focus-visible::after { width: 1.875rem; background-color: #282828; }
ul.site_navigation li a.active::after { width: 1.875rem; }


/* ==== Scroll Top =================== */
.scroll_button { pointer-events: none; position: fixed; right: 1.25rem; bottom: 1.875rem; height: 2.5rem; width: 2.5rem; background-color: #0145E6; border: 0.125rem solid transparent; border-color: #0145E6; outline: 0.125rem solid transparent; outline-offset: 0.25rem; opacity: 0; visibility: hidden; z-index: 1000; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.scroll_button.visible { pointer-events: auto; opacity: 1; visibility: visible; }
.scroll_button:hover { background-color: transparent; }
.scroll_button:focus { background-color: transparent; }
.scroll_button:focus-visible { outline-color: #282828; }
.scroll_button svg { color: #FFFFFF; fill: currentColor; transition: color 0.2s ease-in-out; }
.scroll_button:hover svg { color: #0145E6; }
.scroll_button:focus svg { color: #0145E6; }


/* ==== Page Content ================= */
.page_content { padding-top: 5rem; background-color: #EDF3F9; }
@supports (position: sticky) or (position: -webkit-sticky) { .page_content { padding-top: 0; } }


/* ==== Animated Header ============== */
.header_animation { animation: bg_animation 44s linear infinite; will-change: background-position; }
.header_bg1 { background-image: url('/website/branding/background_01_x100.min.webp'); }
.header_bg2 { background-image: url('/website/branding/background_02_x100.min.webp'); }


/* ==== Hero ========================= */
.hero { background-color: #0145E6; }
.hero .container { flex-direction: column; justify-content: center; padding-top: 2.5rem; padding-bottom: 2.5rem; }
.hero .top_row { text-align: center; }
.hero .middle_row { min-height: 4.375rem; margin: 0 0 1.25rem 0; text-align: center; }
.hero .bottom_row { justify-content: center; gap: 1.25rem 2.5rem; }
.hero h1 { letter-spacing: 0.038em; color: #FFFFFF; }
.hero p { letter-spacing: 0.019em; color: #FFFFFF; }
.hero p span.static { display: none; }
.hero p span.typing_cursor { filter: brightness(0) invert(1); opacity: 1; animation: animated_cursor 0.7s infinite; }
.hero .button { align-items: center; justify-content: space-between; gap: 0.25rem;min-width: 12.5rem; padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; }
.hero .button:focus-visible { outline-color: #FFFFFF; }
.hero .solid_button { color: #4A4A4A; background-color: #ECECEC; border-color: #ECECEC; }
.hero .solid_button:hover { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; }
.hero .solid_button:focus { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; }
.hero .transparent_button { color: #FFFFFF; border-color: #FFFFFF; }
.hero .transparent_button:hover { color: #4A4A4A; background-color: #ECECEC; border-color: #ECECEC; }
.hero .transparent_button:focus { color: #4A4A4A; background-color: #ECECEC; border-color: #ECECEC; }


/* ==== Page Header ================== */
.page_header { background-color: #0145E6; }
.page_header .container { flex-direction: column; justify-content: center; padding-top: 2.5rem; padding-bottom: 2.5rem; text-align: center; }
.page_header .row + .row { margin-top: 0.625rem; }
.page_header h1 { letter-spacing: 0.038em; color: #FFFFFF; }
.page_header p { color: #FFFFFF; }
.page_header .breadcrumb ol { list-style: none; justify-content: center; }
.page_header .breadcrumb ol li { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.9em; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page_header .breadcrumb ol li:not(.page_header .breadcrumb ol li.active) { min-width: max-content; }
.page_header .breadcrumb ol li + li::before { content: '\2215'; display: inline-block; padding-right: 0.625rem; padding-left: 0.625rem; }
.page_header .breadcrumb ol li a { font-weight: 500; color: #FFFFFF; outline: none; text-decoration: underline transparent; text-decoration-thickness: 0.125rem; text-underline-offset: 0.25rem; transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
.page_header .breadcrumb ol li a:hover { color: #D7D7D7; }
.page_header .breadcrumb ol li a:focus { color: #D7D7D7; }
.page_header .breadcrumb ol li a:focus-visible { text-decoration-color: #FFFFFF; }


/* ==== Section Header =============== */
.section_header .container { flex-direction: column; padding-top: 2.5rem; text-align: center; }
.section_header .container::after { content: ''; display: block; height: 0.375rem; width: 5rem; margin-top: 1.25rem; margin-right: auto; margin-left: auto; background-color: #0145E6; }
.section_header .row + .row { margin-top: 0.625rem; }
.section_header h2 { letter-spacing: 0.038em; color: #282828; }
.section_header p a { font-weight: 500; outline: none; color: #282828; text-decoration: underline transparent; text-decoration-thickness: 0.188rem; text-underline-offset: 0.5rem; transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; }
.section_header p a:hover { color: #1B1BFE; }
.section_header p a:focus { color: #1B1BFE; }
.section_header p a:focus-visible { text-decoration-color: #282828; }
.section_header p b { color: #000000; }


/* ==== Lists ======================== */
.grid_list { justify-content: center; }
.grid_list .card_spacer { flex-direction: column; }
.grid_list .card { flex-grow: 1; }


/* ==== Linked Lists ================= */
.linked_list { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.linked_list .container { position: relative; flex-direction: column; }
.linked_list .container::before { content: ''; position: absolute; top: 0; bottom: 0; left: 1.125rem; width: 0.188rem; background-color: #282828; }
.linked_card { border-left: 0.375rem solid transparent; position: relative; margin-left: 3.375rem; }
.linked_card + .linked_card { margin-top: 2.5rem; }
.linked_card::before { content: ''; position: absolute; top: 1.75rem; left: -1.625rem; border: 0.75rem solid transparent; }
.linked_card .icon { position: absolute; top: 1.375rem; left: -3.625rem; height: 2.25rem; width: 2.25rem; }


/* ==== Cards ======================== */
.card { background-color: #FFFFFF; }


/* ==== Product Cards ================ */
.product_card { position: relative; }
.product_card .image img { width: 100%; }
.product_card .image img.placeholder { background-color: #0145E6; }
.product_card .container { flex-direction: column; padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.875rem; padding-left: 1.25rem; text-align: center; }
.product_card .title { max-width: 100%; margin: 0 0 0.875rem 0; text-align: center; }
.product_card .title h2 { font-size: 1.1em; letter-spacing: 0.019em; color: #282828; }
.product_card:hover .title h2 { color: #0145E6; }
.product_card:focus-within .title h2 { color: #0145E6; }
.product_card .title h3 { font-size: 1.1em; letter-spacing: 0.019em; color: #282828; }
.product_card:hover .title h3 { color: #0145E6; }
.product_card:focus-within .title h3 { color: #0145E6; }
.product_card .subtitle { max-width: 100%; margin: 0 0 0.75rem 0; }
.product_card .subtitle p { font-size: 0.9em; }
.product_card .price { margin: 0 0 0.875rem 0; }
.product_card .price span { font-size: 1.4em; font-weight: 500; letter-spacing: 0.019em; color: #0145E6; }
.product_card .button { display: block; min-width: 11.25rem; padding-top: 0.75rem; padding-right: 2rem; padding-bottom: 0.75rem; padding-left: 2rem; color: #FFFFFF; background-color: #0145E6; border-color: #0145E6; }
.product_card .button:hover { color: #0145E6; background-color: #FFFFFF; }
.product_card .button:focus { color: #0145E6; background-color: #FFFFFF; }
.product_card .button:focus-visible { outline-color: #282828; }
.product_card .button::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }


/* ==== Review Cards ================= */
.review_card { padding-top: 1.875rem; padding-right: 1.875rem; padding-bottom: 1.875rem; padding-left: 1.875rem; }
.review_card .first_column { flex-shrink: 0; } 
.review_card .icon { height: 3.125rem; width: 3.125rem; background-color: #D6EAFF; }
.review_card .icon svg { color: #0145E6; fill: currentColor; }
.review_card .title { margin: 0 0 0.625rem 0; }
.review_card .title h3 { font-size: 1.2em; letter-spacing: 0.019em; color: #282828; }


/* ==== Feedback Cards =============== */
.feedback_card .row { flex-direction: column; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; }
.feedback_card.negative { border-color: #C41A1A; }
.feedback_card.negative::before { border-right-color: #C41A1A; }
.feedback_card.neutral { border-color: #717070; }
.feedback_card.neutral::before { border-right-color: #717070; }
.feedback_card.positive { border-color: #058440; }
.feedback_card.positive::before { border-right-color: #058440; }
.feedback_card.negative .icon { background-color: #C41A1A; }
.feedback_card.neutral .icon { background-color: #717070; }
.feedback_card.positive .icon { background-color: #058440; }
.feedback_card .icon svg { color: #FFFFFF; fill: currentColor; }
.feedback_card .comment { margin: 0 0 0.625rem 0; }
.feedback_card .comment p { font-weight: 500; color: #282828; }
.feedback_card .subtitle p b { color: #000000; }


/* ==== Filter Options ================= */
.filter_options { justify-content: space-between; gap: 1rem; padding-top: 2rem; }

.sort_options .button:focus-visible { outline-color: var(--primary_text_icon); }
.sort_options .transparent_button { color: var(--theme_color); border-color: var(--theme_color); outline-color: transparent; }
.sort_options .transparent_button:hover { color: var(--alternative_text_icon); background-color: var(--theme_color); }
.sort_options .transparent_button:focus { color: var(--alternative_text_icon); background-color: var(--theme_color); }
.sort_options .transparent_button svg path { fill: var(--theme_color); }
.sort_options .transparent_button:hover svg path { fill: var(--alternative_text_icon); }
.sort_options .transparent_button:focus svg path { fill: var(--alternative_text_icon); }


/* ==== Dropdown Menus =============== */
details.dropdown_menu:not([open]) > *:not(summary) { display: none; }
details.dropdown_menu { position: relative; }
details.dropdown_menu .button::-webkit-details-marker { display: none; }
details.dropdown_menu .button::marker { display: none; }
details.dropdown_menu .button { cursor: pointer; font-size: 0.9em; align-items: center; justify-content: space-between; gap: 0.25rem; padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; list-style: none; }
details.dropdown_menu .button:focus-visible { outline-color: #282828; }
details.dropdown_menu .solid_button { color: #FFFFFF; background-color: #0145E6; border-color: #0145E6; }
details.dropdown_menu .transparent_button { color: #0145E6; border-color: #0145E6; }
details.dropdown_menu .solid_button:hover { color: #0145E6; background-color: transparent; }
details.dropdown_menu .solid_button:focus { color: #0145E6; background-color: transparent; }
details.dropdown_menu .transparent_button:hover { color: #FFFFFF; background-color: #0145E6; }
details.dropdown_menu .transparent_button:focus { color: #FFFFFF; background-color: #0145E6; }
details.dropdown_menu .button svg { transition: color 0.2s ease-in-out, transform 0.2s; transform-origin: center; }
details.dropdown_menu .solid_button svg { color: #FFFFFF; fill: currentColor; }
details.dropdown_menu .solid_button:hover svg { color: #0145E6; }
details.dropdown_menu .solid_button:focus svg { color: #0145E6; }
details.dropdown_menu .transparent_button svg { color: #0145E6; fill: currentColor; }
details.dropdown_menu .transparent_button:hover svg { color: #FFFFFF; }
details.dropdown_menu .transparent_button:focus svg { color: #FFFFFF; }
details.dropdown_menu[open] .solid_button { color: #0145E6; background-color: transparent; }
details.dropdown_menu[open] .transparent_button { color: #FFFFFF; background-color: #0145E6; }
details.dropdown_menu[open] .button svg { transform: rotate(180deg); }
details.dropdown_menu[open] .solid_button svg { color: #0145E6; }
details.dropdown_menu[open] .transparent_button svg { color: #FFFFFF; }
details.dropdown_menu .dropdown { position: absolute; top: 4.375rem; z-index: 100; padding-top: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; background-color: #FFFFFF; box-shadow: 0 0.625rem 1.563rem rgba(0,0,0,0.15); }
details.dropdown_menu .dropdown.start { left: 0; }
details.dropdown_menu .dropdown.end { right: 0; }
details.dropdown_menu .dropdown::before { content: ''; position: absolute; top: -1.375rem; border: 0.75rem solid transparent; border-bottom-color: #FFFFFF; }
details.dropdown_menu .dropdown.start::before { left: 1.25rem; }
details.dropdown_menu .dropdown.end::before { right: 1.25rem; }
details.dropdown_menu .dropdown.x1_column { flex-direction: column; }
details.dropdown_menu .dropdown.x2_columns { grid-template-columns: repeat(2, 1fr); gap: 0.5rem 1rem; }
details.dropdown_menu .dropdown a { font-size: 0.8em; align-items: center; width: max-content; padding-top: 0.25rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-left: 0.5rem; letter-spacing: 0.038em; color: #282828; outline: 0.125rem solid transparent; outline-offset: 0.188rem; transition: color 0.2s ease-in-out; }
details.dropdown_menu .dropdown.x1_column a + a { margin-top: 1rem; }
details.dropdown_menu .dropdown a:hover { color: #0145E6; }
details.dropdown_menu .dropdown a:focus { color: #0145E6; }
details.dropdown_menu .dropdown a:focus-visible { border-radius: 0.25rem; outline-color: #282828; }
details.dropdown_menu .dropdown a.active { color: #0145E6; }
details.dropdown_menu .dropdown a svg { margin: 0 0 0 0.5rem; color: #0145E6; fill: currentColor; }


/* ==== Pagination =================== */
.pagination { padding-bottom: 2.5rem; }
.pagination nav { justify-content: center; }
.pagination p { align-items: center; white-space: pre; font-size: 0.9em; }
.pagination p b { font-weight: 500; color: #000000; }
.pagination .icon_button { height: 1.875rem; width: 1.875rem; }
.pagination .icon_button:focus-visible { outline-color: #282828; }
.pagination .solid_button { border-color: #0145E6; background-color: #0145E6; }
.pagination .solid_button:hover { background-color: transparent; }
.pagination .solid_button:focus { background-color: transparent; }
.pagination .solid_button:focus-visible { outline-color: #282828; }
.pagination .transparent_button { color: #0145E6; border-color: #0145E6; outline-color: transparent; }
.pagination .transparent_button:hover { background-color: #0145E6; }
.pagination .transparent_button:focus { background-color: #0145E6; }
.pagination .solid_button svg { color: #FFFFFF; fill: currentColor; }
.pagination .solid_button:hover svg { color: #0145E6; }
.pagination .solid_button:focus svg { color: #0145E6; }
.pagination .transparent_button svg { color: #0145E6; fill: currentColor; }
.pagination .transparent_button:hover svg { color: #FFFFFF; }
.pagination .transparent_button:focus svg { color: #FFFFFF; }



/* =================================================
Keyframes
================================================= */

/* ==== Site Loader ================== */
@keyframes site_loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


/* ==== Animated Cursor ============== */
@keyframes animated_cursor { 0% { opacity: 1; } 50% { opacity: 0.0; } 100% { opacity: 1; } }


/* ==== Background Animation ========= */
@keyframes bg_animation { 50% { background-position: -20% 100%; } }



/* =================================================
Reduced Motion
================================================= */

/* ==== Hero ========================= */
@media (prefers-reduced-motion: reduce) { .hero p span.typing_cursor { animation: none; display: none; } }



/* =================================================
JS Disabled
================================================= */

/* ==== Site Loader ================== */
.js_disabled .site_loader { display: none; }


/* ==== Hero ========================= */
.js_disabled section.hero p span.static { display: block; }
.js_disabled section.hero p span.typing { display: none; }
.js_disabled section.hero p span.typing_cursor { display: none; }


	/* =================================================
	Responsive
	================================================= */

	/* @media (width < 48rem) */
	@media (max-width: 47.99rem) {

		/* ==== Site Header ====== */
		.js_disabled .site_header { position: initial; }
		.js_disabled .site_header .row { flex-direction: column; padding-top: 0.5rem; padding-bottom: 0.5rem; }
		.js_disabled .site_name { margin-bottom: 0.5rem; }
		.js_disabled .site_header nav { padding-top: 0.25rem; border-top: 0.063rem solid transparent; border-color: #F0F0F0; }
		.js_disabled .site_header nav .menu_button { display: none; }
		.js_disabled .site_header nav ul.site_navigation { position: initial; flex-direction: initial; flex-wrap: wrap; justify-content: center; height: initial; opacity: 1; visibility: initial; }
		.js_disabled .site_header nav ul.site_navigation li { border: 0; }
		.js_disabled .site_header nav ul.site_navigation li a { font-size: 0.9em; padding: 0; }

	}

}



/* ==== Colours ====================== */
:root { color-scheme: light dark; 
--theme_color: #0145E6;
--primary_bg: #FFFFFF;
--primary_text_icon: #282828;
--alternative_text_icon: #FFFFFF;
--faded_border: #F0F0F0;
}


@media (prefers-color-scheme: dark) {
:root {
--theme_color: #0FAFFF; /* light = #0145E6 */
--primary_bg: #001D2D; /* light = #FFFFFF */
--primary_text_icon: #95D1EA; /* light = #282828 */
--alternative_text_icon: #01242F; /* light = #FFFFFF */
--faded_border: #0D354D; /* light = #F0F0F0 */

}

}



/* =================================================
Dark Colour Theme
================================================= */
@media (prefers-color-scheme: dark) {

	/* ==== Body ========================= */
	body { color: #89B5C6; background-color: #001D2D; /* #484848 | #FFFFFF */ }


	/* ==== Site Loader ================== */
	.site_loader { background-color: #001D2D; } /* #FFFFFF */
	.site_loader span { border-color: #0FAFFF #031119 #031119 #031119; } /* #0145E6 #EDF3F9 #EDF3F9 #EDF3F9 */


	/* ==== Site Header ================== */
	.site_header { background-color: #001D2D; } /* #FFFFFF */


	/* ==== Header & Footer Logo ========= */
	.site_name a { color: #95D1EA; } /* #282828 */
	.site_name a:focus-visible { outline-color: #95D1EA; } /* #282828 */
	.site_name a span { color: #0FAFFF; } /* #0145E6 */


	/* ==== Site Footer ================== */
	.site_footer { background-color: #001D2D; } /* #FFFFFF */
	.site_footer .bottom_row { border-color: #0D354D; } /* #F0F0F0 */
	.site_footer .icon_button:focus-visible { outline-color: #95D1EA; } /* #282828 */
	.site_footer .icon_button svg { color: #95D1EA; } /* #282828 */
	.site_footer .icon_button:hover svg { color: #0FAFFF; } /* #0145E6 */
	.site_footer .icon_button:focus svg { color: #0FAFFF; } /* #0145E6 */


	/* ==== Header & Footer Nav Links ==== */
	ul.site_navigation li a { color: #95D1EA; } /* #282828 */
	ul.site_navigation li a::after { background-color: #0FAFFF; } /* #0145E6 */
	ul.site_navigation li a:focus::after { background-color: #0FAFFF; } /* #0145E6 */
	ul.site_navigation li a:focus-visible { color: #0FAFFF; } /* #0145E6 */
	ul.site_navigation li a:focus-visible::after { background-color: #95D1EA; } /* #282828 */


	/* ==== Scroll Top =================== */
	.scroll_button { background-color: #0FAFFF; border-color: #0FAFFF; } /* #0145E6 | #0145E6 */
	.scroll_button:focus-visible { outline-color: #95D1EA; } /* #282828 */
	.scroll_button svg { color: #01242F; } /* #FFFFFF */
	.scroll_button:hover svg { color: #0FAFFF; } /* #0145E6 */
	.scroll_button:focus svg { color: #0FAFFF; } /* #0145E6 */


	/* ==== Page Content ================= */
	.page_content { background-color: #031119; } /* #EDF3F9 */


	/* ==== Hero ========================= */
	.hero { background-color: #031320; } /* #0145E6 */
	.hero h1 { color: #A5D7E8; } /* #FFFFFF */
	.hero p { color: #A5D7E8; } /* #FFFFFF */
	.hero .button:focus-visible { outline-color: #A5D7E8; } /* #FFFFFF */
	.hero .solid_button { color: #01242F; background-color: #0FAFFF; border-color: #0FAFFF; } /* #4A4A4A | #ECECEC | #ECECEC */
	.hero .solid_button:hover { color: #A5D7E8; border-color: #A5D7E8; } /* #FFFFFF | #FFFFFF */
	.hero .solid_button:focus { color: #A5D7E8; border-color: #A5D7E8; } /* #FFFFFF | #FFFFFF */
	.hero .transparent_button { color: #A5D7E8; border-color: #A5D7E8; } /* #FFFFFF | #FFFFFF */
	.hero .transparent_button:hover { color: #01242F; background-color: #0FAFFF; border-color: #0FAFFF; } /* #4A4A4A | #ECECEC | #ECECEC */
	.hero .transparent_button:focus { color: #01242F; background-color: #0FAFFF; border-color: #0FAFFF; } /* #4A4A4A | #ECECEC | #ECECEC */


	/* ==== Page Header ================== */
	.page_header { background-color: #031320; } /* 0145E6 */
	.page_header h1 { color: #A5D7E8; } /* #FFFFFF */
	.page_header p { color: #A5D7E8; } /* #FFFFFF */
	.page_header .breadcrumb ol li { color: #A5D7E8; } /* #FFFFFF */
	.page_header .breadcrumb ol li a { color: #A5D7E8; } /* #FFFFFF */
	.page_header .breadcrumb ol li a:hover { color: #0FAFFF; } /* #D7D7D7 */
	.page_header .breadcrumb ol li a:focus { color: #0FAFFF; } /* #D7D7D7 */
	.page_header .breadcrumb ol li a:focus-visible { text-decoration-color: #A5D7E8; } /* #FFFFFF */


	/* ==== Section Header =============== */
	.section_header .container::after { background-color: #0FAFFF; } /* #0145E6 */
	.section_header h2 { color: #95D1EA; } /* #282828 */
	.section_header p a { color: #95D1EA; } /* #282828 */
	.section_header p a:hover { color: #09AEFF; } /* #1B1BFE */
	.section_header p a:focus { color: #09AEFF; } /* #1B1BFE */
	.section_header p a:focus-visible { text-decoration-color: #95D1EA; } /* #282828 */
	.section_header p b { color: #C9F5FF; } /*# 000000 */


	/* ==== Linked Lists ================= */
	.linked_list .container::before { background-color: #163F55; } /* #282828 */


	/* ==== Cards ======================== */
	.card { background-color: #001D2D; } /* #FFFFFF */


	/* ==== Product Cards ================ */
	.product_card .image img.placeholder { background-color: #052844; } /* #0145E6 */
	.product_card .title h2 { color: #95D1EA; } /* #282828 */
	.product_card:hover .title h2 { color: #0FAFFF; } /* #0145E6 */
	.product_card:focus-within .title h2 { color: #0FAFFF; } /* #0145E6 */
	.product_card .title h3 { color: #95D1EA; } /* #282828 */
	.product_card:hover .title h3 { color: #0FAFFF; } /* #0145E6 */
	.product_card:focus-within .title h3 { color: #0FAFFF; } /* #0145E6 */
	.product_card .price span { color: #0FAFFF; } /* #0145E6 */
	.product_card .button { color: #01242F; background-color: #0FAFFF; border-color: #0FAFFF; } /* #FFFFFF | #0145E6 | #0145E6 */
	.product_card .button:hover { color: #0FAFFF; background-color: #001D2D; } /* #0145E6 | #FFFFFF */
	.product_card .button:focus { color: #0FAFFF; background-color: #001D2D; } /* #0145E6 | #FFFFFF */
	.product_card .button:focus-visible { outline-color: #95D1EA; } /* #282828 */


	/* ==== Review Cards ================= */
	.review_card .icon { background-color: #043948; } /* #D6EAFF */
	.review_card .icon svg { color: #0FAFFF; } /* #0145E6 */
	.review_card .title h3 { color: #95D1EA; } /* #282828 */


	/* ==== Feedback Cards =============== */
	.feedback_card.negative { border-color: #D91139; } /* #C41A1A */
	.feedback_card.negative::before { border-right-color: #D91139; } /* #C41A1A */
	.feedback_card.neutral { border-color: #68748C; } /* #717070 */
	.feedback_card.neutral::before { border-right-color: #68748C; } /* #717070 */
	.feedback_card.positive { border-color: #14B343; } /* #058440 */
	.feedback_card.positive::before { border-right-color: #14B343; } /* #058440 */
	.feedback_card.negative .icon { background-color: #D91139; } /* #C41A1A */
	.feedback_card.neutral .icon { background-color: #68748C; } /* #717070 */
	.feedback_card.positive .icon { background-color: #14B343; } /* #058440 */
	.feedback_card .icon svg { color: #131313; } /* #FFFFFF */
	.feedback_card .comment p { font-weight: 500; color: #95D1EA; } /* #282828 */
	.feedback_card .subtitle p b { color: #C9F5FF; } /* #000000 */


	/* ==== Dropdown Menus =============== */
	details.dropdown_menu .button:focus-visible { outline-color: #95D1EA; } /* #282828 */
	details.dropdown_menu .solid_button { color: #01242F; background-color: #0FAFFF; border-color: #0FAFFF; } /* #FFFFFF | #0145E6 | #0145E6 */
	details.dropdown_menu .transparent_button { color: #0FAFFF; border-color: #0FAFFF; } /* #0145E6 | #0145E6 */
	details.dropdown_menu .solid_button:hover { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .solid_button:focus { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .transparent_button:hover { color: #01242F; background-color: #0FAFFF; } /* #FFFFFF | #0145E6 */
	details.dropdown_menu .transparent_button:focus { color: #01242F; background-color: #0FAFFF; } /* #FFFFFF | #0145E6 */
	details.dropdown_menu .solid_button svg { color: #01242F; } /* #FFFFFF */
	details.dropdown_menu .solid_button:hover svg { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .solid_button:focus svg { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .transparent_button svg { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .transparent_button:hover svg { color: #01242F; } /* #FFFFFF */
	details.dropdown_menu .transparent_button:focus svg { color: #01242F; } /* #FFFFFF */
	details.dropdown_menu[open] .solid_button { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu[open] .transparent_button { color: #01242F; background-color: #0FAFFF; } /* #FFFFFF | #0145E6 */
	details.dropdown_menu[open] .solid_button svg { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu[open] .transparent_button svg { color: #01242F; } /* #FFFFFF */
	details.dropdown_menu .dropdown { background-color: #001D2D; } /* #FFFFFF */
	details.dropdown_menu .dropdown::before { border-bottom-color: #001D2D; } /* #FFFFFF */
	details.dropdown_menu .dropdown a { color: #95D1EA; } /* #282828 */
	details.dropdown_menu .dropdown a:hover { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .dropdown a:focus { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .dropdown a:focus-visible { outline-color: #95D1EA; } /* #282828 */
	details.dropdown_menu .dropdown a.active { color: #0FAFFF; } /* #0145E6 */
	details.dropdown_menu .dropdown a svg { color: #0FAFFF; } /* #0145E6 */


	/* ==== Pagination =================== */
	.pagination p b { color: #C9F5FF; } /* #000000 */
	.pagination .icon_button:focus-visible { outline-color: #95D1EA; } /* #282828 */
	.pagination .solid_button { border-color: #0FAFFF; background-color: #0FAFFF; } /* #0145E6 | #0145E6 */
	.pagination .solid_button:focus-visible { outline-color: #95D1EA; } /* #282828 */
	.pagination .transparent_button { color: #0FAFFF; border-color: #0FAFFF; } /* #0145E6 | #0145E6 */
	.pagination .transparent_button:hover { background-color: #0FAFFF; } /* #0145E6 */
	.pagination .transparent_button:focus { background-color: #0FAFFF; } /* #0145E6 */
	.pagination .solid_button svg { color: #01242F; } /* #FFFFFF */
	.pagination .solid_button:hover svg { color: #0FAFFF; } /* #0145E6 */
	.pagination .solid_button:focus svg { color: #0FAFFF; } /* #0145E6 */
	.pagination .transparent_button svg { color: #0FAFFF; } /* #0145E6 */
	.pagination .transparent_button:hover svg { color: #01242F; } /* #FFFFFF */
	.pagination .transparent_button:focus svg { color: #01242F; } /* #FFFFFF */


	/* =================================================
	Responsive
	================================================= */

	/* @media (width < 48rem) */
	@media (max-width: 47.99rem) {

		/* ==== Site Header ================== */
		.site_header nav .menu_button:focus-visible { outline-color: #95D1EA; } /* #282828 */
		.site_header nav .menu_button span:not(.screen_reader) { background-color: #95D1EA; } /* #282828 */
		.site_header nav .menu_button.menu_open span:not(.screen_reader) { background-color: #0FAFFF; } /* #0145E6 */
		.site_header nav .menu_button:hover span { background-color: #0FAFFF; } /* #0145E6 */
		.site_header nav .menu_button:focus span { background-color: #0FAFFF; } /* #0145E6 */
		.site_header nav ul.site_navigation { background-color: #001D2D; } /* #FFFFFF */
		.site_header nav ul.site_navigation li { border-color: #0D354D; } /* #F0F0F0 */
		.site_header nav.menu_open ul.site_navigation::before { border-bottom-color: #001D2D; } /* #FFFFFF */


		/* ==== Site Header JS Disabled ====== */
		.js_disabled .site_header nav { border-color: #0D354D; } /* #F0F0F0 */

	}

}