/* Rapid City Area MPO - static site stylesheet.
   Recreates the Foundation 5 base styles and the "rapidcitympo" theme rules as the
   browser applied them on the original site, plus accessibility additions. */

/* ---------------------------------------------------------------- fonts */
@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/anton-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/anton-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/ptsans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/ptsans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------------------------------------------------------------- base (Foundation 5) */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; width: 100%; font-size: 100%; font-family: "PT Sans", sans-serif; }
body { background: #fff; color: #222; cursor: auto; font-style: normal; font-weight: 400; line-height: 1.5; margin: 0; padding: 0; position: relative; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; border: 0; }
a, .a-name { color: var(--link); line-height: inherit; text-decoration: none; }
a:hover, a:focus { cursor: pointer; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
p { font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }
.h1, .h2, .h3, .h4, .h5, .h6 { color: #222; font-family: "PT Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.4; margin-top: .2rem; margin-bottom: .5rem; text-rendering: optimizeLegibility; }
.h1 { font-size: 2.125rem; } .h2 { font-size: 1.6875rem; } .h3 { font-size: 1.375rem; }
.h4, .h5 { font-size: 1.125rem; } .h6 { font-size: 1rem; }
@media only screen and (min-width: 40.0625em) {
  .h1 { font-size: 2.75rem; } .h2 { font-size: 2.3125rem; } .h3 { font-size: 1.6875rem; }
  .h4 { font-size: 1.4375rem; } .h5 { font-size: 1.125rem; } .h6 { font-size: 1rem; }
}
b, strong { font-weight: 700; line-height: inherit; }
em, i { font-style: italic; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; }
ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; }
ul { margin-left: 1.1rem; }
ol { margin-left: 1.4rem; }
ul li ul, ul li ol, ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }
table { background: #fff; border: 1px solid #ddd; margin-bottom: 1.25rem; table-layout: auto; max-width: 100%; }
table thead { background: #f5f5f5; }
table thead tr th, table thead tr td { color: #222; font-size: .875rem; font-weight: 700; padding: .5rem .625rem .625rem; }
table tr th, table tr td { color: #222; font-size: .875rem; padding: .5625rem .625rem; text-align: left; }
table tr:nth-of-type(even) { background: #f9f9f9; }
table thead tr th, table tbody tr td, table tbody tr th, table tr td { display: table-cell; line-height: 1.125rem; }

/* grid: Foundation 5 breakpoints (medium >= 641px, large >= 1025px) */
.row { margin: 0 auto; max-width: 100%; width: 100%; padding: 36px 4%; }
.row .row { margin: 0 -.9375rem; max-width: none; width: auto; }
.row::before, .row::after { content: " "; display: table; }
.row::after { clear: both; }
.columns { padding: 0; width: 100%; float: left; position: relative; }
.small-12 { width: 100%; }
@media only screen and (min-width: 40.0625em) {
  .medium-4 { width: 33.33333%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; } .medium-3 { width: 25%; } .medium-5 { width: 41.66667%; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
}
@media only screen and (min-width: 64.0625em) {
  .large-12 { width: 100%; } .large-7 { width: 58.33333%; } .large-6 { width: 50%; } .large-5 { width: 41.66667%; }
}

/* ---------------------------------------------------------------- colors
   Theme colors, adjusted only where needed to meet WCAG 2.1 AA contrast. */
:root {
  --link: #047893;       /* theme #06aed5 as text on white and light gray */
  --link-on-yellow: #04738d; /* #06aed5 text on #f9eaa1 */
  --cyan: #06aed5;       /* decorative fills, unchanged */
  --cyan-bg: #04819e;    /* #06aed5 fills behind normal-size white text */
  --cyan-bg-lg: #06a2c6; /* #06aed5 fills behind large white text */
}

/* ---------------------------------------------------------------- accessibility helpers */
.vh { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 8px; top: -100px; z-index: 100; background: #03506b; color: #fff; padding: 10px 16px; font-weight: 700; }
.skip-link:focus { top: 8px; color: #fff; }
main:focus { outline: none; }
:focus-visible { outline: 3px solid #f0c808; outline-offset: 2px; box-shadow: 0 0 0 5px #03506b; }
.fa { display: inline-block; box-sizing: content-box; vertical-align: -0.1526em; overflow: visible; }
.sp-line { pointer-events: none; }
.sp { clear: both; display: block; margin: 0; padding: 0; width: 100%; }
.placeholder { display: block; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ---------------------------------------------------------------- page frame */
.page { overflow: hidden; width: 100%; position: relative; }
.tpl-full { min-height: 100%; margin-bottom: -110px; }
.body { padding-bottom: 110px; }
.row .h2 { color: #086788; font-family: "Anton", sans-serif; }
.row .h4 { color: var(--link); font-family: "Anton", sans-serif; text-transform: uppercase; }

/* header */
#header { padding: 7px 14px; }
#header > .logo { display: inline-block; width: 340px; }
#header > .logo img { width: 100%; }
#top-right { float: right; padding: 11px 22px; position: relative; }
#top-right a { font-size: .8em; margin-right: 44px; line-height: 1.5; }
#top-right a:last-of-type { margin: 0; }
#top-right .ph-search { margin-top: 6px; height: 2.3125rem; }

/* main navigation */
#menu { background-color: #086788; clear: both; position: relative; }
.menu-toggle { display: none; }
#menu > ul { display: table; height: 52px; margin: 0; vertical-align: middle; width: 100%; list-style: none; }
#menu > ul > li { display: table-cell; height: 100%; position: relative; text-align: center; transition: background-color .15s; vertical-align: middle; width: 13.5%; }
#menu .nav a { color: #fff; display: inline-block; font-size: .9em; line-height: 1.1em; padding: 9px; width: 100%; }
#menu > ul > li:hover, #menu > ul > li:focus-within { background-color: var(--cyan-bg); }
#menu > ul > li.nav-home { background-color: #03506b; padding: 0; position: relative; width: 5.5%; }
#menu > ul > li.nav-home::after { border: 11px solid transparent; border-left-color: #03506b; content: ""; left: 100%; position: absolute; top: 15px; z-index: 1; }
#menu > ul > li.nav-home > a { background-color: transparent; color: transparent; position: relative; transition: .01s; }
#menu > ul > li.nav-home .fa-home { color: #fff; font-size: 2.4em; position: absolute; right: 30%; top: calc(8.5px - 0.2708em); }
#menu > ul > li.nav-home:hover, #menu > ul > li.nav-home:focus-within { background-color: var(--cyan); transition: .1s; }
#menu > ul > li.nav-home:hover > a, #menu > ul > li.nav-home:focus-within > a { background-color: var(--cyan); transition: .5s; }
#menu > ul > li.nav-home:hover .fa-home, #menu > ul > li.nav-home:focus-within .fa-home { color: #03506b; }
#menu > ul > li.nav-home:hover::after, #menu > ul > li.nav-home:focus-within::after { border-left-color: var(--cyan); transition: .1s; }
#menu > ul > li > ul { background-color: var(--cyan-bg); display: none; list-style-type: none; margin: 0; position: absolute; top: 100%; width: 130%; z-index: 1; }
#menu > ul > li:hover > ul, #menu > ul > li:focus-within > ul { display: block; }
#menu > ul > li > ul > li { text-align: left; }
#menu .nav > li > ul > li a { display: block; padding: 14px; transition: background-color .15s; }
#menu .nav > li > ul > li a:hover, #menu .nav > li > ul > li a:focus { background-color: #03506b; }
#menu > ul > li:nth-of-type(6) > ul, #menu > ul > li:nth-of-type(7) > ul, #menu > ul > li:nth-of-type(8) > ul { right: 0; }
#menu :focus-visible { outline-offset: -3px; }

/* footer */
#footer { background-color: #086788; clear: both; color: #fff; height: 110px; padding: 4px 0; position: relative; }
#footer > div { display: inline-block; line-height: 1.3em; padding-left: 26px; vertical-align: middle; width: 69%; }
#footer > div:last-of-type { text-align: right; width: 29%; }
/* keeps the copyright where it sat above the removed login link */
#footer > div:first-child::after { content: "\a0"; display: block; }
#footer img { display: inline-block; max-width: 1000%; vertical-align: middle; width: 330px; }

/* ---------------------------------------------------------------- home page */
.row.homepage { padding: 0; }
.homepage .large-12 { height: 480px; overflow: hidden; position: relative; }
.homepage .large-12 img { bottom: -40%; position: absolute; }
.homepage:last-of-type { background-color: #f9eaa1; }
.top-banner-panel { --bar: 54px; background-color: rgba(255,255,255,.9); height: 100%; overflow-y: auto; position: absolute; right: 0; scrollbar-color: var(--cyan-bg) #c3ecf5; scrollbar-width: thin; top: 0; width: 28%; z-index: 0; }
.top-banner-panel::-webkit-scrollbar { width: 10px; }
.top-banner-panel::-webkit-scrollbar-track { background: #c3ecf5; }
.top-banner-panel::-webkit-scrollbar-thumb { background: var(--cyan-bg); border-radius: 5px; }
.top-banner-panel .h2 { background-color: var(--cyan-bg-lg); color: #fff; font-family: "Anton", sans-serif; font-size: 1.6em; height: var(--bar); margin: 0; padding-top: 10px; position: sticky; top: 0; z-index: 2; }
.top-banner-panel .h2 .fa { color: #c3ecf5; font-size: .8em; margin: 0 10px 0 14px; vertical-align: middle; }
.top-banner-panel .h3 { color: #087688; font-size: 1.4em; font-weight: 700; padding: 9px 16px 0; }
.top-banner-panel ul { list-style-type: none; margin: 0; padding: 0 0 9px 16px; }
.top-banner-panel ul li { padding: 2px 0; }
.top-banner-panel ul li::before { content: ""; display: inline-block; box-sizing: content-box; font-size: .8em; width: 0.8571em; height: 1em; padding: 2px; margin-right: 7px; vertical-align: calc(-0.1526em - 2px);
  background: #f0c808 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%23086788' transform='matrix(1 0 0 -1 0 1518.5)' d='M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z'/%3E%3C/svg%3E") content-box no-repeat; background-origin: content-box; background-clip: border-box; background-size: 100% 100%; }
.top-banner-panel p:first-of-type { background-color: #f0c808; box-sizing: border-box; height: var(--bar); line-height: .8em; margin: calc(-1 * var(--bar)) 0 0 auto; padding: 12px 0 0 0; position: sticky; text-align: center; top: 0; width: 66px; z-index: 3; }
.top-banner-panel p:first-of-type a { color: #075d7b; font-size: .8em; height: 100%; width: 100%; }
.top-banner-panel p:first-of-type a:hover { color: #03506b; }
.top-banner-panel a { color: var(--link); }

.mapping-tool-link { height: 388px; overflow: hidden; margin-left: 8%; position: relative; }
.mapping-tool-link p { height: 108px; margin: 0 auto; position: absolute; text-align: center; transition: .3s; width: 100%; z-index: 5; }
.mapping-tool-link p:nth-of-type(1) a::after { border: 18px solid transparent; border-top-color: var(--cyan-bg); content: ""; left: 47%; position: absolute; top: 100%; }
.mapping-tool-link p a { background-color: var(--cyan-bg); color: #fff; display: block; font-size: 1.2em; height: 100%; line-height: 1.2em; padding: 8px 0 0; position: relative; transition: .3s; width: 100%; }
.mapping-tool-link p a .fa { color: #f0c808; display: block; font-size: 2.3em; margin: 0 auto; transition: .3s; }
.mapping-tool-link p a span:not(.vh) { display: block; font-size: .75em; }
.mapping-tool-link p:nth-of-type(2) { position: absolute; top: -20px; left: -200px; z-index: 4; }
.mapping-tool-link p:nth-of-type(2) a { padding-top: 6px; }
.mapping-tool-link p:nth-of-type(2) a img { max-width: 200%; width: 200%; }
.mapping-tool-link p:nth-of-type(3) { bottom: 0; height: 34px; position: absolute; }
.mapping-tool-link p:nth-of-type(3) a { background-color: #086788; font-size: 1em; padding: 6px 0 8px; }
.mapping-tool-link:hover p:nth-of-type(1), .mapping-tool-link:focus-within p:nth-of-type(1) { height: 168px; transition: .5s; }
.mapping-tool-link:hover p:nth-of-type(1) a, .mapping-tool-link:focus-within p:nth-of-type(1) a { background-color: rgba(0,132,163,.9); padding-top: 20px; transition: .1s; }
.mapping-tool-link:hover p:nth-of-type(1) a .fa, .mapping-tool-link:focus-within p:nth-of-type(1) a .fa { font-size: 3.9em; transition: .5s; }
.mapping-tool-link:hover p:nth-of-type(3), .mapping-tool-link:focus-within p:nth-of-type(3) { height: 44px; transition: .5s; }

/* page list: shared */
div.pl-wrapper { position: relative; }
div.pl-page-entry { margin-bottom: 10px; }
div.pl-page-entry-text div.pl-title { font-weight: bold; }

/* home: upcoming events */
.homepage-events .pl-header .h5 { color: var(--link); display: inline-block; font-size: 1.6em; }
.homepage-events .pl-header a { float: right; margin-top: 11px; }
.homepage-events .pl-pages { clear: both; padding-top: 4px; }
.homepage-events .pl-page-entry:last-of-type { margin: 0; }
.homepage-events .pl-page-entry { float: left; margin-right: 3%; overflow: hidden; width: 31.33333%; }
.homepage-events .pl-title a.hp-event-top { background-color: #f9eaa1; color: #086788; display: block; font-size: 1.1em; height: 130px; padding: 0 4%; position: relative; transition: .15s; width: 100%; }
.homepage-events .pl-title a.hp-event-top > span { background-color: var(--cyan-bg); color: #fff; display: block; font-size: .75em; height: 26px; line-height: 26px; margin-left: -4%; margin-bottom: 4px; transition: .15s; width: 108%; }
.homepage-events .pl-title a.hp-event-top > span .fa { box-sizing: border-box; background-color: #f0c808; color: #086788; font-size: 1.2em; height: 100%; width: 30px; padding: calc((26px - 1em) / 2) calc((30px - 0.9286em) / 2); margin-right: 3px; transition: .15s; vertical-align: top; }
.homepage-events .pl-title a.hp-event-top::before { background-color: rgba(6,174,213,.2); content: ""; height: 26px; right: 0; position: absolute; top: 0; width: 0%; }
.homepage-events .pl-title a.hp-event-top > span > span { float: right; font-size: 1.2em; margin-right: 8px; }
.homepage-events .pl-title a.social-media { background-color: #086788; color: #c3ecf5; display: inline-block; float: left; height: 26px; position: relative; text-align: center; width: 12%; }
.homepage-events .pl-title a.social-media::before { background-color: rgba(255,255,255,.3); content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; }
.homepage-events .pl-title a.view-details { background-color: var(--cyan-bg); color: #fff; display: inline-block; font-size: .9em; height: 26px; line-height: 26px; text-align: right; vertical-align: top; width: 76%; }
.homepage-events .pl-title a.view-details .fa { padding: 0 7px; }
.homepage-events .pl-title a.hp-event-top:hover, .homepage-events .pl-title a.hp-event-top:focus { background-color: #c3ecf5; transition: .3s ease-in-out .1s; }
.homepage-events .pl-title a.hp-event-top:hover span .fa { background-color: #086788; color: var(--cyan); transition: background-color .7s, color .3s ease-in-out .1s; }
.homepage-events .pl-title a.hp-event-top:hover > span { box-shadow: 0 12px 122px 15px var(--cyan); transition: box-shadow .2s; }
.homepage-events .pl-title a.social-media:hover::before { height: 100%; left: 0; transition: height .3s, left .1s, top .3s, width .1s; top: 0; width: 100%; }
.homepage-events .pl-title a.view-details:hover .fa { padding: 0 11px 0 14px; transition: .3s; }

/* home + news: news list */
.homepage-news { background-color: #c3ecf5; height: auto; padding: 0 3% 14px; }
.homepage-news .pl-header { background-color: #20a2c1; height: 62px; left: 0; margin-bottom: 24px; position: absolute; top: 0; width: 100%; }
.homepage-news .pl-header .h5 { color: #fff; font-family: "Anton", sans-serif; font-size: 1.6em; height: 100%; line-height: 62px; margin: 0; vertical-align: middle; }
.homepage-news .pl-header .fa { box-sizing: border-box; background-color: var(--cyan); height: 100%; width: 70px; padding: calc((62px - 1em) / 2) calc((70px - 1.1429em) / 2); margin-right: 16px; vertical-align: top; }
.homepage-news .pl-title a { color: #086788; }
.homepage-news .pl-pages { padding-top: 86px; }
@media screen and (min-width: 641px) {
  .row.homepage:last-of-type { display: flex; }
  .row.homepage:last-of-type > .columns { display: flex; flex-direction: column; float: none; }
  .homepage-news, #recent-documents { flex: 1 1 auto; }
}
.homepage-news .pl-date { font-size: .8em; font-weight: 700; padding: 3px 0; }
.homepage-news .pl-description { font-size: .8em; }
.homepage-news > a { background-color: #f0c808; color: #035e73; display: block; font-size: 1.1em; margin: 18px auto 12px; padding: 7px 0; text-align: center; width: 90%; }
div.pl-page-entry-horizontal { display: table; width: 100%; }
div.pl-page-entry-horizontal div.pl-page-entry-thumbnail { display: table-cell; vertical-align: top; width: 1px; }
div.pl-page-entry-horizontal div.pl-page-entry-thumbnail img { width: 120px; max-width: none; }
div.pl-page-entry-horizontal div.pl-page-entry-text { display: table-cell; padding-left: 20px; vertical-align: top; }
.homepage-news .pl-page-entry-horizontal { margin-bottom: 28px; }
.homepage-news .pl-page-entry-thumbnail img { border: 1px solid var(--cyan); }

/* home: recent documents */
#recent-documents { background-color: #f9eaa1; padding: 0 3% 14px; }
#recent-documents .h3 { background-color: #f5da5a; color: #0587a5; font-family: "Anton", sans-serif; font-size: 1.6em; height: 62px; left: 0; line-height: 62px; margin: 0; position: absolute; top: 0; width: 100%; }
#recent-documents .h3 .fa { box-sizing: border-box; background-color: #f0c808; height: 100%; width: 70px; padding: calc((62px - 1em) / 2) calc((70px - 0.8571em) / 2); margin-right: 16px; vertical-align: top; }
#recent-documents ul { margin: 0; padding-top: 70px; list-style-type: none; }
#recent-documents li { border-bottom: 1px solid #086788; line-height: 1.4em; padding: 14px 40px 10px; position: relative; }
#recent-documents li > span { display: block; font-size: .8em; font-weight: 700; }
#recent-documents li a { font-size: 1.2em; color: var(--link-on-yellow); }
#recent-documents li > .fa { font-size: 1.5em; left: 8px; position: absolute; top: 14px; }
#recent-documents > a { background-color: var(--cyan-bg); color: #fff; display: block; font-size: 1.1em; margin: 44px auto 12px; padding: 7px 0; text-align: center; width: 90%; }
#recent-documents > a:hover { color: #f9eaa1; transition: .1s; }
#recent-documents .fa { color: #086788; }

/* ---------------------------------------------------------------- inner pages */
.about-mpo { padding: 20px; text-align: center; }
.about-mpo .h3 { background-color: #086788; color: #fff; padding: 5px 0; margin: 0; }
.about-mpo .what-we-do { background-color: #f0c808; padding: 20px; min-height: 250px; }
.about-mpo .what-we-do-btn, .about-mpo .where-op-btn, .about-mpo .who-we-are-btn { width: 200px; margin: 30px auto 0 auto; padding: 10px; transition: all 300ms ease-in-out; }
.about-mpo .what-we-do-btn { background-color: #f0c808; }
.about-mpo .what-we-do-btn a { color: #03506b; font-weight: bold; }
.about-mpo .what-we-do-btn p, .about-mpo .where-op-btn p, .about-mpo .who-we-are-btn p { margin: 0; }
.about-mpo .what-we-do-btn:hover { cursor: pointer; background-color: #e3a608; }
.about-mpo .where-op { background-color: var(--cyan-bg); padding: 20px; min-height: 250px; color: #fff; }
.about-mpo .where-op-btn { background-color: var(--cyan-bg); }
.about-mpo .where-op-btn a, .about-mpo .who-we-are-btn a { color: #fff; font-weight: bold; }
.about-mpo .where-op-btn:hover { cursor: pointer; background-color: #086788; }
.about-mpo .who-we-are { background-color: #03506b; padding: 20px; min-height: 250px; color: #fff; }
.about-mpo .who-we-are-btn { background-color: #03506b; }
.about-mpo .who-we-are-btn:hover { cursor: pointer; background-color: #003e73; }
.about-mpo a { color: inherit; }

.member-agencies ul { list-style: none; margin-left: 0; text-align: center; }
.member-agencies ul li { float: left; padding: 20px; width: 30%; margin-right: 3%; margin-bottom: 3%; border: .5px solid #c3c3c3; transition: all 300ms ease-in-out; }
.member-agencies ul li a::before { content: ""; display: block; height: 1.6em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%2306aed5' transform='matrix(1 0 0 -1 0 1518.5)' d='M1201 752q47 -14 89.5 -38t89 -73t79.5 -115.5t55 -172t22 -236.5q0 -154 -100 -263.5t-241 -109.5h-854q-141 0 -241 109.5t-100 263.5q0 131 22 236.5t55 172t79.5 115.5t89 73t89.5 38q-79 125 -79 272q0 104 40.5 198.5t109.5 163.5t163.5 109.5t198.5 40.5 t198.5 -40.5t163.5 -109.5t109.5 -163.5t40.5 -198.5q0 -147 -79 -272zM768 1408q-159 0 -271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5t-112.5 271.5t-271.5 112.5zM1195 -128q88 0 150.5 71.5t62.5 173.5q0 239 -78.5 377t-225.5 145 q-145 -127 -336 -127t-336 127q-147 -7 -225.5 -145t-78.5 -377q0 -102 62.5 -173.5t150.5 -71.5h854z'/%3E%3C/svg%3E") calc(50% + 5px) center / 0.8571em 1em no-repeat; }
.member-agencies ul li:hover a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%23ffffff' transform='matrix(1 0 0 -1 0 1518.5)' d='M1201 752q47 -14 89.5 -38t89 -73t79.5 -115.5t55 -172t22 -236.5q0 -154 -100 -263.5t-241 -109.5h-854q-141 0 -241 109.5t-100 263.5q0 131 22 236.5t55 172t79.5 115.5t89 73t89.5 38q-79 125 -79 272q0 104 40.5 198.5t109.5 163.5t163.5 109.5t198.5 40.5 t198.5 -40.5t163.5 -109.5t109.5 -163.5t40.5 -198.5q0 -147 -79 -272zM768 1408q-159 0 -271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5t-112.5 271.5t-271.5 112.5zM1195 -128q88 0 150.5 71.5t62.5 173.5q0 239 -78.5 377t-225.5 145 q-145 -127 -336 -127t-336 127q-147 -7 -225.5 -145t-78.5 -377q0 -102 62.5 -173.5t150.5 -71.5h854z'/%3E%3C/svg%3E"); }
.member-agencies ul li a { transition: all 300ms ease-in-out; }
.member-agencies ul li:hover { cursor: pointer; background-color: #03506b; color: #fff; }
.member-agencies ul li:hover a { color: #fff; }

.active-docs .medium-6 { padding-right: 8px; }
.active-docs .h3 { padding: 10px; background-color: #03506b; color: #fff; text-transform: uppercase; }
.active-docs .h3 .fa { color: #f0c808; margin-left: 10px; margin-right: 5px; }
.active-docs ul, .key-docs ul { list-style: none; margin: 0; }
.active-docs li, .key-docs li { margin-bottom: 10px; position: relative; padding-left: 35px; }
.active-docs li::before, .key-docs li::before { content: ""; position: absolute; top: 0; left: 0; height: 26px; width: 26px;
  background: #f0c808 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%23086788' transform='matrix(1 0 0 -1 0 1518.5)' d='M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z'/%3E%3C/svg%3E") center / 0.8571em 1em no-repeat; }
.active-docs .row { padding: 1rem; }
.key-docs .h3 { padding: 10px; background-color: #f0c808; color: #03506b; text-transform: uppercase; margin-bottom: 30px; }
.key-docs .h3 .fa { color: var(--cyan); margin-left: 10px; margin-right: 5px; }
.all-docs .h3 { padding: 10px; background-color: var(--cyan-bg-lg); color: #fff; text-transform: uppercase; }
.all-docs .h3 .fa { color: #f0c808; margin-left: 10px; margin-right: 5px; }

/* document library */
.dl-table { width: 100%; }
.dl-table thead th { background-color: #e5e5e5; color: #3c3c3c; }
.dl-table thead th.dl-active-sort-asc { background-color: #b6b6b6; color: #222; }
.dl-table > tbody > tr.dl-row-b td { background-color: #f7f0f0; }
th.dl-active-sort-asc span::after { border-width: 0 4px 4px 4px; border-style: solid; border-color: transparent transparent #222 transparent; vertical-align: middle; content: ""; width: 0; height: 0; display: inline-block; margin-left: 10px; }
.dl-table thead th.dl-column-thumbnail { width: 1px; }
.dl-row-a img, .dl-row-b img { width: 20px; }
.dl-row-a td:first-child, .dl-row-b td:first-child { text-align: center; }
/* pagination: Foundation rules (all lists) plus the CMS pagination sheet (news lists only) */
ul.pagination { display: block; margin-left: -.3125rem; min-height: 1.5rem; list-style: none; }
ul.pagination li { color: #222; font-size: .875rem; height: 1.5rem; margin-left: .3125rem; display: block; float: left; }
ul.pagination li a { border-radius: 3px; transition: background-color .3s ease-out; background: none; color: #676767; display: block; font-size: 1em; font-weight: 400; line-height: inherit; padding: .0625rem .625rem; }
ul.pagination li a:focus, ul.pagination li:hover a { background: #e6e6e6; }
.cms ul.pagination { margin-top: 22px; margin-bottom: 22px; padding-left: 0; border-radius: 2px; }
.cms .pagination > li > a { position: relative; float: left; text-decoration: none; border: 1px solid #ddd; margin-left: -1px; }
.cms .pagination > li > span { position: relative; float: left; padding: 8px 16px; line-height: 1.42857143; text-decoration: none; color: #217cb7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
.cms .pagination > li:first-child > a, .cms .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
.cms .pagination > li:last-child > a, .cms .pagination > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }
.cms .pagination > .active > span { z-index: 2; color: #fff; background-color: #217cb7; border-color: #217cb7; cursor: default; }
.cms .pagination > .disabled > span { color: #676767; background-color: #fff; border-color: #ddd; cursor: not-allowed; }

.learn-part { border: 3px solid #03506b; margin: 3%; text-align: center; padding: 30px; }
.learn-part .fa { font-size: 90px; color: var(--cyan); }
.learn-part .h3 { font-weight: bold; color: var(--link); }
.learn-part a { padding: 10px; background-color: #f0c808; font-weight: bold; color: #064a61; }
.learn-part a:hover { cursor: pointer; background-color: #e3a608; }
.learn-part a::after { content: ""; display: inline-block; box-sizing: content-box; width: 0.8571em; height: 1em; padding-left: 10px; vertical-align: -0.1526em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%23064a61' transform='matrix(1 0 0 -1 0 1518.5)' d='M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z'/%3E%3C/svg%3E") right center / 0.8571em 1em no-repeat; }

.contact-block-border { padding: 20px; border: 2px solid #03506b; }
.contact-block { text-align: center; }
.contact-block .fa { font-size: 3em; color: var(--cyan); }
.contact-block .h3 { color: var(--link); font-weight: bold; }

.event-page p { font-size: 1.1em; margin-bottom: 4px; }
.event-page b { display: block; font-size: 1.1em; margin-bottom: 4px; }

/* expandable area: show/hide panel */
.ex-content-item { padding-left: 30px; }
.js .ex-item-cont:not(.opened) .ex-content-item { display: none; }
.ex-item-cont { border-bottom: 3px solid #d0d0d0; }
.row .ex-item-cont > .h4 { border-bottom: 0; color: var(--link); font-size: 1.1em; font-weight: 400; padding: 0; }
.ex-content-item .h4 { font-weight: bold; margin-bottom: 0; padding-bottom: 0; text-transform: none; }
.ex-toggle { background: none; border: 0; color: inherit; cursor: pointer; display: block; font: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 10px 0 12.5px; text-align: left; text-transform: inherit; width: 100%; }
.ex-toggle::before { content: ""; display: inline-block; box-sizing: content-box; font-size: 1.1em; width: 0.8571em; height: 1em; margin-right: 10px; vertical-align: -0.1526em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%2303506b' transform='matrix(1 0 0 -1 0 1518.5)' d='M1216 576v128q0 26 -19 45t-45 19h-256v256q0 26 -19 45t-45 19h-128q-26 0 -45 -19t-19 -45v-256h-256q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h256v-256q0 -26 19 -45t45 -19h128q26 0 45 19t19 45v256h256q26 0 45 19t19 45zM1536 640q0 -209 -103 -385.5 t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.opened .ex-toggle::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%2306aed5' transform='matrix(1 0 0 -1 0 1518.5)' d='M1216 576v128q0 26 -19 45t-45 19h-768q-26 0 -45 -19t-19 -45v-128q0 -26 19 -45t45 -19h768q26 0 45 19t19 45zM1536 640q0 -209 -103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5t103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5 t103 -385.5z'/%3E%3C/svg%3E"); }

/* meeting schedules and materials */
.full-width-col .row { padding: 16px 1% 46px; }
.full-width-col .row .columns:first-of-type { padding-right: 3%; }
.materials-col .row { margin: 0 auto !important; padding: 18px 0; }
.materials-col .columns { padding: 0 2%; }
.materials-col .columns:first-of-type { padding-left: 0; }
.meeting-materials .pl-header .h5 { color: #086788; font-weight: 700; }
.year-box > summary { display: block; list-style: none; cursor: pointer; }
.year-box > summary::-webkit-details-marker { display: none; }
details.year-box { margin: 16px 0 12px; }
.year-box > summary .h6 { color: #086788; margin: 0; }
.year-box[open] > summary { margin-bottom: 12px; }
.year-box > div > :last-child { margin-bottom: 0; }
.year-box .h6::before { content: "+" / ""; background-color: #086788; color: #f0c808; display: inline-block; font-size: 2em; height: 26px; line-height: 25px; margin-right: 8px; text-align: center; vertical-align: middle; width: 26px; }
.meeting-materials .pl-date { background-color: #e6e6e7; font-size: .85em; padding: 9px 12px; }
.meeting-materials .pl-date a { border-right: 1px solid #333; color: #04708b; padding-left: 4px; padding-right: 7px; }
.meeting-materials .pl-date a:first-of-type { padding-left: 0; }
.meeting-materials .pl-date a:last-of-type { border: 0; }

.committee-meetings .pl-header .h5 { background-color: #086788; color: #fff; display: inline-block; font-size: 1.2em; letter-spacing: .03em; padding: 6px 10px; width: 100%; }
.committee-meetings .pl-header .h5 .fa { color: #f0c808; padding-right: 6px; }
.committee-meetings .pl-pages { clear: both; padding-top: 4px; }
.committee-meetings .pl-page-entry:last-of-type { margin: 0; }
.committee-meetings .pl-page-entry p { color: #086788; font-weight: 700; margin-bottom: 6px; }
.committee-meetings .pl-page-entry { float: left; margin-right: 3%; width: 31.33333%; }
.committee-meetings .pl-title a.hp-event-top { background-color: #f9eaa1; color: #086788; display: block; font-size: 1.1em; height: 130px; padding: 0 4%; width: 100%; }
.committee-meetings .pl-title a.hp-event-top > span { background-color: var(--cyan-bg); color: #fff; display: block; font-size: .75em; height: 26px; line-height: 26px; margin-left: -4%; margin-bottom: 4px; width: 108%; }
.committee-meetings .pl-title a.hp-event-top > span .fa { box-sizing: border-box; background-color: #f0c808; color: #086788; font-size: 1.2em; height: 100%; width: 30px; padding: calc((26px - 1em) / 2) calc((30px - 0.9286em) / 2); margin-right: 3px; vertical-align: top; }
.committee-meetings .pl-title a.hp-event-top > span > span { float: right; font-size: 1.2em; margin-right: 8px; }
.committee-meetings .pl-title a.social-media { background-color: #086788; color: #c3ecf5; display: inline-block; float: left; height: 26px; text-align: center; width: 12%; }
.committee-meetings .pl-title a.view-details { background-color: var(--cyan-bg); color: #fff; display: inline-block; font-size: .9em; height: 26px; line-height: 26px; text-align: right; vertical-align: top; width: 76%; }
.committee-meetings .pl-title a.view-details .fa { padding: 0 7px; }

.community-events .pl-header .h5 { background-color: #f0c808; color: #075d7b; display: inline-block; font-size: 1.2em; letter-spacing: .03em; padding: 6px 10px; width: 100%; }
.community-events .pl-header .h5 .fa { color: #086788; padding-right: 6px; }
.community-events .pl-pages { clear: both; }

/* ---------------------------------------------------------------- placeholders (sizes of the original widgets) */
.ph-contact-form { height: 587.6px; margin-top: 18px; }
.ph-mailing-form { height: 248.8px; margin-bottom: 9px; }
.ph-comment-form { height: 374px; margin: 10px 0; }
.ph-doc-search { height: 116px; }
.map-embed { border: 0; display: block; height: 1200px; width: 100%; }
@media screen and (max-width: 640px) { .map-embed { height: 80vh; min-height: 480px; } }
.ph-map { display: inline-block; vertical-align: baseline; width: 100%; height: 1200px; }

/* ---------------------------------------------------------------- event calendar (static month view) */
.cal { container-type: inline-size; position: relative; margin-bottom: 20px; }
.cal-toolbar { position: relative; height: 58px; margin-bottom: 1em; text-align: center; }
.cal-nav { position: absolute; left: 0; top: 0; display: flex; }
.cal-btn { height: 2.1em; margin: 0; padding: 0 .6em; font: 16px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; cursor: pointer; border: 1px solid; }
.cal-prev, .cal-next { width: 44px; color: #333; background: #f5f5f5 linear-gradient(to bottom, #fff, #e6e6e6); border-color: #e6e6e6 #e6e6e6 #bfbfbf; }
.cal-prev { border-radius: 4px 0 0 4px; }
.cal-next { border-radius: 0 4px 4px 0; margin-left: -1px; }
.cal-prev:hover, .cal-next:hover { background: #e6e6e6; }
.cal-chev { display: block; margin: 0 auto; }
.cal-today-btn { margin-left: .75em; color: #fff; background: #007095; border-color: #007095; border-radius: 4px; }
.cal-today-btn:disabled { opacity: .65; cursor: default; }
.row .cal-title { display: inline-block; margin: 0; position: relative; left: -5.5px; }
.cal-grid { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; }
.cal-grid tr, .cal-grid tr:nth-of-type(even) { background: none; }
.cal-grid thead th { height: 39px; padding: 1px 2px 0; vertical-align: top; text-align: center; font-size: 14px; font-weight: 700; line-height: 18px; background: #f5f5f5; border: 1px solid #ddd; }
.cal-grid abbr { text-decoration: none; }
/* rows follow the original calendar: width / 1.35 aspect above 1024px, fixed 100px below */
.cal-grid tbody td.cal-day { height: calc((100cqw / 1.35 - 39px) / 6); padding: 0; vertical-align: top; font-size: 14px; border: 1px solid #ddd; }
.cal-probe { position: absolute; top: 0; left: 0; width: 1px; height: calc((100cqw / 1.35 - 39px) / 6); visibility: hidden; }
.cal-more { display: inline-block; margin: 1px 3px; padding: 0; border: 0; background: none; font: inherit; font-size: .85em; line-height: 15px; color: var(--link); cursor: pointer; }
.cal-more:hover { text-decoration: underline; }
.cal-grid td.cal-today { background: #fcf8e3; }
.cal-num { background: #f5f5f5; text-align: right; padding: 2px; font-weight: 700; line-height: 18px; }
.cal-other .cal-num { color: #6b6b6b; font-weight: 400; }
.cal-events { list-style: none; margin: 0; padding: 0; }
.cal-event { display: block; margin: 0 1px 2px; padding: 3px; border-radius: 4px; background: #68b7e7; color: #222; font-size: 11px; line-height: 18px; }
.cal-event:hover, .cal-event:focus { background: #73bfea; color: #222; }
html:not(.js) .cal-nav { display: none; }

/* ---------------------------------------------------------------- responsive */
@media screen and (min-width: 1460px) {
  .homepage-news .pl-page-entry-horizontal { margin-bottom: 36px; }
  .homepage-news .pl-title div a { font-size: 1.2em; line-height: 1.2em; }
  .homepage-news .pl-description { font-size: .95em; }
}
@media screen and (min-width: 1910px) {
  .homepage .large-12 img { width: 120%; }
}
@media screen and (max-width: 1245px) {
  .homepage .large-12 img { bottom: -10%; }
  .top-banner-panel { width: 40%; }
  .tpl-full { margin-bottom: -70px; }
  #footer { height: 70px; }
  #footer > div { font-size: .8em; padding-left: 16px; }
  #footer img { width: 200px; }
}
@media screen and (max-width: 1024px) {
  .homepage .large-12 img { bottom: 0; left: -10%; max-width: 340%; width: 140%; }
  .mapping-tool-link { height: 320px; margin: 20px auto; width: 60%; }
  #recent-documents { height: auto; }
  #recent-documents > a { margin: 18px auto 6px; position: static; }
}
@media screen and (max-width: 1024px) {
  .cal-grid tbody td.cal-day, .cal-probe { height: 100px; }
  .cal-event { line-height: 1.2em; }
}
@media screen and (max-width: 480px) {
  .cal .cal-toolbar { height: auto; }
  .cal-nav { position: static; margin-bottom: 5px; }
  .row .cal-title { left: 0; }
}
@media screen and (max-width: 815px) {
  .row { padding: 18px 6%; }
  .row .h2 { font-size: 1.5em; }
  .row p { font-size: .9em; line-height: 1.4em; }
  #header > .logo { width: 250px; }
  #top-right { padding: 3px 0; }
  #top-right a { font-size: .75em; margin-right: 24px; }
  #menu .nav a { font-size: .75em; }
  #menu .nav > li > ul > li a { padding: 10px; }
  .homepage .large-12 { height: 390px; }
  .homepage .large-12 img { bottom: -5%; left: -20%; }
  .top-banner-panel { width: 56%; }
  .top-banner-panel { --bar: 40px; }
  .top-banner-panel .h2 { font-size: 1.3em; padding-top: 7px; background-color: var(--cyan-bg); }
  .top-banner-panel p:first-of-type { padding-top: 5px; }
  .top-banner-panel .h3 { font-size: 1.1em; }
  .top-banner-panel ul li { font-size: .9em; padding: 0; }
  .member-agencies ul li { width: 47%; }
  table tbody tr td, table tbody tr th, table thead tr th, table tr td { font-size: .8em; padding: 2px 4px; }
  .row td p { line-height: 1.2em; }
  .tpl-full { margin-bottom: -56px; }
  .cal-toolbar { height: 40px; }
  #footer { height: 56px; }
  #footer > div { line-height: 1.5em; padding-left: 16px; text-align: center; width: 100%; }
  #footer > div:last-of-type { display: none; }
}
@media screen and (max-width: 700px) {
  .homepage-events .pl-header .h5, .committee-meetings .pl-header .h5, .community-events .pl-header .h5 { font-size: 1.3em; }
  .homepage-events .pl-header a { font-size: .85em; margin-top: 9px; }
  .homepage-events .pl-page-entry, .committee-meetings .pl-page-entry, .community-events .pl-page-entry { margin-right: 0; width: 100%; }
  .homepage-events .pl-title a.hp-event-top:hover { background-color: #f9eaa1; transition: 0s; }
  .homepage-events .pl-title a.hp-event-top:hover span .fa { background-color: #f0c808; color: #086788; transition: 0s; }
  .homepage-events .pl-title a.hp-event-top:hover > span { box-shadow: none; transition: 0s; }
  .homepage-events .pl-title a.social-media:hover::before { display: none; }
  .homepage-events .pl-title a.view-details:hover .fa { padding: 0 7px; transition: 0s; }
}
@media screen and (max-width: 640px) {
  /* long unbroken URLs in news titles would otherwise be clipped at the screen edge */
  .pl-page-entry-text { overflow-wrap: anywhere; }
  .all-docs .h3 { background-color: var(--cyan-bg); }
  #header > .logo { display: block; margin: 0 auto; }
  #top-right { float: none; margin: 0 auto; }
  #top-right a { display: inline-block; text-align: center; margin: 3px 0; width: 48%; }
  #top-right .ph-search { height: 25px; margin: 6px 0 3px; }
  .homepage .large-12 img { left: -70%; width: 280%; }
  .top-banner-panel { width: 100%; }

  #menu { position: absolute; top: 0; right: -190px; transition: right .75s, visibility .75s; z-index: 2; }
  .js #menu:not(.opened) > ul { visibility: hidden; transition: visibility 0s .75s; }
  #menu > ul { background-color: #086788; box-shadow: 4px 4px 14px 0 #333; display: block; height: auto; padding: 9px 2px 14px; width: 190px; }
  .menu-toggle { background-color: #086788; border: 0; color: #f0c808; display: block; cursor: pointer; font-size: 1.8em; height: 48px; padding: 0; position: absolute; top: 23px; right: 100%; width: 48px; }
  .menu-toggle .fa { display: block; margin: calc((48px - 1em) / 2) auto 0; }
  #menu.opened { right: 0; }
  #menu > ul > li { display: block; font-size: 1.1em; height: auto; padding: 3px 0; width: 100%; }
  #menu > ul > li:hover, #menu > ul > li:focus-within { background-color: transparent; }
  #menu > ul > li.nav-home { background-color: #086788; display: inline-block; height: auto; width: 100%; }
  #menu > ul > li.nav-home:hover, #menu > ul > li.nav-home:hover > a, #menu > ul > li.nav-home:focus-within, #menu > ul > li.nav-home:focus-within > a { background-color: #086788; }
  #menu > ul > li.nav-home::after { display: none; }
  #menu > ul > li.nav-home > a { color: #fff; padding: 7px 4px; }
  #menu > ul > li.nav-home .fa-home { display: none; }
  #menu > ul > li > ul, #menu > ul > li:hover > ul, #menu > ul > li:focus-within > ul { display: block; position: static; width: 100%; background: none; }
  #menu > ul > li > ul > li { text-align: center; }
  #menu .nav > li > ul > li a { font-size: .75em; padding: 6px 9px; }
  html:not(.js) #menu { position: static; }
  html:not(.js) .menu-toggle { display: none; }
  html:not(.js) #menu > ul { width: 100%; box-shadow: none; }

  .dl-table th, .dl-table td { font-size: .7em; line-height: 1.1em; }
  .mapping-tool-link { height: 200px; width: 97%; }
  .mapping-tool-link p:nth-of-type(1) { height: 68px; }
  .mapping-tool-link p a { font-size: 1em; }
  .mapping-tool-link p:nth-of-type(1) a::after { display: none; }
  .mapping-tool-link:hover p:nth-of-type(1), .mapping-tool-link:focus-within p:nth-of-type(1) { height: 68px; transition: .5s; }
  .mapping-tool-link:hover p:nth-of-type(1) a, .mapping-tool-link:focus-within p:nth-of-type(1) a { background-color: var(--cyan-bg); padding-top: 8px; transition: 0s; }
  .mapping-tool-link p a .fa { font-size: 1.5em; }
  .mapping-tool-link:hover p:nth-of-type(1) a .fa, .mapping-tool-link:focus-within p:nth-of-type(1) a .fa { font-size: 1.5em; transition: 0s; }
  .mapping-tool-link:hover p:nth-of-type(3), .mapping-tool-link:focus-within p:nth-of-type(3) { height: 34px; transition: 0s; }
  .member-agencies ul li { width: 90%; }
  #footer > div { font-size: .7em; line-height: 1.3em; padding: 0 8px 5px; }
  .ph-doc-search { height: 184px; }
}
@media screen and (max-width: 600px) {
  #recent-documents .h3 { font-size: 1.3em; height: 46px; line-height: 48px; color: #046981; }
  #recent-documents .h3 .fa { padding-top: calc((46px - 1em) / 2); padding-bottom: calc((46px - 1em) / 2); }
  #recent-documents ul { padding-top: 44px; }
  #recent-documents li { padding-left: 34px; }
  #recent-documents li a { font-size: .95em; line-height: 1.1em; }
  #recent-documents li > .fa { font-size: 1.1em; top: 18px; }
  #recent-documents > a { font-size: .9em; padding: 5px 0; width: 70%; }
}
@media screen and (max-width: 550px) {
  .homepage-news .pl-header { height: 46px; background-color: #1a819a; }
  .homepage-news .pl-header .h5 { font-size: 1.3em; line-height: 48px; }
  .homepage-news .pl-header .fa { padding-top: calc((46px - 1em) / 2); padding-bottom: calc((46px - 1em) / 2); }
  .homepage-news .pl-pages { padding-top: 66px; }
  .homepage-news .pl-page-entry-horizontal .pl-page-entry-thumbnail img { width: 90px; }
  .homepage-news .pl-page-entry-horizontal .pl-page-entry-text { font-size: .9em; }
  .homepage-news > a { font-size: .9em; padding: 5px 0; width: 70%; }
}
@media screen and (max-width: 405px) {
  #header > .logo { margin: 0; width: 184px; }
  .menu-toggle { height: 37px; font-size: 1.6em; top: 16px; width: 37px; }
  .menu-toggle .fa { margin-top: calc((37px - 1em) / 2); }
}

/* Content spacers (heights from the original spacer blocks) */
.sp-30 { height: 30px; }
.sp-32 { height: 32px; }
.sp-36 { height: 36px; }
.sp-38 { height: 38px; }
.sp-40 { height: 40px; }

/* Formatting carried over from inline styles; !important keeps their original precedence */
.st-004882 { font-family: Times New Roman !important; }
.st-010a24 { color: #0066cc !important; }
.st-01b73a { margin: 0in 0in 8pt !important; }
.st-0266ac { letter-spacing: -0.65pt !important; }
.st-037f39 { color: #000000 !important; }
.st-03c122 { list-style-type: disc !important; direction: ltr !important; }
.st-05a25a { letter-spacing: 1.2pt !important; }
.st-0736aa { letter-spacing: -0.7pt !important; }
.st-0e79f5 { letter-spacing: 0.95pt !important; }
.st-0fbf88 { letter-spacing: -0.3pt !important; }
.st-11aafd { margin: 3.55pt 4.95pt 0pt 5.15pt !important; text-align: justify !important; line-height: 104% !important; }
.st-15118c { letter-spacing: -0.35pt !important; }
.st-15a48e { letter-spacing: 0.85pt !important; }
.st-15fe93 { color: rgb(35, 31, 32) !important; letter-spacing: -0.25pt !important; }
.st-1888a2 { color: rgb(35, 31, 32) !important; letter-spacing: 0.3pt !important; }
.st-1b2f29 { color: rgb(35, 31, 32) !important; letter-spacing: -0.45pt !important; }
.st-1b880d { color: rgb(35, 31, 32) !important; letter-spacing: 1.85pt !important; }
.st-1f3def { color: rgb(35, 31, 32) !important; letter-spacing: 1.7pt !important; }
.st-1f43b0 { letter-spacing: 1.75pt !important; }
.st-21dc44 { letter-spacing: 0.7pt !important; }
.st-239829 { letter-spacing: 0.4pt !important; }
.st-23d8b3 { color: rgb(35, 31, 32) !important; letter-spacing: -0.2pt !important; }
.st-2624a5 { color: rgb(35, 31, 32) !important; letter-spacing: -0.4pt !important; }
.st-26d69f { margin: 1em 0px 0pt !important; }
.st-2820a3 { font-size: 12pt !important; font-style: normal !important; font-weight: normal !important; margin-top: 0in !important; margin-bottom: 0pt !important; }
.st-28c3da { color: rgb(35, 31, 32) !important; letter-spacing: -0.3pt !important; }
.st-29ae46 { font-family: Calibri !important; }
.st-2b36ec { color: rgb(35, 31, 32) !important; letter-spacing: 2.6pt !important; }
.st-2d1329 { font-size: 1.6em !important; }
.st-30489c { text-align: right !important; }
.st-32c5e3 { letter-spacing: 1.4pt !important; }
.st-33aada { color: rgb(0, 0, 0) !important; font-family: Times New Roman !important; font-size: 12pt !important; font-style: normal !important; font-weight: normal !important; margin-top: 0in !important; margin-bottom: 0pt !important; }
.st-358f4d { letter-spacing: 0.5pt !important; }
.st-37b4a4 { color: rgb(35, 31, 32) !important; letter-spacing: 1pt !important; }
.st-38262b { letter-spacing: 2.25pt !important; }
.st-382e37 { color: rgb(35, 31, 32) !important; letter-spacing: 0.1pt !important; }
.st-3b170c { letter-spacing: -0.2pt !important; }
.st-3cd449 { color: rgb(35, 31, 32) !important; letter-spacing: -0.65pt !important; }
.st-3d0339 { color: #0563c1 !important; font-family: Calibri !important; }
.st-3d10c7 { color: rgb(35, 31, 32) !important; letter-spacing: 1.05pt !important; }
.st-408451 { color: rgb(35, 31, 32) !important; letter-spacing: 2.2pt !important; }
.st-412502 { letter-spacing: 2.15pt !important; }
.st-44f8b2 { line-height: 107% !important; font-size: 16pt !important; }
.st-46d280 { color: rgb(35, 31, 32) !important; letter-spacing: -0.55pt !important; }
.st-474119 { letter-spacing: -0.45pt !important; }
.st-47b303 { letter-spacing: 1.45pt !important; }
.st-487e57 { color: rgb(35, 31, 32) !important; letter-spacing: 2pt !important; }
.st-49f583 { font-family: "Arial",sans-serif !important; font-size: 16pt !important; }
.st-4b3bb7 { color: rgb(35, 31, 32) !important; letter-spacing: 1.35pt !important; }
.st-4cbd45 { color: rgb(35, 31, 32) !important; letter-spacing: 1.4pt !important; }
.st-4ecd25 { margin: 0.55pt 0in 0pt !important; }
.st-52212e { color: rgb(35, 31, 32) !important; letter-spacing: -0.7pt !important; }
.st-52871f { color: rgb(35, 31, 32) !important; letter-spacing: 1.8pt !important; }
.st-528add { color: rgb(35, 31, 32) !important; letter-spacing: -0.15pt !important; }
.st-52905c { color: rgb(35, 31, 32) !important; letter-spacing: 0.45pt !important; }
.st-5790ff { display: none !important; }
.st-5793ef { letter-spacing: -0.85pt !important; }
.st-596e22 { color: rgb(35, 31, 32) !important; letter-spacing: -0.1pt !important; }
.st-5a8b64 { line-height: 115% !important; font-family: "Arial",sans-serif !important; font-size: 11pt !important; }
.st-5bf408 { margin: 30px !important; width: 80% !important; margin: 10px auto !important; }
.st-5daeff { line-height: 115% !important; }
.st-652f9a { letter-spacing: 0.6pt !important; }
.st-65b665 { letter-spacing: -0.4pt !important; }
.st-65f9d5 { text-align: center !important; }
.st-678a9e { margin: 0in 0in 0pt 5.2pt !important; text-align: justify !important; line-height: 104% !important; }
.st-67f147 { letter-spacing: 1.65pt !important; }
.st-680b11 { margin: 0in 0in 10pt !important; }
.st-6acd34 { font-family: "Arial",sans-serif !important; font-size: 10pt !important; }
.st-6b2d60 { letter-spacing: 1.55pt !important; }
.st-6d7dee { letter-spacing: 0.25pt !important; }
.st-6f3554 { font-size: 11pt !important; font-style: normal !important; font-weight: normal !important; }
.st-72c627 { letter-spacing: 0.35pt !important; }
.st-742e51 { color: rgb(35, 31, 32) !important; letter-spacing: 0.2pt !important; }
.st-750c7c { line-height: normal !important; font-size: 11pt !important; font-style: normal !important; font-weight: normal !important; margin-top: 0in !important; margin-bottom: 0pt !important; }
.st-7726ae { letter-spacing: -0.5pt !important; }
.st-7cfb7b { color: rgb(35, 31, 32) !important; letter-spacing: 1.55pt !important; }
.st-7d1b12 { letter-spacing: 1.9pt !important; }
.st-8135e8 { margin: 3.55pt 0.05pt 0pt 5.2pt !important; text-align: justify !important; line-height: 104% !important; }
.st-85fcd4 { margin: 0in 0in 0pt !important; line-height: normal !important; }
.st-869c2b { color: rgb(35, 31, 32) !important; letter-spacing: 0.05pt !important; }
.st-8714e2 { color: rgb(35, 31, 32) !important; letter-spacing: 0.15pt !important; }
.st-887696 { letter-spacing: -0.15pt !important; }
.st-8a8401 { font-family: Times New Roman !important; font-size: 12pt !important; font-style: normal !important; font-weight: normal !important; margin-top: 1em !important; margin-bottom: 0pt !important; }
.st-8b3487 { color: rgb(35, 31, 32) !important; letter-spacing: 1.5pt !important; }
.st-90f13e { letter-spacing: 0.45pt !important; }
.st-911318 { color: rgb(35, 31, 32) !important; letter-spacing: 1.25pt !important; }
.st-931a31 { letter-spacing: 0.9pt !important; }
.st-95b3c6 { color: rgb(35, 31, 32) !important; letter-spacing: 2.35pt !important; }
.st-999888 { color: rgb(35, 31, 32) !important; letter-spacing: 2.5pt !important; }
.st-9b4efc { font-family: "Times New Roman",serif !important; }
.st-9ce1b8 { letter-spacing: 1.1pt !important; }
.st-a0871c { margin: 0in 0in 0pt !important; }
.st-a31d1d { color: rgb(35, 31, 32) !important; letter-spacing: -0.5pt !important; }
.st-a69dae { color: rgb(35, 31, 32) !important; letter-spacing: -0.6pt !important; }
.st-a8b9e3 { color: #0563c1 !important; }
.st-a9bf2c { color: rgb(0, 0, 0) !important; font-family: Times New Roman !important; font-size: 12pt !important; font-style: normal !important; font-weight: normal !important; margin-top: 1em !important; margin-bottom: 0pt !important; }
.st-ace203 { letter-spacing: -0.05pt !important; }
.st-acfa1d { color: rgb(35, 31, 32) !important; letter-spacing: -0.9pt !important; }
.st-aecfd4 { letter-spacing: 2.2pt !important; }
.st-af2001 { letter-spacing: -0.95pt !important; }
.st-b01c1a { color: rgb(35, 31, 32) !important; }
.st-b19aa1 { margin: 0in 0in 0pt !important; text-align: center !important; line-height: normal !important; text-align: center !important; }
.st-b1e056 { color: rgb(35, 31, 32) !important; letter-spacing: 0.25pt !important; }
.st-b200e6 { letter-spacing: -0.25pt !important; }
.st-b2e666 { letter-spacing: 0.8pt !important; }
.st-b33706 { color: rgb(35, 31, 32) !important; letter-spacing: 1.65pt !important; }
.st-b37b24 { color: #0000ff !important; }
.st-b61951 { line-height: 107% !important; font-size: 12pt !important; }
.st-b84045 { color: rgb(35, 31, 32) !important; letter-spacing: 2.05pt !important; }
.st-bb48c2 { color: rgb(35, 31, 32) !important; letter-spacing: -0.75pt !important; }
.st-be1f13 { letter-spacing: 0.55pt !important; }
.st-bf05a0 { letter-spacing: 1pt !important; }
.st-c02ab3 { letter-spacing: 1.6pt !important; }
.st-c34fcb { color: rgb(35, 31, 32) !important; letter-spacing: 1.15pt !important; }
.st-c3dcbf { color: rgb(35, 31, 32) !important; letter-spacing: 1.3pt !important; }
.st-c92831 { color: rgb(0, 0, 0) !important; }
.st-cb1251 { letter-spacing: -0.6pt !important; }
.st-cb5a02 { letter-spacing: 1.3pt !important; }
.st-cfd107 { color: rgb(35, 31, 32) !important; letter-spacing: 1.75pt !important; }
.st-d25639 { color: rgb(35, 31, 32) !important; letter-spacing: 1.6pt !important; }
.st-ecf317 { margin: 0in 5.9pt 0pt 5.15pt !important; text-align: justify !important; line-height: 104% !important; }
.st-ee2f5d { font-family: "Arial",sans-serif !important; }
.st-f09163 { color: rgb(35, 31, 32) !important; letter-spacing: -0.35pt !important; }
.st-f12259 { letter-spacing: 1.05pt !important; }
.st-f377e0 { color: rgb(35, 31, 32) !important; letter-spacing: 0.95pt !important; }
.st-f670ee { color: rgb(35, 31, 32) !important; letter-spacing: 1.95pt !important; }
.st-f805bb { letter-spacing: -0.9pt !important; }
.st-f996f6 { color: #000000 !important; font-family: Calibri !important; }
.st-fa5f51 { color: rgb(35, 31, 32) !important; letter-spacing: 0.35pt !important; }
.st-fe1007 { letter-spacing: 1.7pt !important; }
.st-fe24b8 { color: rgb(35, 31, 32) !important; letter-spacing: 1.45pt !important; }