/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

* { box-sizing: border-box }
img { max-width: 100%; height: auto; }

:root {
	
	/* Copy */
	--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--title-font-family: 'Nunito', sans-serif;
	
	/* Site base layout */
	--site-padding-top: 65px;
	--site-padding-top-minimal: 52px;
	--site-side-padding: 20px;
	--full-width-margin: -20px;
	--list-item-large-gap: 10px;
	--list-item-small-gap: 10px;
	
	/* Light/dark colours */
	--background-color: rgb(255,255,255);
	--text-color: rgb(29,29,31);
	--text-color-muted: #667;
	--accent-color: #2957C1;
	--tint-color: #ebebef;
	
	/* Navbar */
	--navbar-background-color: rgba(220,220,225, .6);
	--navbar-backdrop-filter: blur(20px);
	
	/* Links */
	--link-highlight-background-color: rgba(0,0,0, 0.08);
	--link-highlight-image-filter: brightness(0.8);
	
	/* Buttons */
	--button-color: #2957C1;
	--button-background-color: rgba(215,215,225, 0.48);
	--button-prominent-color: #eeeeef;
	--button-prominent-background-color: #2957C1;
	--button-destructive-color: red;
	
	/* Borders */
	--main-border-color: #dde;
	
	/* Backgrounds */
	--transparent-ultra-thin: rgba(0,0,0, 0.025);
	--transparent-thin: rgba(0,0,0, 0.05);
	
}

.dark {
	
	--background-color: rgb(0,0,0);
	--text-color: rgb(245,245,247);
	--text-color-muted: #aaa;
	--accent-color: #348de8; /* #2183e8; */
	--tint-color: #202025;
	
	--navbar-background-color: rgba(40,40,45, .75);
	--navbar-backdrop-filter: blur(30px);
	
	--link-highlight-background-color: rgba(255,255,255, 0.15);
	--link-highlight-image-filter: brightness(1.2);
	
	--button-color: #348de8;
	--button-background-color: rgba(45,45,55, 0.65);
	--button-prominent-color: #ffffff;
	--button-prominent-background-color: #2183e8;
	--button-destructive-color: red;
	
	--main-border-color: #332;
	
	--transparent-ultra-thin: rgba(255,255,255, 0.03);
	--transparent-thin: rgba(255,255,255, 0.1);
	
}

@media screen and (min-width: 601px) {
	:root {
		--site-side-padding: 50px;
		--full-width-margin: -50px;
		--list-item-large-gap: 10px;
		--list-item-small-gap: 10px;
	}
}
@media screen and (min-width: 901px) {
	:root {
		
	}
}
@media screen and (min-width: 1140px) {
	:root {
		--site-side-padding: 50px;
		--full-width-margin: -50px;
	}
}


.nav-tool.theme-toggle-to-light {
	display: none;
}

.dark .nav-tool.theme-toggle-to-light {
	display: initial;
}

.dark .nav-tool.theme-toggle-to-dark {
	display: none;
}

html:not(.dark) img[data-appearance="dark"] { display: none !important; }
.dark img[data-appearance="light"] { display: none !important; }














/* Base
   -------------------------------------------------------------------------------- */
html {
	font-size: 62.5%; /* 10px */
	font-family: var(--font-family);
	background-color: var(--background-color);
}

body {
	font-size: 1.4rem;
	line-height: 1.35;
	color: var(--text-color);
	background-color: var(--background-color);
}

@media screen and (min-width: 601px) {
	body {
		font-size: 1.4rem;
	}
}

@media screen and (min-width: 1140px) {
	body {
		font-size: 1.4rem;
	}
}

a,
.accent-color {
	color: var(--accent-color);
}

h1 {
	font-family: var(--title-font-family);
	font-size: 2.6rem;
	line-height: 1.25;
	margin-block-start: 0;
	margin-block-end: 0.2em;
	text-wrap: balance;
}

h2 {
	font-family: var(--title-font-family);
	font-size: 2.1rem;
	line-height: 1.2;
	margin-block-start: 0;
	margin-block-end: .25em;
	text-align: balance;
}

