/*
Theme Name: rhcb
Theme URI: http://rhkidsgraphic.com/
Author: Random House Graphic
Author URI: http://rhcbooks.com
Description: Theme for Random House Graphic
Version: 1.0
*/

/* Debugger */
DIV {
	/*border: 1px solid #ccffcc;*/
}


/* fonts */
@font-face {
  font-family: 'Mouse Memoirs';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Mouse Memoirs'), local('MouseMemoirs-Regular'), url(./assets/fonts/t5tmIRoSNJ-PH0WNNgDYxdSb3T7Pr7GEch8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-xDwxUD2GFw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

		
/* ------Globals------ */
html {
	position: relative; 
	min-height: 100%; 
}


body {
	margin: 0px 0px 200px 0px; /* margin-bottom = height of the footer */
	padding: 0px; 
	background: url("./assets/images/chrome-background.jpg") top left repeat-x #e2a031; 
	background-size: auto; 
	font-family: 'Quicksand', sans-serif; 
	font-size: 62.5%; 
	word-wrap: break-word; 
	word-break: break-word; 
	overflow-wrap: break-word; 
	-ms-word-break: break-all; 
}
	
	body.l-popup--open {
		overflow: hidden; 
    }
    
    
/* Corrects inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; 
}


* :focus {
	outline: 0; 
}


IMG {
	font-size: 0.8em; 
}
    
    
A:link, 
A:visited {
	text-decoration: underline; 
	color: #005e92; 
}

A:active, 
A:hover {
	text-decoration: underline; 
	color: #000000; 
}


/* ------Masthead------ */
.masthead, 
.masthead .row, 
.masthead .col-12 {
	margin-left: 0px; 
	margin-right: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
}

.masthead {
	z-index: 10000; 
	margin-bottom: 20px; 
}

	.masthead .logo {
		padding: 20px 20px 0px 20px; 
		text-align: center; 
	}

		.masthead .logo IMG {
			width: 100%; 
			max-width: 1000px; 
		}
		
	.masthead .social {
		padding: 25px 20px 25px 0px; 
		text-align: right; 
	}

		.masthead .social IMG {
			height: 30px; 
			margin-left: 20px; 
		}
		
		
/* ------Carousel------ */
.carousel {
	margin-bottom: 40px; 
}

	.carousel .content {
		padding: 0px; 
	}

		.carousel .content .slider .slide {
			width: 100%; 
		}
	
	
/* ------Home Page------ */
/* about section */
.home .about {
	margin-top: 50px; 
	margin-bottom: 50px; 
	border-radius: 50px; 
	padding: 50px; 
	background: #ffffff; 
}

	.home .about .content {
		font-size: 2.5em; 
	}

		.home .about .content .header {
			margin-bottom: 20px; 
			font-family: 'Mouse Memoirs', sans-sans-serif; 
			font-size: 3.0em; 
			line-height: 1.0; 
			text-align: center; 
		}
		
		.home .about .content .header > .word3 {
			color: #005e92; 
		}
		
		.home .about .content P:last-of-type {
			margin-bottom: 0px; 
		}

/* books section */
.books {
	margin-bottom: 40px; 
	border-radius: 50px; 
	padding: 50px; 
	background: repeat-x #ffffff; 
}

	.books .content {
		font-size: 2.5em; 
	}

		.books .content .header {
			margin-bottom: 20px; 
			font-family: 'Mouse Memoirs', sans-sans-serif; 
			font-size: 3.0em; 
			line-height: 1.0; 
			text-align: center; 
		}
		
		.books .content .header > .word4, 
		.books .content .header > .word5, 
		.books .content .header > .word6, 
		.books .content .header > .word7 {
			color: #005e92; 
		}
	
	.books .card-group {

	}

		.book-1 {
			min-width: 449px; 
			max-width: 449px; 
			margin: 50px; 
			border: none; 
		}
		
			.book-1 .hero {
				position: relative; 
			}
			
				.book-1 .hero IMG {
					width: 100%; 
					height: auto; 
				}
				
				.book-1 .hero SPAN {
					position: absolute; 
					top: -20px; 
					right: 0; 
					bottom: 0; 
					left: -25px; 
					z-index: 100; 
					width: 60%; 
					height: 60%; 
					background: transparent url("./assets/images/chrome-flag.png") no-repeat; 
					background-position: top left; 
					background-size: 100%; 
				}
		
		.book-2 {
			min-width: 340px; 
			max-width: 340px; 
			margin: 50px; 
			border: none; 
		}
		
			.book-2:before {
				content:"Also Available"; 
			}

			.books .card-group .card .jacket {
		
			}
		
			.books .card-group .card .card-body {
				font-size: 1.6em; 
			}
	
				.books .card-group .card .card-body .title {
					font-size: 1.8em; 
					font-style: italic; 
					line-height: 1.0; 
				}
	
				.books .card-group .card .card-body .author {
					font-size: 1.2em; 
				}
	
			.books .card-group .card .card-footer {
				padding: 0px; 
				border: none; 
				font-family: 'Mouse Memoirs', sans-sans-serif; 
				font-size: 2.5em; 
				text-align: center; 
			}
			
			.books .card-group .card .tk {
				border: none; 
				padding: 10px; 
			}

				.books .card-group .card .card-footer .button {
					display: inline-block; 
					width: 100%; 
					margin: 0px; 
					padding: 10px; 
					background-color: #005e92; 
					text-decoration: none; 
					color: #ffffff; 
				}

				.books .card-group .card .card-footer .button:hover {
					background-color: #ffffff !important; 
					border: 1px dashed #005e92; 
					padding: 9px 10px 9px 10px; 
					color: #005e92; 
					cursor: pointer; 
				}


/* ------Book Pages------ */
/* about section */
.archive .about {
	margin-top: 10px; 
	margin-bottom: 30px; 
}

	.archive .about .content {
		text-align: center; 
	}

		.archive .about .content .title {
			margin: 5px 0px 10px 0px; 
			font-family: 'Mouse Memoirs', sans-sans-serif; 
			font-size: 9.5em; 
			font-style: italic; 
			line-height: 1.0; 
		}
	
		.archive .about .content .author {
			margin-bottom: 20px; 
			font-size: 4.0em; 
			line-height: 1.0; 
		}

/* book section */
.book {
	margin-bottom: 60px; 
	border-radius: 50px; 
	padding: 50px 40px 40px 40px; 
	background: #ffffff; 
}

	/* buy column */
	.book .buy {
		font-size: 1.0em; 
		text-align: center; 
	}

		.book .buy .jacket {
			width: 100%; 
			max-width: 300px; 
			margin-bottom: 20px; 
		}
	
		.book .buy .date {
			margin-bottom: 10px; 
			font-size: 2.0em; 
		}
	
		/* major retailers */
		.book .buy .retailers {
			margin-bottom: 30px; 
			padding: 0px; 
		}
	
			.book .buy .retailers .button {
				display: inline-block; 
				width: 60%; 
				margin: 0px 0px 10px 0px; 
				padding: 10px; 
				background-color: #005e92; 
				font-family: 'Mouse Memoirs', sans-sans-serif; 
				font-size: 2.0em; 
				text-decoration: none; 
				text-transform: uppercase; 
				color: #ffffff; 
			}
	
			.book .buy .retailers .button:hover {
				background-color: #ffffff !important; 
				border: 1px dashed #005e92; 
				padding: 9px 10px 9px 10px; 
				color: #005e92; 
				cursor: pointer; 
			}
			
	/* description column */
	.book .description {
		font-size: 2.0em; 
	}
	
		.book .description .header {
			font-family: 'Mouse Memoirs', sans-sans-serif; 
			font-size: 3.0em; 
			line-height: 1.1; 
		}
		
		.book .description .header > span:last-child {
			color: #005e92; 
		}
		
		.book .description .about {
			
		}
		
		.book .description > .contributer {
			clear: both; 
			margin-bottom: 40px; /*set on all then undo all but first via next rule*/
		}
		
		.book .description > .contributer ~ .contributer {
			margin-bottom: 0px; 
		}
		
			.book .description .contributer .headshot {
				float: left; 
				width: 100%; 
				max-width: 200px; 
				margin: 0px 20px 10px 0px; 
			}
		
			.book .description .contributer .author {
				font-size: 1.3em; 
			}
		
			.book .description .contributer .bio {
			
			}
		
			.book .description .contributer .social {
			
			}
	
	/* minor retailer pop-up */
	.popup {
		display: none; 
		position: fixed; 
		top: 0; 
		left: 0; 
		z-index: 10001; 
		width: 100%; 
		height: 100vh; 
		background-color: #c37d22; 
		padding: 1em; 
	}
	
		.popup .content {
			position: absolute; 
			top: 50%; 
			right: 0; 
			left: 0; 
			transform: translate(0, -50%); 
			text-decoration: none; 
		}

			.popup .content .close {
				position: absolute; 
				top: -40px; 
				right: 20px; 
				text-decoration: none; 
			}
			
				.popup .content .close:link, 
				.popup .content .close:visited {
					color: #000000; 
				}
				
				.popup .content .close:active, 
				.popup .content .close:hover {
					color: #005e92; 
				}
			
			.popup .content .retailers {
				 
			}
			
				.popup .content .retailers .button {
				 	display: inline-block; 
				 	width: 50%; 
					margin: 0px 0px 10px 0px; 
					padding: 10px; 
					background-color: #005e92; 
					font-family: 'Mouse Memoirs', sans-sans-serif; 
					font-size: 2.4em; 
					text-decoration: none; 
					text-transform: uppercase; 
					color: #ffffff; 
				}
	
				.popup .content .retailers .button:hover {
					background-color: #ffffff !important; 
					border: 1px dashed #005e92; 
					padding: 9px 10px 9px 10px; 
					color: #005e92; 
					cursor: pointer; 
				}
				
				
/* ------Giveaway------ */
.giveaway {
	margin-top: 40px; 
	margin-bottom: 40px; 
	border-radius: 50px; 
	padding: 40px; 
	background: repeat-x #ffffff; 
}

	.giveaway .content {
		font-size: 2.5em; 
	}

		.giveaway .content .header {
			margin-bottom: 20px; 
			font-family: 'Mouse Memoirs', sans-sans-serif; 
			font-size: 3.0em; 
			line-height: 1.0; 
			text-align: center; 
		}
		
		.giveaway .content .header > .word4, 
		.giveaway .content .header > .word5, 
		.giveaway .content .header > .word6, 
		.giveaway .content .header > .word7 {
			color: #005e92; 
		}
		
		.giveaway .content .art {
			width: 100%; 
			margin-bottom: 20px; 
		}
		
		.giveaway .content .frm_forms {
			margin-top: 30px; 
			border-top: 2px solid #005e92; 
			padding-top: 30px; 
		}
		
		.giveaway .content .legal {
			margin-top: 20px; 
			font-size: 0.5em; 
		}


/* ------Newsletter------ */
/* Overiding global display logic on the Newsletter Page via page-id-107 */
.newsletter {
	background-color: #005e92; 
}

.page-id-107 .newsletter {
	margin: 40px 0px 240px 0px; 
	border-top: none; 
	background: none; 
}

	.newsletter .form {
		padding: 50px 0px 40px 0px; 
		font-size: 1.8em; 
	}
	
	.page-id-107 .newsletter .form {
		border-radius: 50px; 
		padding: 40px; 
		background: #ffffff; 
		font-size: 2.0em; 
	}
	
		.newsletter .form .header {
			font-family: 'Mouse Memoirs', sans-sans-serif; 
			font-size: 3.6em; 
			line-height: 1.0; 
		}
		
		.newsletter .form .header > .word4, 
		.newsletter .form .header > .word5, 
		.newsletter .form .header > .word6 {
			color: #ffffff; 
		}
		
		.page-id-107 .newsletter .form .header > .word4, 
		.page-id-107 .newsletter .form .header > .word5, 
		.page-id-107 .newsletter .form .header > .word6 {
			color: #005e92; 
		}
	
		/* PRH Newsletter Widget */
		.prhSubscribe.wrap {
		
		}
			
			.prhSubscribe .subscribe.inner {
				display:block; 
			}
		
			.prhSubscribe .subscribe.inner.hidden {
				display:none; 
			}
		
			.prhSubscribe .subscribe.response {
				display:none; 
			}
		
			.prhSubscribe .subscribe.response.visible {
				display:block; 
			}
		
			.prhSubscribe .validationError {
				display: none; 
				color: #ffffff; 
			}
			
			.page-id-107 .prhSubscribe .validationError {
				display: none; 
				color: #005e92; 
			}
		
			.prhSubscribe .validationError.visible {
				display: block; 
			}
		
			.prhSubscribe label.email,
			.prhSubscribe label.firstname,
			.prhSubscribe label.lastname,
			.prhSubscribe label.dob,
			.prhSubscribe label.address1,
			.prhSubscribe label.address2,
			.prhSubscribe label.city,
			.prhSubscribe label.state,
			.prhSubscribe label.zip {
				display: block; 
				margin-bottom: 3px; 
			}
		
			.prhSubscribe label.optin {
				display: inline; 
			}
		
			.prhSubscribe div.field {
				margin-bottom: 10px; 
			}
		
			.prhSubscribe div.group.error div.address2.field {
				margin-bottom: 0px; 
			}
		
			.prhSubscribe div.field.left {
				display: inline; 
				margin-right: 10px; 
			}
		
			.prhSubscribe div.field.error {
				border: 1px dotted #ffffff; 
			}
			
			.page-id-107 .prhSubscribe div.field.error {
				border: 1px dotted #005e92; 
			}
		
			.prhSubscribe div.group.error {
				margin-bottom: 10px; 
				border: 1px dotted #ffffff; 
			}
			
			.page-id-107 .prhSubscribe div.group.error {
				margin-bottom: 10px; 
				border: 1px dotted #005e92; 
			}
		
			.prhSubscribe input {
				display:inline; 
				width: 100%; 
				padding: 10px; 
				height: 40px; 
				border: 1px solid #000000; 
				background-color: #ffffff; 
				font-size: 1.4em; 
			}
		
			.prhSubscribe select.dropdown {
				margin-right: 8px; 
				border: 1px solid #cccccc; 
				font-size: 1.4em; 
			}
		
			.prhSubscribe .item-checkbox {
				margin-bottom: 6px; 
			}
		
			.prhSubscribe button.btn.subscribe {
				margin: 15px 0px 12px 0px; 
				background-color: #000000; 
				color: #ffffff; 
			}
			
			.page-id-107 .prhSubscribe button.btn.subscribe {
				margin: 15px 0px 12px 0px; 
				background-color: #005e92; 
				color: #ffffff; 
			}
		
			.prhSubscribe div.terms {
				font-size: 0.8em; 
			}
		
			.prhSubscribe a.terms, 
			.prhSubscribe a.privacy {
				color: #ffffff; 
			}
			
			.page-id-107 .prhSubscribe a.terms, 
			.page-id-107 .prhSubscribe a.privacy {
				color: #005e92; 
			}

	.newsletter .art {
		padding: 0px; 
		background-image: url("./assets/images/footer-art-gang.jpg"); 
		background-size: 100%; 
		background-repeat: no-repeat; 
		background-position: center bottom;
	}
		
		
/* ------Footer------ */
.footer {
	position: absolute; 
	bottom: 0; 
	height: 200px; /* height = margin-bottom of BODY */
	padding-top: 35px; 
	padding-bottom: 20px; 
	background-color: #000000; 
	color: #ffffff; 
}

	.footer .row {
		margin-bottom: 15px; 
	}

		.footer .logo {
			text-align: right; 
		}
	
			.footer .logo IMG {
				height: 80px; 
				border-right: 1px dashed #ffffff; 
				padding-right: 34px; 
			}
		
		.footer .company {
			padding-top: 20px; 
			font-size: 1.6em; 
		}
	
			.footer .company A:link, 
			.footer .company A:active, 
			.footer .company A:visited {
				color: #4199cc; 
				text-decoration: none; 
			}
			
			.footer .company A:hover {
				text-decoration: underline; 
			}
	
		.footer .boilerplate {
			padding-top: 8px; 
			font-size: 1.1em; 
			text-align: center; 
		}
	
			.footer .boilerplate A:link, 
			.footer .boilerplate A:active, 
			.footer .boilerplate A:visited {
				color: #4199cc; 
				text-decoration: underline; 
			}
			
			.footer .boilerplate A:hover {
				color: #4199cc; 
				text-decoration: none; 
			}


/* ------Breakpoint Adjustments------ */

/* 1 – Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	body {
		background-size: contain; 
	}

}

/* 2 – Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

	.book-1 {
		margin: 40px; 
	}
	
	.book-2 {
		min-width: 300px; 
		max-width: 300px; 
		margin: 40px; 
	}
	
	.book .buy .retailers .button {
		width: 70%; 
	}
	
	.newsletter .form .header {
		font-size: 4.0em; 
	}
	
		/* force a break after the third word */
		.newsletter .form .header .word3:after {
			content:"\a"; 
			white-space: pre; 
		}
		
		.page-id-107 .newsletter .form .header .word3:after {
			content: none; 
		}

}

