@import  "https://fonts.googleapis.com/css?family=Montserrat:300,400,300italic,400italic";

/*@import  "https://fonts.googleapis.com/css?family=Oswald-Regular:300,400,300italic,400italic";*/
/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets 
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*Hole Story CSS*/
#product-15422 > div.summary.entry-summary > form > div > input {
	border: 3px solid #008bc5;
}

/*post theme update fixes 10-20-16*/
div.container.rec-posts {
	display: none;
}

h2 > a {
	font-family: 'Open-Sans', sans-serif;
}

/* some stuff to fix the new instagram plugin in the footer
*/
#wdi_feed_0 .wdi_photo_wrap_inner {
	background-color: #000000 !important;
	border: 5px solid #000000 !important;
}

#wdi_feed_0 .wdi_feed_container {
	background-color: #000000 !important;
	border-bottom: 5px solid #000000 !important;
}

#wdi_feed_0 .wdi_feed_wrapper {
	background-color: #000000 !important;
}

#wdi_feed_0 .wdi_load_more, #wdi_feed_0 .wdi_spinner {
	display: none !important;
}

/* end instagram customization
*/
#landing-page-sp {
	top: -35px;
}

@media only screen and (max-width: 767px) {
	#landing-page-sp {
		top: -180px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	#landing-page-sp {
		top: -180px;
	}
}

/*new less intrusive popup*/
.popup-main-content {
	float: left;
}

.popup-books {
	float: right;
	padding-right: 20px;
}

.popup-books-caption {
	font-size: 13px;
	color: #555555;
	font-style: italic;
	text-align: center;
	padding-top: 5px;
}

.popmake-title {
	display: none;
}

@media only screen and (max-width: 1200px) {
	.popup-books {
		display: none;
	}
}

a.purchase_link.button {
	background-color: #128abc;
	border-radius: 3px;
	font-size: 20px;
	padding: 20px;
}

a.purchase_link.button:hover {
	background-color: #32a6d6;
	padding-left: 29px;
	padding-right: 29px;
}

/*get fancy checkboxes to work*/
#frm_form_12_container input[type="checkbox"] {
	display: none;
}

#field_h1z72v-2:checked {
	background-color: red;
}

#button-checkboxes > form > label {
	font-weight: 600;
	font-size: 16px;
}

#button-checkboxes > form {
	margin-top: 20px;
}

#button-checkboxes > form > b {
	font-weight: 300;
	font-size: 13px;
	margin-left: 5px;
}

#button-checkboxes > form > input[type="checkbox"]:checked + label span {
	background-color: #209de4;
	color: white;
	padding-left: 4px;
}

#button-checkboxes > form  > input[type="checkbox"] + label span:hover, #frm_form_12_container label:hover {
	background-color: #a2e6ff;
	cursor: pointer;
}

#button-checkboxes > form  > input[type="checkbox"] {
	display: none;
}

#button-checkboxes > form  > input[type="checkbox"]:checked + label span > i.fa-check {
	display: inline;
}

#button-checkboxes > form  > input[type="radio"]:checked + label span {
	background-color: #209de4;
	color: white;
	padding-left: 4px;
}

#button-checkboxes > form  > input[type="radio"] + label span:hover {
	background-color: #a2e6ff;
	cursor: pointer;
}

#button-checkboxes > form  > input[type="radio"] {
	display: none;
}

#button-checkboxes > form  > input[type="radio"]:checked + label span > i.fa-check {
	display: inline;
}

#button-checkboxes > form  > label span > i.fa-check {
	display: none;
}

input[type="checkbox"] + label span, #frm_form_12_container label,  input[type="radio"] + label span {
	float: left;
	border: 1px solid #ccc;
	border-radius: 40px;
	background-color: #f2f2f2;
	cursor: pointer;
	font-weight: 600;
	font-family: 'Open Sans', Arial;
	letter-spacing: .1px;
	line-height: 21px;
	margin-bottom: 4px;
	margin-left: 0;
	margin-right: 5px;
	margin-top: 5px;
	max-width: 100%;
	outline-color: rgb(255,255,255);
	outline-style: none;
	outline-width: 0;
	padding: 5px 12px 5px 16px;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

/*end fancy checkboxes*/
/*close link on popup*/
#popmake-4146 > span:hover {
	background-color: #e5caca;
}

