/*
 * Shared "play full size" button, emitted by the [fullscreen-button] shortcode
 * in ejectamenta-base. Kept here (not in a game plugin) so a game shortcode can
 * stay a pure canvas app and the button markup can live on the page.
 */

.ejecta-fullscreen-button-wrap {
	padding: 30px;
	text-align: center;
}

.ejecta-fullscreen-button {
	display: inline-block;
	background-color: #dddd44;
	border: 3px solid #e5270a;
	font-weight: bold;
	border-radius: 1em;
	box-shadow: inset 0 0 50px #ffffff;
	padding: 5px;
	color: #000000;
	font-family: "Gloria Hallelujah", cursive;
	text-decoration: none;
	font-size: 24px;
	margin: 5px;
}

/*
 * Pin the text colour on every state. The site theme assigns link colours
 * (a, a:visited, a:hover, ...) which out-specify a bare class selector, so
 * without these the button text flips to the theme's visited/hover colours
 * (e.g. rusty red) once a visitor has followed the link.
 */
a.ejecta-fullscreen-button,
a.ejecta-fullscreen-button:visited,
a.ejecta-fullscreen-button:hover,
a.ejecta-fullscreen-button:focus,
a.ejecta-fullscreen-button:active {
	color: #000000;
}

a.ejecta-fullscreen-button:hover {
	background-color: #dd44dd;
}