/* Multiverse Phantom must take precedence over Multiverse Verti to ensure the menu remains consistent */
/* This hp patch restores essential Verti styling and completes the styling for previous-productions.html */

.row > * {
	padding: 0 0 0 40px;
}

#features-wrapper {
	padding: 1.5em 0 1em 0;
}

div.inner {
	padding: 0 2.5em 0 2.5em;
}

#header nav ul li a {
	background: transparent;
}

section.box.feature {
	padding: 1em;
}

.box {
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05);

}

div.hptable {
	display: flex;
	width: 50%;
}

div.hp {
	display: flex;
	line-height: 1.4em;
	padding: 0.5em;
	text-align: left;
}

div.hpdate {
	width: 10%;
	padding-right: 3em;
}

div.hpdate, div.hplist  {
	font-family: galdeanoregular, Verdana, Comic Sans MS;
	font-size: 1.125em;
	color: rgb(107,142,35);
	text-align: left;
}

div.hpshow {
	padding-left: 1em;
	text-indent: -1em;
}

h2 {
	color: white;
}

div.smaller {
	font-size: 90%;
}

.plays {
	font-size: 80%;
	text-indent: 0;
}

@media screen and (max-width: 1280px) {

	#features-wrapper {
		padding: 1.25em 0 1em 0;
	}

}

@media screen and (max-width: 768px) {

	div.row {
		display: block;
		margin: 0 2em 0 2em;
	}

	div.hptable {
		display: block;
		width: 100%;
		padding: 0 2em 0 2em;
	}

	#features-wrapper {
		padding: 0;
	}

	section.box.feature {
		margin: 15px 0 0 0;
		padding: 0.5em;
	}

}

@media screen and (max-width: 736px) {

	div.inner {
		padding: 0 2em 0 2em;
	}

	h1 {
		margin: 0;
		font-size: 2em;
		padding-bottom: 0.3em;
	}

	div.row {
		margin: 0;
	}

}

@media screen and (max-width: 479px) {

	div.row {
		margin: 0;
	}

	div.inner {
		padding: 0 1.25em 0 1.25em;
	}

	h1 {
		padding: 0.3em 0 0 0;
		font-size: 1.75em;
	}

	div.hptable {
		padding: 0 1.25em 0 1.25em;
	}

}

@media screen and (max-width: 319px) {

	div.inner, div#features-wrapper, div.container, div.row, section.box.feature, div.hptable {
		padding: 0;
		width: 100vw;
		max-width: 100vw;
		text-align: center;
	}

}