/*
Theme Name: Required
Author: 8BIT
Author URI: http://8BIT.io
Description: For the modern blogger.
Version: 1.5.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License
Tags: white, two-columns, fixed-width, custom-header, custom-menu, featured-images, flexible-header, threaded-comments, translation-ready

Required WordPress theme, Copyright (C) 2013 8BIT, LLC
Required WordPress theme is licensed under the GPL.
*/

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/reset.css

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
*/

/* Import Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Lato:300,700,300italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Varela+Round);


/*-------------------------------------------------------------------------------*
 * Let's default this puppy out
 -------------------------------------------------------------------------------*/
* {
  word-wrap: break-word;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  /* CSS2 */

  white-space: pre-wrap;
  /* CSS 2.1 */

  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;
  /* IE */

}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
  max-width: 100%;
}
/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* Colors
-------------------------------------------------------------------------------*/
/* Typography
-------------------------------------------------------------------------------*/
body {
  font-family: 'Varela Round', 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  line-height: 1.5;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 26px;
  line-height: 1.2;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
}
h6 {
  font-size: 2px;
}
h5 {
  font-size: 12px;
}
h4 {
  font-size: 22px;
}
h3 {
  font-size: 32px;
}
h2 {
  font-size: 42px;
}
h1 {
  font-size: 52px;
}
a {
  color: #37a096;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
a:hover {
  color: rgba(55, 160, 150, 0.4);
}
p {
  margin: 0 0 30px;
}
/* Image alignment - Thanks http://www.wpfill.me/
-------------------------------------------------------------------------------*/
.alignleft {
  float: left;
  margin: 0 15px 30px 0;
}
.aligncenter {
  display: block;
  margin: 0 auto 30px auto;
}
.alignright {
  float: right;
  margin: 0 0 30px 15px;
}
.alignnone {
  float: none;
  display: block;
  margin: 0 0 30px 0;
}
.size-full {
  margin: 0 0 30px 0;
}
p .alignleft {
  float: left;
  margin: 5px 15px 30px 0;
}
p .aligncenter {
  display: block;
  margin: 5px auto 30px auto;
}
p .alignright {
  float: right;
  margin: 5px 0 30px 15px;
}
p .alignnone {
  float: none;
  display: block;
  margin: 5px 0 30px 0;
}
.wp-caption {
  max-width: 100%;
  background: #f1f1f1;
}
.wp-caption .wp-caption-text {
  text-align: center;
  color: #777;
  padding: 8px 20px;
  font-size: 14px;
  margin-bottom: 0;
}
.wp-caption img {
  width: 100%;
  margin-bottom: 0;
}
/* Theme styles
-------------------------------------------------------------------------------*/
#wrapper {
  width: 100%;
}
#sidebar {
  background-color: #f1f1f1;
  position: fixed;
  left: 0;
  top: 0;
  width: 180px;
  height: 100%;
  padding: 80px 40px 0;
}
#main {
  width: 620px;
  background: #fff;
  margin-left: 300px;
  padding-top: 80px;
}
#masthead .bio-pic img {
  max-width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: margin 0.25s ease-in-out;
  -moz-transition: margin 0.25s ease-in-out;
  -o-transition: margin 0.25s ease-in-out;
  -ms-transition: margin 0.25s ease-in-out;
  transition: margin 0.25s ease-in-out;
}
#masthead .bio-pic img:hover {
  margin-top: -5px;
  margin-bottom: 5px;
}
#masthead .site-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
#masthead .site-description {
  font-size: 12px;
  line-height: 1.4;
}
nav {
  margin-bottom: 40px;
}
nav ul li a {
  display: block;
  padding: 5px 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
nav ul li a:hover {
  color: #fff;
  background: rgba(55, 160, 150, 0.4);
  padding-left: 12px;
}
/* Page/post/article/content styles
-------------------------------------------------------------------------------*/
/* page */
.page article {
  border-bottom: none;
}
/* posts */
article {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid #f1f1f1;
}
article .post-meta {
  font-size: 12px;
  text-transform: uppercase;
  color: #b3c0bf;
  padding: 0 0 10px;
}
article header {
  margin-bottom: 40px;
}
article header .entry-title {
  line-height: 1.2;
  text-transform: uppercase;
  word-spacing: 5px;
  margin-bottom: 5px;
  font-weight: 700;
}
article .featured-image {
  margin-bottom: 40px;
}
article .featured-image img {
  min-width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
article .twitter-tweet {
  width: 100%;
}
article .post-footer {
  font-size: 12px;
  color: #f1f1f1;
}
article .post-footer a {
  color: #d8d8d8;
}
article .post-footer a:hover {
  color: #37a096;
}
/* Stying of the elements */
.entry-content,
#comments .comment-body {
  padding: 0 0 20px;
}
.entry-content img,
#comments .comment-body img {
  max-width: 100% !important;
  height: auto;
}
.entry-content ol,
#comments .comment-body ol,
.entry-content ul,
#comments .comment-body ul {
  margin-left: 40px;
  margin-bottom: 40px;
  list-style: disc;
}
.entry-content ol ol,
#comments .comment-body ol ol,
.entry-content ul ol,
#comments .comment-body ul ol,
.entry-content ol ul,
#comments .comment-body ol ul,
.entry-content ul ul,
#comments .comment-body ul ul {
  margin-left: 20px;
  margin-bottom: 0;
}
.entry-content dl,
#comments .comment-body dl {
  margin-bottom: 30px;
}
.entry-content dl dt,
#comments .comment-body dl dt {
  font-weight: bold;
}
.entry-content dl dd,
#comments .comment-body dl dd {
  font-size: 14px;
  margin-bottom: 30px;
}
.entry-content blockquote,
#comments .comment-body blockquote {
  font-family: georgia, serif;
  font-size: 18px;
  border-left: 10px solid #f1f1f1;
  padding-left: 20px;
  margin-bottom: 30px;
  background: #fff;
  width: 80%;
}
.entry-content cite,
#comments .comment-body cite {
  font-family: 'Varela Round', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
  color: #b3c0bf;
}
.entry-content address,
#comments .comment-body address {
  font-size: 14px;
  margin-bottom: 30px;
}
.entry-content acronym,
#comments .comment-body acronym,
.entry-content abbr,
#comments .comment-body abbr {
  border-bottom: 1px dotted #37a096;
  cursor: help;
}
.entry-content code,
#comments .comment-body code,
.entry-content pre,
#comments .comment-body pre {
  color: #666;
  background: #f1f1f1;
  padding: 2px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.entry-content pre,
