/*
Theme Name: ResponSimple
Theme URI: http://ckhicks.com/responsimple
Author: CK Hicks
Author URI: http://ckhicks.com/
Description: ResponSimple is a WordPress site launchpad - Responsive, Simple, Mother Approved.
Version: 1.8
License: GNU General Public License
License URI: license.txt
Tags: HTML5 Reset, Mobile First, Responsive, Golden Grid, Fluid Layout, Simple
*/

/* @group HTML5 Reset (html5reset.org)
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
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,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section,
details,
summary {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
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;
}
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;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
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;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type="button"],
input[type="submit"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chromeframe {
  position: absolute;
  top: 0;
}
body {
  font-family: "Roboto", Helmet, Freesans, sans-serif;
}
body,
select,
input,
textarea {
  color: #fff;
}
a {
  color: #197fee;
  text-decoration: none;
}
a:hover {
  color: #197fee;
}
a:link {
  -webkit-tap-highlight-color: #197fee;
}
ins {
  background-color: #197fee;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #197fee;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
input:-moz-placeholder {
  color: #a9a9a9;
}
textarea:-moz-placeholder {
  color: #a9a9a9;
}
/* @end */

/* @group Layout Defaults - Mobile First (lukew.com)
-------------------------------------------------------------------------------*/
html {
  height: 100%;
  font-size: 16px;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  min-height: 100%;
  font-size: 100%;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  background: #000 url(/wendsphere-ckhicks.jpg) no-repeat center top;
  background-size: cover;
}

.tiny {
  font-size: 0.5em;
}
.small {
  font-size: 0.8125em;
  line-height: 1.3846153846153846em;
}
.normal,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  line-height: 1.5em;
}
.large,
h2,
h1 {
  font-size: 1.625em;
  line-height: 1.3846153846153846em;
}
.huge {
  font-size: 2.625em;
  line-height: 1.1428571428571428em;
}
.gargantuan {
  font-size: 4.25em;
  line-height: 1.0588235294117647em;
}
.colossal {
  font-size: 6.875em;
  line-height: 1.0909090909090908em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  font-family: "Roboto", Helmet, Freesans, sans-serif;
}

#site-title {
  font-weight: 700;
  font-family: "Exo", Helmet, Freesans, sans-serif;
  text-align: center;
}

/* @group ResponSimple
-------------------------------------------------------------------------------*/
.col {
  float: left;
  position: relative;
}
.pad {
  padding: 0 0.75em;
}
.row-main {
  margin-bottom: 1.5em !important;
}
.row-main:before,
.row-main:after,
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.row-main:after,
.row:after,
.clearfix:after {
  clear: both;
}
.row-main,
.row,
.clearfix {
  zoom: 1;
}

.container {
  margin: 0 2.777777777777778%;
  padding: 2em;
}

