@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic|Press+Start+2P);
/*!

Theme Name: Up Down Left Right
Theme URI: http://tinktank.in/themes/up-down-left-right/
Description: A responsive theme by Tink Tank
Author: Tink Tank
Author URI: http://tinktank.in
Version: 1
*/
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, hgroup, menu, main, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input, textarea, label {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

article, aside, figure, footer, header, main, nav, section, img {
  display: block; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

html {
  overflow-y: scroll; }

[id*='attachment_'] {
  max-width: 100% !important; }

.group:after {
  content: "";
  display: table;
  clear: both; }

.screenreader {
  position: absolute;
  left: -9999px;
  top: -9999px; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  margin: 0 auto; }

@font-face {
  font-family: 'eightbiticons';
  src: url("_/_type/eightbiticons.eot?50732137");
  src: url("_/_type/eightbiticons.eot?50732137#iefix") format("embedded-opentype"), url("_/_type/eightbiticons.woff?50732137") format("woff"), url("_/_type/eightbiticons.ttf?50732137") format("truetype"), url("_/_type/eightbiticons.svg?50732137#eightbiticons") format("svg"); }

html {
  font: normal 112.5%/1.6 serif;
  cursor: url(_/_images/cursor.svg), auto; }
  html a {
    cursor: url(_/_images/pointer.svg), auto; }

body {
  font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.4em; }

h1, .h1 {
  font-size: 2.2em; }

h2, .h2 {
  font-size: 2em; }

h3, .h3 {
  font-size: 1.6em; }

h4, .h4 {
  font-size: 1.2em; }

h5, .h5, h6, .h6 {
  font-size: 1em; }

p {
  margin-bottom: 1.6em; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  margin-top: 1.6em; }

a {
  color: inherit;
  text-decoration: underline; }

ul, ol, ul ul, ul ol, ol ol, ol ul {
  padding-left: 1.2em;
  margin-bottom: 1.6em; }

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0; }

.article ol, .article ul {
  counter-reset: li;
  list-style: none; }
  .article ol li, .article ul li {
    position: relative; }
    .article ol li:before, .article ul li:before {
      position: absolute;
      font-size: 0.9em;
      left: -1.4em;
      top: 0.1em;
      color: #43bbfc; }
.article ol li:before {
  content: counter(li);
  counter-increment: li;
  font-family: 'Press Start 2P', Monaco,  monospace; }
.article ul li:before {
  content: ';';
  font-family: 'eightbiticons'; }

blockquote {
  text-align: right;
  padding: 5% 5% 5% 0;
  color: #e10058;
  font-size: 1.2em;
  font-family: 'Press Start 2P', Monaco,  monospace; }
  blockquote:after {
    content: "";
    display: table;
    clear: both; }
  blockquote cite {
    font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 0.8em;
    font-style: normal;
    font-weight: 700;
    color: #BCBCBC; }

hr {
  border: none;
  margin-bottom: 1.6em; }
  hr:before {
    content: '0 0 > =';
    display: block;
    font-family: 'eightbiticons';
    font-size: 1.6em;
    text-align: center;
    color: #DA0046; }

.btn, .wpcf7-submit {
  background: #58d854;
  padding: 1em;
  font-family: 'Press Start 2P', Monaco,  monospace;
  text-transform: uppercase;
  color: white;
  border: none;
  width: auto;
  cursor: url(_/_images/pointer.svg), auto; }
  .btn:hover, .btn:focus, .wpcf7-submit:hover, .wpcf7-submit:focus {
    background: black; }

[data-icon]::before {
  position: relative;
  content: attr(data-icon);
  font-family: 'eightbiticons';
  font-weight: 400 !important;
  font-style: normal;
  text-transform: none;
  line-height: 0; }

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

.animated.hinge {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(1.1); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(1.1); }

  100% {
    -o-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }

  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

html, body {
  min-height: 100%;
  height: 100%; }

@media (min-width: 80em) {
  body {
    font-size: 20px; } }

.center-wrap {
  margin: 0 auto;
  width: 90%;
  padding: 10% 0; }
  @media (min-width: 40em) {
    .center-wrap {
      width: 70%; } }
  @media (min-width: 60em) {
    .center-wrap {
      width: 60%; } }
  @media (min-width: 80em) {
    .center-wrap {
      max-width: 34em; } }

.header {
  padding: 10% 0 0;
  text-align: center;
  font-size: 0.7em;
  font-family: 'Press Start 2P', Monaco,  monospace; }
  .header a {
    text-decoration: none; }

.logo {
  margin-bottom: 2em;
  display: inline-block;
  clear: both; }
  .logo h1 {
    font-size: 1.3em; }

a.navicon {
  display: block;
  margin-bottom: 1.6em; }
  @media (min-width: 60em) {
    a.navicon {
      display: none; } }

.nav {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease; }
  .nav ul {
    margin: 0;
    padding: 0; }
  .nav li {
    list-style: none; }
    .nav li + li:before {
      content: '*';
      display: block;
      color: rgba(0, 0, 0, 0.3); }
      @media (min-width: 60em) {
        .nav li + li:before {
          content: '/';
          display: inline-block;
          margin: 0 1em 0 0; } }
    @media (min-width: 60em) {
      .nav li {
        display: inline-block; } }

.nav.active {
  max-height: 55em;
  overflow: visible; }

@media (min-width: 60em) {
  .js .nav {
    max-height: 55em;
    overflow: visible;
    background: none; } }
.post-header {
  position: absolute;
  width: 100%;
  padding: 2%;
  color: white;
  text-shadow: 1px 1px 0px black; }
  .post-header .date {
    float: right;
    font-family: 'Press Start 2P', Monaco,  monospace; }
    .post-header .date i {
      color: #f7b907;
      font-size: 1.6em; }
  .post-header a {
    text-decoration: none;
    font-size: 1.7em; }

.featIMG {
  width: 100%;
  margin-bottom: 1em; }

.featured-image {
  height: 100%;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.minus-image {
  background-color: black;
  padding: 9%; }
  @media (min-width: 40em) {
    .minus-image {
      padding: 6%; } }
  @media (min-width: 60em) {
    .minus-image {
      padding: 4%; } }

.article {
  margin-bottom: 18%; }
  .article .title {
    text-align: center;
    margin-bottom: 1em; }
  .article .tags {
    font-size: 0.7em;
    font-family: 'Press Start 2P', Monaco,  monospace;
    text-transform: uppercase;
    color: #e10058;
    margin-bottom: 3em; }
    .article .tags a {
      text-decoration: none; }
  .article .read-more {
    color: #e10058;
    font-family: 'Press Start 2P', Monaco,  monospace;
    text-decoration: none; }
  .article .post-title a {
    text-decoration: none; }

[class*="pagination"] {
  padding: 5% 0; }
  [class*="pagination"] div {
    float: left;
    text-align: center;
    min-height: 1px; }
    [class*="pagination"] div a {
      text-decoration: none;
      display: block;
      padding: 5% 0;
      color: #AEAEAE; }
      [class*="pagination"] div a:hover, [class*="pagination"] div a:focus {
        background: #F0F0F0; }
  [class*="pagination"] .go-home a:hover, [class*="pagination"] .go-home a:focus {
    color: #D800CC; }
  [class*="pagination"] .comments-btn a:hover, [class*="pagination"] .comments-btn a:focus {
    color: #58d854; }
  [class*="pagination"] .older, [class*="pagination"] .newer {
    font-family: 'Press Start 2P', Monaco,  monospace; }
    [class*="pagination"] .older a:hover, [class*="pagination"] .older a:focus, [class*="pagination"] .newer a:hover, [class*="pagination"] .newer a:focus {
      color: #43bbfc; }

.pagination-single div {
  width: 25%; }

.pagination-index div {
  width: 50%; }

.site-search {
  display: block;
  margin-bottom: 10%; }
  .site-search .s-input, .site-search .s-submit {
    float: left; }
  .site-search .s-input {
    width: 75%;
    border: none;
    background: #F0F0F0; }
  .site-search .s-submit {
    width: 25%;
    font-family: 'eightbiticons'; }

.archive-title {
  text-align: center;
  margin-bottom: 1.6em; }

.archive-item {
  margin-bottom: 10%; }

.tag-cloud, .archives-list {
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  column-count: 2;
  column-gap: 1em; }
  @media (min-width: 40em) {
    .tag-cloud, .archives-list {
      -webkit-column-count: 3;
      -webkit-column-gap: 1em;
      -moz-column-count: 3;
      -moz-column-gap: 1em;
      column-count: 3;
      column-gap: 1em; } }
  .tag-cloud a, .archives-list a {
    clear: both;
    font-size: 1em !important; }

.comments-wrap {
  height: 0;
  font-size: 0.8em;
  color: #7c7c7c;
  overflow: hidden; }

.js .open-comments {
  height: auto;
  margin: 5% 0; }

[class*='comments-header'] {
  position: relative;
  background: #f52a06;
  padding: 1em;
  margin-bottom: 1.6em;
  font-family: 'Press Start 2P', Monaco,  monospace;
  text-transform: uppercase;
  color: white; }
  [class*='comments-header'] i {
    color: black;
    font-size: 1.3em; }

ol.commentlist {
  padding: 0; }
  ol.commentlist li:before {
    content: ''; }

.comment {
  padding: 2em 0; }
  .comment:after {
    content: "";
    display: table;
    clear: both; }
  .comment p {
    margin-bottom: 1em; }
  .comment .reply {
    font-weight: 700; }

.comment-author .fn a, .comment-author .fn {
  font-family: 'Press Start 2P', Monaco,  monospace;
  font-style: normal;
  text-decoration: none; }
.comment-author .avatar {
  float: left;
  border: 2px solid black;
  width: 18%;
  margin: 0 1em 1em 0; }
.comment-author span {
  display: none; }

.comment-meta a {
  text-decoration: none; }

.cancel-comment-reply i {
  font-size: 1.3em; }
.cancel-comment-reply a {
  color: #f52a06;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Press Start 2P', Monaco,  monospace; }

textarea, input {
  border: 1px solid #7c7c7c;
  background: transparent;
  width: 100%;
  max-width: 100%;
  font: inherit;
  padding: 1em;
  margin-bottom: 0.5em; }

.footer {
  padding: 7em 2em;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  background: #F5F5F5;
  text-align: center; }
  .footer .copyright {
    font-family: 'Press Start 2P', Monaco,  monospace;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.6em; }
    .footer .copyright .heart {
      color: #f54d98;
      font-size: 1.3em;
      display: inline-block; }
    .footer .copyright a {
      text-decoration: none; }
      .footer .copyright a:hover, .footer .copyright a:focus {
        color: black; }

.social-icons {
  margin-bottom: 1em; }
  .social-icons a {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: relative;
    text-decoration: none;
    font-size: 1.3em;
    display: inline-block;
    padding: 1.2%; }
    .social-icons a:hover, .social-icons a:focus {
      top: -0.2em; }
  .social-icons .email,
  .social-icons .github {
    color: black; }
  .social-icons .twitter {
    color: #43bbfc; }
  .social-icons .facebook {
    color: #0000bc; }
  .social-icons .google,
  .social-icons .pinterest {
    color: #f52a06; }
  .social-icons .vimeo {
    color: #43bbfc; }
  .social-icons .youtube {
    color: #e10058; }
  .social-icons .instagram {
    color: #ab7d03; }
  .social-icons .flickr {
    color: #f54d98; }
  .social-icons .dribbble {
    color: #f66bf8; }
  .social-icons .linkedin {
    color: #024bf8; }
  .social-icons .rss {
    color: #f7b907; }

.error404 .footer {
  display: none; }

.error-page {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 10% 0 0;
  text-align: center;
  color: white;
  font-family: 'Press Start 2P', Monaco,  monospace; }
  .error-page h1 {
    font-size: 1em;
    line-height: 2.2em; }
    @media (min-width: 40em) {
      .error-page h1 {
        font-size: 1.4em;
        line-height: 2.5em; } }
  .error-page a {
    font-size: 6em;
    text-decoration: none; }