/*
Theme Name: JK Mobile
Theme URI: http://thecodefox.com
Description: author site
Version: 1
Author: Tessa Elwood
Tags: book

## BASICS */
* {margin: 0;}
*, *:before, *:after {box-sizing: inherit;}
html,body {margin:0px;padding:0px;height:100%;} 

body {
position: relative;
text-align:center;  /* because IE7 is picky */
background: #33373e url(i/background3.png) repeat-x top left;
background-size:3px 1518px;
}

p {margin-bottom:20px;}	
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.clearfixleft::after {
  content: "";
  clear: left;
  display: table;
}


/* ## LINKS */
a, a:visited {color: #ffdb7a;text-decoration: none;}
a img {border: none;}
a:hover {color: #ffdb7a;text-decoration: none;}
#navtxt a, #navtxt a:visited {color:#fff;}
#navtxt a:hover {color:#ffdb7a;}
.postinfo a:hover, #sidebar a:hover {color:#fff;}
.postinfo a:visited, .postinfo a, #sidebar a:visited, #sidebar a {color: #cebe93;text-decoration: none;}
h2 a:visited, h2 a {color: #9b7d42;text-decoration: none;}
h3 a:visited, h3 a {color:  #9b7d42;text-decoration: none;}
h2 a:hover {color:  #fff;text-decoration: none;}


/* ## BASE LAYOUT & HEADERS */
#overall {position:relative; margin:0 auto; width:100%;
 min-height: 100%;margin-bottom: -50px;
 }

#mainslideshow {position:relative;z-index:1;}

#insideheader {position:relative;
background: #000; 
width:100%;
padding:10px 0px;
text-align: center;}
.sitelogo {width:90%;height:auto;margin:50px auto 30px auto;}

  
  
.parallax { 
  background-image: url("i/woods.jpg");
  height: 150px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}  

#booktop {position:relative;
background-color:#000;
padding-top:20px;
  margin: -4% 0 0 0;
  text-align:center;
}
div.bigtext {
font-size:1.5em;
letter-spacing:0px;
color:#9c9c9c;
padding:10px 20px 20px 20px;
font-weight:normal;
text-align: left;
line-height:1.3em;}

#booktop img {width:70%;height:auto;margin: 20px auto;}
.allfeatured {width:35%;height:auto;
float:right;margin:25px 0 0 20px;}


/* ## NAVIGATION */
#navbar {position:relative; background: #625232;
margin:0 auto;
padding:10px 0px;
-webkit-box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
z-index:99;
}
#navtxt {
color:#fff; 
font-family: 'MyFontRegular';
font-size:1.8em;text-transform:uppercase;
text-align:center;
letter-spacing:0px;
z-index:99;
padding:10px;
}
#navtxt a {margin:0px 10px;}



/* ## LIBRARY & Booklist */	
#library {position:relative;
margin:0 auto;padding:20px 0px;
z-index:2;
background:#000;  
}

.parallaxsib { 
  background-image: url("i/woods.jpg");
  height: 200px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:30px;
   display: flex;
   align-items:center;
}  
.siblings {display:inline-block;}
.parallaxsib .siblings {width:25%;margin:0 0 0 5px;}
.parallaxsib h3 em {color:#fff;}
.siblings img {width:100px;height:auto;}
.blackbar {background:#000;
-webkit-box-shadow: 1px 1px 16px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 16px 2px rgba(0,0,0,0.75);
box-shadow: 1px 1px 16px 2px rgba(0,0,0,0.75);
position:relative;
z-index:2;}
.feedicons {padding:10px 0 20px 0;width: 100%;text-align: center;}
.feedicons i {margin-right:10px;}
.booklistalt { }  
.booklist { padding:0 0 30px 0;}  
.booklist .siblings {display:inline-block;width:32%;padding: 20px 0;}

.booklist .siblings img {width:100%;height:auto;}
.booklist h3 em {font-size: .6em;}

/* ## CONTENT */
#content {position:relative;
margin:0 auto 20px auto;
width:100%;
}

