@charset "UTF-8";
/* the below should look the same as the above when on a white bg */
/* $alpha-grid-color: rgba(0, 0, 0, 0.13); */
@font-face {
  src: url("/assets/fonts/NationalPark-ExtraBold.otf");
  font-family: "National Park";
  font-weight: 800;
}
@font-face {
  src: url("/assets/fonts/NationalPark-Bold.otf");
  font-family: "National Park";
  font-weight: 700;
}
@font-face {
  src: url("/assets/fonts/DMSerifDisplay-Regular.ttf") format("truetype");
  font-family: "DM Serif Display";
  font-weight: 400;
}
@font-face {
  src: url("/assets/fonts/DMSerifDisplay-Italic.ttf") format("truetype");
  font-family: "DM Serif Display";
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/SourceSansPro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/SourceSansPro-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/SourceSansPro-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/SourceSansPro-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/SourceSansPro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/SourceSansPro-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ZillaSlab-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Zilla Slab";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ZillaSlab-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/ZillaSlab-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Zilla Slab";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/ZillaSlab-SemiBoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Zilla Slab";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/ZillaSlab-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Zilla Slab";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/ZillaSlab-BoldItalic.ttf") format("truetype");
}
/*  Reset ♥
    http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* remember to define focus styles. Hee Haw */