/* 3 – Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

	/* force a break after the third word */
	.books .content .header .word3:after {
		content:"\a"; 
		white-space: pre; 
	}
	
	.book-1 {
		min-width: 310px; 
		max-width: 310px; 
		margin: 30px; 
	}
	
	.book-2 {
		min-width: 240px; 
		max-width: 240px; 
		margin: 30px; 
	}
			
			.books .card-group .card .card-body .title {
				font-size: 1.6em; 
			}

			.books .card-group .card .card-body .author {
				font-size: 1.15em; 
			}
		
		.books .card-group .card .card-footer {
			font-size: 2.0em; 
		}
	
	.book .buy .retailers .button {
		width: 85%; 
	}
			
	.archive .about {
		margin-bottom: 34px; 
	}
	
		.archive .about .content .title {
			margin: 0px 0px 20px 0px; 
		}

		.archive .about .content .author {
			margin-bottom: 15px; 
		}
		
	.newsletter .form .header {
		font-size: 4.0em; 
	}
	
	.page-id-107 .newsletter .form .header {
		font-size: 3.8em; 
	}

		/* force a break after the third word */
		.newsletter .form .header .word3:after {
			content:"\a"; 
			white-space: pre; 
		}
		
		.page-id-107 .newsletter .form .header .word3:after {
			content: none; 
		}
	
	.newsletter .form .prhSubscribe div.terms {
		font-size: 0.7em; 
	}
	
	.page-id-107 .newsletter .form .prhSubscribe div.terms {
		font-size: 0.8em; 
	}

}

