/*
Theme Name: Hero's Journal

DESCRIPTION: Hero-U website and blog unified theme.

AUTHOR: FAR Studio Designs / Cidney Hamilton
Author URI: http://cidneyhamilton.com

Version: 2.1

*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

:focus {
  /* remember to define focus styles! */
  outline: 0; }

body {
  background: #fff;
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

@font-face {
  font-family: 'Lightfoot';
  src: url("fonts/lightfoot.ttf"); }
h1 {
  text-indent: -9000px;
  font-size: 3em; }

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #121a27;
  font-size: 1.75em;
  font-style: italic;
  font-weight: normal; }

h2 a:link {
  color: #394d6d; }

h3 {
  color: #281606;
  font-size: 1.5em;
  line-height: 150%; }

h4 {
  color: #281606;
  font-size: 1.5em; }

a:link,
a:visited,
a:active {
  color: #394d6d;
  text-decoration: none; }

a:hover {
  color: #92a7ca; }

article ol, article li {
  font-size: 0.875em;
  left: 2em;
  padding: 0;
  padding-bottom: 0.625em;
  position: relative; }
article ol {
  list-style-type: decimal; }
article ul {
  list-style-type: none; }

p {
  font-size: 0.875em;
  padding: 0.625em 0.625em 0.625em 0; }

blockquote {
  background: #f0eadc;
  border: 1px solid #491808;
  color: #160703;
  font-size: 1.2em;
  margin: 1.25em 1.75em;
  padding: 0.5em; }
  blockquote cite {
    display: block;
    padding: 0.25em 1em; }

header {
  background: black;
  clear: both;
  text-align: center; }

header h1 {
  color: #efc66e;
  font-family: Lightfoot, serif;
  font-weight: normal;
  margin: 0 auto;
  max-height: 2.5em;
  line-height: 200%;
  text-align: center;
  text-indent: 0;
  white-space: nowrap; }
  header h1 span {
    vertical-align: top; }
  header h1 img {
    padding: 0 0.375em; }

footer {
  background: black;
  border: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-image: url("images/footer-border.png") 60 10 repeat;
  clear: both;
  color: #c59046;
  font-size: .9em;
  min-height: 8em;
  padding: 1em 0;
  width: 100%; }
  footer p {
    padding-top: 0.5em; }
  footer a:link,
  footer a:active,
  footer a:visited {
    color: #92a7ca; }
  footer a:hover {
    color: white;
    text-decoration: underline; }

.company-logo {
  background-image: url("images/transolarlogo.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  width: 100%;
  height: 100%;
  margin-left: 1em; }

footer .copyright {
  clear: both;
  text-align: left;
  font-size: 0.9em;
  padding: 2em 1em 0 2em;
  line-height: 125%; }
footer .social {
  clear: both;
  padding: 0 1em;
  text-align: center; }
  footer .social li {
    display: inline-block; }

html {
  height: 100%;
  width: 100%; }

body {
  color: #281606;
  background: #d1be9b;
  background-image: url("images/brick-bg.jpg");
  font-family: Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0;
  height: 100%; }

table {
  background: white;
  border: 3px solid #f2c898;
  margin: 16px 18px; }

th, td {
  padding: 0.5em; }

td {
  color: #999;
  text-align: center;
  width: 80px; }

.wp-count-down table {
  margin: 0 auto; }
  .wp-count-down table tr :nth-child(2),
  .wp-count-down table tr :nth-child(1) {
    display: none; }
  .wp-count-down table th {
    font-weight: bold; }
  .wp-count-down table td {
    background-color: #051f50;
    font-size: 2em; }

hr {
  background: #241508;
  margin: 20px -28px 20px -18px;
  padding: 4px 0px; }

.wrapper {
  border: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-image: url("images/vertical-divide.png") 100 30 stretch;
  height: auto !important;
  margin: 0 auto;
  min-height: 100%;
  max-width: 900px; }

.content {
  background: #dfbc89;
  height: 100%; }

.row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  overflow: hidden; }

.row .column {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  width: 25%;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.row .column.secondary {
  max-width: 33%; }

.column {
  overflow: hidden; }

.column.black-background img {
  height: auto;
  width: 100%; }

.content-2 .column {
  width: 50%; }

.content-3 .column {
  border: 0;
  border-left: 1em solid transparent;
  border-image: url("images/vertical-divide.png") 100 30 stretch;
  text-align: center;
  width: 33.3333333%; }

.content-3 .column img {
  margin: 10px auto;
  max-width: 80%; }

.content-3 .column:first-child {
  border-left: 0; }

.left {
  float: left; }

.right {
  float: right; }

.black-background {
  background-color: black; }

.slideshow .left {
  width: 60%; }

.slideshow .right {
  padding-top: 2em;
  text-align: center;
  width: 40%; }

.post {
  line-height: 125%;
  padding: 1em 0 0.5em 1em; }
  .post h2 {
    padding-top: 0.625em;
    line-height: 125%; }
  .post p img {
    height: auto;
    max-width: 100%;
    padding: 0 1em 1em 1em; }
    .post p img.alignleft {
      float: left; }
    .post p img.alignright {
      float: right; }
    .post p img.aligncenter {
      float: none; }
  .post .caption {
    font-style: italic;
    font-size: 0.8em;
    padding-top: 0;
    text-align: center; }
  .post nav {
    padding-bottom: 2em; }
  .post .cycloneslider {
    float: right;
    padding-right: 1em; }

.post-content {
  clear: both;
  padding-bottom: 1em; }
  .post-content a {
    font-weight: bold; }

.post-preview {
  background-color: black;
  max-height: 300px;
  max-width: 450px;
  text-align: center; }
  .post-preview .heading {
    text-align: left;
    padding: 1.25em 4em; }
  .post-preview img {
    max-width: 90%;
    padding-top: 10px;
    max-height: 200px; }
  .post-preview h2 {
    font-size: 1.25em;
    font-family: Verdana, Arial, sans-serif;
    color: #e7bc5d; }
  .post-preview h3 {
    color: #f1d7ba;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em; }

.section-nav {
  background: #051f50;
  border: 10px solid #e7bc5d;
  border-left-width: 0;
  border-right-width: 0;
  border-image: url("images/footer-border.png") 8 1 repeat;
  clear: both;
  color: white;
  font-size: 1.125em;
  min-height: 2em;
  padding-top: 1em; }
  .section-nav li {
    color: white; }
  .section-nav .menu {
    padding-bottom: 1em;
    width: 100%; }
  .section-nav a:link, .section-nav a:visited, .section-nav a:active {
    color: white; }
  .section-nav a:hover {
    color: #e7bc5d; }

.section-nav .sub-menu,
.menu ul ul {
  display: none; }

.section-nav .sub-menu li {
  background-color: #051f4f;
  display: block;
  border: 2px solid #bea53c;
  border-top-width: 0;
  padding: 0.5em 2em 0.5em 1em;
  text-align: left;
  width: 16em; }
  .section-nav .sub-menu li:first-child {
    border-top-width: 2px; }

.sub-menu li a:link,
.sub-menu li a:visited,
.sub-menu li a:active {
  color: #fff; }

.sub-menu li a:hover {
  color: #fade5e; }

label.show-menu {
  display: none;
  padding-top: 1em;
  margin-bottom: 0; }

#show-menu {
  display: none; }

#show-menu:checked + .top-menu {
  display: block; }

/* Sidebar */
.primary {
  background: #dfbc89 url("images/content-bg.png");
  box-shadow: inset -0.5em -0.25em 1em #241508;
  padding: 2em 4em 2em 2em; }

.sidebar {
  background: #dfbc89;
  border-left: 4px solid #241508;
  font-size: 0.875em;
  line-height: 125%; }
  .sidebar .widget {
    padding: 2em;
    border-bottom: 4px solid #241508;
    box-shadow: inset -0.5em -0.25em 1em #241508; }
  .sidebar li {
    padding-bottom: 0.25em;
    padding-left: 1.25em; }
  .sidebar input[type="text"] {
    padding: 0.25em; }
  .sidebar img {
    max-width: 100%; }

textarea,
input:text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #dac9a8;
  border: 1px solid #540f02;
  color: #121a27;
  padding: 6px 8px; }
  textarea:focus,
  input:text:focus {
    background: white; }

.commentlist {
  list-style: none;
  padding: 0 2em 1em 2em; }
  .commentlist p {
    line-height: 150%;
    font-size: 0.75em; }

.comment-bubble {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background: #dac9a8;
  border: 2px solid #540f02;
  color: #121a27;
  margin: 0.5em; }
  .comment-bubble cite {
    font-style: italic; }
  .comment-bubble .alt {
    background: #dac9a8; }
  .comment-bubble p img {
    float: none; }

.respond {
  padding-bottom: 2em; }
  .respond textarea, .respond input {
    margin: 0.25em 2em; }
  .respond p {
    font-size: 0.75em; }
  .respond textarea {
    width: 90%; }
  .respond input {
    text-align: center; }

.commentfield {
  padding: 0.5em 0.5em 1em 1em; }

.commentmetadata {
  color: #121a27; }

.moderation {
  background: #dac9a8;
  border: 2px solid #540f02;
  color: #121a27;
  padding: 1.2em; }

p.postmetadata {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  background: #dac9a8;
  border: 2px solid #161616;
  clear: both;
  color: #121a27;
  margin: 10px 0 20px;
  padding: .5em !Important; }

.support {
  background: transparent;
  background-image: url("images/supportbutton.png");
  border: 0;
  height: 63px;
  text-indent: -9999em;
  width: 218px; }

.support:hover {
  background-image: url("images/supportbutton_down.png");
  cursor: pointer; }

.donate {
  background: transparent;
  background-image: url("images/donatebutton.png");
  border: 0;
  height: 63px;
  text-indent: -9999em;
  width: 218px; }

.donate:hover {
  background-image: url("images/donatebutton_down.png");
  cursor: pointer; }
  
.button,
form .button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #482e0c;
  border-right: 1px solid #2a1a04;
  border-bottom: 2px solid #160d02;
  background: #ca893c;
  color: black;
  text-align: center;
  padding: 6px 8px;
  margin: 1em 0; }

.button:hover {
  background: #bb6c0c;
  cursor: pointer; }

.date {
  background: url("images/date-bg.png") top no-repeat;
  color: #92a7ca;
  font-size: 0.625em;
  text-align: center;
  line-height: 1.4em;
  padding: 1em;
  width: 3em; }

.dateborder {
  display: inline;
  padding: 1px;
  float: left;
  margin: 0px 10px 10px 0; }

.date span {
  display: block; }

.dated {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: .2em;
  padding-left: 0.3em; }

.dated2 {
  letter-spacing: 0em;
  padding-left: 0em; }

.datem {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em;
  line-height: .7em;
  padding: 1px 0; }

.datey {
  font-size: .8em;
  line-height: 1em;
  padding-bottom: 2em; }

@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
@media (max-width: 900px) {
  header {
    font-size: 0.9em; }
    header h1 {
      display: block; } }
@media (max-width: 720px) {
  header img {
    width: 2em; }

  header h1 {
    font-size: 2.5em; }

  .secondary {
    display: none; } }
@media (min-width: 571px) {
  .hidden-desktop {
    display: none; }

  .section-nav {
    text-align: center; }
    .section-nav ul {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex; }
    .section-nav li {
      -webkit-box-flex: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1;
      /* OLD - Firefox 19- */
      width: 25%;
      /* For old syntax, otherwise collapses. */
      -webkit-flex: 1;
      /* Chrome */
      -ms-flex: 1;
      /* IE 10 */
      flex: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      display: inline-block;
      margin: 0; }

  .section-nav li:hover .sub-menu {
    display: block; }

  .sub-menu {
    position: absolute;
    z-index: 999;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 0; } }
@media (max-width: 570px) {
  footer .company-logo {
    background-image: none;
    margin-left: 0; }
  footer .social img {
    width: 48px;
    height: 48px; }

  header .image-left {
    display: block;
    margin: 0 auto;
    width: auto; }
  header .image-right {
    display: none; }
  header .subtitle {
    display: none; }

  .hidden-phone {
    display: none; }

  .primary {
    padding: 0.5em 1em; }

  label.show-menu {
    display: block;
    text-align: left;
    padding-left: 1em; }

  .section-nav {
    padding: 0 0 1em 0; }

  section.section-nav {
    padding: 1em 0 0 1em;
    min-height: 45px; }

  .top-menu {
    display: none;
    text-align: left; }
    .top-menu .menu {
      padding-bottom: 0.25em; }
    .top-menu li {
      padding: 1em 0 0 2em;
      font-size: 0.9em; }

  .post-preview .heading {
    padding: 1.25em 2em; } }

/*# sourceMappingURL=style.css.map */