@charset "UTF-8";

/* Adobe Fonts 

Tenso Regular

font-family: tenso, sans-serif;
font-weight: 400;
font-style: normal;

Tenso Italic

font-family: tenso, sans-serif;
font-weight: 400;
font-style: italic;

Tenso Bold

font-family: tenso, sans-serif;
font-weight: 700;
font-style: normal;

Tenso Bold Italic

font-family: tenso, sans-serif;
font-weight: 700;
font-style: italic;

Bureau Grot Condensed Book

font-family: bureau-grot-condensed, sans-serif;
font-weight: 400;
font-style: normal;

Bureau Grot Condensed Bold

font-family: bureau-grot-condensed, sans-serif;
font-weight: 700;
font-style: normal;


*/

body { 
	margin: 0px; padding: 0px; text-align: center;
	font-family: tenso, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 17px; line-height: 1.5em;
	color: #333;
	background-color: #FFF;
	background-image: url(images/virus-2.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
h1, h2, h3 {
	font-family: bureau-grot-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
}
h1 { font-size: 36px; margin: 10px 0 60px 0; line-height: 38px; }
#book-content h1 { margin-bottom: 10px; }
h2 { text-transform: uppercase; font-size: 24px; margin: 0 0 20px 0; letter-spacing: 2px; }
.insidegradient h2 { text-align: center; color: #720e0e; margin-bottom: 40px;}
main, #main { width: 100%; max-width: 1100px; margin: 0 auto; padding-top: 50px; }
.left-align { text-align: left; }
#primary { background-color: #FFF;}
.insidegradient { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e0c5+1,f9f0d2+4,f9f0d2+100 */
background: #e5e0c5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e0c5 1%, #f9f0d2 4%, #f9f0d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e0c5 1%,#f9f0d2 4%,#f9f0d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e0c5 1%,#f9f0d2 4%,#f9f0d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e0c5', endColorstr='#f9f0d2',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #b2b092;
}
.insidegradient.photogallery {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+1,f9f9f9+4,f9f9f9+100 */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 1%, #f9f9f9 4%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e5e5e5 1%,#f9f9f9 4%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e5e5e5 1%,#f9f9f9 4%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.insidegradient.photogallery h2 { color: #173260;  }
.single-book .insidegradient.photogallery h2 {margin-bottom: 0px;}
.centered-content { width: 100%; max-width: 860px;margin: 0 auto; text-align: left; padding: 50px 0;}
.centered-content.praise {max-width: 100%; text-align: center; }
#all-home-books h4, .page-id-74 h3 { text-transform: uppercase; letter-spacing: 3px; padding-top: 0px; margin: 10px auto 50px; font-size: 22px; color: #173260; }
.centered-content.praise p { 
	display: inline-block; vertical-align: top; width: 330px; border-radius: 10px; padding: 20px; margin: 0 20px 20px; 
	background-color: rgba(255,255,255,.3); text-align: left;
}
.insidegradient.photogallery .centered-content.praise p { text-align: center; margin-bottom: 0px; }

header, #masthead { background-color: transparent;}
a {text-decoration: none; color: #2b70bf;}
a:hover { color: #d10000;
	transition: all .3s ease;
-webkit-transition: all .3s ease;}

#page {  margin: 0 auto; }

.site-branding {width: 100%; max-width: 1100px; margin: 0 auto; position: relative;}
.site-logo {text-align: center; margin: 30px 0 20px;}
.site-logo img { width: 55%; max-width: 647px; height: auto; }
.inside-logo { width: 300px; display: block; margin: 30px auto; }

.featured-image-header {}
.featured-image-header img { display: block; margin: 0 auto; width: 100%; max-width: 900px; height: auto;}

.main-menu-more-toggle, .menu-item-link-return { display: none; }

/* Navigation */
.menu-main-menu-container { width: 90%; max-width: 1100px; text-align: left;  margin: 0 auto; }
#site-navigation { background-color: #173260; padding: 0px 12px;  position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#101a44+0,173260+32,173260+93,000000+100 */
background: #101a44; /* Old browsers */
background: -moz-linear-gradient(top,  #101a44 0%, #173260 32%, #173260 93%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #101a44 0%,#173260 32%,#173260 93%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #101a44 0%,#173260 32%,#173260 93%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101a44', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


}
#site-navigation ul { list-style-type: none; margin: 0px; padding: 0px; }
#site-navigation li { display: inline-block; color: #FFF; margin: 0px; padding: 15px 0px; }
#site-navigation a { position: relative; z-index: 9999; color: #FFF; padding: 16px 20px; text-transform: uppercase; letter-spacing: 4px; font-weight: bold;}
#site-navigation .current_page_item  { 
	background-image: url(images/nav-arrow.png); background-repeat: no-repeat; background-position: center top;
}
#site-navigation a:hover { color: #90bada; }
.main-menu-more {padding: 1px; display: none; }

p.site-description {
	border-right: 3px solid #d8d8d8; border-left: 3px solid #d8d8d8; width: 55%; margin: 0 auto 10px; max-width: 642px; font-weight: bold;
	color: #800505; letter-spacing: 5px; text-transform: uppercase;
}

.backto { text-align: right; padding: 0px 50px 30px;}
a.back-books { display: inline-block; border: 1px solid #999; color: #999; border-radius: 6px; width: 200px; text-align: center;}
a.back-books:hover {border: 1px solid #13234e; color: #13234e; }
.photogallery .backto { text-align: center; }

.one-book { display: inline-block; vertical-align: top; width: 150px; margin: 0 20px 40px; text-align: center; }
.one-book img { display: block; margin: 0 auto 10px; box-shadow: 0px 0px 10px #666; }
.one-book-home { display: inline-block; vertical-align: top; width: 150px; margin: 0 20px 40px; text-align: center; }
.one-book-home img { height: 225px; width: auto; box-shadow: 0px 0px 10px #666; }
.one-book img:hover, .one-book-home img:hover { box-shadow: 0px 0px 10px #222; }



#books-sidebar { display: inline-block; vertical-align: top; width: 25%; margin-right: 7%; background-color: #c0ccda;
	padding: 20px; border-radius: 12px; text-align: center;
}
#book-content { display: inline-block; vertical-align: top; width: 55%; text-align: left;  }
#books-sidebar, #book-content {margin-bottom: 70px;}
#books-sidebar img { width: 100%; height: auto; box-shadow: 0px 0px 10px #fff;}

.buy-book h4 { text-transform: uppercase; font-size: 14px; letter-spacing: 2px;}
.buy-book a { display: block; color: #FFF; background-color: #2a3628; border-radius: 8px; padding: 5px; margin: 0 20px 5px;}
.buy-book a:hover { background-color: #720e0e; }

.more-section a { 
	color: #173260;  font-family: bureau-grot-condensed, sans-serif; font-weight: 400; font-style: normal;
	text-transform: uppercase; letter-spacing: 1px;
}
.more-section span {font-size: 29px; color: #173260;}

#reviews { padding: 60px; }
.entry-content { text-align: left; margin: 0 8%;}

.site-footer { margin-top: 0px; padding: 50px; 
	background-color: #173260; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#101a44+0,173260+32,173260+93,000000+100 */
background: #101a44; /* Old browsers */
background: -moz-linear-gradient(top,  #101a44 0%, #173260 32%, #173260  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #101a44 0%,#173260 32%,#173260  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #101a44 0%,#173260 32%,#173260  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101a44', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


} 

/* Home Page Styles */
.wrap {margin: 0 auto; width: 90%; max-width: 900px; text-align: left; }
.twentyseventeen-front-page .site-content, .page-template-page-home .site-content { padding: 0;}
			#all-home-books { width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 10px 0 50px; }
			
			.one-book img { height: 185px; width: auto; }
			.wide-book h3 { 
				clear: none; padding: 0px; margin: 0 0 3px; font-weight: bold; font-size: 21px;
				font-family: tenso, sans-serif;	font-style: normal;
}
			.wide-book p.subhead { margin: 0px; font-size: 17px; color: #8a8a8a; margin-bottom: 12px; }
			.wide-book h5 { clear: none; padding: 0px; font-weight: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; }
			.one-book .buy-links { }
			.one-book .buy-links a, .wide-book .buy-links a { 
				display: inline-block; background-color: #934130; color: #FFF; border-radius: 8px; padding: 3px 10px; margin: 0 3px 0 0;
				font-size: 14px;
			}
			.one-book .buy-links a:hover {
				background-color: #AAA;
			}
			.more { color: #934130; border-radius: 6px; display: block; padding: 3px 8px; border: 1px solid #934130; font-size: 15px;}
			.more:hover { color: #000; border: 1px solid #000;}
			.banner-text .buy-links a { 
				display: inline-block; background-color: #b83625; color: #FFF; border-radius: 8px; padding: 3px 10px; margin: 0 3px 0 0;
				font-size: 13px; font-weight: bold;
			}
			.banner-text .buy-links a:hover { background-color: #355339; }
			.banner-text img {width: 100%; height: auto; margin: 15px;}
			.banner-text h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; margin-bottom: 0px;}
			.book-text { display: inline-block; vertical-align: top; text-align: left; width: 290px; }

			.announcements {
				background-color: #FFF381; font-size: 20px; 
				padding: 10px; text-align: center; 
			}
			.announcements a { color: #134dae;}
			.announcements a:hover { color: #961008;}

			#large-banner { 
				/*background-image: url(https://richard-preston.net/newhomepage/images/yellow-leaves.jpg); */
				background-image: url(images/jungle.jpg);
				background-size: cover;
				 }
			#large-banner p {font-size: 21px; margin: 20px 0;}
			.banner-subhead { font-size: 21px; font-weight: bold; }
			.big-cover, .banner-text { display: inline-block; vertical-align: top; }
			.big-cover { width: 44%; padding-top: 25px; }
			.big-cover img {width: 400px; height: auto;}
			.banner-text { width: 50%; padding-top: 60px; text-align: center; font-size: 18px; }
			.banner-text b {}
			.the-date { text-transform: uppercase; letter-spacing: 2px; font-weight: bold;}
			#small-banner, #one-third {display: inline-block; vertical-align: top; }
			#small-banner { width: 60%; max-width: 600px; background-image: url(https://richard-preston.net/newhomepage/images/hot-zone.jpg); background-repeat: no-repeat; background-position: center top; background-color: #ff2f15; padding-top: 190px;}
#small-banner img { display: block; margin: 0 auto; }
			#one-third { width: 30%; max-width: 300px; background-color: #FFF; padding-top: 20px; background-image: url(https://richard-preston.net/newhomepage/images/virus.jpg); background-repeat: no-repeat; background-position: center top;}
			#one-third p {padding: 0 20px; font-size: 16px; margin-bottom: 0px; }
			#one-third a { color:#254a80; font-weight: bold; }
			#one-third a:hover { color: #c23327;}
			#other-banners { text-align: center; padding: 40px 0;}
			#other-banners.gradient {
				
				
						}
			.banner-quote { font-weight: bold; }
			#other-banners div {margin: 20px; border-radius: 12px; border: 1px solid #DDD;}
			#small-banner { height: 229px; }
			#one-third {height: 400px;}
			#one-third img {border-radius: 50%; width: 220px; height: 220px; display: block; margin: 0 auto 10px; border: 2px solid #FFF; }
			#small-banner p {color: #FFF; margin: 20px 0; font-size: 16px;}
			.learn-more {margin: 30px 0;}
			.learn-more a {
			    font-weight: bold;   text-transform: uppercase;   letter-spacing: 1px;   border: 1px solid #000;   border-radius: 8px;
    			display: inline-block;   padding: 3px 10px;   width: 200px;   margin: 0 auto; color: #000;
			}
			.learn-more a:hover { background-color: rgba(255,255,255,.5); }
			.rp-social {position: absolute; left: 0; top: 0px;  width: 100%; }
			.rp-social .social-inside {	width: 100%; max-width: 1050px; text-align: right; margin: 0 auto; }
			.rp-social .one-social { 
				display: inline-block; vertical-align: top; width: 130px; text-align: right; font-size: 11px; color: #fff;
				margin-top: 11px;
			}
			.rp-social .one-social img { width: 33px; height: 33px; display: inline-block; vertical-align: middle; margin: 0px;}
			.rp-social .one-social img:hover {opacity: .8;}

.headshot {width: 225px; float: left; margin: 0 40px; text-align: center;}
.headshot img { width: 225px; height: auto; border: 1px solid #173260; border-radius: 12px;}
.headshot p { font-size: 12px; margin: 10px; }
.about-top { text-align: left; min-height: 360px; padding: 20px 70px 70px; }

#all-media { padding-top: 10px; margin: 0 auto; text-align: center; }
.one-media { width: 51%; text-align: center;  display: inline-block; vertical-align: top; }
.one-media.one {margin-right: 1%; }
.one-media.two { background-color: #936515; color: #FFF; text-align: left; width: 40%; padding: 20px 2%; }
.one-media.two h3 {font-size: 42px; line-height: 1.2em; margin-bottom: 10px;}


div[id^="bwg_container"] .bwg-item {margin: 0 30px 60px;}

.page-id-80 p { display: inline-block; vertical-align: top; width: 300px; margin: 0 5% 40px;}
.page-id-80 p strong { background-color: #936515; color: #FFF; display: block; padding: 5px 10px;margin-bottom: 10px; }

.page-id-74 p.subheader { color: #936515;  border-bottom: 1px solid #936515; display: block; padding: 0 0 5px 0; font-size: 125%; margin-bottom: 10px; }

html .sl-wrapper .sl-image .sl-caption { padding: 20px; text-align: left; }
.one-gallery {width: auto; max-width: 300px; display: inline-block; vertical-align: top; margin: 0 20px 40px;}
.one-gallery img { border-radius: 8px; display: block; margin: 0 auto 10px; border: 2px solid transparent;}
.one-gallery img:hover { box-shadow: 0px 0px 10px #666;border: 2px solid #EEE;}

.wide-book {display: inline-block; width: 440px; vertical-align: top; margin: 0 20px 80px; }
.wide-book .thebook { display: inline-block; vertical-align: top; margin: 0 20px 0 0; width: 125px; }
.wide-book img { height: 185px; width: auto; }
.wide-book .book-text { display: inline-block; vertical-align: top; text-align: left; width: 290px; line-height: 1.3em; font-size: 16px; }

#mobile-menu { display: none; }

@media screen and ( max-width: 940px ) {
	.one-social span {display: none; }
	.rp-social .one-social { width: 42px; }
	.rp-social .social-inside { width: 90%;}
	p.site-description { letter-spacing: 3px; font-size:1.4vw; }
	.centered-content { width: 84%; margin: 0 auto; } 

}

@media screen and ( min-width: 918px ) {
	.instagram-feed { background-image: url(https://richard-preston.net/newhomepage/images/instagram-icon.png); background-repeat: no-repeat; background-position: 96% 50px;}
}

@media screen and ( max-width: 768px ) {
	.big-cover, .banner-text { width: 90%; display: block; margin: 0 auto 20px; text-align: center;}
	.big-cover { max-width: 500px;}
	.banner-text {padding: 0px 0px 40px;}
	.twentyseventeen-front-page .wrap {padding-bottom: 1px;}
	#one-third, #small-banner { width: 90%; }
	#mobile-menu { display: block; cursor: pointer; }
	#menu-main-menu { display: none; }
	#menu-main-menu.show { display: block; width: 87%; top: 55px; z-index: 99;}
	#menu-main-menu {position: absolute; background-color: rgba(0,0,0,.9); }
	#menu-main-menu li {display: block; text-align: center; padding: 10px;}
	#site-navigation #menu-main-menu .current_page_item { background-image: none;}
	#site-navigation #menu-main-menu a { }
	.one-media, .one-media.two { width: 86%; margin: 0 auto 20px; }
}
@media screen and ( max-width: 660px ) {
	#books-sidebar, #book-content { display: block; margin: 0 auto 60px; width: 86%;}
	#books-sidebar { max-width: 350px; }
}
@media screen and ( max-width: 518px ) {
	.one-book {width: 100%;}
	.one-book .thebook {width: 20%;}
	.one-book .thebook img {width: 100%; height: auto;}
	.book-text { width: 70%; margin-right: 3%;}
	.rp-social { display: none; }
}
@media screen and ( max-width: 400px ) {
	.one-book { width: 90%; }
	.one-book .thebook { display: block; width: 125px; margin: 0 auto 20px;}
	.book-text { width: 90%; display: block; margin: 0 auto 20px;}
}