/* 4 – Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {

	.home .about .content, 
	.books .content, 
	.giveaway .content {
		font-size: 2.0em; 
	}
	
		.home .about .content .header, 
		.books .content .header, 
		.giveaway .content .header {
			font-size: 3.6em; 
			line-height: 1.0; 
			text-align: center; 
		}
		
		/* force a break after the third word */
		.books .content .header .word3:after {
			content:"\a"; 
			white-space: pre; 
		}

	.book-1 {
		min-width: 410px; 
		max-width: 410px; 
		margin: 30px; 
	}
	
	.book-2 {
		min-width: 440px; 
		max-width: 440px; 
		margin: 30px 0px 30px 0px; 
		padding-left: 30px; /*weirdness due to the hero flag on book-1*/
	}
			
			.books .card-group .card .card-body .title {
				font-size: 1.6em; 
			}

			.books .card-group .card .card-body .author {
				font-size: 1.15em; 
			}
		
		.books .card-group .card .card-footer {
			font-size: 2.0em; 
		}
	
	.book .description .header {
		text-align: center; 
	}
			
	.archive .about {
		margin-bottom: 25px; 
	}
	
		.archive .about .content .title {
			margin: 0px 0px 20px 0px; 
			font-size: 6.5em; 
		}

		.archive .about .content .author {
			margin-bottom: 10px; 
			font-size: 3.0em; 
		}

	
	.newsletter .col-6 {
		min-width: 100%; 
		max-width: 100%; 
	}
		
		.newsletter .form .header {
			font-size: 4.0em; 
		}
		
		.newsletter .form {
			padding: 40px 0px 30px 0px;
		}
	
			.newsletter .art {
				display: none; 
			}
	
	/* force a break after the third word */
	.newsletter .form .header .word3:after, 
	.page-id-107 .newsletter .form .header .word3:after {
		content:"\a"; 
		white-space: pre; 
	}

}