.container:not(header) {
  background: rgba(21, 25, 36, 0.6) url(/bg-tile.png) repeat;
  border: 0.1em solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 2em;
  border-radius: 2em;
  -webkit-box-shadow: inset 0em 0em 4.5em -1.5em rgba(255, 255, 255, 0.6);
  box-shadow: inset 0em 0em 4.5em -1.5em rgba(255, 255, 255, 0.6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#footer {
  height: 3em;
}

/* Magic Gridlyness @ 3-col */
.one-three {
  width: 33.33334%;
}
.two-three {
  width: 66.66668%;
}
.three {
  width: 100%;
}

/* Offsets @ 3-col */
.one-off-three {
  margin-left: 33.33334%;
}
.one-push-three {
  left: 33.33334%;
}
.one-pull-three {
  right: 33.33334%;
}
.two-off-three {
  margin-left: 66.66668%;
}
.two-push-three {
  left: 66.66668%;
}
.two-pull-three {
  right: 66.66668%;
}

/* Magic Gridlyness @ 4-col */
.one-four {
  width: 25%;
}
.two-four {
  width: 50%;
}
.three-four {
  width: 75%;
}
.four {
  width: 100%;
}

/* Offsets @ 4-col */
.one-off-four {
  margin-left: 25%;
}
.one-push-four {
  left: 25%;
}
.one-pull-four {
  right: 25%;
}
.two-off-four {
  margin-left: 50%;
}
.two-push-four {
  left: 50%;
}
.two-pull-four {
  right: 50%;
}
.three-off-four {
  margin-left: 75%;
}
.three-push-four {
  left: 75%;
}
.three-pull-four {
  right: 75%;
}

@media screen and (max-width: 45em) {
  /* NOTE: These are small-screen styles. */
}

@media screen and (min-width: 45em) {
  /* Magic Gridlyness @ 8-col */
  .one-eight {
    width: 12.5%;
  }
  .two-eight {
    width: 25%;
  }
  .three-eight {
    width: 37.5%;
  }
  .four-eight {
    width: 50%;
  }
  .five-eight {
    width: 62.5%;
  }
  .six-eight {
    width: 75%;
  }
  .seven-eight {
    width: 87.5%;
  }
  .eight {
    width: 100%;
  }

  /* Offsets @ 8-col */
  .one-off-eight {
    margin-left: 12.5%;
  }
  .one-push-eight {
    left: 12.5%;
  }
  .one-pull-eight {
    right: 12.5%;
  }
  .two-off-eight {
    margin-left: 25%;
  }
  .two-push-eight {
    left: 25%;
  }
  .two-pull-eight {
    right: 25%;
  }
  .three-off-eight {
    margin-left: 37.5%;
  }
  .three-push-eight {
    left: 37.5%;
  }
  .three-pull-eight {
    right: 37.5%;
  }
  .four-off-eight {
    margin-left: 50%;
  }
  .four-push-eight {
    left: 50%;
  }
  .four-pull-eight {
    right: 50%;
  }
  .five-off-eight {
    margin-left: 62.5%;
  }
  .five-push-eight {
    left: 62.5%;
  }
  .five-pull-eight {
    right: 62.5%;
  }
  .six-off-eight {
    margin-left: 75%;
  }
  .six-push-eight {
    left: 75%;
  }
  .six-pull-eight {
    right: 75%;
  }
  .seven-off-eight {
    margin-left: 87.5%;
  }
  .seven-push-eight {
    left: 87.5%;
  }
  .seven-pull-eight {
    right: 87.5%;
  }
}

@media screen and (min-width: 55.5em) {
  /* Zoom baseline grid to 17/16 = 1.0625 */
  body {
    font-size: 1.0625em;
  }
}

@media screen and (min-width: 61.5em) {
  body {
    font-size: 1em;
  }
  .container {
    margin: 0 5.555555555555555%;
  }
}

@media screen and (min-width: 75em) {
  body {
    font-size: 1.0625em;
  }
}

@media screen and (min-width: 87em) {
  body {
    font-size: 1em;
  }
  .container {
    margin: 0 16.666666666666664%;
  }
}

@media screen and (min-width: 105em) {
  body {
    font-size: 1.0625em;
  }
}

@media screen and (min-width: 117em) {
  .container {
    margin: 0 27.77777777777778%;
  }

  /* Magic Gridlyness @ 16-col */
  .one-sixteen {
    width: 6.25%;
  }
  .two-sixteen {
    width: 12.5%;
  }
  .three-sixteen {
    width: 18.75%;
  }
  .four-sixteen {
    width: 25%;
  }
  .five-sixteen {
    width: 31.25%;
  }
  .six-sixteen {
    width: 37.5%;
  }
  .seven-sixteen {
    width: 43.75%;
  }
  .eight-sixteen {
    width: 50%;
  }
  .nine-sixteen {
    width: 56.25%;
  }
  .ten-sixteen {
    width: 62.5%;
  }
  .eleven-sixteen {
    width: 68.75%;
  }
  .twelve-sixteen {
    width: 75%;
  }
  .thirteen-sixteen {
    width: 81.25%;
  }
  .fourteen-sixteen {
    width: 87.5%;
  }
  .fifteen-sixteen {
    width: 93.75%;
  }
  .sixteen {
    width: 100%;
  }

  /* Offsets @ 16-col */
  .one-off-sixteen {
    margin-left: 12.5%;
  }
  .one-push-sixteen {
    left: 12.5%;
  }
  .one-pull-sixteen {
    right: 12.5%;
  }
  .two-off-sixteen {
    margin-left: 12.5%;
  }
  .two-push-sixteen {
    left: 12.5%;
  }
  .two-pull-sixteen {
    right: 12.5%;
  }
  .three-off-sixteen {
    margin-left: 18.75%;
  }
  .three-push-sixteen {
    left: 18.75%;
  }
  .three-pull-sixteen {
    right: 18.75%;
  }
  .four-off-sixteen {
    margin-left: 25%;
  }
  .four-push-sixteen {
    left: 25%;
  }
  .four-pull-sixteen {
    right: 25%;
  }
  .five-off-sixteen {
    margin-left: 31.25%;
  }
  .five-push-sixteen {
    left: 31.25%;
  }
  .five-pull-sixteen {
    right: 31.25%;
  }
  .six-off-sixteen {
    margin-left: 37.5%;
  }
  .six-push-sixteen {
    left: 37.5%;
  }
  .six-pull-sixteen {
    right: 37.5%;
  }
  .seven-off-sixteen {
    margin-left: 43.75%;
  }
  .seven-push-sixteen {
    left: 43.75%;
  }
  .seven-pull-sixteen {
    right: 43.75%;
  }
  .eight-off-sixteen {
    margin-left: 50%;
  }
  .eight-push-sixteen {
    left: 50%;
  }
  .eight-pull-sixteen {
    right: 50%;
  }
  .nine-off-sixteen {
    margin-left: 56.25%;
  }
  .nine-push-sixteen {
    left: 56.25%;
  }
  .nine-pull-sixteen {
    right: 56.25%;
  }
  .ten-off-sixteen {
    margin-left: 62.5%;
  }
  .ten-push-sixteen {
    left: 62.5%;
  }
  .ten-pull-sixteen {
    right: 62.5%;
  }
  .eleven-off-sixteen {
    margin-left: 68.75%;
  }
  .eleven-push-sixteen {
    left: 68.75%;
  }
  .eleven-pull-sixteen {
    right: 68.75%;
  }
  .twelve-off-sixteen {
    margin-left: 75%;
  }
  .twelve-push-sixteen {
    left: 75%;
  }
  .twelve-pull-sixteen {
    right: 75%;
  }
  .thirteen-off-sixteen {
    margin-left: 81.25%;
  }
  .thirteen-push-sixteen {
    left: 81.25%;
  }
  .thirteen-pull-sixteen {
    right: 81.25%;
  }
  .fourteen-off-sixteen {
    margin-left: 87.5%;
  }
  .fourteen-push-sixteen {
    left: 87.5%;
  }
  .fourteen-pull-sixteen {
    right: 87.5%;
  }
  .fifteen-off-sixteen {
    margin-left: 93.75%;
  }
  .fifteen-push-sixteen {
    left: 93.75%;
  }
  .fifteen-pull-sixteen {
    right: 93.75%;
  }
}

@media screen and (min-width: 130em) {
  body {
    font-size: 1.125em;
    max-width: 160em;
  }
}

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* NOTE: These are retina styles. */
}
/* @end */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* non-semantic helper classes
-------------------------------------------------------------------------------*/
.centered {
  float: none;
  margin: 0 auto;
}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}