/**
Tumblr Starter Theme (boilerplate)
Copyright 2014-2016 Hugo Vieilledent, Oskar Rough and contributors
https://github.com/hugovieilledent/tumblr-boilerplate

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation version 3 of the License.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/**
  Base
  Uniformizes html elements behavior, on top of Normalize.css
 */
*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

/**
  Infinite Scrolling
 */
#infscr-loading {
  display: none;
  text-align: center;
  padding: 2rem; }
  #infscr-loading img {
    opacity: 0; }

.photoset {
  max-width: 100%;
  max-height: 90vh;
  border: solid 5px black !important; }

body {
  font-family: courier, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  background-color: #f8f1b6 !important;
  font-size: 10px;
  cursor: crosshair;
  -webkit-animation: fadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s;
  /* Firefox < 16 */
  -ms-animation: fadein 1s;
  /* Internet Explorer */
  -o-animation: fadein 1s;
  /* Opera < 12.1 */
  animation: fadein 1s;
  /* Firefox < 16 */
  /* Safari, Chrome and Opera > 12.1 */
  /* Internet Explorer */
  /* Opera < 12.1 */ }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  body .visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  body .img-responsive {
    max-width: 100%; }
  body #cursor {
    width: 50px;
    display: none;
    z-index: 1000;
    position: absolute; }
  body a {
    color: black !important;
    cursor: crosshair !important; }
    body a:hover {
      cursor: crosshair !important; }
    body a:active {
      cursor: crosshair !important; }
  body iframe.tmblr-iframe {
    display: none !important; }
  body nav {
    z-index: 900;
    height: auto !important;
    background-color: transparent !important;
    border: none !important;
    padding: 1em 1.5em; }
    body nav svg.gangsterEyes {
      height: 36px !important;
      max-height: 50%; }
      @media only screen and (max-width: 768px) {
        body nav svg.gangsterEyes {
          margin-left: 1.25em;
          margin-top: 0.5em;
          max-width: 50%; } }
      body nav svg.gangsterEyes .st0 {
        fill: #00A6BA; }
      body nav svg.gangsterEyes .st1 {
        fill: #7A6FAD; }
      body nav svg.gangsterEyes .st2 {
        fill: #F1806E; }
      body nav svg.gangsterEyes .st3 {
        fill: #F56CA0; }
      body nav svg.gangsterEyes .st4 {
        fill: #80D42F; }
      body nav svg.gangsterEyes .st5 {
        fill: #00A2AF; }
      body nav svg.gangsterEyes .st6 {
        fill: #FB917D; }
      body nav svg.gangsterEyes .st7 {
        fill: #7E75AE; }
      body nav svg.gangsterEyes .st8 {
        fill: #F47F70; }
      body nav svg.gangsterEyes .st9 {
        fill: #7BD732; }
      body nav svg.gangsterEyes .st10 {
        fill: #F38273; }
      body nav svg.gangsterEyes .st11 {
        fill: #73D825; }
      body nav svg.gangsterEyes .st12 {
        fill: #00AFB0; }
      body nav svg.gangsterEyes .st13 {
        fill: #786DAE; }
      body nav svg.gangsterEyes .st14 {
        fill: #F16AA3; }
    body nav svg.navLinks {
      height: 20px;
      width: auto;
      margin-right: 1em; }
      @media (min-width: 100px) and (max-width: 767px) {
        body nav svg.navLinks {
          height: auto;
          width: 20px;
          margin-right: 1.5em;
          margin-bottom: 1em; } }
    body nav button {
      background-color: transparent !important;
      border: none                  !important;
      outline: none                 !important;
      box-shadow: none              !important; }
      body nav button.btn {
        padding: 0 !important; }
      @media only screen and (max-width: 768px) {
        body nav button {
          float: right !important;
          clear: both !important;
          margin-right: 1em !important; } }
    body nav .navbar-collapse {
      padding-right: 0;
      margin-right: 0;
      border: none !important; }
    body nav .icon-bar {
      background-color: black !important; }
  body #SiteMain .article-wrapper {
    position: relative; }
  body #SiteMain article {
    max-width: 100%;
    position: inherit; }
    body #SiteMain article figure img {
      max-width: 100% !important;
      max-height: 90vh !important;
      border: solid 5px black !important; }
    body #SiteMain article footer {
      position: absolute;
      top: 1em;
      right: 2em;
      display: none;
      z-index: 500; }
      body #SiteMain article footer time {
        display: none; }
      body #SiteMain article footer div span {
        vertical-align: middle !important;
        display: inline-block;
        margin-left: 1em; }
        body #SiteMain article footer div span svg.social {
          height: 20px; }
        body #SiteMain article footer div span svg.facebook {
          height: 20px; }

/* FLEXBOX STUFF FOR POST POSITION */
.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; }

.Aligner-item--top {
  align-self: flex-start; }

@media (min-width: 100px) and (max-width: 767px) {
  .Aligner-item {
    max-width: 90%; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .Aligner-item {
    max-width: 60%; } }
@media (min-width: 1024px) {
  .Aligner-item {
    max-width: 40%; } }

.Aligner-item--bottom {
  align-self: flex-end; }

/* PARALLAX --- ALL CONTENT & INNER FLEXBOX LAYOUTS  --- */
.parallax {
  height: 100vh;
  perspective: 1px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media (max-width: 600px) {
    .parallax {
      height: 100vh; } }

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.parallax__group {
  position: relative;
  height: 100vh;
  transform-style: preserve-3d; }
  @media (max-width: 600px) {
    .parallax__group {
      height: 66.666vh; } }

.parallax__layer--fore {
  transform: translateZ(0); }

.parallax__layer--base {
  transform: translateZ(-0.03em); }

.parallax__layer--back {
  transform: translateZ(-0.02em); }

.parallax__layer--deep {
  transform: translateZ(-0.01em); }

.img-parallax {
  width: 25em;
  position: fixed; }
  @media (min-width: 100px) and (max-width: 767px) {
    .img-parallax {
      display: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .img-parallax {
      display: none; } }

.parallax__group:nth-child(odd) .img-parallax-one {
  top: 0;
  left: 0; }
.parallax__group:nth-child(odd) .img-parallax-two {
  right: 0;
  top: 0; }
.parallax__group:nth-child(odd) .img-parallax-three {
  left: 0;
  top: 50vh; }

.parallax__group:nth-child(even) .img-parallax-one {
  top: 0vh;
  right: 0; }
.parallax__group:nth-child(even) .img-parallax-two {
  left: 0;
  top: 0; }
.parallax__group:nth-child(even) .img-parallax-three {
  right: 0;
  top: 50vh; }

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