/*
Theme Name: waxidermy
Theme URI: none
Author: Waxidermy
Author URI: http://waxidermy.com/
Description: Waxidermy
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: wxdrmy
Text Domain: waxidermy
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

*{
  box-sizing: border-box;
  max-width: 100%;
  word-wrap: break-word;
}

img {
  height: auto;
}

body {
  font-weight: 300;
  line-height: 26px;
  color: #333;
}

body,
input,
textarea,
select {
  font-family: "Karla", "PT Serif", "Droid Serif", "Helvetica", "Serif";
  font-size: 16px;
  font-weight: 400;
}

input[type="submit"] {
  cursor: pointer;
}
textarea,
input {
  border: 1px solid #999;
  padding: .5em;
}
.submit {
  position: relative;
  background-color: #000;
  color: #fff;
  border: none;
  font-size: .9em;
}
.submit:active {
  left: 1px;
  top: 1px;
}

ul li {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h1 {
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 5px;
}

h3 {
  font-size: 1.45em;
}

p {
  margin-bottom: 1em;
}

a {
  color: #000;
}
em {
  font-style: italic;
}
strong {
  font-weight: 700;
}
small {
  font-size: .8em;
  line-height: 1.5em;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex-child {
  flex: auto;
}
.hidden {
  display: none;
}
.post-edit-link {
  font-size: .8em;
}
.text-muted {
  color: #999;
}

.container {
  width: 70%;
  margin-left: 2em;
  position: relative;
}

/* Site header */
#branding {
  position: relative;
  margin-bottom: 2em;
  padding: 2em 0;
  font-family: "Karla";
  background-color: #f6f6f6;
  background-color: #000;
  color: #fff;
}
#site-title,
#site-title h1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.025em;
  color: #fff;
  margin: 0;
  padding: 0;
}
#site-title a {
  color: #000;
  text-decoration: none;
}
#branding .site-logo {
  width: 200px;
  display: block;
}
#menu li {
  display: inline-block;
  margin-right: 1em;
  font-size: .8em;
}
#menu a {
  color: #ccc;
  text-decoration: none;
  padding-bottom: .15em;
  border-bottom: 2px solid transparent;
}
#menu a:hover {
  color: #fff;
  border-bottom-color: #fff;
  transition: border-bottom-color .25s ease-in-out;
}

/* Search */
#search {
  position: absolute;
  top: 1em;
  right: 0;
}
#search #s {
  border: none;
  border-bottom: 1px solid #555;
  background-color: transparent;
  padding-left: 1.5em;
  font-size: .9em;
  color: #fff;
}
#search #s::placeholder {
  color: #999;
}
#search #s:focus {
  border-bottom-color: #ddd;
}
#search #s:focus::placeholder {
  color: #fff;
}
#search #searchsubmit {
  display: none;
}
#search .searchform {
  position: relative;
}
#search .searchform .icon {
  position: absolute;
  color: #555;
  top: .5em;
  left: 0;
}
#search #s:focus+.icon {
  color: #ddd;
}

/* List */
.list-col-4 li {
  display: inline-block;
  width: 25%;
}


/* Comments */
#comments,
#respond {
  border-top: 2px solid #000;
  margin-top: 2em;
  padding-top: 1em;
}
#comments .comments-title {
  margin-bottom: 1em;
}
#respond .comment-reply-title {
  margin-bottom: .5em;
}
#comments-list ul li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
#comments-list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#comments-list .reply {
  font-size: .8em;
}
.comment-body {
  font-size: .9em;
  line-height: 1.45em;
}
.comment-body a {
  color: #000;
}
.comment-body .comment-header-wrapper {
  position: relative;
}
.comment-body .comment-header-wrapper .avatar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.comment-body .comment-header-wrapper .avatar-wrapper img {
  display: block;
}
.comment-body .comment-header {
  display: block;
  margin-left: 3em;
  margin-bottom: 1em;
}
.comment-body .comment-header .fn,
.comment-body .comment-header .url {
  font-size: 1.3em;
}
.comment-body .comment-meta {
  line-height: 125%;
}
.comment-body .comment-date {
  font-size: .8em;
}
.comment-body .comment-date,
.comment-body .comment-date a {
  color: #999;
  text-decoration: none;
}
.comment-form [class^="comment-form-"] label {
  display: block;
  font-weight: 700;
  font-size: .9em;
}
.comment-form [class^="comment-form-"] textarea,
.comment-form [class^="comment-form-"] input {
  width: 100%;
}


/* Single post */
.single article header {
  max-width: 300px;
  margin-right: 2em;
}
.single article .content {
  width: 60%;
}
.single article .the-content a {
  color: #000;
  font-weight: 700;
}
.single article .content .entry-meta {
  font-size: .8em;
}
.single article .content .entry-meta,
.single article .content .entry-meta a {
  color: #666;
}
.single article .content .entry-meta a:hover {
  color: #333;
}

/* List posts */
.list-posts .articles {
  margin-top: 2em;
}
.list-posts .articles article {
  position: relative;
  min-height: 100px;
  border-bottom: 1px solid #eee;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.list-posts .articles article .entry-title {
  font-weight: 700;
}
.list-posts .articles article:last-child {
  border-bottom: none;
}
.list-posts .articles article .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
}
.list-posts .articles article .thumbnail img {
  display: block;
  max-height: 80px;
}
.list-posts .articles article .content {
  margin-left: 100px;
  font-size: .8em;
  line-height: 150%;
  color: #666;
}
.list-posts .articles article .content a {
  color: #000;
}

/* Footer */
#footer {
  border-top: 1px solid #eee;
  font-size: .75em;
  color: #aaa;
  padding-top: 1em;
  margin-top: 7em;
  margin-bottom: 7em;
}

/* Nav below */
#nav-below {
  position: relative;
}
#nav-below .nav-previous,
#nav-below .nav-next {
  width: 50%;
  display: block;
  position: absolute;
  top: 0;
}
#nav-below .nav-previous {
  left: 0;
}
#nav-below .nav-next {
  text-align: right;
  right: 0;
}


@media (max-width: 767px) {
  #wrapper,
  .container {
    width: 100%;
  }
  .container {
    margin: 0;
    padding: 0 2em;
  }
  #search {
    top: auto;
    position: relative;
    margin-bottom: 1em;
  }
  #search #s {
    width: 100%;
  }
}