/* change header.php for xmas */
:root {
	--nav_bg: rgb(184, 214, 183);
	--nav_highlight: rgb(164, 194, 163);
	--button: rgb(164, 194, 163);
	--nav_dark: rgb(20, 50, 20);
	--mobile_nav: rgb(20, 50, 20);
	--body_bg: rgb(156, 67, 67);
	--header_bg: rgb(156, 67, 67);
	--red_button: rgb(156, 67, 67);
	--red_button_hover: rgb(156, 67, 67);
	--button_background: rgb(195, 107, 107);
}

/* 
:root {
	--nav_bg: rgb(35, 25, 6);
	--nav_highlight: rgb(175, 165, 140);
	--button: rgb(35, 25, 6);
	--nav_dark: rgb(166, 155, 130);
	--mobile_nav: white;
	--body_bg: black;
	--header_bg: black url('../images/grunge_background_dark.png') repeat center top;
	--red_button: rgb(170, 0, 10);
	--red_button_hover: rgb(190, 0, 10);
	--button_background: rgb(190, 0, 10);
}
 */

@media screen and (max-width: 800px) {
	#body_main {
		border: none;
		max-width: 100%;
		padding: 10px;
	}
	
	#navigation {
		display: none;
	}
	
	div#bookcover {
		width: 100%;
	}

	div#bookdetails {
		display: block;
		margin: 0 auto;
		padding: 10px;
		width: 95%;
	}
	
	p#buybutton {
		margin: 0 auto;
		width: 30%;
	}
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	#body_main {
		border: 1px solid rgb(190,190,190);
		max-width: 80%;
		padding: 30px;
	}
	
	#mobile_nav {
		display: none;
	}
	
	div#bookcover {
		display: inline-block;
		float: left;
		width: 19%;
	}

	div#bookdetails {
		display: inline-block;
		float: right;
		margin: 20px 50px;
		width: 64%;
	}
}

@media screen and (min-width: 1201px) {
	#body_main {
		border: 1px solid rgb(190,190,190);
		max-width: 60%;
		padding: 30px;
	}
	
	#mobile_nav {
		display: none;
	}
	
	div#bookcover {
		display: inline-block;
		float: left;
		width: 19%;
	}

	div#bookdetails {
		display: inline-block;
		float: right;
		margin: 20px 50px;
		width: 64%;
	}
}

@font-face {
	font-family: 'xmas';
	src: url('../fonts/advent-regular-webfont.woff2') format('woff2'),
		 url('../fonts/advent-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
html, body {
	background: var(--body_bg);
	margin: 0;
	overflow-x: hidden;
	padding: 0;
}

.gift {
	margin-right: 3em;
}

.hidden {
	display: none;
}

.hide {
	opacity: 0;
}

.visible{
	opacity: 1;
}

.center {
	text-align: center;
}

.double_center {
	margin-top: 1em;
	text-align: center;
}

.tree {
	color: rgb(20, 50, 20);
	font-family: 'xmas';
	font-size: 12em;
	margin-top: 50px;
}

.triple_center {
	margin-top: 2em;
	text-align: center;
}
.cover {
	border: 1px solid rgb(90,90,90);
}

.justify {
	text-align: justify;
}

a.no_underline, a.no_underline:hover {
	color: white;
	text-decoration: none;
}

.video-container {
	height:0;
	overflow:hidden;
	margin-top: 20px;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	text-align: center;
}

.video-container iframe, .video-container object, .video-container embed {
	height:100%;
	position:absolute;
		top:0;
		left:0;
	width:100%;
}

a, a:active, a:visited {
	color: rgb(0,0,255);
	text-decoration: none;
}

a:hover {
	color: rgb(35,25,6);
	text-decoration: underline;
}

a img {
	border: none;
}

span.ns_current {
	color: var(--nav_dark);
}

#buylinks {}

h1, h2, h3 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	text-align: center;
}

h3 {
	margin: 0;
}

h1#four_oh_four_header {
	border: 3px solid rgb(45,35,16);
	color: rgb(45,35,16);
	display: inline-block;
	font-size: 4em;
	margin: 0 auto;
	padding: 0 30px;
	width: auto;
}

#body {
	background: white url('../images/grunge_background_transparent.png') repeat center;
	/* background: rgb(240,239,230); */

	background-size: 200px;
	padding: 0;
	margin: 0;
	text-align: center;
}

#body_main {
	background: rgba(255,255,255,0.6);
	border-top: none;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

#footer {
	background: var(--body_bg);
	color: white;
	font-family: "Helvetica Neue", "Arial", "sans-serif";
	padding: 10px;
	text-align: center;
}

#header {
	background: var(--header_bg);
	background-size: 800px;
	line-height: 0;
	margin: 0;
	text-align: center;
}

#header img {
	max-height: 200px;
	max-width: 100%;
}

.double {
	margin-top: 2em;
}

.grow {
	transition: all .2s ease-in-out;
}

.grow:hover {
	transform: perspective(1px) scale(1.1) translate3d( 0, 0, 0);

}

div.block {
	display: inline-block;
}

div.center p {
	text-align: center;
}

div#bibliography a img {
	height: 200px;
	margin: 0 10px;
	width: 133px;
}

div#bibliography a img.big {
	height: 300px;
	margin: 0 10px;
	width: 200px
}

div#bibliography h1, div#bibliography h2 {
	margin-top: 2em;
}

div#bibliography h1:first-of-type {
	margin-top: 0;
}

div#bibliography h2:first-of-type {
	margin-top: 3em;
}

div#bibliography div {
	width: 100%;
}

div#bookcover {
	text-align: center;
}

div#bookcover img {
	max-width: 100%;
}

div#books img {
	vertical-align: top;

}

