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

	@package piknikpress

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

	@package piknikpress

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

/* line 20, ../src/global.scss */
body {
  font-family: davis-sans, sans-serif;
  color: #016937; }

/* line 24, ../src/global.scss */
.dark-mode {
  color: #ffffff;
  background-color: #000000;
  transition: background-color 1s ease; }
  /* line 31, ../src/global.scss */
  .dark-mode .typography a {
    color: #ffffff; }
    /* line 34, ../src/global.scss */
    .dark-mode .typography a:after {
      background-color: #ffffff; }

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

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

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

/* 
 *
 * 2./  Wiggle Animation
------------------------------------------------*/
/* line 104, ../src/global.scss */
.wiggle {
  position: relative; }
  /* line 107, ../src/global.scss */
  .wiggle span {
    white-space: pre;
    position: relative;
    display: inline-block; }
  /* line 112, ../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 142, ../src/global.scss */
  body {
    font-family: Helvetica, sans serif;
    background: none;
    color: black; }

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

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

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

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

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

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

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

  /* line 178, ../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; } }