/*button on popup*/
#mc4wp-form-1 > form > input[type="submit"] {
	background-color: #1898e2;
	border-radius: 0;
	color: white;
	height: 60px;
	-webkit-appearance: none;
	border-radius: 0;
	width: 200px;
	font-size: 18px;
	font-weight: 700;
}

#mc4wp-form-1 > form > input[type="submit"]:hover {
	background-color: #0065c3;
}

/*product sales page */
.product-nugget {
	background-color: #f7fbff;
	border-radius: 3px;
	padding: 35px 40px 1px 27px;
	margin-bottom: 30px;
}

.product-nugget h4 {
	font-weight: 600;
	font-style: italic;
}

.product-description p {
	font-size: 17px;
}

div.product-description > ul > li > a {
	font-size: 17px;
}

div.product-description > ul > li {
	font-size: 17px;
	line-height: 1.2;
}

.product-description {
	width: 55%;
	float: left;
}

.product-image {
	width: 38%;
	margin-left: 50px;
	float: right;
}

.product-image img {
	box-shadow: 1px 1px 20px #888888;
}

/* end product sales page */
#pt-cv-page-1 > div > div > h4 > a:hover {
	color: blue;
}

/*gift guide css here */
.fa-institution, .li_food, .li_search, .fa-heart, .fa-rocket, .fa-book, .fa-magic, .fa-pied-piper-alt, .fa-meh-o {
	display: block;
	margin-bottom: 10px;
}

.gift-guide-category-nugget {
	border: 1px solid #ccc;
	padding: 40px 10px;
	width: 185px;
	height: 150px;
	background-color: #e1f9ff;
	margin: 10px 39px;
	float: left;
	line-height: 1.2;
}

@media only screen and (max-width: 768px) {
	.gift-guide-header {
		font-size: 30px;
		line-height: 1;
	}
	
	.gift-guide-category-nugget {
		width: 100%;
		margin: 5px 0;
	}
	
	.gift-guide-subhead {
		font-size: 24px;
	}
}

@media only screen and (min-width: 768px) {
	.gift-guide-category-nugget:hover {
		border: 1px solid #fd6160;
		background-color: #e1f9ff;
	}
}

/*end gift guide css here */
.popmake-title {
	font-style: normal !important;
}

/* add some margin to buttons so the books aren't smooshed */
div.col-md-2 > a {
	margin-top: 10px;
}

/* scooch top bar nav a bit so it doesn't wrap on desktop */
.top-links a, .top-links span {
	margin: 0;
	font-size: 10px;
}

/* move hero image on nib up to cover nav*/
#lp-signup-area {
	background-image: url("jpg/big-book-grid-merged-1180.jpg");
	width: 100%;
	height: 800px;
	padding-top: 50px;
}

#lp-signup-form {
	background-color: white;
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 5% !important;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 2%;
	z-index: 999;
}

#lp-title-box {
	background-color: white;
	width: 100%;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 768px) {
	#lp-signup-area {
		height: 800px;
		padding-top: 0;
	}
	
	#main-content.container {
		padding-top: 0;
	}
	
	#lp-title-box {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 0;
	}
	
	#lp-title-box > p {
		display: none;
	}
	
	#lp-signup-form > h4 {
		display: none;
	}
	
	#lp-signup-form {
		width: 100%;
		margin: 0;
	}
	
	input#mc4wp_email {
		width: 100%;
	}
	
	#mc4wp-form-1 > form > p > input {
		width: 100%;
	}
	
	#lp-title-box > h1 {
		font-size: 34px;
	}
}

/* clean up footer spacing a bit*/
.footer-in h5.subtitle, .toggle-top-area h5.subtitle {
	margin: 0;
}

/* begin styling for the pricing page */
#purchase-button {
	padding: 10px;
	margin: 10px;
	background-color: #1a89e7;
	color: white;
	font-size: 14px;
	font-weight: bold;
	border-radius: 2px;
}

.pricing-page-lead-in {
	text-align: center;
	margin-left: 15%;
	margin-right: 15%;
}

.pricing-table-container {
	margin-left: 15%;
	margin-right: 15%;
}

.pricing-table-container td {
	font-size: 14px;
}

.pricing-table-container tr {
	transition: background-color .2s ease;
	background-color: #fff;
}