h3 {
	font-size: 2.0rem;
	line-height: 1.2;
	margin-block-start: 0;
	margin-block-end: .5em;
	text-align: balance;
}

h4 {
	font-size: 1.7rem;
	line-height: 1.2;
	margin-block-start: 0;
	margin-block-end: .25em;
}

p {
	margin-block-start: 1em;
	margin-block-end: 1em;
}

@media screen and (min-width: 901px) {
	h1 {
		font-size: 2.8rem;
	}
	h2 {
		font-size: 2.1rem;
	}
	h3 {
		font-size: 2.0rem;
	}
}

@media screen and (min-width: 1140px) {
	h1 {
		font-size: 3.8rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 2.2rem;
	}
}











/* Base layout
   -------------------------------------------------------------------------------- */
.container {
	padding-top: var(--site-padding-top);
	padding-left: var(--site-side-padding);
	padding-right: var(--site-side-padding);
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}



/* Base layout grids
   -------------------------------------------------------------------------------- */

@media screen and (min-width: 601px) {
	
	
	
}

@media screen and (min-width: 901px) {
	
	
	
}














/* Buttons
   -------------------------------------------------------------------------------- */
.btn {
	appearance: none;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: .5px;
	border: none;
	border-radius: 6px;
	margin: 1px;
	padding: .75em 1.5em;
	vertical-align: middle;
	background-color: var(--button-background-color);
	color: var(--text-color);
	text-decoration: none;
	text-align: center;
}

.btn.small {
	font-size: 1.2rem;
	padding: .5em 1em;
}

.btn.medium {
	font-size: 1.3rem;
	padding: .6em 1em;
}

.btn.large {
	font-size: 1.7rem;
	font-weight: bold;
}

.btn.stretch {
	width: 100%;
}

@media (hover: hover) {
	.btn:hover {
		filter: brightness(80%);
	}
	.dark .btn:hover {
		filter: brightness(145%);
	}
}

@media screen and (min-width: 601px) {
	
}

.btn.prominent {
	background-color: var(--button-prominent-background-color);
	color: var(--button-prominent-color);
}

.btn.destructive {
	color: var(--button-destructive-color);
}

.btn[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
}



















/* Navbar
   -------------------------------------------------------------------------------- */
#navbar {
	position: fixed;
	z-index: 9;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	background-color: var(--navbar-background-color);
	-webkit-backdrop-filter: var(--navbar-backdrop-filter);
	backdrop-filter: var(--navbar-backdrop-filter);
}

.navbar-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-left: var(--site-side-padding);
	padding-right: var(--site-side-padding);
}

.navbar-home {
	position: absolute;
	top: 0;
	left: 50%;
	width: 144px;
	max-width: 55%;
	height: 52px;
	color: inherit;
	text-decoration: none;
	font-weight: 900;
	transform: translateX(-50%);
}

.navbar-menu {
	display: none;
	flex-grow: 1;
}

.navbar-home img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.nav-tools {
	display: flex;
}

.nav-tools .nav-tool {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 40px;
	height: 40px;
	padding: 10px;
	background: none;
	border: none;
	border-radius: 10px;
	opacity: 0.75;
}

.dark .nav-tool img {
	filter: invert(1);
}

@media screen and (min-width: 601px) {
	.navbar-menu {
		display: flex;
		flex-grow: 1;
	}
	.navbar-menu a {
		font-weight: 500;
		text-decoration: none;
		color: var(--text-color-muted);
		padding: 5px 10px;
	}
	.navbar-menu a:hover {
		background-color: var(--link-highlight-background-color);
		border-radius: 5px;
	}
}

@media (hover: hover) {
	.nav-tool:hover {
		opacity: 1;
		background-color: var(--link-highlight-background-color);
	}
}









































/* Base images
-------------------------------------------------------------------------------- */
.img {
	display: block;
	width: 100%;
	border-radius: 8px;
}
.tile {
	vertical-align: middle;
	border-radius: 6px;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border: 1px solid var(--logo-border-color);
}

















