/* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ /* Flexbox grid, adapted from https://github.com/kristoferjoseph/flexboxgrid */ select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/static/images/chevron-thick-black-down.svg) no-repeat white; background-position: calc(100% - 0.5rem) center; background-size: 0.9em; border: 0.075rem solid #0674a5; border-radius: 0.25rem; cursor: pointer; padding: 0.5rem 1.5rem 0.5rem 0.25rem; width: 100%; } select::-ms-expand { display: none; } .site-max-width { max-width: 64rem; } *, .border-box { box-sizing: border-box; } .link { color: #ca4316; text-decoration: none; } .link:hover { text-decoration: underline; } .underline { text-decoration: underline; } .hover-underline:hover { /* text-decoration: none; */ } /* Used for locking scrolls on when overlays are active */ .small-screen-overlay { overflow: hidden; } @media (min-width: 52em) { .small-screen-overlay { overflow: visible; } } @media print { .print-hide { display: none; } } .utils__modalForm___1kv4T { background-color: #f9f6f0; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; left: 50%; margin-left: -45%; margin-top: -10rem; padding: 1rem; position: fixed; top: 50%; width: 90%; z-index: 999; } @media (min-width: 52em) { .utils__modalForm___1kv4T { margin-left: -10rem; width: 20rem; } } .utils__modalTitle___216Qx { margin: 0 0 0.5rem 0.5rem; } .utils__modalTextInput___1iYQh { border: 0.075rem solid #0674a5; border-radius: 0.25rem; font-size: 1.25rem; margin-right: 0.5rem; margin-bottom: 1rem; padding: 0.5rem; } .utils__modalContinueCancelButtons___1JMdR { display: flex; align-items: center; } .utils__modalContinueButton___329Ga { flex-grow: 3; } .utils__modalCancelButton___1aw-p { flex-grow: 1; margin-right: 0.5rem; } .utils__container___2HOjV { padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; max-width: 64rem; } @media (min-width: 72em) { .utils__container___2HOjV { padding-left: 0; padding-right: 0; } } .utils__printableH1___2xOmm { margin: 2rem 0 0 0; } .utils__breadcrumbsWrapper___2Ol8X { width: 100%; background-color: #f9f6f0; padding: 0.5rem 0; box-shadow: inset 0 -0.075rem 0.075rem 0 rgba(0, 0, 0, 0.03); } @media (min-width: 40em) { .utils__breadcrumbsWrapper___2Ol8X { padding: 0.75rem 0; } } .utils__breadcrumbsModule____vGkw { height: 100%; padding-top: 0; padding-bottom: 0; font-size: 1rem; display: flex; justify-content: space-between; flex-direction: column; align-items: baseline; } @media (min-width: 40em) { .utils__breadcrumbsModule____vGkw { align-items: center; flex-direction: row; } } a { color: #ca4316; text-decoration: none; } a.external { background-image: url("/static/images/external-link-blue.svg"); background-position: center right; background-repeat: no-repeat; background-size: 0.7em; padding-right: 1em; } a.external.white { background-image: url("/static/images/external-link-white.svg"); background-position: 90% center; padding-right: 0; } a:visited { color: #ad5c1d; } a:hover { text-decoration: underline; } .row { display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: calc((1rem * 0.5) * -1); margin-left: calc((1rem * 0.5) * -1); } .row.reverse { flex-direction: row-reverse; } .col.reverse { flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: calc((1rem * 0.5)); padding-left: calc((1rem * 0.5)); } .col-xs { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-xs-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xs-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xs-3 { flex-basis: 25%; max-width: 25%; } .col-xs-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xs-6 { flex-basis: 50%; max-width: 50%; } .col-xs-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xs-9 { flex-basis: 75%; max-width: 75%; } .col-xs-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xs-12 { flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .start-xs { justify-content: flex-start; text-align: start; } .center-xs { justify-content: center; text-align: center; } .end-xs { justify-content: flex-end; text-align: end; } .top-xs { align-items: flex-start; } .middle-xs { align-items: center; } .bottom-xs { align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media (min-width: 40em) { .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: calc((1rem * 0.5)); padding-left: calc((1rem * 0.5)); } .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-sm-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; } .col-sm-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; } .col-sm-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; } .col-sm-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .start-sm { justify-content: flex-start; text-align: start; } .center-sm { justify-content: center; text-align: center; } .end-sm { justify-content: flex-end; text-align: end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media (min-width: 52em) { .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: calc((1rem * 0.5)); padding-left: calc((1rem * 0.5)); } .col-md { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-md-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; } .col-md-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; } .col-md-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; } .col-md-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-11 { margin-left: 91.66666667%; } .start-md { justify-content: flex-start; text-align: start; } .center-md { justify-content: center; text-align: center; } .end-md { justify-content: flex-end; text-align: end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media (min-width: 72em) { .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: calc((1rem * 0.5)); padding-left: calc((1rem * 0.5)); } .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-lg-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; } .col-lg-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; } .col-lg-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; } .col-lg-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .start-lg { justify-content: flex-start; text-align: start; } .center-lg { justify-content: center; text-align: center; } .end-lg { justify-content: flex-end; text-align: end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ html { font-size: 16px; } @media (max-width: 40em) { html { font-size: 18px; } } body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; line-height: 1.25; } body { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; } button, input, select, label, textarea { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; } button { background: none; border: none; cursor: pointer; } ul { list-style: none; } p, ul, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } button, input, optgroup, select, textarea { font-size: 100%; margin: 0; } a:focus, button:focus, input:focus, optgroup:focus, select:focus, textarea:focus { outline: 0.25rem solid #f9ba3f; } figure { margin: 0; } html, body, div, article, section, main, footer, header, form, fieldset, legend, pre, code, a, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, textarea, table, td, th, tr, input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"] { box-sizing: border-box; } /* Semantic, nonvisible element for accessibility and SEO */ /* @see https://webaim.org/techniques/css/invisiblecontent/ */ .invisible { position: absolute; left: -1000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .SkipToContent__skipLink___1DHoY a { background-color: white; border: 0; color: linkColor; display: block; font-size: 1rem; height: 1px; left: -10000px; line-height: 2; overflow: hidden; padding: 0.25rem 0.5rem 0.25rem; position: absolute; top: 1rem; width: 1px; z-index: 1000; } .SkipToContent__skipLink___1DHoY a:focus { border: 0.5rem solid #ca4316; height: auto; left: 1rem; outline: 0; overflow: visible; width: auto; } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .PageHeader__headerSearchBar___3yLnC { background-color: #639bb4; width: 100%; } .PageHeader__headerSearchBar___3yLnC.PageHeader__pro___1xlLp { background-color: #163f51; } .PageHeader__flexWrapper___-RDWg { display: flex; margin: auto; padding: 0.5rem 1rem; } @media (max-width: 52em) { .PageHeader__flexWrapper___-RDWg.PageHeader__pro___1xlLp { padding: 0; } } @media (min-width: 72em) { .PageHeader__flexWrapper___-RDWg { padding: 0; } } .PageHeader__searchBar___2ubMv { align-items: center; display: flex; flex-direction: row; height: 2.5rem; margin: auto 0 auto auto; width: 100%; } @media (min-width: 52em) { .PageHeader__searchBar___2ubMv { padding-left: 1rem; } } @media (min-width: 72em) { .PageHeader__searchBar___2ubMv { justify-self: flex-end; padding-left: 0; width: 50%; } } .PageHeader__searchInput___3H0GY { border: none; border-radius: 0.25rem 0 0 0.25rem; flex-grow: 1; font-size: 1rem; height: 100%; padding-left: 1rem; width: 65%; -webkit-appearance: none; /* Remove browser search input defaults */ } @media (min-width: 40em) { .PageHeader__searchInput___3H0GY { width: auto; } } .PageHeader__searchInput___3H0GY::-webkit-search-decoration, .PageHeader__searchInput___3H0GY::-webkit-search-cancel-button, .PageHeader__searchInput___3H0GY::-webkit-search-results-button, .PageHeader__searchInput___3H0GY::-webkit-search-results-decoration { -webkit-appearance: none; } .PageHeader__searchInput___3H0GY:focus::-webkit-input-placeholder { opacity: 0.25; } .PageHeader__searchInput___3H0GY:focus::-moz-placeholder { opacity: 0.25; } .PageHeader__searchInput___3H0GY:focus:-ms-input-placeholder { opacity: 0.25; } .PageHeader__searchInput___3H0GY:focus::-ms-input-placeholder { opacity: 0.25; } .PageHeader__searchInput___3H0GY:focus::placeholder { opacity: 0.25; } .PageHeader__searchInput___3H0GY::-webkit-input-placeholder { color: #0080a5; opacity: 0.5; transition: opacity 0.2s ease-out; } .PageHeader__searchInput___3H0GY::-moz-placeholder { color: #0080a5; opacity: 0.5; transition: opacity 0.2s ease-out; } .PageHeader__searchInput___3H0GY:-ms-input-placeholder { color: #0080a5; opacity: 0.5; transition: opacity 0.2s ease-out; } .PageHeader__searchInput___3H0GY::-ms-input-placeholder { color: #0080a5; opacity: 0.5; transition: opacity 0.2s ease-out; } .PageHeader__searchInput___3H0GY::placeholder { color: #0080a5; opacity: 0.5; transition: opacity 0.2s ease-out; } .PageHeader__searchButton___3GTXt { background-color: #0080a5; border-radius: 0 0.25rem 0.25rem 0; color: white; font-size: 1rem; height: 100%; padding: 0 1rem; transition: background-color 0.2s ease-out; width: 35%; } @media (min-width: 40em) { .PageHeader__searchButton___3GTXt { width: auto; } } .PageHeader__searchButton___3GTXt:hover { background-color: #0a2a37; } .PageHeader__logo___1cxD3, .PageHeader__logo___1cxD3:visited, .PageHeader__logo___1cxD3:hover { display: none; /* hide logo in small screens */ line-height: 0; padding: 0.5rem 0; text-decoration: none; } @media (min-width: 52em) { .PageHeader__logo___1cxD3, .PageHeader__logo___1cxD3:visited, .PageHeader__logo___1cxD3:hover { display: block; } .PageHeader__logo___1cxD3.PageHeader__local___3SgiT, .PageHeader__logo___1cxD3:visited.PageHeader__local___3SgiT, .PageHeader__logo___1cxD3:hover.PageHeader__local___3SgiT { display: flex; flex-direction: row; } } @media (min-width: 72em) { .PageHeader__logo___1cxD3, .PageHeader__logo___1cxD3:visited, .PageHeader__logo___1cxD3:hover { padding: 1rem 0; } } .PageHeader__logoImg___2eA9C { height: 1.95rem; width: 16rem; } @media (min-width: 72em) { .PageHeader__logoImg___2eA9C { height: 2.2rem; width: 18rem; } } .PageHeader__localLogo___3-dMG { height: 2.5rem; max-width: 16rem; } @media (min-width: 72em) { .PageHeader__localLogo___3-dMG { height: 2.5rem; max-width: 18rem; } } .PageHeader__localText___1xjgN { display: block; font-size: 1.25rem; height: 1px; overflow: hidden; width: 1px; } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .SmallScreenStyles__wrapper___39SJX { display: block; background-color: #163f51; /* The GlobalHeader component handles the navigation on larger screens */ } @media (min-width: 52em) { .SmallScreenStyles__wrapper___39SJX { display: none; } } @media print { .SmallScreenStyles__wrapper___39SJX { display: none; } } .SmallScreenStyles__header___AHhkV { display: flex; justify-content: space-between; height: 3.5rem; } .SmallScreenStyles__logo___AThmE { width: 60%; max-width: 15rem; margin: 0.5rem 1rem; background: url("/static/images/dpla-logo-white.svg") 0/100% no-repeat; display: flex; } .SmallScreenStyles__logo___AThmE span { margin-left: -1000rem; } .SmallScreenStyles__localLogo___vbpwq { height: 100%; max-width: calc(100% - 4rem); -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; padding: 0.5rem 0.5rem 0.5rem 1rem; } .SmallScreenStyles__logo___AThmE img { display: block; width: 100%; } .SmallScreenStyles__menuButton___3RF8d { align-items: center; background-color: #0a2a37; color: white; display: flex; font-size: 0.75rem; justify-content: center; text-transform: uppercase; width: 4rem; } .SmallScreenStyles__menuButton___3RF8d.SmallScreenStyles__isOpen___7f21- { background-color: #02090c; } .SmallScreenStyles__searchContainer___242rF { background-color: #0a2a37; height: 0; visibility: hidden; transition: height 0.15s ease-in-out, visibility 0s 0.15s; color: white; } .SmallScreenStyles__searchContainer___242rF.SmallScreenStyles__isOpen___7f21- { visibility: visible; height: 3.5rem; transition: height 0.15s ease-in-out; } .SmallScreenStyles__searchInput___9AI5S { width: 100%; background: transparent; border: none; padding: 0 1rem; height: 3.5rem; line-height: 1.5; color: white; /* Remove browser search input defaults */ } .SmallScreenStyles__searchInput___9AI5S::-webkit-search-decoration, .SmallScreenStyles__searchInput___9AI5S::-webkit-search-cancel-button, .SmallScreenStyles__searchInput___9AI5S::-webkit-search-results-button, .SmallScreenStyles__searchInput___9AI5S::-webkit-search-results-decoration { -webkit-appearance: none; } .SmallScreenStyles__searchInput___9AI5S::-webkit-input-placeholder { color: white; opacity: 0.5; } .SmallScreenStyles__searchInput___9AI5S::-moz-placeholder { color: white; opacity: 0.5; } .SmallScreenStyles__searchInput___9AI5S:-ms-input-placeholder { color: white; opacity: 0.5; } .SmallScreenStyles__searchInput___9AI5S::-ms-input-placeholder { color: white; opacity: 0.5; } .SmallScreenStyles__searchInput___9AI5S::placeholder { color: white; opacity: 0.5; } .SmallScreenStyles__menuContainer___3HbhK { background-color: #0a2a37; margin: auto; padding: 0 2rem; font-size: 1.25rem; width: 100%; visibility: hidden; max-height: 0; overflow: hidden; transition: all 0.2s ease-in-out; z-index: 99; } .SmallScreenStyles__menuContainer___3HbhK.SmallScreenStyles__isOpen___7f21- { padding: 1rem 2rem; visibility: visible; max-height: 30rem; } .SmallScreenStyles__links___1RODu a, .SmallScreenStyles__links___1RODu a:visited { color: white; display: block; margin: 0.5rem 0; } .SmallScreenStyles__divider___FXazq { display: none; } .SmallScreenStyles__secondaryLinks___kJP8L { opacity: 0.85; } .SmallScreenStyles__tertiaryLinks___Sy5EO { opacity: 0.7; } .SmallScreenStyles__secondaryLinks___kJP8L, .SmallScreenStyles__tertiaryLinks___Sy5EO { margin-top: 1.5rem; padding-top: 0.75rem; border-top: 0.075rem solid rgba(255, 255, 255, 0.5); } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .DesktopStyles__header___ffWXX { display: none; background-color: #0a2a37; /* The SmallScreenGlobalHeader component handles the navigation on small screens */ } @media (min-width: 52em) { .DesktopStyles__header___ffWXX { display: block; } } @media print { .DesktopStyles__header___ffWXX { display: none; } } .DesktopStyles__linksContainer___3TqaU { margin: auto; display: flex; align-items: center; padding: 0 1rem; font-size: 0.875rem; font-weight: 600; } @media (min-width: 72em) { .DesktopStyles__linksContainer___3TqaU { padding-left: 0; padding-right: 0; } } .DesktopStyles__links___Jd6TR { color: white; display: inline-flex; justify-content: space-between; text-transform: uppercase; } .DesktopStyles__links___Jd6TR > li { margin-right: 0.75rem; } .DesktopStyles__links___Jd6TR > li > button, .DesktopStyles__links___Jd6TR > li > a { color: white; text-decoration: none; display: inline-block; padding: 0.5rem 0; } .DesktopStyles__secondaryLinks___2WQ-u { opacity: 0.85; } .DesktopStyles__tertiaryLinks___1Bojm { margin-left: auto; opacity: 0.7; } .DesktopStyles__divider___i0cLB { display: inline-block; height: 20px; width: 1px; background-color: rgba(255, 255, 255, 0.6); margin-right: 0.75rem; } @media (min-width: 72em) { .DesktopStyles__divider___i0cLB { margin-right: 1rem; } } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .Button__buttonBase___3_Kaz { border-radius: 0.3rem; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: normal; padding: 0.5rem 1rem; transition: background-color 0.15s ease-out; white-space: nowrap; width: 100%; } .Button__buttonBase___3_Kaz:hover { text-decoration: none; } /* Types */ .Button__buttonPrimary___3xknZ, .Button__buttonPrimary___3xknZ:visited { color: white; background-color: #ca4316; } .Button__buttonPrimary___3xknZ:hover, .Button__buttonPrimary___3xknZ:visited:hover { background-color: #cd570a; } .Button__buttonSecondary___1zuC0, .Button__buttonSecondary___1zuC0:visited { color: white; background-color: #0080a5; } .Button__buttonSecondary___1zuC0:hover, .Button__buttonSecondary___1zuC0:visited:hover { background-color: #163f51; } .Button__buttonGhost___1s7iF { color: #0674a5; background-color: #f3f7f8; border: 0.15rem solid white; padding: 0.5rem 1rem; } .Button__buttonGhost___1s7iF:hover { background-color: white; } .Button__buttonDonate___1RT5g { color: #0674a5; background-color: #f3f7f8; display: block; width: 100%; margin-bottom: 1rem; padding: 0.75rem 2rem; } .Button__buttonDonate___1RT5g.Button__buttonLarge___3ua2x { font-size: 1rem; } .Button__buttonDonate___1RT5g.Button__active___34i8F, .Button__buttonDonate___1RT5g:hover { background-color: #0674a5; color: #f3f7f8; } .Button__buttonDonate___1RT5g:active { background-color: #0674a5; color: #f3f7f8; } /* Sizes */ .Button__buttonLarge___3ua2x { font-size: 1rem; padding: 0.75rem 2rem; } @media (min-width: 52em) { .Button__buttonLarge___3ua2x { font-size: 1.25rem; padding: 1rem 2.5rem; } } .Button__buttonMedium___2LnyD { font-size: 1rem; padding: 0.5rem 0.75rem; } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .FeedbackForm__feedbackModal___1NyHt { display: none; } .FeedbackForm__feedbackModal___1NyHt.FeedbackForm__open___12qBP { display: block; position: fixed; bottom: 0; left: 0; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 99; } .FeedbackForm__miel___3tDry { display: none !important; /* captcha */ } .FeedbackForm__feedbackForm___3M55X { background-color: #f9f6f0; padding: 1rem; position: fixed; top: 50%; left: 50%; width: 20rem; margin-left: -10rem; margin-top: -10rem; z-index: 999; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .FeedbackForm__feedbackForm___3M55X .FeedbackForm__sendCancelButtons___q2Fg_ { align-items: center; display: flex; } .FeedbackForm__feedbackForm___3M55X .FeedbackForm__sendButton___1MptF { flex-grow: 3; } .FeedbackForm__feedbackForm___3M55X .FeedbackForm__cancelButton___B9vaf { flex-grow: 1; margin-right: 0.5rem; } @media (max-width: 52em) { .FeedbackForm__feedbackForm___3M55X { top: 1rem; left: 1rem; bottom: 1rem; right: 1rem; width: auto; height: auto; margin: 0; } } .FeedbackForm__feedbackForm___3M55X ul { display: flex; flex-direction: row; justify-content: space-between; margin-top: 0.5rem; margin-bottom: 1rem; } .FeedbackForm__feedbackForm___3M55X li { width: 31%; position: relative; } .FeedbackForm__feedbackForm___3M55X input[type="radio"] { position: absolute; opacity: 0; z-index: -1; } .FeedbackForm__feedbackForm___3M55X label { display: block; background-color: white; padding: 2rem 0.5rem 0.5rem; text-align: center; margin: 0; border-radius: 0.25rem; cursor: pointer; } .FeedbackForm__feedbackForm___3M55X input[type="radio"]:focus + label { outline: 0.25rem solid #f9ba3f; } .FeedbackForm__feedbackForm___3M55X label:before { content: ""; position: absolute; display: block; border-radius: 50%; left: 50%; top: 1rem; margin-left: -0.75rem; margin-top: -0.5rem; width: 1rem; height: 1rem; background-color: #dcdcdc; border: 0.2rem solid white; } .FeedbackForm__feedbackForm___3M55X input[type="radio"]:checked + label:before { background-color: #ca4316; } .FeedbackForm__feedbackForm___3M55X input[type="radio"]:checked + label { background-color: #dcdcdc; } .FeedbackForm__feedbackForm___3M55X input[type="email"], .FeedbackForm__feedbackForm___3M55X input[type="text"] { width: 100%; border: 0.075rem solid #0674a5; padding: 0.5rem; border-radius: 0.25rem; margin-bottom: 1rem; } .FeedbackForm__feedbackForm___3M55X textarea { resize: none; width: 100%; height: 5rem; border: 0.075rem solid #0674a5; padding: 0.5rem; border-radius: 0.25rem; } .FeedbackForm__sendCancelButtons___q2Fg_ { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 0.5rem; } .FeedbackForm__characterCount___27td4 { margin: 0.25rem 0 1rem; } .FeedbackForm__thankYou___xlpZa { margin: 1rem 0; } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .content-pages__backgroundTint___2sQUw { background-color: #f9f6f0; } @media (max-width: 52em) { .content-pages__sidebar___19FzL { /* so the sidebar doesnt show up first in mobile views */ margin-top: 1rem; order: 2; } } .content-pages__bannerImage___3ng8- { display: block; height: 12rem; margin: 0 auto 1rem; max-width: 100%; -webkit-filter: grayscale(1) sepia(1) hue-rotate(160deg) brightness(1); filter: grayscale(1) sepia(1) hue-rotate(160deg) brightness(1); } @media (max-width: 52em) { .content-pages__bannerImage___3ng8- { margin-bottom: 0; } } .content-pages__title___1HUkN { text-align: center; } .content-pages__sidebarAndContentWrapper___nXd9s { padding-top: 1rem; padding-bottom: 4rem; } @media (min-width: 40em) { .content-pages__sidebarAndContentWrapper___nXd9s { padding-top: 2rem; } } @media (min-width: 52em) { .content-pages__sidebarAndContentWrapper___nXd9s { padding-bottom: 8rem; } } @media (min-width: 72em) { .content-pages__sidebarAndContentWrapper___nXd9s { padding-top: 3rem; } } .content-pages__content___3Pwir { margin-top: 2rem; line-height: 1.5; font-family: "Iowan Old Style", Palatino Linotype, Palatino, serif; } @media (min-width: 72em) { .content-pages__content___3Pwir { margin-top: 0; } } .content-pages__content___3Pwir h1, .content-pages__content___3Pwir h2, .content-pages__content___3Pwir h3, .content-pages__content___3Pwir h4, .content-pages__content___3Pwir h5, .content-pages__content___3Pwir h6 { line-height: 1.15; margin-bottom: 1rem; margin-top: 1rem; } .content-pages__content___3Pwir h1 { font-family: "Iowan Old Style", Palatino Linotype, Palatino, serif; font-weight: normal; font-size: 2rem; margin-bottom: 1rem; margin-top: 0; } .content-pages__content___3Pwir h1 bold { font-weight: normal; } @media (min-width: 52em) { .content-pages__content___3Pwir h1 { font-size: 3rem; margin-bottom: 1rem; } } .content-pages__content___3Pwir h2 { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.75rem; font-weight: normal; margin-top: 2.5rem; } .content-pages__content___3Pwir h3 { font-size: 1.25rem; font-weight: normal; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; } .content-pages__content___3Pwir h4 { font-size: 1.5rem; } .content-pages__content___3Pwir h5 { font-size: 1.125rem; text-transform: uppercase; font-weight: normal; } .content-pages__content___3Pwir h6 { font-size: 1.25rem; } .content-pages__content___3Pwir p { margin-bottom: 1rem; } .content-pages__content___3Pwir code, .content-pages__content___3Pwir pre { background-color: #f3f7f8; font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; font-size: 0.85rem; padding: 0.125rem 0.25rem; } .content-pages__content___3Pwir pre { border-left: 0.1rem solid #0080a5; padding: 0.5rem; white-space: pre-wrap; word-break: break-all; } .content-pages__content___3Pwir iframe { margin-top: 1rem; margin-bottom: 1rem; } .content-pages__content___3Pwir p, .content-pages__content___3Pwir ul, .content-pages__content___3Pwir ol { font-weight: normal; } .content-pages__content___3Pwir ul, .content-pages__content___3Pwir ol { padding-left: 1em; margin-top: 1rem; margin-bottom: 1rem; position: relative; counter-reset: start-from 0; } @media (max-width: 52em) { .content-pages__content___3Pwir ul, .content-pages__content___3Pwir ol { padding-left: 1rem; } } .content-pages__content___3Pwir li ul { margin-left: 1rem; } .content-pages__content___3Pwir ol li, .content-pages__content___3Pwir ul li { list-style-type: none; position: relative; counter-increment: start-from; } .content-pages__content___3Pwir li::before { padding-right: 0.25rem; text-align: right; color: #0080a5; box-sizing: border-box; } .content-pages__content___3Pwir li ul li::before { color: #ca4316; } .content-pages__content___3Pwir ul li::before { content: "\2022"; } .content-pages__content___3Pwir ol li::before { content: counters(start-from, ".") "."; } .content-pages__content___3Pwir li.content-pages__donate___35JfT::before { content: ""; } .content-pages__content___3Pwir ul { list-style-type: disc; } .content-pages__content___3Pwir blockquote, .content-pages__content___3Pwir blockquote p { font-weight: 400; font-style: italic; } .content-pages__content___3Pwir blockquote p + p { font-size: 1.25rem; } .content-pages__content___3Pwir blockquote q { font-size: 1.5rem; font-style: normal; } .content-pages__content___3Pwir table { border-collapse: collapse; margin-bottom: 4rem; width: 100%; } .content-pages__content___3Pwir th, .content-pages__content___3Pwir td { padding: 1rem; } .content-pages__content___3Pwir td p:last-child { margin-bottom: 0; } .content-pages__content___3Pwir hr { border: 0.075rem solid rgba(0, 0, 0, 0.75); margin-top: 1.5rem; margin-bottom: 1.5rem; } @media (min-width: 52em) { .content-pages__content___3Pwir hr { margin-top: 2rem; margin-bottom: 2rem; } } .content-pages__content___3Pwir img { max-width: 100%; height: auto; } .content-pages__content___3Pwir .alignright, .content-pages__content___3Pwir .alignleft, .content-pages__content___3Pwir .wp-caption { margin-bottom: 0.5rem; } .content-pages__content___3Pwir .alignleft { float: left; margin-right: 0.75rem; } .content-pages__content___3Pwir .aligncenter { margin-left: auto; margin-right: auto; display: block; } .content-pages__content___3Pwir .alignright { float: right; margin-left: 0.75rem; } .content-pages__content___3Pwir .wp-caption-text { font-size: 0.875rem; font-weight: 600; margin-top: 0.5rem; margin-bottom: 0; } .content-pages__content___3Pwir .wp-caption { max-width: 100%; } /* schedule tables */ table.schedule { border: none; border-bottom: 0.25rem solid rgba(0, 0, 0, 0.75); border-top: 0.15rem solid rgba(0, 0, 0, 0.75); } table.schedule th, table.schedule td { vertical-align: top; } table.schedule tr, table.schedule th, table.schedule td, table.scheduletd:not(:first-child) { border: none; } table.schedule tr:not(:last-child) { border-bottom: 0.075rem solid rgba(0, 0, 0, 0.75); } table.schedule th { font-weight: bold; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; } table.schedule .location { color: #0080a5; font-style: italic; } /* grid lists */ ul.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); grid-column-gap: 1rem; } ul.grid ul { margin-top: 0; margin-left: 0; } ul.grid li { margin-bottom: 0; } ul.grid > li::before { content: ""; } @media (max-width: 52em) { ul.grid, ul.grid ul { padding-left: 0; } } /* columnar lists */ ul.column { -moz-column-count: 3; column-count: 3; -moz-column-gap: 2em; column-gap: 2em; } ul.column ul { margin-top: 0; margin-left: 0; } ul.column li { margin-bottom: 0; } ul.column > li::before { content: ""; } @media (max-width: 52em) { ul.column, ul.column ul { padding-left: 0; } } @media (max-width: 40em) { ul.column { -moz-column-count: 1; column-count: 1; } } /* collapsed lists */ ul.collapsed li { display: inline; } ul.collapsed li:first-child::before { content: ""; } ul.collapsed li:not(:last-child) { margin-right: 1rem; } @media (max-width: 52em) { ul.collapsed { padding-left: 0; } } /* galleries */ .gallery { padding-top: 1rem; } /* generic button used in posts */ .btn, .btn:visited { display: block; max-width: 18rem; background-color: #ca4316; color: white; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif; padding: 0.75rem 1.5rem; margin: 1rem auto; text-align: center; border-radius: 0.25rem; transition: background-color 0.15s ease-out; } .btn:hover, .btn:visited:hover { background-color: #cd570a; text-decoration: none; } /* semantic colors */ /* serif font stack from https://www.client9.com/css-system-font-stack---serif-medium---v1/ */ /* sans font stack from https://css-tricks.com/snippets/css/system-font-stack/ */ .Footer__wrapper___1sX0P { color: white; background-color: #273443; position: relative; } @media print { .Footer__wrapper___1sX0P { display: none; } } .Footer__footer___2jkvM { padding: 2rem 1rem; line-height: 1.5; color: rgba(255, 255, 255, 0.75); margin: 0 auto; } @media (min-width: 52em) { .Footer__footer___2jkvM { padding: 3rem 1rem; } } @media (min-width: 72em) { .Footer__footer___2jkvM { padding: 3rem 0; } } .Footer__footer___2jkvM li a { color: white; text-decoration: none; } .Footer__footer___2jkvM li a:hover { text-decoration: underline; } @media (min-width: 72em) { .Footer__footer___2jkvM li a { font-size: 1.15rem; } } /* Select all but the first two */ .Footer__linkGroup___37pFY:nth-of-type(n + 3) { margin-top: 1rem; } @media (min-width: 40em) { .Footer__linkGroup___37pFY:nth-of-type(n + 3) { margin-top: 0; } } .Footer__linkHeader___3Rfgu { font-weight: 600; font-size: 1rem; color: white; margin-bottom: 1rem; } @media (min-width: 72em) { .Footer__linkHeader___3Rfgu { font-size: 1.25rem; } } .Footer__donateButton___1rQ5v { width: 100%; margin-top: 2rem; text-align: center; } .Footer__donateButton___1rQ5v:hover { text-decoration: none; } @media (min-width: 52em) { .Footer__donateButton___1rQ5v { margin-top: 0; } } @media (min-width: 72em) { .Footer__donateButton___1rQ5v { float: right; width: auto; } } .Footer__smallFooterWrapper___IYWKF { background-color: #232f3c; } .Footer__smallFooter___24z_8 { padding: 2rem 1rem; margin: 0 auto; display: flex; flex-direction: column; } @media (min-width: 52em) { .Footer__smallFooter___24z_8 { align-items: center; flex-direction: row; justify-content: space-between; } } @media (min-width: 72em) { .Footer__smallFooter___24z_8 { padding: 2rem 0; } } .Footer__logo___3QxLI { display: block; margin: 0 auto; width: 15rem; height: 3rem; } @media (min-width: 52em) { .Footer__logo___3QxLI { margin: 0; width: 18rem; } } .Footer__partnershipLogo___106go { display: block; margin: 0 auto; width: 15rem; height: 2rem; } @media (min-width: 52em) { .Footer__partnershipLogo___106go { margin: 0; width: 15rem; } } .Footer__localLogo___2Purc { display: block; height: 3rem; margin: 0 auto 2rem; max-width: 16rem; } @media (min-width: 72em) { .Footer__localLogo___2Purc { height: 3rem; margin: 0; max-width: 18rem; } } .Footer__socialIcons___Ni8tF { text-align: center; margin-top: 2rem; } @media (min-width: 52em) { .Footer__socialIcons___Ni8tF { margin-top: 0; } } .Footer__socialButton___3m4A2 { padding-right: 1rem; width: 2.25rem; height: 1.25rem; } .Footer__socialButton___3m4A2:last-child { padding: none; } @media (min-width: 52em) { .Footer__socialButton___3m4A2 { width: 2.5rem; height: 1.5rem; } } /*# sourceMappingURL=commons.25bc0e76.chunk.css.map*/