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

div.left, div.right {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	max-width: 50%;
}

div.left {
	padding: 0 1em 0 1em;
	float: right;
}

div.right {
	padding: 0 0 0 1em;
}

#myslideshow {
	width: 670px;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

img.homepic {
	width: 660px;
	max-width: min(100%, 100vh);
	border: 5px ridge white;
}

div.advert {
	background: white;
	margin: 1em;
	border: 1px dashed #98bf21;
	padding: 1.25em 1em 1.25em 1em;
}

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

div.row {
	display: block;
}

#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: block;
	width: 100%;
	text-align: center;
	line-height: 150%;
	font-family: 'Open Sans', open_sansregular, Verdana, Comic Sans MS;
	font-weight: normal;
	font-size: 0.85em;
	color: rgb(107,142,35);
	padding-bottom: 1em !important;
}

.box {
	background: rgb(252,254,214); /* pale yellow #fcfed6 */
}

div.hp {
	margin: auto;
	padding: 0.5em;
}
/*
div.hplink {
	font-size: 110%;
	padding: 0.5em;
}

div.format {
	width: 75%;
	text-align: justify;
}
*/
span.nowrap {
	white-space: nowrap;
}

h2 {
	color: white;
}

div.subhead {
	font-size: 1.9em;
	padding: 0.2em 0 0.2em 0;
	line-height: 125%;
	color: rgb(178,34,34);
	font-family: limelightregular, 'Open Sans', open_sansregular, Verdana;
}

.hptable a:link, .hptable a:visited {
	display: inline-block;
	text-decoration: none;
	color: rgb(210,66,66); /* light firebrick */
	background-color: white;
	border-radius: 8px; /* rounded corners in some browsers */
	margin: 2px 0 0 0;
	border: 3px double rgb(123,158,51); /* light olive drab #7b9e33 */
	padding: 3px 6px 4px 6px;
}

.hptable a:focus, .hptable a:hover {
	color: rgb(178,34,34); /* firebrick */
	background: rgb(255,248,220); /* corn silk #fff8dc */
	border: 3px outset rgb(155,190,83); /* lighter olive drab #9bbe53 */
}

.facebook {
	font-family: facebook_letter_facesregular;
	font-size: 120%;
	color: white;
	background: rgb(59,89,152);
	margin: 5px 0 0 0;
	border: 3px outset rgb(59,89,152);
	padding: 3px 6px 5px 6px;
	border-radius: 8px; /* rounded corners in some browsers */
}

img.framed {
	border: 5px ridge white;
/*	max-width: 90%; */
}

a.noda:link, a.noda:visited, a.noda:active  {
	background: rgb(178,230,255);
	padding: 3px 3px 1px 4px;
	margin: 0 0 0 4px;
	vertical-align: -20%;
}

a.noda:focus, a.noda:hover {
	background: rgb(102,204,255);
}

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

	#features-wrapper {
		padding: 1.25em 0 1em 0;
	}
/*
	div.format {
		width: 84%;
	}

	div.hptable {
		font-size: 1.125em;
	}
*/
}

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

	div.left, div.right {
		padding: 0;
		max-width: 100%;
	}

	div.left {
		float: initial;
	}
/*
	div.format {
		width: 94%;
	}
*/
	div.hptable {
		padding-left: 1.25em;
		padding-right: 1.25em;
		font-size: 0.9em;
	}

	#myslideshow {
		max-width: 90%;
	}

	div.subhead {
		font-size: 1.75em;
	}

}

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

	div.container {
		width: 100%;
	}

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

	#features-wrapper {
		padding: 0;
	}

	section.box.feature {
		margin: 15px 0 0 0;
		padding: 0.5em;
	}
/*
	div.format {
		text-align: center;
	}
*/
}

@media screen and (width: 768px) { /* fit slideshow onto screen, eg iPad mini */

	img.homepic {
		max-width: min(90%, 100vh);
	}

}

div.hpbr {
	display: inline;
}

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

	div.hpbr {
		display: block;
	}

	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.subhead {
		font-size: 1.5em;
	}
/*
	img.framed {
		max-width: 100%;
	}
*/
}

@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;
	}

}