/* 5 – Extra small devices (portrait phones, less than 576px) */
@media (min-width: 320px) and (max-width: 575px) {

	body {
		margin: 0px 0px 280px 0px; /* margin-bottom = height of the footer */
	}
	
		.carousel {
			margin-bottom: 40px; 
		}
	
			.bx-caption, 
			.bx-next, 
			.bx-prev {
				display: none !important; 
			}
		
		.home .about {
			margin-top: 0px; 
			margin-bottom: 40px; 
			padding-bottom: 30px; 
		}
		
			.home .about .content, 
			.books .content, 
			.book .description, 
			.newsletter .form, 
			.page-id-107 .newsletter .form, 
			.giveaway .content {
				font-size: 1.6em; 
			}
		
				.home .about .content .header, 
				.books .content .header, 
				.newsletter .form .header, 
				.book .description .header, 
				.giveaway .content .header {
					font-size: 4.0em; 
				}
				
				.home .about .content .header, 
				.books .content .header {
					text-align: center; 
				}
				
		.books {
			margin-bottom: 40px; 
		}
			
			/* force a break after the third word */
			.books .content .header .word3:after {
				content:"\a"; 
				white-space: pre; 
			}

		.book-1 {
			min-width: 410px; 
			max-width: 410px; 
			margin: 30px; 
		}
	
		.book-2 {
			min-width: 440px; 
			max-width: 440px; 
			margin: 30px 0px 30px 0px; 
			padding-left: 30px; /*weirdness due to the hero flag on book-1*/
		}
			
					.books .card-group .card .card-body .title {
						font-size: 1.6em; 
					}

					.books .card-group .card .card-body .author {
						font-size: 1.15em; 
					}
			
				.books .card-group .card .card-footer {
					font-size: 2.0em; 
				}
			
		.archive .about {
			margin-bottom: 20px; 
		}
	
			.archive .about .content .title {
				margin: 0px 0px 18px 0px; 
				font-size: 6.5em; 
			}

			.archive .about .content .author {
				margin-bottom: 10px; 
				font-size: 3.0em; 
			}
			
		.book {
			margin-bottom: 40px; 
			padding: 40px; 
		}

			.book .buy .retailers .button {
				width: 70%; 
			}
			
			.book .description .headshot {
				float: none; 
				width: 100%; 
				max-width: 100%; 
				margin: 0px 0px 10px 0px; 
			}
			
		.page-id-107 .newsletter {
			margin-top: 30px; 
			padding-bottom: 30px; 
		}
	
			.newsletter .col-6 {
				min-width: 100%; 
				max-width: 100%; 
			}
		
				.newsletter .form {
					padding: 40px 0px 30px 0px;
				}
			
				.page-id-107 .newsletter .form {
					padding: 30px; 
				}
				
					/* force a break after the third word */
					.newsletter .form .header .word3:after {
						content:"\a"; 
						white-space: pre; 
					}
	
					.newsletter .art {
						display: none; 
					}
	
		.footer {
			height: 280px; /* height = margin-bottom of BODY */
		}

			.footer .logo {
				min-width: 100%; 
				max-width: 100%; 
				margin-bottom: 20px; 
				text-align: center; 
			}
	
					.footer .logo IMG {
						height: 80px; 
						border-right: none; 
						padding-right: 0px; 
					}
		
			.footer .company {
				padding-top: 0px; 
				text-align: center; 
			}
		
}


