<commit_before>
	@charset "utf-8";

	/*
	Oasis Style Sheet

	Sections are grouped under headings with a “=” symbol,
	to make searching easier.

	When a style is used more than once, it sometimes has a “@keyword”
	in a comment next to it (to help with search and replace).

	For example…

	16px  @font-size
	24px  @line-height
	32em  @page-max-width
	*/


	/* =Elements
	----------------------------------------------- */
	html, body {
		min-height: 100%;
	}
	body {
		background: rgb(253, 254, 255);
		color: rgb(49, 50, 51);
		margin: 0;
		padding: 1.5em;
		font: 100%/1.5 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
	}

	/* OPTIONAL: Increase the font size on big screens. */
	@media screen and (min-width: 600px) and (min-height: 600px) {
		html {
			font-size: 112.5%;
		}
	}
	@media screen and (min-width: 800px) and (min-height: 800px) {
		html {
			font-size: 125%;
		}
	}
	@media screen and (min-width: 1000px) and (min-height: 1000px) {
		html {
			font-size: 137.5%;
		}
	}
	@media screen and (min-width: 1200px) and (min-height: 1200px) {
		html {
			font-size: 150%;
		}
	}

	@media (min-width: 30em) {
		body {
			padding-left: 3em; /* @page-margin-widescreen */
			padding-right: 3em; /* @page-margin-widescreen */
			padding-bottom: 3em; /* @page-margin-widescreen */
		}
	}

	p {
		max-width: 40em;
	}

	a {
		color: rgb(249, 192, 88); /* @canteloupe */
		color: rgb(77, 85, 148); /* @grape */
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(144, 194, 70); /* @lime */
		color: rgb(77, 85, 148); /* @grape */
		text-decoration: underline;
		transition: color 0.2s;
	}
	a:hover,
	a:active,
	a:focus {
		color: rgb(241, 95, 91); /* @strawberry */
	}

	abbr {
		text-decoration: inherit;
	}
	/*
	a:not([href]) {
		color: inherit;
		opacity: 0.5;
	}
	*/
	.avoid-break {
		display: inline-block; /* @avoid-break */
	}


	/* =Type
	----------------------------------------------- */
	h1, h2, h3, h4, h5, h6, p, dl, ul, ol, table {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: "Re<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		font-weight: normal;
		margin-top: 1.5em;
	}

	h1 em,
	h2 em {
		font-style: normal;
	}
	h1 em::before,
	h2 em::before {
		content: "“";
	}
	h1 em::after,
	h2 em::after {
		content: "”";
	}

	/* http://type-scale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&webfont=Libre+Baskerville&font-family='Libre%20Baskerville',%20serif&font-weight=400&font-family-headers=&font-weight-headers=inherit&background-color=white&font-color=%23333 */
	h1 {
		font-size: 2em; /* 32px / 16px */
		line-height: 1.3125; /* 42px / 32px */
		margin-top: 1.3125em;
		margin-bottom: 0.65625em;
	}
	h2 {
		font-size: 1.5em; /* 24px / 16px */
		line-height: 1.3333333333; /* 32px / 24px */
		margin-top: 1.3333333333em;
		margin-bottom: 0.6666666667em;
	}
	h3, h4, h5, h6 {
		font-size: inherit;
		font-family: inherit;
		font-style: italic;
	}

	/* Shrink images to fit the available space */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Make new HTML elements look nice in older browsers */
	main, section, article, aside, nav, header, footer, figure {
		display: block;
	}

	.icon {
		vertical-align: text-top;
		width: 1.5em;
		height: 1.5em;
		margin-right: 0.25em;
	}


	/* =Button
	----------------------------------------------- */
	.action a,
	form.find button,
	.larger-map button,
	.home form button,
	header button,
	.map-filters button,
	nav a {
		display: inline-block;
		background: rgb(243, 117, 104); /* @salmon */
		background: rgb(209, 43, 43); /* @apple */
		background: rgb(249, 192, 88); /* @canteloupe */
		background: rgb(77, 85, 148); /* @grape */
		background: rgb(241, 95, 91); /* @strawberry */
		background: rgb(144, 194, 70); /* @lime */
		background-image: linear-gradient(to top, rgb(221, 75, 71), rgba(221, 75, 71, 0)); /* @dark-strawberry */
		background-image: linear-gradient(to top, rgb(124, 174, 50), rgba(124, 174, 50, 0)); /* @dark-lime */
		color: black;
		color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 0.375em 1.5em;
		border-radius: 0.25em;
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-color: transparent;
		text-decoration: none;
		cursor: pointer;
		font-size: inherit;
	}
	.action a:hover,
	.action a:active,
	.action a:focus,
	form.find button:hover,
	form.find button:active,
	form.find button:focus,
	.larger-map button:hover,
	.larger-map button:active,
	.larger-map button:focus,
	.home form button:hover,
	.home form button:active,
	.home form button:focus,
	header button:hover,
	header button:active,
	header button:focus,
	.map-filters button:hover,
	.map-filters button:active,
	.map-filters button:focus,
	nav a:hover,
	nav a:active,
	nav a:focus {
		background: rgb(221, 75, 71); /* @dark-strawberry */
		background: rgb(124, 174, 50); /* @dark-lime */
		text-decoration: none;
		color: white;
	}
	.larger-map button {
		background: white;
		color: rgb(144, 194, 70); /* @lime */
		border: 1px solid;
		transition: 0.2s;
	}
	.larger-map {
		max-width: none;
		text-align: center;
		font-size: 0.75em;
	}
	.larger-map button:hover,
	.larger-map button:active,
	.larger-map button:focus {
		background: rgb(124, 174, 50); /* @dark-lime */
		text-decoration: none;
		color: white;
	}
	/*
	.larger-map button {
		border-color: transparent;
		text-decoration: underline;
	}
	*/
	form.find button,
	.home button {
		text-transform: uppercase;
	}
	label span {
		display: block;
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		font-size: 1.25em;
		margin-bottom: 0.375em;
	}
	label br {
		display: none;
	}

	/*
	nav form label span {
		position: absolute;
		left: -9999px;
	}
	nav form label br {
		display: none;
	}
	*/


	/* =Field
	----------------------------------------------- */
	input[type="text"] {
		line-height: inherit;
		font-family: inherit;
		font-size: inherit;
		padding: 0.375em 0.75em;
		border-radius: 0.25em;
		border: 1px solid black;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-color: rgb(249, 192, 88); /* @canteloupe */
		border-color: rgb(144, 194, 70); /* @lime */
		border-color: rgb(77, 85, 148); /* @grape */
		border-color: rgba(77, 85, 148, 0.5); /* @grape */
		border-color: rgb(241, 95, 91); /* @strawberry */
		border-color: rgba(241, 95, 91, 0.5); /* @strawberry */
		border-color: rgba(0, 0, 0, 0.25);
		width: 20em;
		max-width: 100%;
		box-sizing: border-box;
	}
	@media (max-width: 35em) {
		input[type="text"],
		.home form button,
		header button,
		form.find button,
		.map-filters button {
			width: 100%;
		}
		.home form button,
		header button,
		form.find button,
		.map-filters button {
			margin-top: 0.375em;
		}
		.home form {
			text-align: center;
		}
	}


	/* =Link List
	----------------------------------------------- */
	.link-list,
	.link-list li {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	.link-list a {
		display: block;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		color: inherit;
	}
	.link-list a:hover,
	.link-list a:active,
	.link-list a:focus {
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.link-list.has-icons a {
		text-decoration: none;
	}
	.link-list.has-icons a span {
		text-decoration: underline;
	}
	/*
	.link-list a:hover,
	.link-list a:active,
	.link-list a:focus {
		text-decoration: underline;
	}
	*/
	/*
	.link-list li + li a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	*/


	/* =Organization List
	----------------------------------------------- */
	.organization-list,
	.organization-list ul,
	.organization-list li {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	.organization-list a {
		display: block;
		color: inherit;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		text-decoration: none;
	}
	.organization-list li + li a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.organization-list h2 {
		margin-top: 0;
		text-decoration: underline;
		margin-bottom: 0.25em;
		color: rgb(144, 194, 70); /* @lime */
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
	}
	.organization-list .type,
	.organization-list .tags {
		opacity: 0.5;
	}
	.organization-list .type {
		font-style: italic;
	}
	.organization-list .tags {
		margin-bottom: 0;
	}
	.organization-list .tags li {
		display: inline;
	}
	.organization-list .tags li + li {
		text-transform: lowercase;
	}
	.organization-list .tags li::after {
		content: ", ";
	}
	.organization-list .type li:last-child::after,
	.organization-list .tags li:last-child::after {
		content: "";
	}


	/* =Food Source List
	----------------------------------------------- */
	.food-source-list,
	.food-source-list li {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	.food-source-list a {
		display: block;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		text-decoration: none;
		color: inherit;
	}
	.food-source-list h2 {
		margin-top: 0;
		margin-bottom: 0;
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(144, 194, 70); /* @lime */
		text-decoration: underline;
	}

	.food-source-list .food-pantry h2 {
		color: rgb(249, 192, 88); /* @canteloupe */
	}
	.food-source-list .community-garden h2 {
		color: rgb(144, 194, 70); /* @lime */
	}
	.food-source-list .grocery-store h2 {
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
		color: rgb(40, 137, 187); /* @blueberry */
	}
	.food-source-list .store h2 {
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
		color: rgb(40, 137, 187); /* @blueberry */
	}
	.food-source-list .farmers-market h2 {
		color: rgb(77, 85, 148); /* @grape */
		color: rgba(161, 167, 72, 0.75); /* @asparagus */
		color: rgb(211, 16, 134); /* @dragonfruit */
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.food-source-list .supermarket h2 {
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
	}

	.food-source-list a:hover h2,
	.food-source-list a:active h2,
	.food-source-list a:focus h2 {
	}
	.food-source-list li + li a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.food-source-list .distance {
		opacity: 0.5;
	}
	.food-source-list h2 + p,
	.food-source-list h3 + p {
		margin-top: 0;
	}
	.food-source-list p:last-child {
		margin-bottom: 0;
	}
	.food-source-list .type {
		font-style: italic;
		opacity: 0.5;
	}

	/* SHIM: Avoid showing the unsorted content while the sorting is taking place */
	.food-source-list.sorting li {
		visibility: hidden;
	}
	.food-source-list.sorting::before {
		content: "Finding nearest locations…";
		display: block;
	}


	/* =Header
	----------------------------------------------- */
	.header h2 {
		font-size: inherit;
		font-weight: inherit;
		margin: -1.5em -1.5em 0;
	}
	.header h2 a {
		display: inline-block;
		padding: 1.125em 0.75em;
		margin-left: 0.75em;
		margin-right: 0.75em;
		color: rgb(102, 102, 102);
		text-decoration: none;
		text-transform: lowercase;
	}
	.header h2 svg {
		opacity: 0.85;
		width: 4.6875em; /* 225px / 16px */
		height: 2.5em; /* 40px / 16px */
		margin-right: 0.375em;
	}
	.header h2 span {
		display: inline-block;
		line-height: 1;
	}
	@media (min-width: 30em) {
		.header h2 svg {
			width: 4.6875em; /* 225px / 16px */
			height: 2.5em; /* 40px / 16px */
		}
	}
	.header h2 svg .food-oasis * {
		fill: rgb(144, 194, 70); /* @lime */
	}
	/*
	.header h2 a:hover svg .food-oasis path,
	.header h2 a:hover svg .food-oasis polygon,
	.header h2 a:hover svg .food-oasis rect,
	.header h2 a:active svg .food-oasis path,
	.header h2 a:active svg .food-oasis polygon,
	.header h2 a:active svg .food-oasis rect,
	.header h2 a:focus svg .food-oasis path,
	.header h2 a:focus svg .food-oasis polygon,
	.header h2 a:focus svg .food-oasis rect {
		fill: rgb(124, 174, 50);
	}
	*/
	.header h2 svg .los-angeles path {
		fill: currentColor;
	}

	.canteloupe .header h2 svg .food-oasis * {
		fill: rgb(249, 192, 88); /* @canteloupe */
	}
	.lime .header h2 svg .food-oasis * {
		fill: rgb(144, 194, 70); /* @lime */
	}
	.strawberry .header h2 svg .food-oasis * {
		fill: rgb(241, 95, 91); /* @strawberry */
	}
	.grape .header h2 svg .food-oasis * {
		fill: rgb(77, 85, 148); /* @grape */
	}
	.blueberry .header h2 svg .food-oasis * {
		fill: rgb(40, 137, 187); /* @blueberry */
	}
	.dragonfruit .header h2 svg .food-oasis * {
		fill: rgb(211, 16, 134); /* @dragonfruit */
	}

	main h1 {
		color: rgb(144, 194, 70); /* @lime */
	}
	.canteloupe main h1 {
		color: rgb(249, 192, 88); /* @canteloupe */
	}
	.strawberry main h1 {
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.grape main h1 {
		color: rgb(77, 85, 148); /* @grape */
	}
	.blueberry main h1 {
		color: rgb(40, 137, 187); /* @blueberry */
	}
	.dragonfruit main h1 {
		color: rgb(211, 16, 134); /* @dragonfruit */
	}

	/*
	@media (max-width: 29.99999em) {
		.header h1 svg,
		.header h2 svg {
			width: 70%;
		}
	}
	*/
	@media (min-width: 30em) {
		.header h2 {
			margin-left: -3rem;
			margin-right: -3rem
		}
		.header h2 a {
			margin-left: 2.25rem;
		}
	}

	/* Position the nav on top of the map */
	.header + nav {
		display: block;
		position: absolute;
		z-index: 1;
		top: 1.5em;
		right: 1.5em;
	}
	.header + nav .icon {
		height: 1.5em;
		width: 1.5em;
		margin-left: -0.75em;
		vertical-align: text-top;
	}
	@media (max-width: 30em) {
		.header + nav {
			top: 1.25em;
		}
	}
	@media (max-width: 25em) {
		.header + nav .icon {
			margin-right: -0.75em;
		}
		.header + nav .icon {
			display: block !important;
		}
		.header + nav .icon + span {
			display: none;
		}
	}

	form.find p {
		margin: 0;
	}
	.map-list form.find p {
		max-width: none;
	}
	/*
	form.find label span {
		position: absolute;
		left: -9999px;
	}
	form.find label br {
		display: none
	}
	*/
	form.find button svg {
		margin-left: -0.75em;
		margin-right: -0.75em;
	}
	/*
	body.map form.find {
		display: none;
		position: absolute;
		top: auto;
		bottom: 3em;
		right: 3em;
	}
	@media (min-width: 40em) {
		body.map form.find {
			display: block;
		}
	}
	*/


	/* =Pagination
	----------------------------------------------- */
	.pagination {
		margin-top: 3em;
		margin-bottom: 4.5em;
	}
	.pagination ul,
	.pagination li {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	/*
	.pagination ul {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		justify-content: space-between;
	}
	*/


	/* Drop-down Menu in Header
	----------------------------------------------- */

	.dropbtn {
		background-color: #A1CB62;
		color: white;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		padding: 8px;
		position: relative;
		top: -50px;
		left: 500px;
	}

	.dropbtn:hover, .dropbtn:focus {
		background-color: #F15F5B;
	}

	.dropdown {
		position: relative;
		display: inline-block;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	/*links inside the dropdown*/
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	/*changes color of link in dropdown on hover*/
	.dropdown-content a:hover {
		background-color: #F15F5B;
	}


	/* =Search Box Options
	----------------------------------------------- */
	#searchCheckBoxList {
		list-style-type: none;
	}

	.locationTypeOptions {
		display: inline;
		padding-left: 20px;
	}

	/*
	a {
		text-decoration: none;
	}
	*/


	/* =Search Navigation
	----------------------------------------------- */
	@media (min-width: 40em) {
		nav.search {
			text-align: center;
		}
	}
	nav.search h1 {
		/* @hidden-accessible */
		position: absolute;
		left: -9999px;
	}
	nav.search a:not([href]) {
		background-image: none;
		background-color: rgba(0, 0, 0, 0.65);
		box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.75);
	}
	nav.search ul,
	nav.search li {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	nav.search ul {
		margin-top: 0;
	}
	nav.search li {
		display: inline;
	}


	/* =Footer
	----------------------------------------------- */
	footer {
		background-color: rgb(144, 194, 70); /* @lime */
		color: white;
		margin-top: 5em;
		margin-left: -1.5em;
		margin-right: -1.5em;
		margin-bottom: -1.5em;
		padding: 1.5em 1.5em 4.5em;
		position: relative;
		text-align: center;
	}
	footer .link-list li {
		display: inline-block;
	}
	footer .link-list li + li {
		margin-left: 0.75em;
		margin-right: 0.75em;
	}

	.canteloupe footer {
		background-color: rgb(249, 192, 88); /* @canteloupe */
	}
	.lime footer {
		background-color: rgb(144, 194, 70); /* @lime */
	}
	.strawberry footer {
		background-color: rgb(241, 95, 91); /* @strawberry */
	}
	.grape footer {
		background-color: rgb(77, 85, 148); /* @grape */
	}
	.blueberry footer {
		background-color: rgb(40, 137, 187); /* @blueberry */
	}
	.dragonfruit footer {
		background-color: rgb(211, 16, 134); /* @dragonfruit */
	}

	.canteloupe footer .link-list::before,
	.canteloupe footer .link-list::after,
	.canteloupe footer::before,
	.canteloupe footer::after {
		background-image: url(/assets/images/footer/pear.svg);
	}
	.strawberry footer .link-list::before,
	.strawberry footer .link-list::after,
	.strawberry footer::before,
	.strawberry footer::after {
		background-image: url(/assets/images/footer/carrot.svg);
	}
	.grape footer .link-list::before,
	.grape footer .link-list::after,
	.grape footer::before,
	.grape footer::after {
		background-image: url(/assets/images/footer/pumpkin.svg);
	}
	.blueberry footer .link-list::before,
	.blueberry footer .link-list::after,
	.blueberry footer::before,
	.blueberry footer::after {
		background-image: url(/assets/images/footer/palm-tree-blueberry.svg);
	}
	.dragonfruit footer .link-list::before,
	.dragonfruit footer .link-list::after,
	.dragonfruit footer::before,
	.dragonfruit footer::after {
		background-image: url(/assets/images/footer/palm-tree-dragonfruit.svg);
	}
	/*
	.apple footer .link-list::before,
	.apple footer .link-list::after,
	.apple footer::before,
	.apple footer::after {
		background-image: url(/assets/images/footer/watermelon.svg);
	}
	*/

	footer .link-list::before,
	footer .link-list::after,
	footer::before,
	footer::after {
		content: "";
		background-image: url(/assets/images/footer/palm-tree.svg);
		display: block;
		position: absolute;
		width: 4.5em;
		height: 4.5em;
		margin-top: -4.5em;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		top: 0.25em;
		left: 50%;
		margin-left: -5em;
		opacity: 0.75;
	}
	footer::after {
		margin-left: 0;
		width: 4.25em;
		height: 4.25em;
		margin-top: -4.25em;
		opacity: 0.7;
	}
	footer .link-list::before {
		margin-left: -8.5em;
		width: 5em;
		height: 5em;
		margin-top: -5em;
		opacity: 1;
	}
	footer .link-list::after {
		margin-left: 2.5em;
		width: 4.75em;
		height: 4.75em;
		margin-top: -4.75em;
		opacity: 1;
	}

	.canteloupe footer .link-list::before,
	.canteloupe footer::before,
	.canteloupe footer::after,
	.grape footer .link-list::before,
	.grape footer::before,
	.grape footer::after,
	.strawberry footer .link-list::before,
	.strawberry footer::before,
	.strawberry footer::after {
		display: none;
	}
	.canteloupe footer .link-list::after,
	.grape footer .link-list::after,
	.strawberry footer .link-list::after {
		margin: 0;
		margin-top: -4.75em;
		width: 15em;
		margin-left: -7.5em;
	}

	@media (min-width: 30em) {
		footer {
			margin-left: -3em;
			margin-right: -3em;
			margin-bottom: -3em;
			padding: 1.5em 3em 6em;
		}
	}
	footer section {
		max-width: 40em;
		margin-left: auto;
		margin-right: auto;
	}
	footer section {
		margin-top: 4.5em;
	}
	footer a,
	footer a:hover,
	footer a:active,
	footer a:focus,
	footer .link-list a,
	footer .link-list a:hover,
	footer .link-list a:active,
	footer .link-list a:focus {
		color: inherit;
	}
	footer a {
		text-decoration: none;
	}
	footer a:hover,
	footer a:active,
	footer a:focus {
		text-decoration: underline;
	}
	footer section h2:first-child {
		margin-top: 0;
	}
	footer section h2 + p {
		margin-top: 0;
	}
	footer section p:last-child {
		margin-bottom: 0;
	}
	footer section h2,
	footer section h3 {
		color: inherit;
	}
	footer section a {
		color: inherit;
		text-decoration: underline;
		display: inline-block; /* @avoid-break */
	}

	footer .action {
		text-align: center;
		font-size: 1.25em;
		margin-top: 2.4em; /* 3em / 1.25em */
	}
	footer .action a,
	footer .action a:hover,
	footer .action a:active,
	footer .action a:focus {
		background: white;
		color: black;
	}


	footer .sponsors h2 {
		margin-bottom: 0;
	}
	footer .sponsors div {
		text-align: center;
	}
	footer .sponsors a {
		margin: 0.75em;
	}
	footer .sponsors a img {
		width: 10em;
		border-radius: 50%;
	}
	footer .sponsors h2,
	footer .contact h2 {
		text-align: center;
	}

	footer .contact div {
		margin-top: 3em;
		text-align: center;
	}

	footer .contact svg {
		overflow: visible;
		display: inline-block;
		width: 2.5em;
		height: 2.5em;
		border-radius: 50%;
		margin-left: 0.75em;
		margin-right: 0.75em;
	}

	footer .circle {
		fill: white;
	}
	footer .icon {
		fill: rgb(144, 194, 70); /* @lime */
	}

	.canteloupe footer .icon {
		fill: rgb(249, 192, 88); /* @canteloupe */
	}
	.lime footer .icon {
		fill: rgb(144, 194, 70); /* @lime */
	}
	.grape footer .icon {
		fill: rgb(77, 85, 148); /* @grape */
	}
	.blueberry footer .icon {
		fill: rgb(40, 137, 187); /* @blueberry */
	}
	.strawberry footer .icon {
		fill: rgb(241, 95, 91); /* @strawberry */
	}
	.dragonfruit footer .icon {
		fill: rgb(211, 16, 134); /* @dragonfruit */
	}


	footer .action a,
	footer .sponsors a,
	footer .contact a svg path {
		transition: all 0.2s;
	}
	footer .contact div a {
		margin-top: -0.5em;
		padding-top: 0.5em;
	}
	footer .action a:hover,
	footer .action a:active,
	footer .action a:focus,
	footer .sponsors a:hover,
	footer .sponsors a:active,
	footer .sponsors a:focus,
	footer .contact a:hover  svg,
	footer .contact a:active svg,
	footer .contact a:focus  svg {
		color: black;
	}

	footer a:hover  .facebook .icon,
	footer a:active .facebook .icon,
	footer a:focus  .facebook .icon {
		fill: #3B5998;
	}
	footer a:hover  .twitter .icon,
	footer a:active .twitter .icon,
	footer a:focus  .twitter .icon {
		fill: #55ACEE;
	}

	footer .action a:hover,
	footer .action a:active,
	footer .action a:focus {
		text-decoration: underline;
	}

	footer a .icon {
		transition: all 0.2s;
	}
	footer a:hover  .icon,
	footer a:active .icon,
	footer a:focus  .icon {
		fill: black;
	}


	/* =Navigation
	----------------------------------------------- */
	nav p {
		margin: 0;
	}


	/* =Main
	----------------------------------------------- */
	main {
		padding-bottom: 3em;
		max-width: 40em;
		margin-left: auto;
		margin-right: auto;
	}
	.page-contents {
		padding-bottom: 1.5em;
	}
	section {
		margin-top: 3em;
	}


	/* =Map
	----------------------------------------------- */
	.mapbox {
		height: 600px;
		margin-left: -1.5rem; /* @page-margin */
		margin-right: -1.5rem;
	}

	@media (min-width: 30em) {
		.mapbox {
			margin-left: -3rem; /* @page-margin-widescreen */
			margin-right: -3rem;
		}
	}


	/* =Map Filters
	----------------------------------------------- */
	.map-filters {
		position: absolute;
		z-index: 1;
		top: 12.125rem; /* header height + 1.5rem */
		left: 1.5rem;
		width: 15em;
	}

	@media (min-width: 30em) {
		.map-filters {
			top: 12.125rem; /* header height + 3rem */
			left: 3rem;
		}
	}

	.map-filters ul {
		margin-top: 0;
	}
	.map-filters ul,
	.map-filters li {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	.map-filters button {
		background-image: none;
		min-width: 12em;
		margin: 2px;
	}
	.map-filters .food-pantry,
	.map-filters .food-pantry:hover,
	.map-filters .food-pantry:active,
	.map-filters .food-pantry:focus {
		background-color: rgb(249, 192, 88); /* @canteloupe */
	}
	.map-filters .community-garden,
	.map-filters .community-garden:hover,
	.map-filters .community-garden:active,
	.map-filters .community-garden:focus {
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(144, 194, 70); /* @lime */
	}
	.map-filters .farmers-market,
	.map-filters .farmers-market:hover,
	.map-filters .farmers-market:active,
	.map-filters .farmers-market:focus {
		background-color: rgb(77, 85, 148); /* @grape */
		background-color: rgb(211, 16, 134); /* @dragonfruit */
		background-color: rgb(241, 95, 91); /* @strawberry */
	}
	.map-filters .grocery-store,
	.map-filters .grocery-store:hover,
	.map-filters .grocery-store:active,
	.map-filters .grocery-store:focus {
		background-color: rgb(209, 43, 43); /* @apple */
		background-color: rgb(144, 194, 70); /* @lime */
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(77, 85, 148); /* @grape */
		background-color: rgb(40, 137, 187); /* @blueberry */
	}
	.map-filters .store,
	.map-filters .store:hover,
	.map-filters .store:active,
	.map-filters .store:focus {
		background-color: rgb(209, 43, 43); /* @apple */
		background-color: rgb(144, 194, 70); /* @lime */
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(77, 85, 148); /* @grape */
		background-color: rgb(40, 137, 187); /* @blueberry */
	}
	.map-filters .supermarket,
	.map-filters .supermarket:hover,
	.map-filters .supermarket:active,
	.map-filters .supermarket:focus {
		background-color: rgb(161, 167, 72); /* @asparagus */
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(77, 85, 148); /* @grape */
	}

	.map-filters .inactive {
		opacity: 0.35;
	}

	@media (max-width: 45em) and (max-height: 55em) {
		.map-filters {
			display: none;
		}
	}


	/* =Map Point Popup
	----------------------------------------------- */
	.map-point-details {
		max-width: 80vw;
		font-size: 1rem;
		line-height: 1.5;
		padding: 0.75em;
	}
	.map-point-details p {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
		font-size: inherit;
		line-height: inherit;
	}
	.map-point-details h3 {
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.25em;
		line-height: 1.2;
		font-style: inherit;
	}
	.map-point-details h3 a {
		color: rgb(77, 85, 148); /* @grape */
		text-decoration: underline;
	}
.disabled .farmers-market-details h3 a {
	color: rgb(241, 95, 91); /* @strawberry */
}
.disabled .community-garden-details h3 a {
	color: rgb(144, 194, 70); /* @lime */
}
.disabled .food-pantry-details h3 a {
	color: rgb(249, 192, 88); /* @canteloupe */
}
	.map-point-details h3 a:hover,
	.map-point-details h3 a:active,
	.map-point-details h3 a:focus {
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.map-point-details h3 + p {
		margin-top: 0;
	}
	.map-point-details .type,
	.map-point-details .distance {
		opacity: 0.5;
	}
	.map-point-details .type {
		font-style: italic;
	}
	.map-point-details h4 {
		margin-top: 0;
		margin-bottom: 0;
		font-family: inherit;
		font-weight: bold;
		line-height: 1.5;
	}
	.map-point-details .hours {
		margin-top: 0;
		max-width: 15em;
		line-height: 1.5;
	}
	.map-point-details p:last-child {
		margin-bottom: 0;
	}


	/* =You are here
	----------------------------------------------- */
	@keyframes sonar {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		50% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(3);
			opacity: 0;
		}
	}

	@keyframes shrink {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(0.875);
		}
		100% {
			transform: scale(1);
		}
	}


	.you-are-here::before {
		content: "";
		display: block;
		border-radius: 50%;
		background-color: rgb(0, 128, 255);
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;

		animation: sonar 3s infinite ease-out;
	}
	.you-are-here::after {
		content: "";
		display: block;
		border-radius: 50%;
		position: absolute;
		top: -20%;
		left: -20%;
		z-index: -1;
		width: 140%;
		height: 140%;
		background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, transparent 60%, transparent 100%);
		background-size: contain;
	}

	.you-are-here {
		position: relative;
		font-size: 1rem;
		margin-top: -1.25em;
		margin-right: -1.25em;
		background: white;
		padding: 0.2em;
		border-radius: 50%;
		display: inline-block;
		width: auto !important;
		height: auto !important;
	}
	.you-are-here span {
		display: block;
		width: 1.05em;
		height: 1.05em;
		background-color: rgb(0, 128, 255);
		border-radius: 50%;
		animation: shrink 3s 1.5s infinite both;

		/* @hidden-accessible-text */
		text-indent: -9999px;
		overflow: hidden;
	}


	/* =Marker
	----------------------------------------------- */
	.marker {
		position: relative;
		font-size: 1rem;
		line-height: 1.5;
	}
	.marker img {
		position: absolute;
		bottom: 0;
		left: -1em;
		width: 2em;
		max-width: none;
		height: 2em;
		margin-left: 0;
		margin-right: 0;
	}
	.marker .label {
		margin: 0;
		position: absolute;
		top: 0.25em;
		width: 15em;
		left: 50%;
		text-align: center;
		margin-left: -7.5em;
		padding: 0.375em;
		background: white;
		background: rgba(255, 255, 255, 0.5);
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
	}
	@media (min-width: 30em) {
		.marker {
			font-size: 1.5rem;
		}
	}

	.farmers-market-marker {
		border: none;
		cursor: pointer;
		height: 56px;
		width: 43px;
		background-image: url(/assets/images/map/farmers-market.svg);
		background-color: rgba(0, 0, 0, 0);
		transform: translate(28px, 56px, 0);
	}

	.community-garden-marker {
		border: none;
		cursor: pointer;
		height: 56px;
		width: 43px;
		background-image: url(/assets/images/map/community-garden.svg);
		background-color: rgba(0, 0, 0, 0);
		transform: translate(28px, 56px, 0);
	}

	.food-pantry-marker {
		border: none;
		cursor: pointer;
		height: 56px;
		width: 43px;
		background-image: url(/assets/images/map/food-bank.svg);
		background-color: rgba(0, 0, 0, 0);
		transform: translate(28px, 56px, 0);
	}


	/* =Slow Page Note
	----------------------------------------------- */

	/* For the list page */
	p.slow-page-note {
		margin-top: 3em;
		max-width: none;
		background: rgba(0, 0, 0, 0.025);
		background-color: rgba(249, 192, 88, 0.05); /* @canteloupe */
		background-color: rgba(144, 194, 70, 0.05); /* @lime */
		color: rgb(249, 192, 88); /* @canteloupe */
		color: rgba(0, 0, 0, 0.5);
		padding: 0.75em 1.5em;
		font-size: 0.75em;
	}
	p.slow-page-note span {
		display: block;
		margin-bottom: 0.75em;
	}
	/*
	p.slow-page-note small {
		font-size: inherit;
		color: rgb(153, 153, 153);
	}
	*/
	p.slow-page-note small {
		display: inline-block;
	}
	p.slow-page-note small svg {
		vertical-align: middle;
		height: 1em;
		width: 2em;
		color: rgb(144, 194, 70); /* @lime */
	}
	p.slow-page-note small svg path {
		fill: currentColor;
	}

	/* For the home page and detail page */
	small.slow-page-note {
		margin-top: 1em;
		margin-bottom: 1em;
		color: black;
		color: rgba(0, 0, 0, 0.9);
		color: rgba(0, 0, 0, 0.5);
		display: table;
		background-color: rgba(249, 192, 88, 0.05); /* @canteloupe */
		background-color: rgba(144, 194, 70, 0.05); /* @lime */
		background-color: rgba(241, 95, 91, 0.05); /* @strawberry */
		background: rgba(0, 0, 0, 0.025);
		font-size: 0.75em; /* 12px / 16px */
		line-height: 1; /* 12px / 12px */
		padding: 1em;
	}
	small.slow-page-note svg {
		vertical-align: middle;
		height: 1em;
		width: 2em;
		color: rgb(144, 194, 70); /* @lime */
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(153, 153, 153)
	}
	small.slow-page-note svg path {
		fill: currentColor;
	}


	/* =Map Page
	----------------------------------------------- */
	body.map-list {
		padding-top: 0;
	}
	body.map:not(.map-list) {
		padding-bottom: 0;
	}

	body.map-list > .header {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		padding-top: 1.5em;
		padding-left: 3em;
	}
		body.map-list > .header {
			padding-top: 0.75em;
			padding-left: 1em;
		}
		body.map-list > .header h2 {
			font-size: 0.5em;
		}
	body.map-list > .header h2 span {
		position: absolute;
		left: -9999px;
	}
	body.map-list > .header + nav {
		opacity: 0;
	}

	body.food-source main,
	body.map main {
		padding: 0;
		max-width: none;
	}
	body.map .mapbox {
		/* TRICKY: This causes the map to not be pannable in iOS 10.
		border-top: 1px solid rgba(0, 0, 0, 0.25);
		*/
		height: 500px;
		height: 100vh;
		height: calc(100vh - 11.75rem); /* header height */
	}

	body.map .mapbox {
		/* TRICKY: This causes the map to not be pannable in iOS 10.
		border-top: 1px solid rgba(0, 0, 0, 0.25);
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
		*/
		height: 500px;
		height: 50vh;
		height: calc(40vh);
	}
	body.map .mapbox.expanded {
		height: 70vh;
		height: calc(75vh);
	}
	body.map:not(.map-list) .mapbox {
		height: 500px;
		height: 100vh;
		height: calc(100vh - 8rem); /* header height */
	}
	/*
	body.map form.find {
		margin-top: 1.5em;
		position: absolute;<commit_msg>Tweak map styles.<commit_after>
	@charset "utf-8";

	/*
	Oasis Style Sheet

	Sections are grouped under headings with a “=” symbol,
	to make searching easier.

	When a style is used more than once, it sometimes has a “@keyword”
	in a comment next to it (to help with search and replace).

	For example…

	16px  @font-size
	24px  @line-height
	32em  @page-max-width
	*/


	/* =Elements
	----------------------------------------------- */
	html, body {
		min-height: 100%;
	}
	body {
		background: rgb(253, 254, 255);
		color: rgb(49, 50, 51);
		margin: 0;
		padding: 1.5em;
		font: 100%/1.5 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
	}

	/* OPTIONAL: Increase the font size on big screens. */
	@media screen and (min-width: 600px) and (min-height: 600px) {
		html {
			font-size: 112.5%;
		}
	}
	@media screen and (min-width: 800px) and (min-height: 800px) {
		html {
			font-size: 125%;
		}
	}
	@media screen and (min-width: 1000px) and (min-height: 1000px) {
		html {
			font-size: 137.5%;
		}
	}
	@media screen and (min-width: 1200px) and (min-height: 1200px) {
		html {
			font-size: 150%;
		}
	}

	@media (min-width: 30em) {
		body {
			padding-left: 3em; /* @page-margin-widescreen */
			padding-right: 3em; /* @page-margin-widescreen */
			padding-bottom: 3em; /* @page-margin-widescreen */
		}
	}

	p {
		max-width: 40em;
	}

	a {
		color: rgb(249, 192, 88); /* @canteloupe */
		color: rgb(77, 85, 148); /* @grape */
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(144, 194, 70); /* @lime */
		color: rgb(77, 85, 148); /* @grape */
		text-decoration: underline;
		transition: color 0.2s;
	}
	a:hover,
	a:active,
	a:focus {
		color: rgb(241, 95, 91); /* @strawberry */
	}

	abbr {
		text-decoration: inherit;
	}
	/*
	a:not([href]) {
		color: inherit;
		opacity: 0.5;
	}
	*/
	.avoid-break {
		display: inline-block; /* @avoid-break */
	}


	/* =Type
	----------------------------------------------- */
	h1, h2, h3, h4, h5, h6, p, dl, ul, ol, table {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		font-weight: normal;
		margin-top: 1.5em;
	}

	h1 em,
	h2 em {
		font-style: normal;
	}
	h1 em::before,
	h2 em::before {
		content: "“";
	}
	h1 em::after,
	h2 em::after {
		content: "”";
	}

	/* http://type-scale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&webfont=Libre+Baskerville&font-family='Libre%20Baskerville',%20serif&font-weight=400&font-family-headers=&font-weight-headers=inherit&background-color=white&font-color=%23333 */
	h1 {
		font-size: 2em; /* 32px / 16px */
		line-height: 1.3125; /* 42px / 32px */
		margin-top: 1.3125em;
		margin-bottom: 0.65625em;
	}
	h2 {
		font-size: 1.5em; /* 24px / 16px */
		line-height: 1.3333333333; /* 32px / 24px */
		margin-top: 1.3333333333em;
		margin-bottom: 0.6666666667em;
	}
	h3, h4, h5, h6 {
		font-size: inherit;
		font-family: inherit;
		font-style: italic;
	}

	/* Shrink images to fit the available space */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Make new HTML elements look nice in older browsers */
	main, section, article, aside, nav, header, footer, figure {
		display: block;
	}

	.icon {
		vertical-align: text-top;
		width: 1.5em;
		height: 1.5em;
		margin-right: 0.25em;
	}


	/* =Button
	----------------------------------------------- */
	.action a,
	form.find button,
	.larger-map button,
	.home form button,
	header button,
	.map-filters button,
	nav a {
		display: inline-block;
		background: rgb(243, 117, 104); /* @salmon */
		background: rgb(209, 43, 43); /* @apple */
		background: rgb(249, 192, 88); /* @canteloupe */
		background: rgb(77, 85, 148); /* @grape */
		background: rgb(241, 95, 91); /* @strawberry */
		background: rgb(144, 194, 70); /* @lime */
		background-image: linear-gradient(to top, rgb(221, 75, 71), rgba(221, 75, 71, 0)); /* @dark-strawberry */
		background-image: linear-gradient(to top, rgb(124, 174, 50), rgba(124, 174, 50, 0)); /* @dark-lime */
		color: black;
		color: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 0.375em 1.5em;
		border-radius: 0.25em;
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-color: transparent;
		text-decoration: none;
		cursor: pointer;
		font-size: inherit;
	}
	.action a:hover,
	.action a:active,
	.action a:focus,
	form.find button:hover,
	form.find button:active,
	form.find button:focus,
	.larger-map button:hover,
	.larger-map button:active,
	.larger-map button:focus,
	.home form button:hover,
	.home form button:active,
	.home form button:focus,
	header button:hover,
	header button:active,
	header button:focus,
	.map-filters button:hover,
	.map-filters button:active,
	.map-filters button:focus,
	nav a:hover,
	nav a:active,
	nav a:focus {
		background: rgb(221, 75, 71); /* @dark-strawberry */
		background: rgb(124, 174, 50); /* @dark-lime */
		text-decoration: none;
		color: white;
	}
	.larger-map button {
		background: white;
		color: rgb(144, 194, 70); /* @lime */
		border: 1px solid;
		transition: 0.2s;
	}
	.larger-map {
		max-width: none;
		text-align: center;
		font-size: 0.75em;
	}
	.larger-map button:hover,
	.larger-map button:active,
	.larger-map button:focus {
		background: rgb(124, 174, 50); /* @dark-lime */
		text-decoration: none;
		color: white;
	}
	/*
	.larger-map button {
		border-color: transparent;
		text-decoration: underline;
	}
	*/
	form.find button,
	.home button {
		text-transform: uppercase;
	}
	label span {
		display: block;
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		font-size: 1.25em;
		margin-bottom: 0.375em;
	}
	label br {
		display: none;
	}

	/*
	nav form label span {
		position: absolute;
		left: -9999px;
	}
	nav form label br {
		display: none;
	}
	*/


	/* =Field
	----------------------------------------------- */
	input[type="text"] {
		line-height: inherit;
		font-family: inherit;
		font-size: inherit;
		padding: 0.375em 0.75em;
		border-radius: 0.25em;
		border: 1px solid black;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-color: rgb(249, 192, 88); /* @canteloupe */
		border-color: rgb(144, 194, 70); /* @lime */
		border-color: rgb(77, 85, 148); /* @grape */
		border-color: rgba(77, 85, 148, 0.5); /* @grape */
		border-color: rgb(241, 95, 91); /* @strawberry */
		border-color: rgba(241, 95, 91, 0.5); /* @strawberry */
		border-color: rgba(0, 0, 0, 0.25);
		width: 20em;
		max-width: 100%;
		box-sizing: border-box;
	}
	@media (max-width: 35em) {
		input[type="text"],
		.home form button,
		header button,
		form.find button,
		.map-filters button {
			width: 100%;
		}
		.home form button,
		header button,
		form.find button,
		.map-filters button {
			margin-top: 0.375em;
		}
		.home form {
			text-align: center;
		}
	}


	/* =Link List
	----------------------------------------------- */
	.link-list,
	.link-list li {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	.link-list a {
		display: block;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		color: inherit;
	}
	.link-list a:hover,
	.link-list a:active,
	.link-list a:focus {
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.link-list.has-icons a {
		text-decoration: none;
	}
	.link-list.has-icons a span {
		text-decoration: underline;
	}
	/*
	.link-list a:hover,
	.link-list a:active,
	.link-list a:focus {
		text-decoration: underline;
	}
	*/
	/*
	.link-list li + li a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	*/


	/* =Organization List
	----------------------------------------------- */
	.organization-list,
	.organization-list ul,
	.organization-list li {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	.organization-list a {
		display: block;
		color: inherit;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		text-decoration: none;
	}
	.organization-list li + li a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.organization-list h2 {
		margin-top: 0;
		text-decoration: underline;
		margin-bottom: 0.25em;
		color: rgb(144, 194, 70); /* @lime */
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
	}
	.organization-list .type,
	.organization-list .tags {
		opacity: 0.5;
	}
	.organization-list .type {
		font-style: italic;
	}
	.organization-list .tags {
		margin-bottom: 0;
	}
	.organization-list .tags li {
		display: inline;
	}
	.organization-list .tags li + li {
		text-transform: lowercase;
	}
	.organization-list .tags li::after {
		content: ", ";
	}
	.organization-list .type li:last-child::after,
	.organization-list .tags li:last-child::after {
		content: "";
	}


	/* =Food Source List
	----------------------------------------------- */
	.food-source-list,
	.food-source-list li {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
	}
	.food-source-list a {
		display: block;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		text-decoration: none;
		color: inherit;
	}
	.food-source-list h2 {
		margin-top: 0;
		margin-bottom: 0;
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(144, 194, 70); /* @lime */
		text-decoration: underline;
	}

	.food-source-list .food-pantry h2 {
		color: rgb(249, 192, 88); /* @canteloupe */
	}
	.food-source-list .community-garden h2 {
		color: rgb(144, 194, 70); /* @lime */
	}
	.food-source-list .grocery-store h2 {
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
		color: rgb(40, 137, 187); /* @blueberry */
	}
	.food-source-list .store h2 {
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
		color: rgb(40, 137, 187); /* @blueberry */
	}
	.food-source-list .farmers-market h2 {
		color: rgb(77, 85, 148); /* @grape */
		color: rgba(161, 167, 72, 0.75); /* @asparagus */
		color: rgb(211, 16, 134); /* @dragonfruit */
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.food-source-list .supermarket h2 {
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(77, 85, 148); /* @grape */
	}

	.food-source-list a:hover h2,
	.food-source-list a:active h2,
	.food-source-list a:focus h2 {
	}
	.food-source-list li + li a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.food-source-list .distance {
		opacity: 0.5;
	}
	.food-source-list h2 + p,
	.food-source-list h3 + p {
		margin-top: 0;
	}
	.food-source-list p:last-child {
		margin-bottom: 0;
	}
	.food-source-list .type {
		font-style: italic;
		opacity: 0.5;
	}

	/* SHIM: Avoid showing the unsorted content while the sorting is taking place */
	.food-source-list.sorting li {
		visibility: hidden;
	}
	.food-source-list.sorting::before {
		content: "Finding nearest locations…";
		display: block;
	}


	/* =Header
	----------------------------------------------- */
	.header h2 {
		font-size: inherit;
		font-weight: inherit;
		margin: -1.5em -1.5em 0;
	}
	.header h2 a {
		display: inline-block;
		padding: 1.125em 0.75em;
		margin-left: 0.75em;
		margin-right: 0.75em;
		color: rgb(102, 102, 102);
		text-decoration: none;
		text-transform: lowercase;
	}
	.header h2 svg {
		opacity: 0.85;
		width: 4.6875em; /* 225px / 16px */
		height: 2.5em; /* 40px / 16px */
		margin-right: 0.375em;
	}
	.header h2 span {
		display: inline-block;
		line-height: 1;
	}
	@media (min-width: 30em) {
		.header h2 svg {
			width: 4.6875em; /* 225px / 16px */
			height: 2.5em; /* 40px / 16px */
		}
	}
	.header h2 svg .food-oasis * {
		fill: rgb(144, 194, 70); /* @lime */
	}
	/*
	.header h2 a:hover svg .food-oasis path,
	.header h2 a:hover svg .food-oasis polygon,
	.header h2 a:hover svg .food-oasis rect,
	.header h2 a:active svg .food-oasis path,
	.header h2 a:active svg .food-oasis polygon,
	.header h2 a:active svg .food-oasis rect,
	.header h2 a:focus svg .food-oasis path,
	.header h2 a:focus svg .food-oasis polygon,
	.header h2 a:focus svg .food-oasis rect {
		fill: rgb(124, 174, 50);
	}
	*/
	.header h2 svg .los-angeles path {
		fill: currentColor;
	}

	.canteloupe .header h2 svg .food-oasis * {
		fill: rgb(249, 192, 88); /* @canteloupe */
	}
	.lime .header h2 svg .food-oasis * {
		fill: rgb(144, 194, 70); /* @lime */
	}
	.strawberry .header h2 svg .food-oasis * {
		fill: rgb(241, 95, 91); /* @strawberry */
	}
	.grape .header h2 svg .food-oasis * {
		fill: rgb(77, 85, 148); /* @grape */
	}
	.blueberry .header h2 svg .food-oasis * {
		fill: rgb(40, 137, 187); /* @blueberry */
	}
	.dragonfruit .header h2 svg .food-oasis * {
		fill: rgb(211, 16, 134); /* @dragonfruit */
	}

	main h1 {
		color: rgb(144, 194, 70); /* @lime */
	}
	.canteloupe main h1 {
		color: rgb(249, 192, 88); /* @canteloupe */
	}
	.strawberry main h1 {
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.grape main h1 {
		color: rgb(77, 85, 148); /* @grape */
	}
	.blueberry main h1 {
		color: rgb(40, 137, 187); /* @blueberry */
	}
	.dragonfruit main h1 {
		color: rgb(211, 16, 134); /* @dragonfruit */
	}

	/*
	@media (max-width: 29.99999em) {
		.header h1 svg,
		.header h2 svg {
			width: 70%;
		}
	}
	*/
	@media (min-width: 30em) {
		.header h2 {
			margin-left: -3rem;
			margin-right: -3rem
		}
		.header h2 a {
			margin-left: 2.25rem;
		}
	}

	/* Position the nav on top of the map */
	.header + nav {
		display: block;
		position: absolute;
		z-index: 1;
		top: 1.5em;
		right: 1.5em;
	}
	.header + nav .icon {
		height: 1.5em;
		width: 1.5em;
		margin-left: -0.75em;
		vertical-align: text-top;
	}
	@media (max-width: 30em) {
		.header + nav {
			top: 1.25em;
		}
	}
	@media (max-width: 25em) {
		.header + nav .icon {
			margin-right: -0.75em;
		}
		.header + nav .icon {
			display: block !important;
		}
		.header + nav .icon + span {
			display: none;
		}
	}

	form.find p {
		margin: 0;
	}
	.map-list form.find p {
		max-width: none;
	}
	/*
	form.find label span {
		position: absolute;
		left: -9999px;
	}
	form.find label br {
		display: none
	}
	*/
	form.find button svg {
		margin-left: -0.75em;
		margin-right: -0.75em;
	}
	/*
	body.map form.find {
		display: none;
		position: absolute;
		top: auto;
		bottom: 3em;
		right: 3em;
	}
	@media (min-width: 40em) {
		body.map form.find {
			display: block;
		}
	}
	*/


	/* =Pagination
	----------------------------------------------- */
	.pagination {
		margin-top: 3em;
		margin-bottom: 4.5em;
	}
	.pagination ul,
	.pagination li {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	/*
	.pagination ul {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		justify-content: space-between;
	}
	*/


	/* Drop-down Menu in Header
	----------------------------------------------- */

	.dropbtn {
		background-color: #A1CB62;
		color: white;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		padding: 8px;
		position: relative;
		top: -50px;
		left: 500px;
	}

	.dropbtn:hover, .dropbtn:focus {
		background-color: #F15F5B;
	}

	.dropdown {
		position: relative;
		display: inline-block;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	/*links inside the dropdown*/
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	/*changes color of link in dropdown on hover*/
	.dropdown-content a:hover {
		background-color: #F15F5B;
	}


	/* =Search Box Options
	----------------------------------------------- */
	#searchCheckBoxList {
		list-style-type: none;
	}

	.locationTypeOptions {
		display: inline;
		padding-left: 20px;
	}

	/*
	a {
		text-decoration: none;
	}
	*/


	/* =Search Navigation
	----------------------------------------------- */
	@media (min-width: 40em) {
		nav.search {
			text-align: center;
		}
	}
	nav.search h1 {
		/* @hidden-accessible */
		position: absolute;
		left: -9999px;
	}
	nav.search a:not([href]) {
		background-image: none;
		background-color: rgba(0, 0, 0, 0.65);
		box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.75);
	}
	nav.search ul,
	nav.search li {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	nav.search ul {
		margin-top: 0;
	}
	nav.search li {
		display: inline;
	}


	/* =Footer
	----------------------------------------------- */
	footer {
		background-color: rgb(144, 194, 70); /* @lime */
		color: white;
		margin-top: 5em;
		margin-left: -1.5em;
		margin-right: -1.5em;
		margin-bottom: -1.5em;
		padding: 1.5em 1.5em 4.5em;
		position: relative;
		text-align: center;
	}
	footer .link-list li {
		display: inline-block;
	}
	footer .link-list li + li {
		margin-left: 0.75em;
		margin-right: 0.75em;
	}

	.canteloupe footer {
		background-color: rgb(249, 192, 88); /* @canteloupe */
	}
	.lime footer {
		background-color: rgb(144, 194, 70); /* @lime */
	}
	.strawberry footer {
		background-color: rgb(241, 95, 91); /* @strawberry */
	}
	.grape footer {
		background-color: rgb(77, 85, 148); /* @grape */
	}
	.blueberry footer {
		background-color: rgb(40, 137, 187); /* @blueberry */
	}
	.dragonfruit footer {
		background-color: rgb(211, 16, 134); /* @dragonfruit */
	}

	.canteloupe footer .link-list::before,
	.canteloupe footer .link-list::after,
	.canteloupe footer::before,
	.canteloupe footer::after {
		background-image: url(/assets/images/footer/pear.svg);
	}
	.strawberry footer .link-list::before,
	.strawberry footer .link-list::after,
	.strawberry footer::before,
	.strawberry footer::after {
		background-image: url(/assets/images/footer/carrot.svg);
	}
	.grape footer .link-list::before,
	.grape footer .link-list::after,
	.grape footer::before,
	.grape footer::after {
		background-image: url(/assets/images/footer/pumpkin.svg);
	}
	.blueberry footer .link-list::before,
	.blueberry footer .link-list::after,
	.blueberry footer::before,
	.blueberry footer::after {
		background-image: url(/assets/images/footer/palm-tree-blueberry.svg);
	}
	.dragonfruit footer .link-list::before,
	.dragonfruit footer .link-list::after,
	.dragonfruit footer::before,
	.dragonfruit footer::after {
		background-image: url(/assets/images/footer/palm-tree-dragonfruit.svg);
	}
	/*
	.apple footer .link-list::before,
	.apple footer .link-list::after,
	.apple footer::before,
	.apple footer::after {
		background-image: url(/assets/images/footer/watermelon.svg);
	}
	*/

	footer .link-list::before,
	footer .link-list::after,
	footer::before,
	footer::after {
		content: "";
		background-image: url(/assets/images/footer/palm-tree.svg);
		display: block;
		position: absolute;
		width: 4.5em;
		height: 4.5em;
		margin-top: -4.5em;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		top: 0.25em;
		left: 50%;
		margin-left: -5em;
		opacity: 0.75;
	}
	footer::after {
		margin-left: 0;
		width: 4.25em;
		height: 4.25em;
		margin-top: -4.25em;
		opacity: 0.7;
	}
	footer .link-list::before {
		margin-left: -8.5em;
		width: 5em;
		height: 5em;
		margin-top: -5em;
		opacity: 1;
	}
	footer .link-list::after {
		margin-left: 2.5em;
		width: 4.75em;
		height: 4.75em;
		margin-top: -4.75em;
		opacity: 1;
	}

	.canteloupe footer .link-list::before,
	.canteloupe footer::before,
	.canteloupe footer::after,
	.grape footer .link-list::before,
	.grape footer::before,
	.grape footer::after,
	.strawberry footer .link-list::before,
	.strawberry footer::before,
	.strawberry footer::after {
		display: none;
	}
	.canteloupe footer .link-list::after,
	.grape footer .link-list::after,
	.strawberry footer .link-list::after {
		margin: 0;
		margin-top: -4.75em;
		width: 15em;
		margin-left: -7.5em;
	}

	@media (min-width: 30em) {
		footer {
			margin-left: -3em;
			margin-right: -3em;
			margin-bottom: -3em;
			padding: 1.5em 3em 6em;
		}
	}
	footer section {
		max-width: 40em;
		margin-left: auto;
		margin-right: auto;
	}
	footer section {
		margin-top: 4.5em;
	}
	footer a,
	footer a:hover,
	footer a:active,
	footer a:focus,
	footer .link-list a,
	footer .link-list a:hover,
	footer .link-list a:active,
	footer .link-list a:focus {
		color: inherit;
	}
	footer a {
		text-decoration: none;
	}
	footer a:hover,
	footer a:active,
	footer a:focus {
		text-decoration: underline;
	}
	footer section h2:first-child {
		margin-top: 0;
	}
	footer section h2 + p {
		margin-top: 0;
	}
	footer section p:last-child {
		margin-bottom: 0;
	}
	footer section h2,
	footer section h3 {
		color: inherit;
	}
	footer section a {
		color: inherit;
		text-decoration: underline;
		display: inline-block; /* @avoid-break */
	}

	footer .action {
		text-align: center;
		font-size: 1.25em;
		margin-top: 2.4em; /* 3em / 1.25em */
	}
	footer .action a,
	footer .action a:hover,
	footer .action a:active,
	footer .action a:focus {
		background: white;
		color: black;
	}


	footer .sponsors h2 {
		margin-bottom: 0;
	}
	footer .sponsors div {
		text-align: center;
	}
	footer .sponsors a {
		margin: 0.75em;
	}
	footer .sponsors a img {
		width: 10em;
		border-radius: 50%;
	}
	footer .sponsors h2,
	footer .contact h2 {
		text-align: center;
	}

	footer .contact div {
		margin-top: 3em;
		text-align: center;
	}

	footer .contact svg {
		overflow: visible;
		display: inline-block;
		width: 2.5em;
		height: 2.5em;
		border-radius: 50%;
		margin-left: 0.75em;
		margin-right: 0.75em;
	}

	footer .circle {
		fill: white;
	}
	footer .icon {
		fill: rgb(144, 194, 70); /* @lime */
	}

	.canteloupe footer .icon {
		fill: rgb(249, 192, 88); /* @canteloupe */
	}
	.lime footer .icon {
		fill: rgb(144, 194, 70); /* @lime */
	}
	.grape footer .icon {
		fill: rgb(77, 85, 148); /* @grape */
	}
	.blueberry footer .icon {
		fill: rgb(40, 137, 187); /* @blueberry */
	}
	.strawberry footer .icon {
		fill: rgb(241, 95, 91); /* @strawberry */
	}
	.dragonfruit footer .icon {
		fill: rgb(211, 16, 134); /* @dragonfruit */
	}


	footer .action a,
	footer .sponsors a,
	footer .contact a svg path {
		transition: all 0.2s;
	}
	footer .contact div a {
		margin-top: -0.5em;
		padding-top: 0.5em;
	}
	footer .action a:hover,
	footer .action a:active,
	footer .action a:focus,
	footer .sponsors a:hover,
	footer .sponsors a:active,
	footer .sponsors a:focus,
	footer .contact a:hover  svg,
	footer .contact a:active svg,
	footer .contact a:focus  svg {
		color: black;
	}

	footer a:hover  .facebook .icon,
	footer a:active .facebook .icon,
	footer a:focus  .facebook .icon {
		fill: #3B5998;
	}
	footer a:hover  .twitter .icon,
	footer a:active .twitter .icon,
	footer a:focus  .twitter .icon {
		fill: #55ACEE;
	}

	footer .action a:hover,
	footer .action a:active,
	footer .action a:focus {
		text-decoration: underline;
	}

	footer a .icon {
		transition: all 0.2s;
	}
	footer a:hover  .icon,
	footer a:active .icon,
	footer a:focus  .icon {
		fill: black;
	}


	/* =Navigation
	----------------------------------------------- */
	nav p {
		margin: 0;
	}


	/* =Main
	----------------------------------------------- */
	main {
		padding-bottom: 3em;
		max-width: 40em;
		margin-left: auto;
		margin-right: auto;
	}
	.page-contents {
		padding-bottom: 1.5em;
	}
	section {
		margin-top: 3em;
	}


	/* =Map
	----------------------------------------------- */
	.mapbox {
		height: 600px;
		margin-left: -1.5rem; /* @page-margin */
		margin-right: -1.5rem;
	}

	@media (min-width: 30em) {
		.mapbox {
			margin-left: -3rem; /* @page-margin-widescreen */
			margin-right: -3rem;
		}
	}


	/* =Map Filters
	----------------------------------------------- */
	.map-filters {
		position: absolute;
		z-index: 1;
		top: 12.125rem; /* header height + 1.5rem */
		left: 1.5rem;
		width: 15em;
	}

	@media (min-width: 30em) {
		.map-filters {
			top: 12.125rem; /* header height + 3rem */
			left: 3rem;
		}
	}

	.map-filters ul {
		margin-top: 0;
	}
	.map-filters ul,
	.map-filters li {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	.map-filters button {
		background-image: none;
		min-width: 12em;
		margin: 2px;
	}
	.map-filters .food-pantry,
	.map-filters .food-pantry:hover,
	.map-filters .food-pantry:active,
	.map-filters .food-pantry:focus {
		background-color: rgb(249, 192, 88); /* @canteloupe */
	}
	.map-filters .community-garden,
	.map-filters .community-garden:hover,
	.map-filters .community-garden:active,
	.map-filters .community-garden:focus {
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(144, 194, 70); /* @lime */
	}
	.map-filters .farmers-market,
	.map-filters .farmers-market:hover,
	.map-filters .farmers-market:active,
	.map-filters .farmers-market:focus {
		background-color: rgb(77, 85, 148); /* @grape */
		background-color: rgb(211, 16, 134); /* @dragonfruit */
		background-color: rgb(241, 95, 91); /* @strawberry */
	}
	.map-filters .grocery-store,
	.map-filters .grocery-store:hover,
	.map-filters .grocery-store:active,
	.map-filters .grocery-store:focus {
		background-color: rgb(209, 43, 43); /* @apple */
		background-color: rgb(144, 194, 70); /* @lime */
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(77, 85, 148); /* @grape */
		background-color: rgb(40, 137, 187); /* @blueberry */
	}
	.map-filters .store,
	.map-filters .store:hover,
	.map-filters .store:active,
	.map-filters .store:focus {
		background-color: rgb(209, 43, 43); /* @apple */
		background-color: rgb(144, 194, 70); /* @lime */
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(77, 85, 148); /* @grape */
		background-color: rgb(40, 137, 187); /* @blueberry */
	}
	.map-filters .supermarket,
	.map-filters .supermarket:hover,
	.map-filters .supermarket:active,
	.map-filters .supermarket:focus {
		background-color: rgb(161, 167, 72); /* @asparagus */
		background-color: rgb(241, 95, 91); /* @strawberry */
		background-color: rgb(77, 85, 148); /* @grape */
	}

	.map-filters .inactive {
		opacity: 0.35;
	}

	@media (max-width: 45em) and (max-height: 55em) {
		.map-filters {
			display: none;
		}
	}


	/* =Map Point Popup
	----------------------------------------------- */
	.map-point-details {
		max-width: 80vw;
		font-size: 1rem;
		line-height: 1.5;
		padding: 0.75em;
	}
	.map-point-details p {
		margin-top: 0.75em;
		margin-bottom: 0.75em;
		font-size: inherit;
		line-height: inherit;
	}
	.map-point-details h3 {
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1.25em;
		line-height: 1.2;
		font-style: inherit;
	}
	.map-point-details h3 a {
		color: rgb(77, 85, 148); /* @grape */
		text-decoration: underline;
	}
.disabled .farmers-market-details h3 a {
	color: rgb(241, 95, 91); /* @strawberry */
}
.disabled .community-garden-details h3 a {
	color: rgb(144, 194, 70); /* @lime */
}
.disabled .food-pantry-details h3 a {
	color: rgb(249, 192, 88); /* @canteloupe */
}
	.map-point-details h3 a:hover,
	.map-point-details h3 a:active,
	.map-point-details h3 a:focus {
		color: rgb(241, 95, 91); /* @strawberry */
	}
	.map-point-details h3 + p {
		margin-top: 0;
	}
	.map-point-details .type,
	.map-point-details .distance {
		opacity: 0.5;
	}
	.map-point-details .type {
		font-style: italic;
	}
	.map-point-details h4 {
		margin-top: 0;
		margin-bottom: 0;
		font-family: inherit;
		font-weight: bold;
		line-height: 1.5;
	}
	.map-point-details .hours {
		margin-top: 0;
		max-width: 15em;
		line-height: 1.5;
	}
	.map-point-details p:last-child {
		margin-bottom: 0;
	}


	/* =You are here
	----------------------------------------------- */
	@keyframes sonar {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		50% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			transform: scale(3);
			opacity: 0;
		}
	}

	@keyframes shrink {
		0% {
			transform: scale(1);
		}
		50% {
			transform: scale(0.875);
		}
		100% {
			transform: scale(1);
		}
	}


	.you-are-here::before {
		content: "";
		display: block;
		border-radius: 50%;
		background-color: rgb(0, 128, 255);
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;

		animation: sonar 3s infinite ease-out;
	}
	.you-are-here::after {
		content: "";
		display: block;
		border-radius: 50%;
		position: absolute;
		top: -20%;
		left: -20%;
		z-index: -1;
		width: 140%;
		height: 140%;
		background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 40%, transparent 60%, transparent 100%);
		background-size: contain;
	}

	.you-are-here {
		position: relative;
		font-size: 1rem;
		margin-top: -1.25em;
		margin-right: -1.25em;
		background: white;
		padding: 0.2em;
		border-radius: 50%;
		display: inline-block;
		width: auto !important;
		height: auto !important;
	}
	.you-are-here span {
		display: block;
		width: 1.05em;
		height: 1.05em;
		background-color: rgb(0, 128, 255);
		border-radius: 50%;
		animation: shrink 3s 1.5s infinite both;

		/* @hidden-accessible-text */
		text-indent: -9999px;
		overflow: hidden;
	}


	/* =Marker
	----------------------------------------------- */
	.marker {
		position: relative;
		font-size: 1rem;
		line-height: 1.5;
	}
	.marker img {
		position: absolute;
		bottom: 0;
		left: -1em;
		width: 2em;
		max-width: none;
		height: 2em;
		margin-left: 0;
		margin-right: 0;
	}
	.marker .label {
		margin: 0;
		position: absolute;
		top: 0.25em;
		width: 15em;
		left: 50%;
		text-align: center;
		margin-left: -7.5em;
		padding: 0.375em;
		background: white;
		background: rgba(255, 255, 255, 0.5);
		font-family: "<NAME>", "Helvetica Neue", Helvetica, sans-serif;
	}
	@media (min-width: 30em) {
		.marker {
			font-size: 1.5rem;
		}
	}

	.farmers-market-marker {
		border: none;
		cursor: pointer;
		height: 56px;
		width: 43px;
		background-image: url(/assets/images/map/farmers-market.svg);
		background-color: rgba(0, 0, 0, 0);
		transform: translate(28px, 56px, 0);
	}

	.community-garden-marker {
		border: none;
		cursor: pointer;
		height: 56px;
		width: 43px;
		background-image: url(/assets/images/map/community-garden.svg);
		background-color: rgba(0, 0, 0, 0);
		transform: translate(28px, 56px, 0);
	}

	.food-pantry-marker {
		border: none;
		cursor: pointer;
		height: 56px;
		width: 43px;
		background-image: url(/assets/images/map/food-bank.svg);
		background-color: rgba(0, 0, 0, 0);
		transform: translate(28px, 56px, 0);
	}


	/* =Slow Page Note
	----------------------------------------------- */

	/* For the list page */
	p.slow-page-note {
		margin-top: 3em;
		max-width: none;
		background: rgba(0, 0, 0, 0.025);
		background-color: rgba(249, 192, 88, 0.05); /* @canteloupe */
		background-color: rgba(144, 194, 70, 0.05); /* @lime */
		color: rgb(249, 192, 88); /* @canteloupe */
		color: rgba(0, 0, 0, 0.5);
		padding: 0.75em 1.5em;
		font-size: 0.75em;
	}
	p.slow-page-note span {
		display: block;
		margin-bottom: 0.75em;
	}
	/*
	p.slow-page-note small {
		font-size: inherit;
		color: rgb(153, 153, 153);
	}
	*/
	p.slow-page-note small {
		display: inline-block;
	}
	p.slow-page-note small svg {
		vertical-align: middle;
		height: 1em;
		width: 2em;
		color: rgb(144, 194, 70); /* @lime */
	}
	p.slow-page-note small svg path {
		fill: currentColor;
	}

	/* For the home page and detail page */
	small.slow-page-note {
		margin-top: 1em;
		margin-bottom: 1em;
		color: black;
		color: rgba(0, 0, 0, 0.9);
		color: rgba(0, 0, 0, 0.5);
		display: table;
		background-color: rgba(249, 192, 88, 0.05); /* @canteloupe */
		background-color: rgba(144, 194, 70, 0.05); /* @lime */
		background-color: rgba(241, 95, 91, 0.05); /* @strawberry */
		background: rgba(0, 0, 0, 0.025);
		font-size: 0.75em; /* 12px / 16px */
		line-height: 1; /* 12px / 12px */
		padding: 1em;
	}
	small.slow-page-note svg {
		vertical-align: middle;
		height: 1em;
		width: 2em;
		color: rgb(144, 194, 70); /* @lime */
		color: rgb(241, 95, 91); /* @strawberry */
		color: rgb(153, 153, 153)
	}
	small.slow-page-note svg path {
		fill: currentColor;
	}


	/* =Map Page
	----------------------------------------------- */
	body.map-list {
		padding-top: 0;
	}
	body.map:not(.map-list) {
		padding-bottom: 0;
	}

	body.map-list > .header {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		padding-top: 1.5em;
		padding-left: 3em;
	}
		body.map-list > .header {
			padding-top: 0.75em;
			padding-left: 1em;
		}
		body.map-list > .header h2 {
			font-size: 0.5em;
		}
	body.map-list > .header h2 span {
		position: absolute;
		left: -9999px;
	}
	body.map-list > .header + nav {
		opacity: 0;
	}

	body.food-source main,
	body.map main {
		padding: 0;
		max-width: none;
	}
	body.map .mapbox {
		/* TRICKY: This causes the map to not be pannable in iOS 10.
		border-top: 1px solid rgba(0, 0, 0, 0.25);
		*/
		height: 200px;
		height: 100vh;
		height: calc(100vh - 11.75rem); /* header height */
	}

	body.map .mapbox {
		/* TRICKY: This causes the map to not be pannable in iOS 10.
		border-top: 1px solid rgba(0, 0, 0, 0.25);
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
		*/
		height: 100px;
		height: 50vh;
		height: calc(40vh);
	}
	body.map .mapbox.expanded {
		height: 140px;
		height: 70vh;
		height: calc(75vh);
	}
	body.map:not(.map-list) .mapbox {
		height: 200px;
		height: 100vh;
		height: calc(100vh - 8rem); /* header height */
	}
	/*
	body.map form.find {
		margin-top: 1.5em;
		position: absolute;
{'fraction_non_alphanumeric': 0.19843837822236401, 'fraction_numerical': 0.06080906591319935, 'mean_word_length': 2.554151819457942, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 6, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1959685', 'n_tokens_mistral': 31783, 'n_tokens_neox': 26247, 'n_words': 6227}