#comments .comment-body pre {
  margin-bottom: 30px;
  padding-left: 20px;
}
.entry-content q,
#comments .comment-body q {
  font-style: italic;
}
/* Comments
-------------------------------------------------------------------------------*/
#respond {
  margin: 60px 0;
}
#respond form > p {
  margin-bottom: 10px;
}
#respond textarea {
  border-color: #b3c0bf;
  width: 100%;
  box-sizing: border-box;
  min-height: 150px;
  padding: 10px;
}
#respond input[type="text"] {
  border: 1px solid #b3c0bf;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
#respond label {
  font-size: 12px;
}
#respond .comment-notes {
  font-size: 12px;
  display: none;
}
#respond #reply-title {
  font-size: 16px;
}
#respond #cancel-comment-reply-link {
  color: red;
}
#respond #cancel-comment-reply-link:hover {
  color: rgba(255, 0, 0, 0.6);
}
.comment #respond {
  margin: 20px 40px;
}
#comments .comment-list {
  list-style: none;
}
#comments .comment .comment {
  margin-left: 10px;
}
#comments .comment .comment-body {
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
  padding: 15px 20px 20px;
}
#comments .comment .comment-body .comment-author {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
#comments .comment .comment-body .comment-author img {
  position: absolute;
  left: 0;
  top: 5px;
}
#comments .comment .comment-body .comment-author .fn {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
#comments .comment .comment-body .comment-meta {
  font-size: 12px;
}
/* table styling */
table {
  background: #fff;
  margin-bottom: 30px;
  border: solid 1px #dddddd;
}
table thead,
table tfoot {
  background: whitesmoke;
  font-weight: bold;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 8px 15px;
  font-size: 14px;
  text-align: left;
}
table tr th,
table tr td {
  padding: 8px 10px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #ddd;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.4;
}
/* pagination */
#secondary-nav {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
}
#secondary-nav .nav-previous {
  float: left;
}
#secondary-nav .nav-next {
  float: right;
}
/* Footer
-------------------------------------------------------------------------------*/
#site-footer {
  padding: 10px 0;
  border-top: 1px solid #f1f1f1;
}
#site-footer #credit {
  font-size: 12px;
  text-align: right;
  padding: 10px 20px;
}
/* archive
-------------------------------------------------------------------------------*/
.archive article,
.search article {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.archive article .entry-title,
.search article .entry-title {
  font-size: 18px;
}
.archive article header,
.search article header {
  margin-bottom: 0;
}
.archive article .featured-image,
.search article .featured-image {
  margin-bottom: 0;
  max-height: 150px;
  overflow: hidden;
  text-align: center;
}
.archive article .featured-image img,
.search article .featured-image img {
  background: #f1f1f1;
}
.archive article .entry-content,
.search article .entry-content {
  padding-bottom: 20px;
}
.archive article .entry-content p,
.search article .entry-content p {
  margin-bottom: 10px;
}
.col1 {
  width: 25%;
  float: left;
  margin-right: 5%;
}
.col2 {
  width: 70%;
  float: left;
}
/* Search page template
-------------------------------------------------------------------------------*/
#big-search * {
  box-sizing: border-box;
}
#big-search input[type="search"] {
  width: 80%;
  float: left;
  border: 1px solid #b3c0bf;
  padding: 12px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#big-search input[type="submit"] {
  width: 20%;
  float: right;
  background: #37a096;
  color: #fff;
  border: none;
  padding: 13px 15px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#big-search input[type="submit"]:hover {
  background: rgba(55, 160, 150, 0.5);
}
#widget-area {
  margin: 40px 0;
}
#widget-area h2 {
  font-size: 18px;
}
#widget-area .col1 {
  width: 45%;
}
#widget-area .col2 {
  width: 50%;
}
/* Error 404 page
-------------------------------------------------------------------------------*/
.error404 h1 {
  color: red;
}
.error404 article {
  border-bottom: none;
}
/* Jetpack
-------------------------------------------------------------------------------*/
.tiled-gallery {
  margin-bottom: 40px !important;
}
.infinite-scroll #secondary-nav {
  display: none;
}
#infinite-footer .container {
  width: 100%;
  background: transparent;
  border: none;
}
#infinite-footer .blog-info {
  display: none;
}
#infinite-footer .blog-credits {
  width: auto;
}
#infinite-handle {
  width: 100%;
  margin-bottom: 40px;
}
#infinite-handle span {
  color: #37a096;
  background: transparent;
  border: 1px solid #b3c0bf;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-transform: uppercase;
  display: block;
  opacity: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#infinite-handle span:hover {
  opacity: 0.5;
}
/* Media Queries
-------------------------------------------------------------------------------*/
/* Tablet devices vertical */
@media only screen and (max-width: 768px) {
  #sidebar {
    width: 120px;
    padding: 80px 30px 0;
  }
  #main {
    width: 460px;
    margin-left: 220px;
  }
}
/* Mobile devices vertical */
@media only screen and (max-width: 420px) {
  #sidebar {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    padding: 80px 0 20px;
  }
  nav ul li a:hover {
    padding-left: 0;
  }
  #main {
    float: none;
    width: 90%;
    padding: 40px 5% 0;
    margin-left: 0;
  }
  .entry-title {
    font-size: 38px;
  }
  #respond #respond input[type="text"] {
    width: 100%;
  }
}
/* mixins
-------------------------------------------------------------------------------*/
/* required
-------------------------------------------------------------------------------*/
.sticky, .gallerry-caption .bypostauthor, .gallery-caption {}