.pricing-table-container tr:hover {
	background-color: #dbf7ff;
}

.pricing-table-container td.check-mark {
	font-size: 20px;
	text-align: center;
	color: #397300;
}

@media only screen and (max-width: 768px) {
	.pricing-table-container {
		margin-left: 0;
		margin-right: 0;
		line-height: 12px;
	}
	
	.pricing-table-container h4 {
		font-size: 14px;
	}
	
	.pricing-table-container td {
		font-size: 11px;
	}
	
	.pricing-page-lead-in {
		margin-left: 0;
		margin-right: 0;
	}
}

/* end styling for the pricing table */
#header.sticky #nav-wrap .container {
	padding: 0 25px 0 300px;
}

#headline {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	border-left: none;
}

#badge-row {
	border-top: solid 1px #ccc;
	padding-top: 15px;
}

pre {
	border: solid 1px black;
	font-size: 14px;
	color: black;
	margin: 0;
	padding: 5px;
	background: #FFFFB3;
	width: 100%;
}

li#menu-item-54867.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-54867 a {
	padding: 0 17px 2px;
	border-radius: 20px;
	border: 1px solid #333;
}

li#menu-item-54867.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-54867 a:hover {
	color: white !important;
	background-color: #333;
}

#header.sticky #nav-wrap #nav > li {
	padding: 0 7px !important;
}

#header.sticky #nav-wrap #nav > li > a {
	font-size: 13px;
	margin-left: 4px;
}

@media only screen and (max-width: 768px) {
	.container {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.sec-divider {
		display: none;
	}
	
	.max-title5 h2 {
		display: none;
	}
	
	.max-title5:after {
		display: none;
	}
	
	.wpb_gallery_slides .flex-caption {
		padding: 0;
		top: 100%;
	}
	
	.wpb_gallery_slides .flex-caption h6, .wpb_gallery_slides .flex-caption h6 a {
		color: black;
		text-shadow: none;
		padding-top: 10px;
		color: #FF6C6D;
		font-family: 'Open Sans';
	}
	
	.wpb_gallery_slides .flex-caption h2.post-title a {
		color: black;
		text-shadow: none;
		font-size: 22px;
		font-family: 'Open Sans';
		font-weight: bold;
		padding-bottom: 40px;
	}
	
	.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
		margin-bottom: 65px;
	}
	
	.wpb_row.vc_row-fluid .wpb_column {
		padding: 0;
	}
}

@media only screen and (max-width: 960px) {
	li#menu-item-54867.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-54867 a {
		padding: 15px 11px 14px 0;
		border-radius: 0;
		border: none;
	}
	
	.top-bar {
		display: none;
	}
}

@media only screen and (max-width: 1200px) {
	.socialfollow.rgtflot {
		display: none;
	}
}

/* end mobile styles */
#header.sticky #nav-wrap #nav > li > a {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 4px;
}

.col-md-8 li {
	margin-left: 20px;
	font-size: 17px;
	letter-spacing: 0;
	font-family: 'Lora', 'Open Sans', sans-serif;
}

.wishlist_image {
	margin-bottom: 0 !important;
}

#mc4wp_email {
	width: 50%;
	border: 1px solid #777;
}

input[type="text"] {
	width: 50%;
	border: 1px solid #777;
}

input[type="email"] {
	width: 50%;
	border: 1px solid #777;
}

h3 {
	font-weight: bold;
}

h2.post-title a.link-image {
	font-size: 30px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.blog-post h3 a {
	font-size: 40px;
	line-height: 45px;
	font-weight: bold;
}

.genre-indicators {
	font-size: 10px;
	line-height: 1px;
}

.callout a.callurl {
	border-radius: 0;
	border: 4px solid #0094D5;
}

.container .callout p {
	font-size: 13px;
}

.book-nugget-container {
	border: 3px solid #ccc;
	height: 100%;
	padding: 15px;
	width: 100%;
	margin-bottom: 10px;
}

.book-title {
	font-size: 26px;
	font-weight: bold;
}

.author-byline {
	color: #444;
	font-style: italic;
}

a.button.blue.small.bordered-bot:hover {
	background: #128abc !important;
	color: white;
}

.button.small {
	text-transform: none;
	letter-spacing: 0;
}