/* J P Harper customisation layer
   Keeps the original static template structure but repurposes it as an author website. */

body { font-family: Arial, Helvetica, sans-serif; color: #536275; background: #ffffff; }
h1, h2, h3, h4, h5, h6 { color: #06182e; letter-spacing: .02em; }
p { color: #536275; }
a { color: #123f70; }
a:hover { color: #0b2748; }

header,
header.default { background: rgba(6, 24, 46, 0.96); filter: none; border-bottom: 1px solid rgba(255,255,255,.08); }
.mainNav li a { color: #dce9f5; padding: 42px 13px; }
.mainNav li a:hover { color: #ffffff; }
.logo { margin-top: 0; padding-top: 31px; }
.logo img { display: none; }
.siteLogo { display: inline-block; color: #ffffff; font-size: 20px; letter-spacing: .14em; text-transform: uppercase; font-weight: bold; line-height: 1.2; }
.siteLogo:hover { color: #d5b06d; }
.mobileBtn { color: #ffffff; border: 1px solid rgba(255,255,255,.25); margin-top: 22px; }
.menuText { color: #ffffff; font-size: 12px; text-transform: uppercase; }

.mainSlider .slides li:before { background: rgba(6, 24, 46, .54); }
.caption { top: 44%; }
.captionInner { border-color: rgba(255,255,255,.85); }
.caption h1 { border-color: rgba(255,255,255,.85); font-size: 42px; letter-spacing: .05em; }
.sub h4 { font-size: 16px; color: #f2f7fb; }
.sub h4 em { font-style: italic; color: #ffffff; }

.bgGrey { background: #f4f7fb; }
.title:before, .prfTitle:before { border-bottom-color: #d5b06d; }
h1.title { color: #06182e; }
.introShort { color: #536275; max-width: 700px; margin-left: auto; margin-right: auto; }

.authorAbout { padding-bottom: 70px; }
.authorAbout .intro,
.authorAbout .info { margin-top: 155px; }
.authorAbout .profile { margin-top: 60px; padding-bottom: 80px; box-shadow: 0 15px 35px rgba(6,24,46,.08); }
.innerProfile { margin-top: 70px; }
.info ul li { line-height: 26px; color: #536275; }
.info ul span { color: #06182e; font-weight: bold; }
.placeholderNote { font-size: 12px; color: #8190a3; margin-top: 12px; }
.facebookBox { margin-top: 24px; }
.facebookBox a, .facebookStrip .btn a { background: #123f70; color: #ffffff; display: inline-block; padding: 10px 18px; text-transform: uppercase; font-size: 12px; }
.facebookBox a:hover, .facebookStrip .btn a:hover { background: #06182e; color: #ffffff; }
.doubleBtn a, .btn a { border-color: #cad7e5; color: #06182e; }
.doubleBtn a:hover, .btn a:hover { color: #123f70; border-color: #123f70; }
.doubleBtn .choose { color: #123f70; }

.bookFeature { background: #ffffff; }
.bookCoverWrap { text-align: center; }
.bookCover { max-width: 360px; width: 100%; box-shadow: 0 18px 38px rgba(6,24,46,.22); border: 8px solid #ffffff; }
.bookCopy { padding-top: 55px; }
.bookCopy h2 { font-size: 24px; margin-bottom: 20px; color: #06182e; }
.bookCopy p { font-size: 15px; line-height: 28px; margin-bottom: 16px; }
.bookHook { color: #06182e; font-weight: bold; font-size: 16px !important; }
.bookStatus { margin-top: 22px; color: #06182e; }
.bookStatus del { color: #8190a3; margin-right: 8px; }
.bookStatus strong { color: #123f70; }
.bookBtn { margin-top: 25px; }

.latestBlog .post { margin-top: 50px; }
.postMedia img { width: 100%; }
.postDetails { background: #ffffff; min-height: 245px; border-bottom: 3px solid #d5b06d; }
.postDetails h1 a { color: #06182e; }
.postMeta, .postMeta span { color: #8190a3; }
.allPosts { margin-top: 25px; }

.archivePreview { background: #ffffff; }
.archiveList { margin-top: 30px; }
.fullArchiveList { margin-top: 55px; }
.archiveList article { border-left: 4px solid #d5b06d; padding: 20px 0 20px 25px; margin-bottom: 18px; background: #f8fafc; }
.archiveList h2 { font-size: 17px; margin-bottom: 6px; }
.archiveList h2 a { color: #06182e; }
.archiveDate { color: #123f70; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }

.facebookStrip { background: #06182e; padding: 65px 0; color: #ffffff; }
.facebookStrip h1, .facebookStrip p { color: #ffffff; }
.facebookStrip p { max-width: 700px; margin: 0 auto 20px auto; }
.facebookStrip .btn { margin-top: 15px; }

.singleOffset { padding-top: 150px; }
.archivePage .postLarge, .singleBlogPage .postSingle, .archivePage .sidebar, .singleBlogPage .sidebar { margin-top: 40px; }
.postTitle h1, .postTitle h1 a { color: #06182e; }
.postTitle span.postDate { color: #8190a3; }
.postContent p, .postSingle p { color: #536275; font-size: 14px; line-height: 26px; }
.widget h2 { color: #06182e; }
.catArchives li a, .meta abbr { color: #123f70; }

.footer { background: #06182e; border-top: none; margin-top: 0; color: #dce9f5; }
.footer p, .right li a { color: #dce9f5; }
.right li a:hover { color: #ffffff; }

@media only screen and (max-width: 767px) {
  .mainNav li a { padding: 14px 8px; }
  .logo { padding-top: 18px; padding-bottom: 18px; }
  .caption h1 { font-size: 27px; padding: 24px; }
  .sub h4 { font-size: 14px; }
  .authorAbout .intro, .authorAbout .info { margin-top: 40px; }
  .authorAbout .profile { margin-top: 35px; }
  .bookCopy { padding-top: 30px; }
  .right { float: none; margin-top: 20px; }
}


/* Dark navy refresh and contact/message box update */
body { background: #061426; color: #d9e6f5; }
body, #wrapper { background: #061426; }
h1, h2, h3, h4, h5, h6, h1.title, .bookCopy h2, .postTitle h1, .postTitle h1 a, .widget h2 { color: #f3f7fb; }
p, .postContent p, .postSingle p, .info ul li, .introShort { color: #c8d6e8; }
a { color: #d8b86c; }
a:hover { color: #fff2c6; }
header, header.default { background: rgba(3, 13, 28, 0.97); border-bottom: 1px solid rgba(216,184,108,.24); }
.logo { padding-top: 18px; }
.logo img, .siteLogo img { display: block; max-width: 245px; width: 100%; height: auto; margin: 0 auto; }
.siteLogo { padding: 0; filter: drop-shadow(0 1px 10px rgba(216, 184, 108, .16)); }
.mainNav li a { color: #e8eff7; }
.mainNav li a:hover { color: #d8b86c; }
.mobileBtn { background: rgba(255,255,255,.05); color: #f3f7fb; }
.bgGrey, .bookFeature, .archivePreview, .latestBlog, #blogFull, .singleBlogPage, .archivePage { background: #07182d; }
.authorAbout { background: #081b33; }
.innerProfile, .authorAbout .profile, .postDetails, .archiveList article, .postContent, .postSingle, .sidebar .widget { background: #10243d; color: #d9e6f5; border-color: rgba(216,184,108,.5); box-shadow: 0 18px 40px rgba(0,0,0,.24); }
.info ul span, .bookHook, .bookStatus, .postDetails h1 a, .archiveList h2 a { color: #f3f7fb; }
.postMeta, .postMeta span, .postTitle span.postDate, .bookStatus del { color: #8fa4bd; }
.bookStatus strong, .archiveDate { color: #d8b86c; }
.bookCover { border-color: #132945; box-shadow: 0 20px 45px rgba(0,0,0,.45); }
.doubleBtn a, .btn a, .btn button { border: 1px solid rgba(216,184,108,.65); color: #f3f7fb; background: transparent; cursor: pointer; font-family: inherit; text-transform: uppercase; padding: 10px 18px; }
.doubleBtn a:hover, .btn a:hover, .btn button:hover { color: #07182d; background: #d8b86c; border-color: #d8b86c; }
.facebookBox a, .facebookStrip .btn a { background: #d8b86c; color: #061426; }
.facebookBox a:hover, .facebookStrip .btn a:hover { background: #fff2c6; color: #061426; }
.facebookStrip, .contactStrip { background: #030d1c; border-top: 1px solid rgba(216,184,108,.25); }
.facebookStrip h1, .facebookStrip p, .contactStrip h1, .contactStrip p { color: #f3f7fb; }
.messageForm { max-width: 760px; margin: 28px auto 0 auto; }
.messageBox { width: 100%; min-height: 170px; box-sizing: border-box; padding: 18px; border: 1px solid rgba(216,184,108,.45); background: #07182d; color: #f3f7fb; resize: vertical; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; outline: none; }
.messageBox::placeholder { color: #8fa4bd; }
.messageBox:focus { border-color: #d8b86c; box-shadow: 0 0 0 3px rgba(216,184,108,.14); }
.contactEmail { font-size: 12px !important; letter-spacing: .08em; margin: 8px 0 16px 0 !important; color: #aebfd4 !important; }
.formBtn, .facebookBtn { display: inline-block; margin: 8px 8px 0 8px; }
.footer { background: #020915; border-top: 1px solid rgba(216,184,108,.2); }
.footer p, .right li a { color: #d9e6f5; }
.right li a:hover { color: #d8b86c; }
@media only screen and (max-width: 767px) {
  .logo img, .siteLogo img { max-width: 210px; }
  .logo { padding-top: 14px; padding-bottom: 12px; }
  .messageBox { min-height: 140px; }
}


/* v2.1 requested edits */
.siteLogo img { filter: drop-shadow(0 1px 8px rgba(216,184,108,.22)); }
.logo img, .siteLogo img { max-width: 250px; }
.caption h1 { line-height: 1.15; }
.bookStatus del { text-decoration: line-through !important; text-decoration-thickness: 2px; }
.contactStrip .contactHolder { background: #07182d; border-top: 1px solid rgba(216,184,108,.25); border-bottom: 1px solid rgba(216,184,108,.15); }
.contactForm input[type="text"], .contactForm textarea { background: #10243d !important; color: #f3f7fb !important; border: 1px solid rgba(216,184,108,.42) !important; }
.contactForm textarea { min-height: 220px; }
.contactForm input[type="text"]::placeholder, .contactForm textarea::placeholder { color: #94a8bd; }
.contactForm #submit { color: #f3f7fb !important; border: 1px solid rgba(216,184,108,.65) !important; background: transparent !important; }
.contactForm #submit:hover { color: #061426 !important; background: #d8b86c !important; border-color: #d8b86c !important; }
#success h2, #error h2 { position: relative; top: 15px; color: #d8b86c; }
#error h2 { color: #f29b9b; }
.contactEmail { text-transform: none; }


/* v2.2 minor alignment edits */
.bookCoverWrap { padding-top: 55px; }
@media only screen and (max-width: 767px) { .bookCoverWrap { padding-top: 10px; } }


/* v2.3 portal preview button and readability tweaks */
.innerProfile .doubleBtn.profileBtn a {
  color: #fff7da !important;
  border-color: rgba(216,184,108,.95) !important;
  background: rgba(216,184,108,.16) !important;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
.innerProfile .doubleBtn.profileBtn a:hover {
  color: #061426 !important;
  background: #d8b86c !important;
  border-color: #d8b86c !important;
  text-shadow: none;
}
.innerProfile .doubleBtn.profileBtn .choose {
  color: #fff2c6 !important;
  opacity: 1;
}
.authorNotes {
  min-height: 430px;
  display: flex;
  flex-direction: column;
}
.portalBox {
  margin-top: 24px;
}
.portalBox a, .authorNotes .facebookBox a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  max-width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.portalBox a {
  min-height: 82px;
  padding: 16px 20px;
  background: #d8b86c;
  color: #061426;
  border: 1px solid #fff2c6;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  box-shadow: 0 12px 24px rgba(0,0,0,.22);
}
.portalBox a:hover {
  background: #fff2c6;
  color: #061426;
}
.portalNote {
  margin: 10px 0 0 0;
  max-width: 260px;
  color: #d9e6f5 !important;
  font-size: 13px;
  line-height: 21px;
}
.portalNote strong {
  color: #fff2c6;
  font-weight: bold;
}
.authorNotes .facebookBox {
  margin-top: auto;
}
.authorNotes .facebookBox a {
  min-height: 41px;
}
@media only screen and (max-width: 959px) {
  .authorNotes { min-height: 0; }
  .authorNotes .facebookBox { margin-top: 24px; }
}