/* a2youth static site: search dropdown, results page and audio player.
   Colors are the site's own (main.css): navy #014571, blue #2d678b,
   pale blue #dfeef5, border #9dbcce, maroon #710101. */

div#content div#infobar { overflow: visible; z-index: 50; }
div#content div#infobar form { z-index: 50; }
div#content div#infobar form input.text { color: #014571; }
div#content div#infobar form input.text::placeholder { color: #9dbcce; opacity: 1; }

.a2y-panel {
    position: absolute; top: 24px; left: 0; width: 460px; max-height: 70vh; overflow-y: auto;
    background: #fff; border: 1px solid #9dbcce; box-shadow: 0 6px 18px rgba(1, 69, 113, .18);
    font-family: Trebuchet MS, Trebuchet, Helvetica, sans-serif; font-size: 12px; text-align: left;
}
.a2y-group {
    padding: 6px 10px 3px; color: #710101; font-weight: bold; text-transform: uppercase;
    font-size: 10px; letter-spacing: .05em; border-top: 1px solid #dfeef5;
}
.a2y-group:first-child { border-top: 0; }
a.a2y-result { display: block; padding: 4px 10px 5px; color: #014571; text-decoration: none; }
a.a2y-result:hover, a.a2y-result.a2y-active { background: #dfeef5; }
.a2y-result-title { display: block; font-size: 13px; }
.a2y-result-sub { display: block; color: #638fab; font-size: 11px; }
.a2y-result-excerpt { display: block; color: #555; font-size: 11px; margin-top: 1px; }
.a2y-result mark, .a2y-results mark { background: #f5dfdf; color: inherit; padding: 0; }
a.a2y-all { display: block; padding: 7px 10px; border-top: 1px solid #dfeef5; color: #2d678b; font-weight: bold; text-decoration: none; }
a.a2y-all:hover, a.a2y-all.a2y-active { background: #dfeef5; }
.a2y-none { padding: 10px; color: #638fab; }

/* /home/search/ */
.a2y-status { color: #2d678b; margin: 0 0 8px; }
.a2y-results .a2y-group { padding-left: 0; font-size: 11px; margin-top: 10px; }
.a2y-results a.a2y-result { padding-left: 0; }

/* Audio (replaces the Flash player) */
audio.a2y-player { width: 100%; margin: 4px 0; }
ol.a2y-playlist { margin: 6px 0 0 22px; padding: 0; max-height: 360px; overflow-y: auto; }
ol.a2y-playlist button {
    background: none; border: 0; padding: 2px 0; color: #2d678b; cursor: pointer;
    font: inherit; text-align: left;
}
ol.a2y-playlist li.a2y-playing button { color: #710101; font-weight: bold; }

/* Section headings (were Flash) */
.a2y-heading {
    display: inline-block; line-height: 27px; font: bold 14px/27px Trebuchet MS, Trebuchet, Helvetica, sans-serif;
    color: #014571; text-transform: lowercase; letter-spacing: .02em; text-decoration: none;
}
a.a2y-heading:hover { color: #710101; }

/* The closed forms */
.a2y-closed { background: #dfeef5; border: 1px solid #9dbcce; padding: 10px 12px; color: #014571; }

/* Footer order: #footer's background is the content frame's bottom edge, but the
   old markup puts the sitemap band between them. Show the band last. */
body { display: flex; flex-direction: column; }
div#siteinfo { order: 1; }