/* 
div#books a:nth-of-type(1) img, div#books a:nth-of-type(4) img {
	max-width: 18%;
}

div#books a:nth-of-type(2) img, div#books a:nth-of-type(3) img {
	max-width: 20%;
}
 */

div#books a:nth-of-type(1) img, div#books a:nth-of-type(5) img {
	max-width: 16%;
}

div#books a:nth-of-type(2) img, div#books a:nth-of-type(4) img {
	max-width: 18%;
}

div#books a:nth-of-type(3) img {
	max-width: 20%;
}


div#contribs p {
	margin: 0;
}

div#four_oh_four_container {
	text-align: center;
}

div.full_cover {
	align-items: center;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	bottom: 0;
	cursor: pointer;
	justify-content: center;
	left: 0;
	overflow: hidden;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000;
}

div.full_cover img.main {
	border: 3px solid white;
/* 	margin-top: 5%; */
	max-width: 70%;
	max-height: 80%;
}

img.halflinebreak {
	display: block;
	max-height: 10px;
	margin: 0 auto;
	width: 50%;
}

img.linebreak {
	max-height: 20px;
	width: 100%;
}

p#cover_gallery {
	text-align: justify;
	text-align-last: left;
}

p#cover_gallery img {
	cursor: pointer;
	display: inline-block;
	height: 150px;
	margin: 10px;
}

#mobile_nav {
	background: var(--nav_bg);
	color: white;
	font-size: 2.5em;
	line-height: 0;
	padding: 0;
	text-align: right;
	vertical-align: top;
}

#mobile_nav div.expansion {
	padding-bottom: 20px;
}

#mobile_nav_noscript {
	background: var(--nav_bg);
	color: var(--mobile_nav);
	font-size: 1.3em;
	font-family: "Helvetica Neue", "Arial", "sans-serif";
	font-weight: 900;
	line-height: 1;
	padding: 5px;
	text-align: center;
}


#mobile_nav_noscript a, #mobile_nav_noscript span {
	margin: 0 15px;
}

/* 
#mobile_nav_noscript a:first-of-type {
	margin-left: 0;
}

#mobile_nav_noscript a:last-of-type {
	margin-right: 0;
}
 */

#mobile_nav a, #mobile_nav a:active, #mobile_nav a:visited, #mobile_nav a:hover,
#mobile_nav_noscript a, #mobile_nav_noscript a:active, #mobile_nav_noscript a:visited, 
#mobile_nav_noscript a:hover {
	color: white;
	text-decoration: none;
}

#nav_connect_expand, #nav_books_expand, #mobile_click_expand, .expansion {
	display: none;
/* 	padding-top: 10px; */
}

#nav_connect_expand div:hover, #nav_books_expand div:hover, #mobile_click_expand div:hover {
	background: var(--nav_highlight);
	color: rgb(35,25,6);
	transition: all 0.2s ease-in-out;
}

#mobile_click {
	display: inline-block;
	margin: 3px 10px 0 0;
	text-align: center;
	width: 1em;
}

#mobile_click img {
	height: 25px;
	margin: 10px 30px 10px 0;
}

#mobile_click:hover {
	cursor: pointer;
}

#mobile_click_expand {
	font-family: "Helvetica Neue", "Arial", "sans-serif";
	font-size: .5em;
	font-weight: 900;
	text-align: center;
}

.dropdown {
	margin: 0;
	padding: 1em;
	cursor: pointer;
}

.sub_dropdown {
	color: white;
	line-height: 1.3;
}

.sub_dropdown:hover {
	background: white;
	color: black;
}
#navigation {
	background: var(--nav_bg);
	color: white;
	font-family: "Helvetica Neue", "Arial", "sans-serif";
	font-size: 1.3em;
	font-weight: 900;
	margin: 0;
	padding: 7px;
	text-align: center;
}

#navigation a, #navigation span, #navigation div {
	margin: 0 15px;
}

#navigation .first {
	margin-left: 0;
}

#navigation .last {
	margin-right: 0;
}

#navigation a, #navigation a:active, #navigation a:visited {
	color: white;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}

#navigation .current, #navigation a:hover {
	color: var(--nav_dark);
}

#navigation .nav_expand {
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}

#navigation .nav_expand:hover {
	color: var(--nav_dark);
}

#nav_books_expand, #nav_connect_expand {
	line-height: 0;
}

div.news_tc {
	text-align: center;
}

div.news_tc div.inner {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 49%;
}

p.attrib {
/* 	margin: 0 0 1em 4em; */
	margin: 0 0 1em 4em;
	text-align: right;
}

p.fourohfour {
	margin: 0 auto;
	padding: 30px 0;
	text-align: justify;
	width: 75%;
}

p.news_pages {
	margin-top: 2em;
	word-spacing: 30px;
}

p.quote {
	margin: 0;
}

ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul+h3.store_links {
	margin-top: 1.5em;
}

.button {
	background: white;
	border: 3px solid var(--button);
	border-radius: 200px;
	color: rgb(35,25,6) !important;
	color: var(--button) !important;
/* 	color: white !important; */
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: 900;
	padding: 5px 10px;
	text-decoration: none !important;
	transition: all 0.4s ease-in-out;
}

.button:hover {
	background: var(--button);
	color: white !important;
	cursor: pointer;
}

.redbutton {
	background: var(--button_background);
	border: 3px solid var(--red_button);
	border-radius: 200px;
	color: white !important;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: 900;
	padding: 5px 10px;
	text-decoration: none !important;
	transition: all 0.4s ease-in-out;
}

.redbutton:hover {
	background: white;
	color: var(--red_button_hover) !important;
	cursor: pointer;
}

.no_border {
	border: none;
}