/* Custom CSS
------------------------------------------------------------ */
/* force spruce tree parallax window to be large (using "full height" in page builder editor Row Settings does not work)  */
#spruce-tree > div { height: 2500px; } /* must use selector "> div" syntax or it does not change the parallax window opening but makes more space at bottom of the parallax window opening */

/* code block on home page - About the Book */
.code-block {
	width:95%;
	margin:10px 10px 10px 0;
}
.code-block-picture-left {
	width:30%;
	float:left;
}
.code-block-text {
	width:65%;
	float:right;
}
#home-page-post .fl-post-grid-post {
	border:0 !important;
	width: 100%;
}

/* make post title size match column to the left of it */
#home-page-post .fl-post-grid-title{
	font-size: 2.4rem !important;
}
.hyperlink {
	font-family: "Courier New", Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, monospace;
	text-decoration:underline;
}

/* EZ Widget customizations */
.ez-widget-area ul li {
    list-style-type: none;
    margin-left: 0;
}

/* Revolution Slider modifications for Book page FREE DOWNLOAD text */
.tp-caption a {
	color: #cabea9 !important;
}
.tp-caption a:hover {
	color: #fff !important;
}

/* Meet the Author photo on Book page (use >div img syntax to target the image, but not the caption */
#meet-the-author-photo > div img {
	box-shadow: 3px 3px 3px #888888;
	border: 1px #000000 solid;
}

/* for Book page remove extra space at the bottom of the "News" post. */
/* #book-page-post > .fl-post-feed .fl-post-feed-post .fl-post-feed-image-beside { */
#book-page-post .fl-post-feed-post {
	border-bottom: 0px solid #e6e6e6;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* make h2 smaller for blog posts - also make link color consistent */
body h2.fl-post-feed-title, body h2.fl-post-feed-title a {
	font-size: 2.4rem !important;
	color: #0037B4 !important;
}

/* flip boxes on About page */

/* flipbox front styles */

#flipbox-front-custom {
/*	height: 200px;
	width: 300px;
	overflow:hidden; /* we will chop off any extra text */
}

.flipbox-front-h2 {
	margin-top: 20px !important;
	font-size:2.2rem !important;
	text-align:center;
}

.flipbox-front-p {
	font-size:1.2rem;
	text-align:center;
}

#flipbox-front-icon {
	width: 90px;
	height:90px;
	margin:0 auto;
}
/* flipbox back styles */

#flipbox-back-custom {
/*	height: 200px; /* we want all of the boxes to be the same height */
/*	width:300px;
	overflow:hidden; /* we will chop off any extra text */
}
.flipbox-back-h2 {
	color:#ffffff !important;
	margin-top: 20px !important;
	font-size:2.2rem !important;
	text-align:center;
}

.flipbox-back-p {
	color:#ffffff !important;
	font-size:1.2rem;
	text-align:center;
}

/* for Contact page right column (Recent Posts) make post headers (h2) smaller */
body h2.fl-post-grid-title, body h2.fl-post-grid-title a {
	font-size: 2.4rem !important;
	color: #0037B4 !important;
}

/* site header - right side - float everything left */
.site-header .widget-area {
	float:left !important;
}

.site-header .genesis-nav-menu {
	float:left !important;
	width:500px !important; 
	padding-left: 66px !important; 
}
/* modify the search form */
.site-header .search-form {
	padding:0 !important;
	float:left !important;
}

input[type="submit"], #subbutton, .widget_product_search input#searchsubmit {
	color: transparent !important;
}

input[type="submit"]:hover, #subbutton:hover, .widget_product_search input#searchsubmit:hover {
	color: transparent !important;
}
.search-form input[type="search"], #subbox, .widget_product_search input#s {
	margin: 3px !important;
}

/* change submit button to override search button text, which is transparent */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	color:#333333 !important;
}


/* Custom Responsive CSS
------------------------------------------------------------ */
@media only screen and (max-width: 1140px) {

}

@media only screen and (min-width: 840px) and (max-width: 1140px) {

}

@media only screen and (min-width: 480px) and (max-width: 1140px) {

}

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

}

@media only screen and (min-width: 480px) and (max-width: 839px) {

}

@media only screen and (max-width: 479px) {
.header-widget-area { display: none; }
}