.txtstuff {
position:relative;
width:90%;margin:0 auto 10px auto;
font-family: 'Libre Baskerville', 'Times New Roman', serif;
font-size:.9em;
color:#e2e2e2;
letter-spacing:0px;
line-height:1.7em;
text-align:left;}


.allfeatured {width:100%;height:auto;
margin:0 0 -2% 0;
float:none;}

.newsitem {margin:30px 0 0 0;}

.pibot {margin-top:30px;clear:both;}
.postinfo {letter-spacing:0px;margin-bottom:20px;background: #2d2d2d;padding: 5px 20px;color: #7a7a7a;text-transform: uppercase;font-size: .9em;
}

.social {font-size:1em;padding:25px 0 5px 0;text-align:center;}
.social h4 {
display:inline-block;
height:35px;
margin: 0 10px 0 0;
padding:0;
font-size:1.2em;
color:#626366;
}

.social img {
width:40px;height:40px;
margin:0 8px 0 0;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
 .aus {width:59px;height:40px;}
.social a:hover img {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }


/* ## FOOTER */
#navbarend {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding:10px 0px;
background: #000;
}
#navbarend, .push {  height: 50px;}
.copyright {
color:#fff; 
font-family: 'MyFontRegular';
font-size:1em;
background:#000;
padding:10px 2%;
margin: 0;
text-align:left;
letter-spacing:0px;
z-index:99;
}


/* ## HEADERS */
h1 {
font-family: 'MyFontRegular';
font-size:9em;
padding:70px 0 10px 0;
}

h2 {
font-family: 'MyFontRegular';
font-weight:normal;font-size:2em;
text-align:center;
line-height:1.1em;
padding: 5px 0;
margin:0 -5% 5% -5%;
color: #9b7d42;
border-top: solid 1px #9b7d42;
border-bottom: solid 1px #9b7d42;
letter-spacing:0px;
text-transform:uppercase;}
.tour {font-size:2em;}

h3 {
font-family: 'MyFontRegular';
font-size:1.7em;
margin:0 -5% 5% -5%;
color: #666666;
letter-spacing:0px;
padding:10px;
background:#000;
line-height:.9em;
text-transform:none;
font-weight:normal;}

.booklist h3 {margin:0;}
.parallaxsib h3 {text-align:left;font-size: 1.3em;}

#sidebar h3 {background:#000;margin:0 -30px;
padding:5px 30px;}

.blackbar h3 {padding:10px 10px 10px 40px; text-align: right; font-size: 1.5em;display:inline-block;}
.feedicons h3 {text-align: center;}

h3.titlespb {margin-top:-35px;}
h3.extrasp {margin-top:25px;}
h4 {margin:0px; display:inline;color:#000;}
.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}

/* PAGINATE */

.wp-paginate  {padding: 0 0 20px 0;}

/* ############################################################ more stuff */	
.metatalk {
/* margin:0px 0px 20px 10px;
padding-left:10px; */
text-align:left;
line-height:13px;
color:#000;
/* border-left: solid 7px #000; */
font-size:9px;}
.comtalk {
margin:10px 0px 30px 30px;
text-align:left;
padding-left:5px;
line-height:13px;
border-left: solid 7px #5dabb2;
font-size:10px;}
.avatar {float:left;
margin:2px 5px 0px 0px;}
.postnav {height:20px;}
/* ################################################## image, form, & extras */
hr {
border:0px;
height:1px;
margin:30px 0px;
clear:left;
}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {  padding:1em; }
ol.commentlist li.comment div.comment-author {font-family: 'MyFontRegular';text-transform:uppercase;}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:0px solid #0382b0; float:left; margin:0 1em 0 0; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {font-size:.9em;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:.9em;margin-bottom:1em;border-top:solid 5px #000; background:#000;padding:0 0 5px 0; }
ol.commentlist li.comment div.comment-meta a {  }
ol.commentlist li.comment p { margin:0 0 1em 1em; font-size:1em; }
ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply {text-align:right; font-size:.8em;text-transform:uppercase;}
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { background:#2d2d2d; }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#submit {
text-transform:uppercase;
border: 0px solid #625232;	
border-radius: 0px;
background:#000;
font-family: 'MyFontRegular';
color:#fff;
height:2em;
font-size:1em;
padding:5px;
width: 50%;}
textarea{
width: 95%;
padding:5px;
height: 15em;
border-radius: 0px;
border: 1px solid #2d2d2d;	
background:#f9f9f9;
}
input{
width: 90%;
padding:5px;
height:1.7em;
border: 1px solid #2d2d2d;	
background:#f9f9f9;
    margin: 0 0 10px 0;}