/* Accessibility
-------------------------------------------------------------------------------- */
.skip-link {
	position: absolute;
	z-index: 10;
	background: var(--tint-color);
	color: var(--text-color);
	font-weight: 700;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
	padding: 4px;
	transform: translateY(-140%);
}

.skip-link:focus {
	transform: translateY(0%);
}









/* Side site menu
-------------------------------------------------------------------------------- */
#side-bar-menu-toggle {
	display: none;
}

#side-bar-menu {
	position: fixed;
	height: 0;
	background-color: var(--tint-color);
	top: 48px;
	left: 0;
	width: 100%;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: background .44s cubic-bezier(.52, .16, .24, 1) .2s, height .56s cubic-bezier(.52, .16, .24, 1);
	transition: background .44s cubic-bezier(.52, .16, .24, 1) .2s, height .56s cubic-bezier(.52, .16, .24, 1)
}

#side-bar-menu-toggle:checked + #side-bar-menu {
	height: 100vh;
	height: 100dvh;
	-webkit-transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1);
	transition: background .36s cubic-bezier(.32, .08, .24, 1), height .56s cubic-bezier(.52, .16, .24, 1)
}

.side-bar-menu-container {
	padding: 35px 0 85px
}

#side-bar-menu ul {
	margin: 0 auto 30px;
	padding: 0;
	list-style: none;
	width: 90%;
	max-width: 300px;
	text-align: left
}

#side-bar-menu li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.7em;
	font-weight: 600
}

#side-bar-menu li a {
	display: block;
	padding: .75em 0;
	text-decoration: none;
	border-bottom:1px solid var(--main-border-color);
	color: var(--text-color);
}

@media screen and (min-width: 601px) {
	#side-bar-menu li {
		font-size: 2.3em;
	}
}







/* Spacing tweaks
-------------------------------------------------------------------------------- */


















/* Lists
   -------------------------------------------------------------------------------- */
.list {
	margin-block-start: 0;
	margin-block-end: 1em;
	padding: 0;
	list-style: none;
}

.list .item {
	color: inherit;
	text-decoration: none;
}




/* Lists: tiles
   -------------------------------------------------------------------------------- */
.list.tiles {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--list-item-large-gap);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin-left: var(--full-width-margin);
	margin-right: var(--full-width-margin);
	padding-left: var(--site-side-padding);
	padding-right: var(--site-side-padding);
	scroll-snap-type: x mandatory;
	scroll-padding: var(--site-side-padding);
}

.list.tiles .item {
	flex-grow: 0;
	flex-shrink: 0;
	scroll-snap-align: start;
	--list-tile-items: 1;
	width: calc((100% / var(--list-tile-items)) - (((var(--list-tile-items) - 1) / var(--list-tile-items)) * var(--list-item-large-gap)));
}

@media screen and (min-width: 601px) {
	.list.tiles .item {
		--list-tile-items: 2;
	}
}

@media screen and (min-width: 901px) {
	.list.tiles .item {
		--list-tile-items: 3;
	}
}

@media screen and (min-width: 1140px) {
	.list.tiles .item {
		--list-tile-items: 4;
	}
}

/* List Items: tiles
   -------------------------------------------------------------------------------- */
