/* dancers: header / mobile menu fixes (2026, WP 7.1 + Twenty Thirteen 4.x). Loaded after style.css. */

/* Small screens (Twenty Thirteen switches to the "Menu" toggle at 643px): the fixed 190px header
   made the opened menu spill over the slider/content. Let the header grow with the open menu. */
@media (max-width: 643px) {
	.site-header { height: auto; }
	/* "Menu" toggle label + arrow: the parent colours it #141412, unreadable on the #036 bar. */
	.menu-toggle,
	.menu-toggle:after { color: #fff; }
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active,
	.menu-toggle:hover:after,
	.menu-toggle:focus:after { color: #cdeaff; }
	.menu-toggle:focus { outline-color: #fff; }
}

/* Phones: logo + EU flag wrap on two rows and overflowed the 150px home-link, covering "Menu". */
@media (max-width: 550px) {
	.site-header .home-link { height: auto; min-height: 0; padding-bottom: 10px; }
	.site-header .home-link:after { content: ""; display: table; clear: both; }
}