/* Styles specific to the 50th anniversary elements that appear on all pages, such
   as the menu bar highlighting and pop-up. */

/* The menu link: */
.a50th {
    font-weight: bold;
}
.a50th a,
.a50th .active-nav-link {
    color: var(--ctp-yellow);
    border: 1px solid color-mix(in srgb, var(--ctp-yellow) 55%, transparent);
    border-radius: var(--radius-card);
}

/* The pop-up: */
aside.evt_50th {
	display: block;
	display: none;
	width: 350px;
	height: 400px;
	position: fixed;
	left: 0;
	top: 40%;
	transition: 100ms all ease;
}

aside.evt_50th:hover { opacity: 0; }

aside.evt_50th img {
	border: solid #ccc;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-left: 0;
	display: none;
}

@media only screen and (max-width: 1200px) {
	aside.evt_50th { display: none; }
}