:focus {
  outline: 0;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Inline Elements & Typography
------------------------------------------------------- */
body {
  background-color: white;
}

body,
input,
textarea {
  color: #333;
  font-size: 18px;
  line-height: 1.6667;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: lining-nums;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Zilla Slab", Georgia, serif;
  margin: 0;
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 1.3;
}

h1 {
  font-weight: 700;
  font-size: 32px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4, h5 {
  font-size: 18px;
}

/* Links */
a {
  color: #009016;
  text-decoration: none;
}

a:visited {
  color: #009016;
}

a:hover, a:active {
  color: rgb(0, 180.6, 27.5916666667);
}
a:hover:not(.button), a:active:not(.button) {
  text-decoration: underline;
}

.dark {
  background-color: #333;
  color: white;
}
.dark a {
  color: #33cd4b;
}
.dark a:hover, .dark a:active {
  color: rgb(91.8, 215, 111);
}
.dark hr {
  background: rgba(255, 255, 255, 0.13);
}

abbr {
  border-bottom: 1px dotted #000;
  cursor: help;
}

address {
  font-style: italic;
}

small {
  font-size: 12px;
  line-height: 1.5;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

hr {
  margin: 0 0 20px;
  border: 0;
  height: 1px;
  background: rgba(128, 128, 128, 0.26);
}

/* Block Quotes */
blockquote, q {
  quotes: none;
  font-style: italic;
  padding-left: 20px;
  border-left: 10px solid #e8e8e8;
}
blockquote.pullquote > *:not(cite), q.pullquote > *:not(cite) {
  font-size: 22px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

/* Code Blocks & Pre */
code,
pre {
  padding: 5px 4px;
  font-family: Menlo, Bitstream Vera Sans Mono, Monaco, Consolas, monospace;
  font-size: 12px;
  border-radius: 3px;
}

code {
  padding: 5px;
  background: rgba(128, 128, 128, 0.07);
  border: 1px solid #dedede;
}

pre {
  display: block;
  padding: 10px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 300px;
  overflow-y: scroll;
}

/* sub/superscripts */
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  font-size: 75%;
}

sup {
  bottom: 1em;
}

label {
  display: block;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
}

select,
textarea,
input[type=text],
input[type=email] {
  display: inline-block;
  width: 500px;
  max-width: 100%;
  vertical-align: middle;
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dedede;
}

textarea:focus,
input[type=text]:focus,
input[type=email]:focus {
  border-color: #70a177;
}

textarea {
  height: 200px;
  max-width: none;
}

table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

th, td {
  padding: 4px 4px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #dedede;
  border-top-width: 0;
  border-left-width: 0;
}
th:first-child, td:first-child {
  border-left-width: 1px;
}

tr:first-child > th, tr:first-child > td {
  border-top-width: 1px;
}

th {
  font-weight: bold;
  background-color: #717171;
  color: #fff;
  border-color: #4f4e4e;
}

.iconsvg {
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
  width: 0.8em;
  height: 0.8em;
  pointer-events: none;
}

.iconsvg.pre-text {
  margin-right: 0.2em;
}

/* Layout
------------------------------------------------------- */
.container {
  position: relative;
  width: 100%;
  max-width: 1164px;
  margin: 0 auto;
  padding-right: 18px;
  padding-left: 18px;
}
.container .inner-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 1164px) {
  .container.stretch {
    padding: 0;
  }
  .container.stretch .cover-image {
    border-left: 0;
    border-right: 0;
  }
}

.layout-post:not(.has-image) article.content {
  padding-top: 0;
}

@media only screen and (max-width: 1164px) {
  .layout-post.has-image article.content {
    padding-top: 0;
  }
  .layout-post.has-image article.content .cover-image {
    border-top: 0;
  }
}

form {
  padding: 24px;
  border: 1px solid #cfead3;
  background: #f3fff5;
  border-radius: 0 0 8px 8px;
  border-top-width: 4px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
form > *:not(label):not(input[type=submit]) {
  margin-bottom: 12px;
}
form input[type=submit] {
  padding: 10px 30px;
  margin-top: 12px;
}

.bordered {
  border: 1px solid #dedede;
}

/* Buttons
------------------------------------------------------- */
button, a.button, input[type=submit] {
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 0;
  padding: 2px 8px;
  border-radius: 6px;
}
button:hover, a.button:hover, input[type=submit]:hover {
  filter: brightness(1.1);
}
button.bordered, a.button.bordered, input[type=submit].bordered {
  border: 1px solid #009016;
  font-size: 0.95em;
}
button.bordered:hover, a.button.bordered:hover, input[type=submit].bordered:hover {
  background: rgba(0, 0, 0, 0.05);
}
button.large, a.button.large, input[type=submit].large {
  padding: 10px 20px;
}
button.wide, a.button.wide, input[type=submit].wide {
  padding: 4px 24px;
}
button.white, a.button.white, input[type=submit].white {
  border-color: white;
  color: white;
}
button.white:hover, a.button.white:hover, input[type=submit].white:hover {
  background: rgba(255, 255, 255, 0.1);
}
button.prominent, a.button.prominent, input[type=submit].prominent {
  background-color: #009016;
  color: white;
}
button.prominent:hover, a.button.prominent:hover, input[type=submit].prominent:hover {
  border-color: #33cd4b;
  background: #33cd4b;
}
button.external:after, a.button.external:after, input[type=submit].external:after {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23fff%22%3E%3C!--!%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20(Commercial%20License)%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20d%3D%22M320%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h82.7L201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L448%20109.3V192c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V32c0-17.7-14.3-32-32-32H320zM80%2032C35.8%2032%200%2067.8%200%20112V432c0%2044.2%2035.8%2080%2080%2080H400c44.2%200%2080-35.8%2080-80V320c0-17.7-14.3-32-32-32s-32%2014.3-32%2032V432c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16H192c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H80z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  height: 0.8em;
  width: 0.8em;
  margin-left: 0.3em;
}

.site-wordmark {
  display: flex;
  align-items: center;
  font-family: "Zilla Slab", Georgia, serif;
  font-weight: bold;
  font-size: 21px;
  white-space: nowrap;
}
.site-wordmark .logo {
  height: 30px;
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.site-wordmark .text {
  color: inherit;
}

.countdown {
  display: inline-flex;
}
.countdown .part {
  width: 25%;
  padding: 8px 0;
  width: 80px;
}
.countdown .part .num {
  font-size: 1.2em;
  line-height: 1;
  font-weight: 600;
}
.countdown .part .unit {
  font-style: italic;
  font-size: 0.8em;
  font-weight: bold;
}

/* Header
------------------------------------------------------- */
.topbar {
  position: fixed;
  top: 0;
  border-top: 5px solid #009016;
  z-index: 10000;
  background: white;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #dedede;
}
.topbar .site-wordmark {
  color: inherit;
}
.topbar .container {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 720px) {
  .topbar {
    position: relative;
    height: 97.2px;
  }
  .topbar .container {
    flex-direction: column;
    align-items: center;
    padding-top: 7.99992px;
  }
}

.layout-body {
  background: white;
  position: relative;
  margin-top: 54px;
  min-height: calc(100vh - 54px - 490px);
}
@media only screen and (max-width: 720px) {
  .layout-body {
    margin-top: 0;
  }
}

ul.headernav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 100%;
}
ul.headernav > li {
  flex: 0 1 100%;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
ul.headernav > li:last-child {
  margin-left: 12px;
}
ul.headernav > li a {
  display: flex;
  align-items: center;
}
ul.headernav > li > a:not(.bordered) {
  padding: 0 min(24px, 1.5vw);
  color: #333;
  height: 100%;
}
ul.headernav > li ul.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: calc(min(24px, 1.5vw) - 12px);
  background: white;
  border: 1px solid #dedede;
  border-radius: 5px;
  border-top-left-radius: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
ul.headernav > li ul.submenu::before {
  content: " ";
  background: white;
  position: absolute;
  left: 0;
  top: -1px;
  height: 1px;
  width: 80px;
}
ul.headernav > li ul.submenu a {
  height: 100%;
  width: 100%;
  padding: 6px 12px 12px 12px;
  color: inherit;
  font-weight: 400;
  line-height: 1em;
}
ul.headernav > li {
  /* don't show hover menu on touch taps */
}
@media (hover: hover) {
  ul.headernav > li:hover ul.submenu {
    display: block;
  }
}

body:not(.layout-post):not(.layout-session) .pagenav a {
  color: inherit;
}

.breadcrumbs, .pagenav {
  width: 100%;
  z-index: 1000;
}

.breadcrumbs, .pagenav ul {
  font-size: 16px;
  font-weight: 600;
}

.breadcrumbs {
  margin-bottom: 24px;
}
.breadcrumbs:empty {
  display: none;
}
.breadcrumbs .iconsvg {
  margin-top: -2px;
}
.breadcrumbs a {
  color: inherit;
}

.pagenav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid rgba(128, 128, 128, 0.26);
  margin-bottom: 24px;
}
.pagenav .page-title-area {
  padding-right: 12px;
}
.pagenav .meta {
  margin-bottom: 12px;
}
.pagenav > *:last-child {
  margin-bottom: 12px;
}
.pagenav li {
  display: inline;
  white-space: nowrap;
}
.pagenav li:not(:last-child) {
  margin-right: 2vw;
}
@media only screen and (max-width: 720px) {
  .pagenav {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.layout-page.has-image .pagenav {
  border-bottom: none;
  margin-bottom: 0;
}

#hero-map {
  width: 100%;
  height: 50vw;
  max-height: 70vh;
  min-height: 30vh;
  border-bottom: 1px solid #dedede;
}
#hero-map .custom-marker {
  background-color: var(--color);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#hero-map .custom-marker::after {
  position: absolute;
  content: "";
  background-image: var(--icon-image);
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
  filter: invert(1);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#hero-map .custom-marker::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  bottom: -100%;
  border: 10px solid transparent;
  border-top: 17px solid var(--color);
}

figcaption {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: min(560px, 100%);
  padding: 4px 6px;
  font-style: italic;
  line-height: 1.3;
  font-size: 0.9em;
  color: white;
}
figcaption a, figcaption a:visited {
  color: #00e723;
}
figcaption a:hover, figcaption a:focus, figcaption a:active {
  color: #00ff27;
}
figcaption.left {
  right: initial;
  left: 0;
}

.cover {
  color: white;
  width: 100%;
  position: relative;
  background-position: center;
  background-size: cover;
  overflow-x: hidden;
}
.cover .pagenav {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.cover.video {
  background: black;
  line-height: 0;
}
.cover .cover-image-container {
  position: relative;
}
.cover .cover-image {
  border: 1px solid #dedede;
}
.cover .cover-image, .cover .cover-video {
  width: 100%;
  max-height: min(70vh, 50vw);
  height: 582px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.cover figcaption {
  right: 1px;
  bottom: 1px;
  max-width: min(560px, 100% - 2px);
}

.layout-project .cover, .layout-person .cover {
  background: linear-gradient(-135deg, #002042, #022D48);
}

iframe.embedded-page-viewer {
  width: 100%;
  height: calc(80vh - 54px);
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: hidden;
}

/* Project page
--------------------------------------------
*/
.layout-project .cover .logo-area {
  display: flex;
}
.layout-project .cover .logo-area > * {
  width: 100%;
}
.layout-project .cover .logo-area .logo-wrap {
  flex: 0 0 auto;
  width: 225.6px;
  max-height: 282px;
  margin-right: 36px;
  text-align: center;
}
.layout-project .cover .logo-area .logo-wrap img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 720px) {
  .layout-project .cover .logo-area {
    flex-direction: column;
  }
  .layout-project .cover .logo-area .logo-wrap {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .layout-project .cover .logo-area img.wordmark {
    margin-top: 0;
  }
}
.layout-project .cover a {
  display: inline-block;
  color: inherit;
}
.layout-project .cover > .container {
  margin-top: 24px;
  margin-bottom: 24px;
}
.layout-project .cover.with-hero-image {
  padding-bottom: 150px;
}
.layout-project .cover .blurb a {
  text-decoration: underline;
}
.layout-project img.wordmark {
  max-width: 100%;
  max-height: 86px;
}
.layout-project .blurb, .layout-project .tagline {
  max-width: 700px;
}
.layout-project .cover .container .logo-area .right > *:not(:last-child) {
  margin-bottom: 12px;
}
.layout-project .tagline {
  font-style: italic;
  font-weight: bold;
  font-size: 20px;
}
.layout-project img.hero-image {
  width: 100%;
  border-radius: 5px;
  border: 1px solid rgba(128, 128, 128, 0.26);
  margin-top: -150px;
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: -24px;
}
.buttons a {
  margin-bottom: 24px;
}
.buttons .button {
  flex: 0 0 auto;
}
.buttons .text-buttons > .button:not(:last-child) {
  margin-right: 18px;
}
@media only screen and (max-width: 720px) {
  .buttons {
    flex-direction: column;
    align-items: baseline;
  }
}

.banner-footer {
  width: 100%;
  padding-top: 24px;
  position: relative;
  color: #fff;
}

table.schedule {
  table-layout: auto;
}
table.schedule th, table.schedule td {
  padding: 10px 14px;
  border-right: 1px solid #dedede;
}
table.schedule th:first-child, table.schedule td:first-child {
  border-left: 1px solid #dedede;
  width: 100px;
}
table.schedule td .time span {
  white-space: nowrap;
}
table.schedule td .title {
  font-weight: 600;
}
table.schedule tr {
  transition: 200ms ease-in-out;
}
table.schedule tr.interstitial {
  background: hsl(0, 0%, 97%);
}
table.schedule tr.interstitial .title {
  font-weight: normal;
  font-style: italic;
}
table.schedule tr.ongoing {
  border-top: 2px solid #CC2B48;
  background: #E5F7FC;
}
table.schedule tr.ongoing td:first-child {
  padding-top: 18px;
  font-weight: 600;
  position: relative;
}
table.schedule tr.ongoing td:first-child:before {
  content: "Happening Now";
  display: block;
  position: absolute;
  top: -14px;
  border-radius: 13px;
  background-color: #CC2B48;
  color: white;
  font-size: 14px;
  font-weight: bold;
  width: 124px;
  height: 26px;
  text-align: center;
  left: -13px;
}
table.schedule tr.ongoing .title {
  font-weight: bold;
}

.icon-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.icon-buttons > li:not(:last-child) {
  margin-right: 6px;
}
.icon-buttons .iconsvg {
  vertical-align: middle;
  height: 30px;
  width: 30px;
}

/* Person page
--------------------------------------------
*/
.layout-person h1 {
  margin: 0;
}
.layout-person .cover {
  min-height: 200px;
}
.layout-person.has-cover .cover {
  background: none;
}
.layout-person .hero-avatar {
  width: 100%;
  padding-bottom: calc(100% - 10px);
  position: relative;
  margin-top: -84px;
  border: 5px solid white;
}
.layout-person .sections {
  display: flex;
  flex-direction: column;
}
.layout-person .section {
  width: auto;
  display: flex;
  justify-content: right;
  margin: 0 auto;
}
.layout-person .section .section-body {
  padding: 18px;
  padding-left: 0;
  border-bottom: 1px solid #dedede;
}
.layout-person .section .section-body.prose {
  padding-bottom: 0;
}
.layout-person .section > h3 {
  padding-top: 18px;
}
.layout-person .section > *:first-child {
  width: 210px;
  text-align: right;
  padding-right: 18px;
}
.layout-person .section > *:last-child {
  width: 700px;
  max-width: 100%;
  flex: 0 0 auto;
  border-right: 1px solid #dedede;
}
.layout-person .section:last-child > *:last-child {
  border-bottom: 0;
}
.layout-person .section .name-section {
  padding-top: 0;
}
.layout-person .section .name-header {
  display: flex;
  align-items: baseline;
}
.layout-person .section .pronouns {
  margin-left: 8px;
  font-weight: 600;
  color: #777;
}
.layout-person .connect-links a:not(:last-child) {
  margin-right: 24px;
}
@media only screen and (max-width: 720px) {
  .layout-person .hero-avatar {
    margin-left: auto;
    margin-right: auto;
    width: 210px;
    height: 210px;
    padding: 0;
  }
  .layout-person .cover figcaption {
    top: 1px;
    bottom: initial;
  }
  .layout-person .name-section {
    text-align: center;
  }
  .layout-person .name-header {
    justify-content: center;
  }
  .layout-person .sections {
    padding-left: 18px;
  }
  .layout-person .section {
    flex-direction: column;
    width: 100%;
  }
  .layout-person .section > *:first-child {
    width: 100%;
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
  }
  .layout-person .section > h3 {
    border-right: 1px solid #dedede;
  }
  .layout-person .section > h3:empty {
    display: none;
  }
  .layout-person .section > *:last-child {
    margin: 0 auto;
  }
}

.item-list {
  position: relative;
}
.item-list .item-listing {
  display: flex;
  justify-content: left;
  max-width: 100%;
}
.item-list .item-listing:not(:last-child) {
  margin-bottom: 24px;
}
.item-list .item-listing .listing-front {
  width: 360px;
  position: relative;
  flex: 0 0 auto;
}
.item-list .item-listing .listing-front:empty {
  height: 0;
}
.item-list .item-listing .listing-front .thumbnail-image {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  border: 1px solid rgba(128, 128, 128, 0.26);
  transition: transform 100ms ease-in-out;
}
.item-list .item-listing .listing-front .thumbnail-image:hover {
  transform: scale(1.04);
  z-index: 9999;
}
.item-list .item-listing .listing-front .thumbnail-image:hover .iconsvg {
  opacity: 0.9;
}
.item-list .item-listing .listing-front .thumbnail-image .iconsvg {
  color: white;
  opacity: 0.75;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.item-list .item-listing .listing-front .rect-image {
  border-radius: 2px;
  aspect-ratio: 2;
}
.item-list .item-listing .listing-title {
  font-size: 22px;
  font-weight: 600;
}
.item-list .item-listing .listing-body {
  padding-left: 24px;
  max-width: 700px;
}
.item-list .item-listing .listing-body:empty {
  display: none;
}
.item-list .item-listing .listing-body:first-child {
  padding-left: 0;
}
.item-list .item-listing .listing-body > * {
  margin-bottom: 6px;
}
.item-list .item-listing .listing-body .button {
  margin-top: 6px;
}
.item-list .item-listing .listing-body .subtitle {
  line-height: 1.2;
  font-style: italic;
}
.item-list .item-listing.contained-image .listing-front {
  width: 225.6px;
}
.item-list .item-listing.contained-image .thumbnail-image,
.item-list .item-listing .thumbnail-image.contained-image {
  height: 180px;
  background-size: contain;
  border: 0;
}
.item-list .item-listing .thumbnail-image.app-sign {
  border: 0;
}
@media only screen and (max-width: 720px) {
  .item-list .item-listing {
    flex-wrap: wrap;
  }
  .item-list .item-listing .listing-front {
    width: 100%;
  }
  .item-list .item-listing .listing-front .app-sign {
    max-width: 360px;
  }
  .item-list .item-listing .listing-front .contained-image {
    background-position-x: 0;
  }
  .item-list .item-listing .listing-body {
    padding-left: 0;
    padding-top: 12px;
  }
}
.item-list.gallery {
  display: flex;
  flex-wrap: wrap;
}
.item-list.gallery .item-listing {
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 225.6px;
  flex: 0 0 auto;
}
.item-list.gallery .item-listing .listing-front {
  width: 100%;
}
.item-list.gallery .item-listing .thumbnail-image {
  width: 80%;
  padding-bottom: 80%;
  margin: 0 auto;
}
.item-list.gallery .item-listing .listing-body {
  padding: 0;
  margin-top: 12px;
}
@media only screen and (max-width: 487.2px) {
  .item-list.gallery:not(.scroll) {
    justify-content: center;
  }
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list) .item-listing {
  width: 375.624px;
  align-items: baseline;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list) .item-listing .listing-front .thumbnail-image {
  width: 92%;
  padding: 0;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list) .item-listing .listing-body {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list) .item-listing .listing-title {
  text-align: left;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list).no-titles .item-listing {
  margin: 0;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list).no-titles .item-listing .listing-front .thumbnail-image {
  width: 100%;
  border-radius: 0;
  border-width: 0.5px;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list).scroll .item-listing {
  width: 304.56px;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list).scroll .item-listing .listing-front .thumbnail-image {
  height: 148px;
}
.item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list).scroll .thumbnail-image, .item-list.gallery:not(.pages-list):not(.people-list):not(.swag-list).scroll .listing-body {
  margin-left: 0;
}
.item-list.people-list .listing-front {
  width: 225.6px;
  height: auto;
}
.item-list.people-list .listing-front .thumbnail-image {
  width: 80%;
  padding-bottom: 80%;
  margin: 0 auto;
}
.item-list.people-list .listing-body {
  padding-left: 12px;
}
.item-list.scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
}
.item-list.swag-list .listing-title {
  font-size: 1em;
}

.simple-item-listing {
  display: flex;
  justify-content: space-between;
  line-height: 1.25;
}
.simple-item-listing .date {
  white-space: nowrap;
}
.simple-item-listing:not(:last-child) {
  margin-bottom: 18px;
}

.title .iconsvg {
  width: 0.6em;
  height: 0.6em;
}

.content {
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
}

.fullwidth {
  width: 100%;
  position: relative;
}

article {
  position: relative;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
article .post-header {
  padding-top: 24px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
article .post-body {
  margin-bottom: 48px;
}

.prose {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  position: relative;
  z-index: 0;
}
.prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.prose li {
  list-style: disc;
  margin-left: 20px;
}
.prose ol li {
  list-style: decimal;
}
.prose > .neatline, .prose blockquote .neatline {
  position: absolute;
  height: calc(100% + 24px);
  width: calc(100% + 18px);
  max-width: 748px;
  left: 0;
  right: 0;
  top: -24px;
  border-right: 1px solid #dedede;
  z-index: -1;
}
@media only screen and (max-width: 736px) {
  .prose > .neatline, .prose blockquote .neatline {
    display: none;
  }
}
.prose > iframe, .prose > table, .prose > form, .prose > a, .prose > em, .prose > b, .prose > strong, .prose > i, .prose > p, .prose > ol, .prose > ul,
.prose > code, .prose > blockquote, .prose > q, .prose > h1, .prose > h2, .prose > h3, .prose > h4, .prose > h5, .prose > h6, .prose > hr, .prose > pre, .prose > center, .prose blockquote iframe, .prose blockquote table, .prose blockquote form, .prose blockquote a, .prose blockquote em, .prose blockquote b, .prose blockquote strong, .prose blockquote i, .prose blockquote p, .prose blockquote ol, .prose blockquote ul,
.prose blockquote code, .prose blockquote blockquote, .prose blockquote q, .prose blockquote h1, .prose blockquote h2, .prose blockquote h3, .prose blockquote h4, .prose blockquote h5, .prose blockquote h6, .prose blockquote hr, .prose blockquote pre, .prose blockquote center {
  width: 100%;
  max-width: 700px;
  margin-bottom: 24px;
}
.prose > img, .prose > figure, .prose > .img-container, .prose > div, .prose blockquote img, .prose blockquote figure, .prose blockquote .img-container, .prose blockquote div {
  margin-bottom: 24px;
}
.prose > hr, .prose blockquote hr {
  padding: 0;
  width: 100%;
  max-width: 748px;
  position: relative;
}
.prose > img, .prose > figure, .prose > .img-container, .prose > iframe, .prose > table, .prose blockquote img, .prose blockquote figure, .prose blockquote .img-container, .prose blockquote iframe, .prose blockquote table {
  max-width: 880px;
  background-color: white;
  padding: 0;
}
.prose > img.wide, .prose > figure.wide, .prose > .img-container.wide, .prose > iframe.wide, .prose > table.wide, .prose blockquote img.wide, .prose blockquote figure.wide, .prose blockquote .img-container.wide, .prose blockquote iframe.wide, .prose blockquote table.wide {
  max-width: 100%;
}
@media only screen and (max-width: 916px) {
  .prose > img, .prose > figure, .prose > .img-container, .prose > iframe, .prose > table, .prose blockquote img, .prose blockquote figure, .prose blockquote .img-container, .prose blockquote iframe, .prose blockquote table {
    max-width: 100%;
  }
}
.prose > img:not(table), .prose > figure:not(table), .prose > .img-container:not(table), .prose > iframe:not(table), .prose > table:not(table), .prose blockquote img:not(table), .prose blockquote figure:not(table), .prose blockquote .img-container:not(table), .prose blockquote iframe:not(table), .prose blockquote table:not(table) {
  border: 1px solid #dedede;
}
.prose > figure, .prose > .img-container, .prose blockquote figure, .prose blockquote .img-container {
  line-height: 0;
  position: relative;
}
.prose > figure img, .prose > .img-container img, .prose blockquote figure img, .prose blockquote .img-container img {
  width: 100%;
}
.prose > blockquote, .prose > q, .prose blockquote blockquote, .prose blockquote q {
  position: relative;
  left: 0.75em;
  padding-left: 24px;
  border-left: 6px solid #dedede;
  width: calc(100% - 1em);
  max-width: calc(700px - 1em);
}

.section {
  width: 100%;
}
.section .section-header {
  border-bottom: 1px solid rgba(128, 128, 128, 0.26);
  padding-bottom: 12px;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.section .section-header h2, .section .section-header h3 {
  margin-bottom: 0;
}
.section a.section-button {
  font-weight: 600;
  white-space: nowrap;
}
.section {
  margin-bottom: 24px;
}
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
  font-family: "Zilla Slab", Georgia, serif;
}
.section:empty {
  display: none;
}

/* About
------------------------------------------------------- */
.board-members img {
  max-width: 50%;
  margin: 0px auto 10px auto;
  display: block;
}

.board-members p {
  margin-bottom: 40px;
}

/* Blog Post
------------------------------------------------------- */
.avatar {
  background-image: url("/assets/avatar.jpg");
  background-color: white;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  flex: 0 0 auto;
}

.inline-avatar {
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

/* 404
------------------------------------------------------- */
.notfound {
  padding: 100px 100px;
  text-align: center;
  color: #999;
  text-shadow: 1px 1px 2px #eee;
  font-size: 25px;
}

.notfound h1 {
  font-size: 50px;
}

/* Footer
------------------------------------------------------- */
.footer {
  min-height: 490px;
  font-size: 17px;
  border-top: 1px solid rgb(60, 60, 60);
  position: relative;
  margin-top: 0px;
  display: flex;
  flex-flow: row nowrap;
  padding: 24px 0;
}
.footer .top {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 720px) {
  .footer .top {
    flex-direction: column;
  }
  .footer .top .site-wordmark {
    margin-bottom: 24px;
  }
}
.footer .sitemap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.footer .sitemap ul {
  width: 225.6px;
  margin-bottom: 24px;
}
.footer .sitemap ul li {
  white-space: nowrap;
}
.footer .sitemap ul li:first-child {
  font-weight: 600;
}
.footer .sitemap ul li:not(:last-child) {
  margin-right: 12px;
}
.footer .sitemap a {
  color: inherit;
}
.footer .smallprint {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.status-bubble {
  color: white;
  background: #CC2B48;
  border-radius: 20px;
  position: absolute;
  top: -10px;
  font-weight: bold;
  font-size: 0.75em;
  padding: 0 12px;
}

.app-sign {
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  outline: 1px solid #dedede;
  aspect-ratio: 2.25;
}
.app-sign .status-bubble {
  top: -10px;
  right: -10px;
}

.status-symbol {
  color: #CC2B48;
}

.hoverscale {
  transition: transform 100ms ease-in-out;
}
.hoverscale:hover {
  transform: scale(1.04);
  z-index: 9999;
}

.mono-logos img {
  filter: brightness(0) invert(1);
}

ul.org-members {
  padding-left: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ul.org-members li {
  max-width: 100%;
  list-style: none;
  margin-left: 0;
  margin-bottom: 24px;
}
ul.org-members li:not(:last-child) {
  margin-right: 48px;
}
ul.org-members li img {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

ul.org-members.level-6 li {
  height: 56px;
}

ul.org-members.level-5 li {
  height: 64px;
}

ul.org-members.level-4 li {
  height: 76px;
}

ul.org-members.level-3 li {
  height: 88px;
}

ul.org-members.level-2 li {
  height: 100px;
}

ul.org-members.level-1 li {
  height: 112px;
}

ul.org-members.level-0 li {
  height: 132px;
}

.directory {
  display: flex;
  flex-wrap: wrap;
}
.directory .list-wrap {
  flex-basis: 25%;
  min-width: 200px;
  padding-bottom: 24px;
  padding-right: 12px;
  white-space: nowrap;
}

#notice-overlay {
  position: fixed;
  bottom: 12px;
  right: 12px;
  background: white;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 18px 12px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
}
#notice-overlay .logo {
  width: 60px;
  margin-right: 12px;
}
#notice-overlay .status-bubble {
  left: -10px;
}

.cond-only {
  display: none;
}

.condensed .no-cond {
  display: none;
}

.condensed .cond-only {
  display: initial;
}

.condensed .simple-item-listing > *:first-child {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 720px) {
  .no-cond {
    display: none !important;
  }
  .cond-only {
    display: initial;
  }
  .simple-item-listing > *:first-child {
    display: flex;
    flex-direction: column;
  }
}
html {
  scroll-behavior: smooth;
}

.homepage .app-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -12px;
  width: calc(100% + 24px);
}
.homepage .app-gallery .app {
  position: relative;
  text-align: center;
  width: 384px;
  padding: 0 12px 24px 12px;
}
.homepage .app-gallery .app-sign {
  position: relative;
  transition: transform 100ms ease-in-out;
}
.homepage .app-gallery .app-sign:hover {
  transform: scale(1.04);
  z-index: 9999;
}
.homepage .app-gallery .app-sign {
  margin-bottom: 6px;
}
.homepage .app-gallery .tagline {
  font-weight: 600;
}
.homepage .map-section {
  background-color: #F9F5F1;
  border-top: 1px solid #e5e2de;
  border-bottom: 1px solid #e5e2de;
}
.homepage .map-container {
  padding-left: 36px;
  padding-right: 36px;
  margin: 0 auto;
}
@media only screen and (max-width: 1164px) {
  .homepage .map-container {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.homepage iframe.mapframe {
  width: 100%;
  height: 75vh;
  border: 1px solid #e5e2de;
}
@media only screen and (max-width: 720px) {
  .homepage .app-gallery {
    justify-content: center;
  }
  .homepage .section-header {
    text-align: center;
    justify-content: center;
  }
}
.homepage .splash {
  width: 100%;
  background-position: center top;
  background-size: cover;
  padding-top: 25vw;
}
.homepage .splash-body {
  border-top: 1px solid rgba(128, 128, 128, 0.26);
  text-align: center;
  color: white;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.homepage .splash-body img.seal {
  margin-top: -80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
.homepage .splash-body {
  background: rgba(2, 45, 77, 0.94);
  padding-bottom: 24px;
}

.ispage-our-work-community-charter-projects .cover {
  background: linear-gradient(to bottom, #CE4D00, #DB7C01);
}
.ispage-our-work-community-charter-projects .cover .logo-area {
  flex-direction: column;
}
.ispage-our-work-community-charter-projects .cover .logo-area .logo-wrap {
  width: 140px;
}

.page-our-work-dogwood .cover {
  background: linear-gradient(328deg, #eeb3ce 12.61%, #fff 90.34%);
  color: #333;
}
.page-our-work-dogwood .cover a {
  color: #753b55;
}
.page-our-work-dogwood .cover h1 {
  font-family: Georgia, serif;
}
.page-our-work-dogwood a.button.bordered {
  color: #753b55;
  border-color: #753b55;
}
.page-our-work-dogwood a.button.prominent {
  background-color: #753b55;
  border-color: #753b55;
  color: #fff;
}

.page-our-work-public-domain-map .themed {
  background: linear-gradient(to right, #1D1C42, #3D3B77);
}
.page-our-work-public-domain-map a.button.prominent {
  background-color: #5451C5;
  border-color: #5451C5;
}

.page-get-involved-slack .cover {
  background: linear-gradient(to right, #4A154B, #824484);
}
.page-get-involved-slack a.button.prominent {
  background-color: #b059b4;
  border-color: #b059b4;
}

.page-our-work-field-papers .cover {
  background: black;
}
.page-our-work-field-papers a.button.prominent {
  background-color: white;
  border-color: white;
  color: black;
}

.page-our-work-community-projects-sliceosm .extra-1 {
  background-image: url("/img/pages/sliceosm/bg.jpg");
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(5px) brightness(0.4) saturate(0.5) contrast(0.75);
}
.page-our-work-community-projects-sliceosm .cover .logo-area .logo-wrap {
  width: 160px;
}
.page-our-work-community-projects-sliceosm .layout-body .wordmark {
  max-height: 100px;
}
.page-our-work-community-projects-sliceosm .layout-body a.button.bordered {
  border: 3px solid #FFF8E7;
  color: #FFF8E7;
  text-shadow: 0 0 2px #FEAF18;
  box-shadow: 0 0 8px 1px #FEAF18, inset 0 0 8px 1px #FEAF18;
}
.page-our-work-community-projects-sliceosm .layout-body a.button.prominent {
  background: transparent;
  color: #FFE8E8;
  border: 3px solid #FFE8E8;
  text-shadow: 0 0 2px #D80807;
  box-shadow: 0 0 8px 1px #D80807, inset 0 0 8px 1px #D80807;
}

.page-our-work-community-projects-americana h1 {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page-our-work-community-projects-americana .themed {
  background: #F9F5F1;
  color: #333;
}
.page-our-work-community-projects-americana .themed a {
  color: #003F87;
}
.page-our-work-community-projects-americana .themed .extra-99 {
  height: 430px;
  width: 100%;
  background-size: 2200px;
  background-color: #F9F5F1;
  background-image: url("/img/pages/americana/bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
}
.page-our-work-community-projects-americana .themed.banner-footer {
  background-position: center 56%;
  height: 70px;
}
.page-our-work-community-projects-americana .layout-body a.button.bordered {
  border-color: #003F87;
  color: #003F87;
}
.page-our-work-community-projects-americana .layout-body a.button.prominent {
  background-color: #003F87;
  border-color: #003F87;
  color: white;
}

.ispage-our-work-community-projects-americana .cover .pagenav {
  border-bottom-color: rgba(128, 128, 128, 0.26);
}
.ispage-our-work-community-projects-americana .map-container-wrap {
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25));
}
.ispage-our-work-community-projects-americana .map-container, .ispage-our-work-community-projects-americana .mapframe {
  clip-path: polygon(0% 0%, 25% 20px, 50% 0%, 75% 20px, 100% 0%, calc(100% - 20px) 25%, 100% 50%, calc(100% - 20px) 75%, 100% 100%, 75% calc(100% - 20px), 50% 100%, 25% calc(100% - 20px), 0% 100%, 20px 75%, 0% 50%, 20px 25%);
  /*@media only screen and (max-width: $sections-width) and (max-height: $sections-width) {
    clip-path: polygon(0% 0%, 50% 20px, 100% 0%, calc(100% - 20px) 50%, 100% 100%, 50% calc(100% - 20px), 0% 100%, 20px 50%);
  }*/
}
.ispage-our-work-community-projects-americana .map-container {
  margin-top: -150px;
  height: 75vh;
  background: #F9F5F1;
  padding: 6px;
  border-radius: 2px;
  width: calc(100% - 72px);
  margin-left: 36px;
  margin-right: 36px;
}
@media only screen and (max-width: 1164px) {
  .ispage-our-work-community-projects-americana .map-container {
    width: calc(100% - 36px);
    margin-left: 18px;
    margin-right: 18px;
  }
}
.ispage-our-work-community-projects-americana .mapframe {
  width: 100%;
  height: 100%;
  padding: 0;
}
.ispage-our-work-community-projects-americana .stickie {
  font-family: "Bradley Hand", "Brush Script MT", "Brush Script", "Comic Sans MS", "Comic Sans", cursive, serif;
  position: absolute;
  right: 40px;
  bottom: -40px;
  rotate: 20deg;
  font-size: 18px;
  width: 140px;
  aspect-ratio: 1/1;
  background: rgb(255, 244, 143);
  border-bottom-right-radius: 60px 10px;
  box-shadow: 0.5px 2px 2px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ispage-our-work-community-projects-americana .stickie a {
  color: #1D1C42;
  rotate: -33deg;
  white-space: nowrap;
}

.page-our-work-teachosm .cover {
  background-image: url("/img/pages/teachosm/greyscale.jpg");
  background-size: cover;
  background-position: center;
}
.page-our-work-teachosm a.button.prominent {
  background-color: #7FBC6F;
  border-color: #7FBC6F;
}

.page-our-work-trails h1 {
  font-family: "National Park";
  font-weight: 700;
}
.page-our-work-trails .prose h2 {
  font-family: "National Park";
  font-weight: 700;
}
.page-our-work-trails .themed {
  background-image: url("/img/pages/trails/bg.jpg");
  background-position: center bottom;
  background-size: cover;
  color: #3C2F24;
}
.page-our-work-trails .themed.banner-footer {
  background-position: center 56%;
  height: 70px;
}
.page-our-work-trails a.button.bordered {
  border-color: #3C2F24;
  color: #3C2F24;
}
.page-our-work-trails a.button.prominent {
  background-color: #3C2F24;
  border-color: #3C2F24;
  color: white;
}

.ispage-our-work-trails h1 {
  font-size: 2em;
}
.ispage-our-work-trails .cover {
  height: calc(100vh - 54px);
  max-height: 100vw;
  min-height: 650px;
}
.ispage-our-work-trails .cover .pagenav {
  border-bottom-color: rgba(128, 128, 128, 0.26);
}

.page-our-work-charter-projects-maproulette .cover {
  background: linear-gradient(to right, #172E51, #53856E);
}
.page-our-work-charter-projects-maproulette a.button.prominent {
  color: #172E51;
  background-color: rgb(145, 243, 162);
  border-color: rgb(145, 243, 162);
}

.page-our-work-charter-projects-osmcha .cover {
  background: linear-gradient(to right, #731323, #CC2C47);
}
.page-our-work-charter-projects-osmcha .extra-1, .page-our-work-charter-projects-osmcha .extra-2 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 8px;
}
.page-our-work-charter-projects-osmcha .extra-1 {
  bottom: 0;
  background: linear-gradient(to right, #31AB97, #3ADBC0);
}
.page-our-work-charter-projects-osmcha .extra-2 {
  bottom: 8px;
  background: linear-gradient(to right, #b68421, #DB950A);
}
.page-our-work-charter-projects-osmcha a.button.prominent {
  background-color: #61A5F5;
  border-color: #61A5F5;
}

.ispage-events-osmgeoweek .themed {
  background: #202020;
  color: white;
}
.ispage-events-osmgeoweek .themed a.button.bordered {
  color: #2EB05C;
  border-color: #2EB05C;
}
.ispage-events-osmgeoweek .themed a.button.prominent {
  color: white;
  background-color: #2EB05C;
  border-color: #2EB05C;
}

.ispage-events-mapping-usa .themed {
  background: #06121A;
  color: #E5F7FC;
}
.ispage-events-mapping-usa .themed a.button.bordered {
  color: #E5F7FC;
  border-color: #E5F7FC;
}
.ispage-events-mapping-usa .themed a.button.prominent {
  color: #06121A;
  background-color: #E5F7FC;
  border-color: #E5F7FC;
}

.page-events-mapping-usa-2024 .content a:not(.button),
.page-events-mapping-usa-2025 .content a:not(.button) {
  color: #1d5075;
}
.page-events-mapping-usa-2024 .countdown,
.page-events-mapping-usa-2025 .countdown {
  border-top: 1px solid #06121a;
  border-bottom: 1px solid #06121a;
  color: #06121a;
  padding: 5px 10px;
}
.page-events-mapping-usa-2024 .themed,
.page-events-mapping-usa-2025 .themed {
  color: #06121A;
  background-color: #E5F7FC;
  background-image: url("/img/pages/mapping-usa-2024/flakes.png");
  background-size: cover;
  background-position: center;
}
.page-events-mapping-usa-2024 .themed img.wordmark,
.page-events-mapping-usa-2025 .themed img.wordmark {
  max-height: 100px;
  margin-top: 20px;
}
.page-events-mapping-usa-2024 .themed .pagenav,
.page-events-mapping-usa-2025 .themed .pagenav {
  border-bottom: 0;
}
.page-events-mapping-usa-2024 .themed a.button.bordered,
.page-events-mapping-usa-2025 .themed a.button.bordered {
  border-color: #06121A;
  color: #06121A;
}
.page-events-mapping-usa-2024 .themed a.button.prominent,
.page-events-mapping-usa-2025 .themed a.button.prominent {
  color: white;
  background-color: #06121A;
  border-color: #06121A;
}
.page-events-mapping-usa-2024 table.schedule th,
.page-events-mapping-usa-2025 table.schedule th {
  color: white;
  background-color: #06121A;
  border-color: #232d34;
}

#notice-overlay.mapping-usa-2025 {
  color: #06121A;
  background-color: #E5F7FC;
}

.page-events-mapping-usa-2026 .content a:not(.button) {
  color: #272F40;
}
.page-events-mapping-usa-2026 .countdown {
  border-top: 1px solid #06121a;
  border-bottom: 1px solid #06121a;
  color: #06121a;
  padding: 5px 10px;
}
.page-events-mapping-usa-2026 .themed {
  color: #FFF9F3;
  background-color: #272F40;
  /* background-image: url($baseurl + "/img/pages/mapping-usa-2024/flakes.png"); */
  background-size: cover;
  background-position: center;
}
.page-events-mapping-usa-2026 .themed img.wordmark {
  max-height: 100px;
  margin-top: 20px;
}
.page-events-mapping-usa-2026 .themed .pagenav {
  border-bottom: 0;
}
.page-events-mapping-usa-2026 .themed a.button.bordered {
  border-color: #83C5EB;
  color: #FFF9F3;
}
.page-events-mapping-usa-2026 .themed a.button.prominent {
  color: #272F40;
  background-color: #83C5EB;
  border-color: #83C5EB;
}
.page-events-mapping-usa-2026 table.schedule th {
  color: white;
  background-color: #06121A;
  border-color: #232d34;
}

.page-events-mapping-usa-2022 .themed {
  color: #FFF9F3;
  background: #361100;
}
.page-events-mapping-usa-2022 .themed a.button.prominent {
  background-color: #009016;
  border-color: #009016;
}
.page-events-mapping-usa-2022 .content {
  background: #FFF9F3;
}
.page-events-mapping-usa-2022 .content a:not(.button) {
  color: #361100;
}
.page-events-mapping-usa-2022 table.schedule th {
  color: #FFF9F3;
  background-color: #361100;
  border-color: #4d3429;
}
.page-events-mapping-usa-2022 table.schedule tr {
  background: initial;
}

.page-events-mapping-usa-2021 .themed {
  background: #FA5C5A;
}
.page-events-mapping-usa-2021 table.schedule th {
  color: white;
  background-color: #FA5C5A;
  border-color: #df534f;
}

.page-events-mapping-usa-2020 .themed {
  background: #76B8CB;
}

.page-events-mappy-hours .themed {
  background: linear-gradient(to right, #AE222E, #2A0D41);
}
.page-events-mappy-hours .themed a.button.prominent {
  background-color: #fff;
  border-color: #fff;
  color: #AE222E;
}

.page-events-state-of-the-map-us-2024 h1, .page-events-state-of-the-map-us-2024 h2, .page-events-state-of-the-map-us-2024 h3, .page-events-state-of-the-map-us-2024 h4, .page-events-state-of-the-map-us-2024 h5, .page-events-state-of-the-map-us-2024 h6 {
  font-family: "National Park";
  font-weight: 700;
}
.page-events-state-of-the-map-us-2024 .custom-marker.main-venue {
  --color: #BD9836;
}
.page-events-state-of-the-map-us-2024 .custom-marker.transport {
  --color: #393B57;
}
.page-events-state-of-the-map-us-2024 .custom-marker.transport-minor {
  --color: #7C7E96;
}
.page-events-state-of-the-map-us-2024 .custom-marker.lodging {
  --color: #7f766e;
}
.page-events-state-of-the-map-us-2024 .layout-body .dark {
  background: #393B57;
  color: white;
}
.page-events-state-of-the-map-us-2024 .layout-body .dark a:not(.button) {
  color: white;
  text-decoration: underline;
}
.page-events-state-of-the-map-us-2024 .themed {
  background: url("/img/pages/sotmus/2024/contours.jpg");
  background-position: center;
}

.ispage-events-state-of-the-map-us-2024 .pre-cover,
.ispage-events-state-of-the-map-us-2025 .pre-cover {
  width: 100%;
  background-position: center;
}
.ispage-events-state-of-the-map-us-2024 .cover,
.ispage-events-state-of-the-map-us-2025 .cover {
  overflow: visible;
}
.ispage-events-state-of-the-map-us-2024 .cover .logo-area,
.ispage-events-state-of-the-map-us-2025 .cover .logo-area {
  position: relative;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ispage-events-state-of-the-map-us-2024 .cover .logo-area .logo-wrap,
.ispage-events-state-of-the-map-us-2025 .cover .logo-area .logo-wrap {
  max-width: 100%;
  max-height: initial;
}
.ispage-events-state-of-the-map-us-2024 .cover .logo-area .right,
.ispage-events-state-of-the-map-us-2025 .cover .logo-area .right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ispage-events-state-of-the-map-us-2024 .cover .logo-area .blurb,
.ispage-events-state-of-the-map-us-2025 .cover .logo-area .blurb {
  font-size: 20px;
  margin-top: 24px;
}
.ispage-events-state-of-the-map-us-2024 .cover .pagenav, .ispage-events-state-of-the-map-us-2024 .cover .tagline, .ispage-events-state-of-the-map-us-2024 .cover .breadcrumbs,
.ispage-events-state-of-the-map-us-2025 .cover .pagenav,
.ispage-events-state-of-the-map-us-2025 .cover .tagline,
.ispage-events-state-of-the-map-us-2025 .cover .breadcrumbs {
  display: none;
}
.ispage-events-state-of-the-map-us-2024 .cover .buttons,
.ispage-events-state-of-the-map-us-2025 .cover .buttons {
  flex-direction: column;
  align-items: center !important;
}
.ispage-events-state-of-the-map-us-2024 .cover .buttons .text-buttons,
.ispage-events-state-of-the-map-us-2025 .cover .buttons .text-buttons {
  margin-bottom: 14px;
}
.ispage-events-state-of-the-map-us-2024 .cover .buttons .text-buttons > .button,
.ispage-events-state-of-the-map-us-2025 .cover .buttons .text-buttons > .button {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.ispage-events-state-of-the-map-us-2024 .pre-cover {
  height: 50vw;
  max-height: 290px;
  background: url("/img/pages/sotmus/2024/contours.jpg");
}
.ispage-events-state-of-the-map-us-2024 .cover {
  max-height: 100vw;
  min-height: 800px;
  height: 100vh;
  padding-bottom: 40px;
}
.ispage-events-state-of-the-map-us-2024 .cover .logo-area {
  top: -270px;
}
@media only screen and (max-width: 700px) {
  .ispage-events-state-of-the-map-us-2024 .cover .logo-area {
    top: calc(-40vw - 20px);
  }
}
.ispage-events-state-of-the-map-us-2024 .cover .logo-area .logo-wrap {
  width: 700px;
}
.ispage-events-state-of-the-map-us-2024 .buttons a.button.prominent {
  background-color: #EAC25A;
  border-color: #EAC25A;
  color: #534F4C;
}
.ispage-events-state-of-the-map-us-2024 .themed {
  background-image: url("/img/pages/sotmus/2024/skyline.jpg");
  background-position: center bottom;
  background-size: cover;
  color: white;
}
.ispage-events-state-of-the-map-us-2024 .themed.banner-footer {
  background-position: center 56%;
  height: 70px;
}

.ispage-events-state-of-the-map-us-2025 .pre-cover {
  height: 400px;
  filter: blur(0.75px);
  background: url("/img/pages/sotmus/2025/boston-skyline.jpg");
  background-position: center;
  background-size: cover;
}
.ispage-events-state-of-the-map-us-2025 .cover .logo-area .logo-wrap {
  position: absolute;
  width: 450px;
  top: -370px;
  margin-right: 0;
}
@media only screen and (max-width: 470px) {
  .ispage-events-state-of-the-map-us-2025 .cover .logo-area .logo-wrap {
    top: -75vw;
  }
}
.ispage-events-state-of-the-map-us-2025 .cover .logo-area .right {
  margin-top: 36px;
}

.page-events-state-of-the-map-us .image-gallery {
  margin-top: -24px;
}
.page-events-state-of-the-map-us .image-band {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.page-events-state-of-the-map-us .image-band img {
  border-radius: 2px;
  margin-right: 6px;
  margin-left: 6px;
  margin-bottom: 12px;
  max-width: 350px;
  width: 30vw;
}

.page-events-state-of-the-map-us-2025 h2, .page-events-state-of-the-map-us-2025 h3, .page-events-state-of-the-map-us-2025 h4, .page-events-state-of-the-map-us-2025 h5, .page-events-state-of-the-map-us-2025 h6 {
  font-family: "DM Serif Display", "Zilla Slab", Georgia, serif;
  font-weight: 400;
}
.page-events-state-of-the-map-us-2025 h1 {
  font-family: "DM Serif Display", "Zilla Slab", Georgia, serif;
  font-size: 40px;
}
.page-events-state-of-the-map-us-2025 h2 {
  font-size: 34px;
}
.page-events-state-of-the-map-us-2025 h3 {
  text-transform: uppercase;
  font-size: 26px;
}
.page-events-state-of-the-map-us-2025 a.button.bordered {
  border-color: #CC0001;
  color: #CC0001;
}
.page-events-state-of-the-map-us-2025 a.button.prominent {
  background-color: #CC0001;
  border-color: #CC0001;
  color: #FFF8EC;
}
.page-events-state-of-the-map-us-2025 .dark a.button.bordered.white {
  border-color: #fff;
  color: #fff;
}
.page-events-state-of-the-map-us-2025 .themed {
  background: #FFF8EC;
  color: #273455;
  border-top: 10px solid #273455;
  border-bottom: 1px solid #DFC9A3;
}
.page-events-state-of-the-map-us-2025 .themed h1 {
  font-size: 3em;
  color: #CC0001;
}
.page-events-state-of-the-map-us-2025 .layout-body a {
  color: #CC0001;
}
.page-events-state-of-the-map-us-2025 .layout-body figcaption a {
  color: #A4D0D8;
}
.page-events-state-of-the-map-us-2025 .custom-marker.main-venue {
  --color: #CC0001;
}
.page-events-state-of-the-map-us-2025 .custom-marker.transport {
  --color: #273455;
}
.page-events-state-of-the-map-us-2025 .custom-marker.transport-minor {
  --color: #7C7E96;
}
.page-events-state-of-the-map-us-2025 .custom-marker.lodging {
  --color: #b09568;
}
.page-events-state-of-the-map-us-2025 .layout-body .dark {
  background: #273455;
  color: white;
}
.page-events-state-of-the-map-us-2025 .layout-body .dark a:not(.button) {
  color: white;
  text-decoration: underline;
}

.page-events-state-of-the-map-us-2012 .themed {
  background: #172339;
  background-image: url("/img/pages/sotmus/2012/bg.png");
  background-position: 90% bottom;
  background-size: 400px;
  background-repeat: no-repeat;
}
.page-events-state-of-the-map-us-2012 .themed a.button.prominent {
  background-color: #94DD56;
  border-color: #94DD56;
  color: #172339;
}

.page-events-state-of-the-map-us-2013 .themed {
  background: #72999B;
}
.page-events-state-of-the-map-us-2013 .themed a.button.prominent {
  background-color: #B25E4B;
  border-color: #B25E4B;
}

.page-events-state-of-the-map-us-2014 .themed {
  background: #31b2d0;
  background-image: url("/img/pages/sotmus/2014/bg.png");
  background-position: 90% bottom;
  background-size: 400px;
  background-repeat: no-repeat;
}
.page-events-state-of-the-map-us-2014 .themed a.button.prominent {
  background-color: #0F2D34;
  border-color: #0F2D34;
}

.page-events-state-of-the-map-us-2015 .themed {
  background: #1b1b1b;
  background-image: url("/img/pages/sotmus/2015/bg.png");
  background-position: 90% 92%;
  background-size: 200px;
  background-repeat: no-repeat;
}
.page-events-state-of-the-map-us-2015 .themed a.button.prominent {
  background-color: #53104C;
  border-color: #53104C;
}

.page-events-state-of-the-map-us-2016 .themed {
  background-color: #142736;
  background-image: url("/img/pages/sotmus/2016/bg.jpg");
  background-position: center bottom;
  background-size: cover;
}
.page-events-state-of-the-map-us-2016 .themed a.button.prominent {
  background-color: #cfdcf3;
  border-color: #cfdcf3;
  color: #142736;
}

.page-events-state-of-the-map-us-2017 .themed {
  background-color: #283277;
  background-image: url("/img/pages/sotmus/2017/bg.png");
  background-position: right bottom;
  background-size: 600px;
  background-repeat: no-repeat;
}
.page-events-state-of-the-map-us-2017 .themed a.button.prominent {
  background-color: #D22143;
  border-color: #D22143;
}

.page-events-state-of-the-map-us-2018 .themed {
  background-color: white;
  background-image: url("/img/pages/sotmus/2018/bg.png");
  background-position: center bottom;
  background-size: 1300px;
  background-repeat: no-repeat;
  color: #006aaf;
}
.page-events-state-of-the-map-us-2018 .themed a.button.prominent {
  background-color: #006aaf;
  border-color: #006aaf;
  color: white;
}

.page-events-state-of-the-map-us-2019 .themed {
  background: #5F3930;
}
.page-events-state-of-the-map-us-2019 .themed a.button.prominent {
  background-color: #89C5D3;
  border-color: #89C5D3;
}

.page-events-state-of-the-map-us-2022 .themed {
  background-color: #5D9A79;
  background-image: url("/img/pages/sotmus/2022/bg.png");
  background-position: center bottom;
  background-size: 1000px;
  background-repeat: repeat-x;
  padding-bottom: 60px;
}
.page-events-state-of-the-map-us-2022 .themed a.button.prominent {
  background-color: #DDAB6F;
  border-color: #DDAB6F;
  color: #365254;
}

.page-events-state-of-the-map-us-2023 .themed {
  background: #253423;
  background-image: url("/img/pages/sotmus/2023/bg.png");
  background-position: center bottom;
  background-size: 700px;
  background-repeat: repeat-x;
  padding-bottom: 60px;
}
.page-events-state-of-the-map-us-2023 .themed a.button.prominent {
  background-color: #965354;
  border-color: #965354;
}

.page-news-newsletter h1 {
  font-family: "Courier Prime", "Courier New", Courier, monospace;
}

.swag-list.item-list.gallery .item-listing {
  width: 375.624px;
}

/*# sourceMappingURL=style.css.map */