.wpcf7-submit {background:#b3b3aa;
color:#fff; text-transform:uppercase;}  

    
.mc4wp-form-fields input {display:block;
width: 90%;
padding:5px;
height:1.4em;
border: 1px solid #625232;	
border-radius: 0px;
color:#fff;
font-size:1em;
height:2em;
background:#625232;
margin: 10px auto;}
    
 .mc4wp-form-fields input[type="submit"]  {display:block;
width: 40%;
padding:7px;
height:2em;
border: 0px solid #625232;	
border-radius: 0px;
background:#000;
text-transform:uppercase;	
font-family: 'MyFontRegular';
color:#fff;
font-size:1em;
margin: 20px auto;}
  
    
    
input.textbox:focus, textarea:focus {
background:#fff;
border:#999 1px solid;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ################################################################# Lists */
ul {
list-style: disc;
margin:20px 0 20px 60px;
padding:0;}
ul li {}

div.widget-content ul {
list-style: disc;
margin:10px 0 20px 40px;
padding:0;}
div.widget-content ul li {
padding:0;margin:0;
font-size: .7em;
color: #7a7a7a;}
div.widget-content ul li ul {
padding:0;margin:0;
font-size: 1.3em;
}

ul.faqstyle {list-style:disc;margin:0 0 8px 40px;}
ul.faqstyle li {font-size:1em;}
.mg_item_text p {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
line-height:1.5em;
letter-spacing:1px;}
small {line-height:15px;}
.realrelations {
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;}
ol {margin:20px 0;}
ol li {margin-bottom:15px;}
ol li p {padding:0px; margin:0px;}
ol.wp-paginate li span.title {color:#fff;}
ol.wp-paginate li span.current {background-color:#625232;border:solid 1px #000;}

#contentpro ol li {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.85em;
color:#000;
letter-spacing:1px;
line-height:1.7em;}
/* ################################################################## Original */
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {
padding: 3px 0px 10px 45px;
margin-left:5px;
font-style:normal;
font-size:.9em;
color:#b80d0d;}
cite {
font-size: 90%;
font-style: normal;}
.wp-caption img {border: solid 3px #e6abab;}
.wp-caption-text, .wp-caption {text-align:center; font-style:italic;}

.blogimg {float: left;
margin:0px 15px 5px 0px;
width:100px;height:auto;
border:solid 5px #2d2d2d;}

.unified img {width:60%;height:auto;}
.unified .wp-block-image figure {width:40%;height:auto;border:solid 0px #fff;}
.unified .wp-block-image figure.wp-block-image {width:40%;height:auto;border:solid 0px #fff;}
.unified .wp-block-image figure img {width:100%;height:auto;border:solid 0px #fff;}

.unified hr {
border:0px;
border-bottom:solid 1px #3f4247;
margin:40px 0px;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}
.alignleft {float: left;
margin:0px 8px 0px 0px;}
.alignright {float: right;
margin:0px 0px 0px 5px;}
.bites {border:solid 4px #000;
margin-left:-2px;}
b, strong {font-weight:bold;}

#responsive-menu-title-image {text-align:center;}
#responsive-menu-title-image img {margin: 0px auto;}
#responsive-menu {padding: 5px 5px 5px 20px;}