/* 7.28.26 fixes list. */

/* The footer stamp was overlapping the button above it because the logo is
   absolutely positioned with no space reserved for it. Reserve the room
   instead of nudging the button, so it holds at every width. */
.footer, footer.footer { position: relative; }
.footer .footer__logo, footer .footer__logo, .footer .stamp, footer .stamp { z-index: 1; }
.footer .button, .footer .btn, footer .button, footer .btn { position: relative; z-index: 2; }

.join-wcbb .button, .page-template-default .footer-cta .button { margin-bottom: 28px; }

@media (max-width: 767px) {
	.footer .footer__logo, footer .footer__logo, .footer .stamp, footer .stamp {
		position: static; margin: 18px auto 0; display: block;
	}
	.footer .button, .footer .btn, footer .button, footer .btn { margin-bottom: 22px; }
}

/* Category and single-post pages were rendering a grey gutter either side
   instead of carrying the dark background full width like every other page.

   The first pass at this was wrong twice over. It targeted .main, .content-area
   and .site-content, none of which this theme uses - the wrapper is
   main.main-content - so only body took the colour. And the colour it took was
   #1a3648, which is the navy used for social chips, not the near-black the rest
   of the site runs on. The result was body at #1a3648 stacked behind
   div.category at #0e0e0e: two different dark tones down the page, which is
   what Marc reported on 27 Aug.

   Every other template (contests, athlete profiles, home) paints body #0e0e0e,
   so that is the value here. div.category already matches it, so the gutters
   and the content column now composite to one colour. */
body.archive, body.category, body.single-post { background: #0e0e0e; }
body.archive main.main-content, body.category main.main-content, body.single-post main.main-content { background: transparent; }
body.archive .row, body.category .row, body.single-post .row { background: transparent; }

/* The photo carousel's slick-list overshoots the viewport by ~12px on narrow
   screens, giving athlete profiles a horizontal scroll. Pre-existing, not
   introduced with the maps work, but it is a one-line containment and a
   sideways-scrolling profile page is worth not shipping. */
.photos-section .slick-list,
.videos-section .slick-list,
.slick-slider .slick-list {
	max-width: 100%;
	overflow-x: hidden;
}