/* 6 – 500px */
@media (max-width: 500px) {

	.home .about .content .header, 
	.books .content .header, 
	.newsletter .form .header, 
	.book .description .header {
		font-size: 3.8em; 
	}
	
		/* force a break after the third word */
		.books .content .header .word3:after {
			content: none; 
		}
	
	.book-1 {
		min-width: 340px; 
		max-width: 340px; 
		margin: 40px 30px 30px 30px; 
	}

	.book-2 {
		min-width: 370px; 
		max-width: 370px; 
		margin: 30px 0px 30px 0px; 
		padding-left: 30px; /*weirdness due to the hero flag on book-1*/
	}
	
		.book-1 .hero SPAN {
			top: -30px; 
			left: 0px; 
		}

	.archive .about .content .title {
		margin: 0px 0px 16px 0px; 
		font-size: 4.0em; 
	}

	.archive .about .content .author {
		margin-bottom: 10px; 
		font-size: 2.0em; 
	}
	
	.book .description .header {
		font-size: 1.9em; 
		line-height: 1.0; 
	}

}


/* 7 – 428px */
@media (max-width: 428px) {

	.home .about .content .header, 
	.books .content .header, 
	.newsletter .form .header, 
	.book .description .header {
		font-size: 3.0em; 
	}

	.book-1 {
		min-width: 300px; 
		max-width: 300px; 
		margin: 40px 30px 30px 30px; 
	}

	.book-2 {
		min-width: 330px; 
		max-width: 330px; 
		margin: 30px 0px 30px 0px; 
		padding-left: 30px; /*weirdness due to the hero flag on book-1*/
	}

	.book .description .contributer H2 {
		clear: both; 
	}

}