.list.tiles .item {
	position: relative;
	display: flex;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

.list.tiles .item:hover .tile {
	filter: var(--link-highlight-image-filter);
}

.list.tiles .category {
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	color: var(--accent-color);
}

.list.tiles .title {
	display: block;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.2;
	margin-block-start: 0;
	margin-block-end: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list.tiles .info {
	display: block;
	font-size: 1.0em;
	font-weight: 400;
	line-height: 1.3;
	margin-block-start: 0;
	margin-block-end: 8px;
	color: var(--text-color-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list.tiles .body {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em 0.75em;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	color: white;
	font-size: 1.1em;
	background-color: rgba(0,0,0, 0.15);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}




/* Lists: tiles wrapped
   -------------------------------------------------------------------------------- */
.list.tiled {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--list-item-large-gap);
}

.list.tiled .item {
	
}

.list.tiled .tile {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.list.tiled .item:hover .tile {
	filter: var(--link-highlight-image-filter);
}

.list.tiled .body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	overflow: hidden;
	padding: 0.5em 0.5em;
	background-color: var(--tint-color);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.list.tiled .text {
	overflow: hidden;
}

.list.tiled .title {
	display: block;
	font-size: 1.1em;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list.tiled .info {
	display: block;
	font-size: 0.9em;
	font-weight: 600;
	color: var(--text-color-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (min-width: 601px) {
	.list.tiled {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (min-width: 901px) {
	.list.tiled {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (min-width: 1140px) {
	.list.tiled {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}





/* Lists: donation tiles
   -------------------------------------------------------------------------------- */
.list.donate-tiles {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--list-item-large-gap);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin-left: var(--full-width-margin);
	margin-right: var(--full-width-margin);
	padding-left: var(--site-side-padding);
	padding-right: var(--site-side-padding);
	scroll-snap-type: x mandatory;
	scroll-padding: var(--site-side-padding);
}

.list.donate-tiles .item {
	flex-grow: 0;
	flex-shrink: 0;
	scroll-snap-align: start;
	--list-tile-items: 3;
	width: calc((100% / var(--list-tile-items)) - (((var(--list-tile-items) - 1) / var(--list-tile-items)) * var(--list-item-large-gap)));
}

@media screen and (min-width: 601px) {
	.list.donate-tiles .item {
		--list-tile-items: 5;
	}
}

@media screen and (min-width: 901px) {
	.list.donate-tiles .item {
		--list-tile-items: 6;
	}
}

@media screen and (min-width: 1140px) {
	.list.donate-tiles .item {
		--list-tile-items: 9;
	}
}

/* List Items: donation tiles
   -------------------------------------------------------------------------------- */
.list.donate-tiles .item {
	display: flex;
	justify-content: center;
	align-items: center;
	color: inherit;
	text-decoration: none;
	background-color: var(--tint-color);
	aspect-ratio: 3 / 4;
	border-radius: 12px;
	padding: 1em;
}

.list.donate-tiles .item:hover {
	filter: var(--link-highlight-image-filter);
}

.list.donate-tiles .title {
	display: block;
	font-family: var(--title-font-family);
	font-size: 1.2em;
	font-weight: 700;
	opacity: 0.7;
	line-height: 1;
	margin-block-start: 0;
	margin-block-end: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




/* Lists: category tiles
   -------------------------------------------------------------------------------- */
.list.category-tiles {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--list-item-large-gap);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin-left: var(--full-width-margin);
	margin-right: var(--full-width-margin);
	padding-left: var(--site-side-padding);
	padding-right: var(--site-side-padding);
	scroll-snap-type: x mandatory;
	scroll-padding: var(--site-side-padding);
}

.list.category-tiles .item {
	flex-grow: 0;
	flex-shrink: 0;
	scroll-snap-align: start;
	--list-tile-items: 2.5;
	width: calc((100% / var(--list-tile-items)) - (((var(--list-tile-items) - 1) / var(--list-tile-items)) * var(--list-item-large-gap)));
}

@media screen and (min-width: 601px) {
	.list.category-tiles .item {
		--list-tile-items: 3.5;
	}
}

@media screen and (min-width: 901px) {
	.list.category-tiles .item {
		--list-tile-items: 4.5;
	}
}

@media screen and (min-width: 1140px) {
	.list.category-tiles .item {
		--list-tile-items: 6;
	}
}

/* List Items: donation tiles
   -------------------------------------------------------------------------------- */
.list.category-tiles .item {
	display: flex;
	justify-content: start;
	align-items: end;
	color: inherit;
	text-decoration: none;
	background-color: var(--tint-color);
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	padding: 1em;
}

.list.category-tiles .item:hover {
	filter: var(--link-highlight-image-filter);
}

.list.category-tiles .title {
	display: block;
	font-family: var(--title-font-family);
	font-size: 1.1em;
	font-weight: 700;
	opacity: 0.7;
	line-height: 1;
	margin-block-start: 0;
}













.list .cta {
	flex-shrink: 0;
	display: block;
	font-size: 1.6rem;
	width: 4em;
	line-height: 2em;
	color: var(--button-prominent-color);
	background-color: var(--button-prominent-background-color);
	border-radius: 10em;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media screen and (min-width: 601px) {
	.list .cta {
		font-size: 1.4rem;
	}
}







































/* Articles
   -------------------------------------------------------------------------------- */
iframe[src*="https://www.youtube.com/embed/"] {
	position: relative;
	border-radius: 6px;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.link-block {
	display: block;
	color: black;
	text-decoration: none;
	background: #fff;
	border: 1px solid rgba(201, 201, 204, 0.48);
	box-shadow: 0 1px 3px rgba(0,0,0, .1);
	border-radius: 6px;
	padding: 2rem;
	margin-block-end: 2em;
}

.link-block .title {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.2;
	margin-block-start: 0;
	margin-block-end: 10px;
}

.link-block .description {
	margin-block-start: 0;
	margin-block-end: 20px;
	font-size: 1em;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.link-block .anchor {
	display: block;
	font-size: 0.9em;
	line-height: 1em;
	color: var(--text-color-muted);
	border: 0;
	padding: 0;
}


















/* Other components
   -------------------------------------------------------------------------------- */




















/* Search
   -------------------------------------------------------------------------------- */
.search-input {
	display: flex;
	align-items: center;
	gap: 1em;
	flex-basis: 100%;
	width: 100%;
	font-size: 1.8rem;
	line-height: 1;
	height: 3em;
	color: var(--text-color);
	background-color: var(--tint-color);
	border: 1px solid var(--input-border-color);
	border-radius: 2.5em;
	padding: 0 1.5em 0 3em;
}

.search-input-container {
	position: relative;
}

.search-input-container .search-icon {
	position: absolute;
	left: 1em;
	top: 0.9em;
	width: 2em;
	height: 2em;
	opacity: 0.8;
}

.dark .search-input-container .search-icon {
	filter: invert(1);
}

@media screen and (min-width: 601px) {
	.search-input {
		padding-right: 5em;
	}
	.search-input-container .btn {
		position: absolute;
		top: 0.6em;
		right: 0.8em;
		border-radius: 100px;
	}
}














/* Footer
   -------------------------------------------------------------------------------- */













.dark .codex-editor {
	color: var(--background-color);
}

.dark .codex-editor .ce-block__content {
	color: var(--text-color);
}

.dark .ce-toolbar__plus,
.dark .ce-toolbar__settings-btn {
	color: var(--text-color-muted);
}
.dark .ce-toolbar__plus:hover,
.dark .ce-toolbar__settings-btn:hover {
	color: var(--background-color);
}

.dark .ce-block--selected .ce-block__content {
	background: var(--transparent-thin);
}

.ce-popover--opened {
	max-height: 350px;
}

.cdx-notify {
	color: black;
}











/* Various bits
   -------------------------------------------------------------------------------- */












/* Common alignment helpers
   -------------------------------------------------------------------------------- */
.align-left,
table.align-left th { text-align: left; }
.align-center,
table.align-center th { text-align: center; }
.align-right,
table.align-right th,
table th.align-right, table td.align-right { text-align: right; }

.float-right { float: right; }

.no-break { white-space: nowrap; }





/* Colours
   -------------------------------------------------------------------------------- */
.text-color-muted { color: var(--text-color-muted); }


/* Background colours
   -------------------------------------------------------------------------------- */
.bg-grey { background-image: linear-gradient(10deg, #d8d9da, #e8e9ea); }
.dark .bg-grey { background-image: linear-gradient(10deg, #28292a, #18191a); }










/* Screen size display helpers
   -------------------------------------------------------------------------------- */
.hidden { display: none !important; }
@media only screen and (max-width: 600px) {
	.not-sm {
		display: none !important;
	}
}
@media only screen and (min-width: 601px) {
	.only-sm {
		display: none !important;
	}
}
@media only screen and (max-width: 992px) {
	.only-lg {
		display: none !important
	}
}