/*----------------------------------------------*\
    GLOBAL
	======

	@package hannahbahl

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package hannahbahl

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 500px */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* 
 *
 * 1./  
------------------------------------------------*/
/* line 17, ../src/global.scss */
html {
  scroll-behavior: smooth; }

/* line 20, ../src/global.scss */
body {
  font-family: acumin-pro, sans-serif; }

/* line 24, ../src/global.scss */
.wrapper {
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 37.5em) {
    /* line 24, ../src/global.scss */
    .wrapper {
      padding-left: 2em;
      padding-right: 2em; } }
  @media screen and (min-width: 68.75em) {
    /* line 24, ../src/global.scss */
    .wrapper {
      padding-left: 3em;
      padding-right: 3em; } }

/* line 37, ../src/global.scss */
.wrapper--content {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto; }

/* line 44, ../src/global.scss */
.typography p {
  font-size: 1em;
  margin-bottom: 1em;
  line-height: 1.4; }
  @media screen and (min-width: 37.5em) {
    /* line 44, ../src/global.scss */
    .typography p {
      font-size: 1.125em; } }
  @media screen and (min-width: 50em) {
    /* line 44, ../src/global.scss */
    .typography p {
      font-size: 1.25em; } }
/* line 56, ../src/global.scss */
.typography a {
  display: inline-block;
  text-decoration: none;
  margin-bottom: -6px;
  color: #000000; }
  /* line 62, ../src/global.scss */
  .typography a:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 0.25em;
    transform-origin: right;
    transform: translateY(-0.4rem) scaleX(1);
    transition: transform 1s ease;
    background-color: #000000; }
  /* line 73, ../src/global.scss */
  .typography a:hover:after, .typography a:focus:after {
    transform-origin: right;
    transform: translateY(-0.4rem) scaleX(0); }

/* 
 *
 * 2./  Wiggle Animation
------------------------------------------------*/
/* line 86, ../src/global.scss */
.wiggle {
  position: relative; }
  /* line 89, ../src/global.scss */
  .wiggle span {
    white-space: pre;
    position: relative;
    display: inline-block; }
  /* line 94, ../src/global.scss */
  .wiggle:hover span, .wiggle:focus span {
    position: relative;
    display: inline-block;
    animation: wiggle 1s ease-in-out;
    animation-iteration-count: 1;
    animation-delay: calc(0.1s * var(--i)); }

@keyframes wiggle {
  0% {
    transform: translateY(0px); }
  20% {
    transform: translateY(-10px); }
  40%,100% {
    transform: translateY(0px); } }
/* 
 *
 * 3./  Printer styles
------------------------------------------------*/
@media print {
  /* line 124, ../src/global.scss */
  body {
    font-family: Helvetica, sans serif;
    background: none;
    color: #000000; }

  /* line 129, ../src/global.scss */
  #page {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none; }
    /* line 134, ../src/global.scss */
    #page:after {
      content: 'Thank you for your interest in Piknik Press!';
      margin-top: 24px; }

  /* line 139, ../src/global.scss */
  .site-header, #site-navigation, .site-footer, #colophon, .site-branding {
    display: none; }

  /* line 142, ../src/global.scss */
  .entry a:after {
    content: " [" attr(href) "] "; }

  /* line 145, ../src/global.scss */
  .site-title svg {
    display: block;
    margin-bottom: 4em; }

  /* line 149, ../src/global.scss */
  img {
    max-width: 500px;
    opacity: 1 !important; }

  /* line 153, ../src/global.scss */
  h1 {
    font-size: 24pt; }

  /* line 156, ../src/global.scss */
  h2 {
    font-size: 14pt;
    margin-top: 25px; }

  /* line 160, ../src/global.scss */
  .project-listing__project, .image__image, .image-text__image-wrapper, .masonry-grid__image, .fullscreen-image__image, .image-text__text-wrapper p, .featured-text__wrapper p, .small-data__column, .list__wrapper, .work__title, .divider, .button__wrapper, .project-navigation {
    opacity: 1 !important; } }