/* 8 – 385px */
@media (max-width: 385px) {

	.masthead .logo {
		min-width: 100% !important; 
		max-width: 100% !important; 
		text-align: center !important; 
	}
		
	.masthead .social {
		display: none !important; 
	}
	
	.carousel {
		margin-bottom: 30px; 
	}
	
	.home .about {
		margin-top: 0px; 
		margin-bottom: 30px; 
		padding-bottom: 30px; 
	}
	
		.home .about .content .header, 
		.books .content .header, 
		.newsletter .form .header, 
		.book .description .header, 
		.giveaway .content .header {
			font-size: 2.4em; 
		}
	
	.books {
		margin-bottom: 30px; 
	}
	
	.newsletter .form {
		padding: 30px 0px 20px 0px;
	}
	
	.archive .about .content .title {
		margin: 20px 0px 16px 0px; 
		font-size: 4.0em; 
	}

	.archive .about .content .author {
		margin-bottom: 10px; 
		font-size: 2.0em; 
	}
	
	.book {
		margin-bottom: 30px; 
		padding: 30px 40px 30px 40px; 
	}
	
		.book .buy .retailers .button {
			width: 90%; 
		}

}


/* 9 – 385px */
@media (max-width: 385px) {
	
	.book-1 {
		min-width: 250px; 
		max-width: 250px; 
		margin: 40px 30px 30px 30px; 
	}

	.book-2 {
		min-width: 280px; 
		max-width: 280px; 
		margin: 30px 0px 30px 0px; 
		padding-left: 30px; /*weirdness due to the hero flag on book-1*/
	}

}