@charset "UTF-8";
/*----------------------------------------------*\
    PAGES
	=====

	@package piknikpress

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

	@package piknikpress

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Widths */
/* 400px */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
@keyframes fadeinout {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
/* line 24, ../src/pages.scss */
.loading {
  text-transform: uppercase;
  position: absolute;
  top: 40vh;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  animation: fadeinout 1s infinite;
  transition: opacity 0.2s; }
  /* line 34, ../src/pages.scss */
  .loaded .loading {
    opacity: 0;
    animation: none; }
  /* line 38, ../src/pages.scss */
  .loading .pre-loader {
    max-width: 5em;
    margin-top: 1em; }

/* line 44, ../src/pages.scss */
.site-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  /* line 48, ../src/pages.scss */
  .home .site-main {
    opacity: 0;
    transition: opacity 0.2s; }
    /* line 52, ../src/pages.scss */
    .home .site-main.loaded {
      opacity: 1; }

/* line 57, ../src/pages.scss */
.timeline {
  width: 10%;
  position: sticky;
  top: 1em;
  height: 98vh; }

/* line 63, ../src/pages.scss */
.feed {
  width: 80%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* line 69, ../src/pages.scss */
.card-note-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

/* line 73, ../src/pages.scss */
.card {
  width: 60%;
  background-color: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 1em;
  margin-bottom: 3em;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  @media screen and (min-width: 50em) {
    /* line 73, ../src/pages.scss */
    .card {
      padding: 2em; } }
  /* line 85, ../src/pages.scss */
  .card__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: baseline;
        align-items: baseline;
    margin-bottom: 1em; }
  /* line 91, ../src/pages.scss */
  .card__date-link-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  /* line 95, ../src/pages.scss */
  .card__date {
    font-size: 0.8em;
    margin-right: 1.5em; }
  /* line 99, ../src/pages.scss */
  .card__linkedin-link {
    color: #000000; }
    /* line 102, ../src/pages.scss */
    .card__linkedin-link svg {
      width: 1.25em; }
  /* line 106, ../src/pages.scss */
  .card__filters {
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8em; }
  /* line 110, ../src/pages.scss */
  .card__filter {
    padding: 0.5em;
    text-transform: uppercase;
    margin-left: 0.5em;
    cursor: pointer;
    transition: background-color 0.2s;
    border-width: 1px;
    border-style: solid;
    		/*&.category {
    			background-color: transparent;
    			transition: color 0.2s ease, background-color 0.2s ease;
    
    			&:hover,
    			&:focus {
    				background-color: $text;
    			}
    		}*/ }
    /* line 119, ../src/pages.scss */
    .card__filter.security--wti, .card__filter.security--dxy, .card__filter.security--eurcny, .card__filter.security--audcny, .card__filter.security--gbpjpy, .card__filter.security--gbpchf, .card__filter.security--gbpeur, .card__filter.security--eurjpy, .card__filter.security--eurchf, .card__filter.security--usdgbp, .card__filter.security--usdcny, .card__filter.security--spy, .card__filter.security--dia, .card__filter.security--hyg {
      border-color: #D81111; }
      /* line 135, ../src/pages.scss */
      .card__filter.security--wti a, .card__filter.security--dxy a, .card__filter.security--eurcny a, .card__filter.security--audcny a, .card__filter.security--gbpjpy a, .card__filter.security--gbpchf a, .card__filter.security--gbpeur a, .card__filter.security--eurjpy a, .card__filter.security--eurchf a, .card__filter.security--usdgbp a, .card__filter.security--usdcny a, .card__filter.security--spy a, .card__filter.security--dia a, .card__filter.security--hyg a {
        color: #D81111;
        text-decoration: none;
        transition: color 0.2s ease, background-color 0.2s;
        background-color: transparent; }
      /* line 142, ../src/pages.scss */
      .card__filter.security--wti:before, .card__filter.security--dxy:before, .card__filter.security--eurcny:before, .card__filter.security--audcny:before, .card__filter.security--gbpjpy:before, .card__filter.security--gbpchf:before, .card__filter.security--gbpeur:before, .card__filter.security--eurjpy:before, .card__filter.security--eurchf:before, .card__filter.security--usdgbp:before, .card__filter.security--usdcny:before, .card__filter.security--spy:before, .card__filter.security--dia:before, .card__filter.security--hyg:before {
        content: '';
        display: inline-block;
        width: 1.25em;
        height: 1.25em;
        vertical-align: middle;
        margin-right: 0.5em;
        background: url("../../images/bear.svg") no-repeat 0 0;
        background-size: contain; }
      /* line 152, ../src/pages.scss */
      .card__filter.security--wti:hover, .card__filter.security--wti:focus, .card__filter.security--dxy:hover, .card__filter.security--dxy:focus, .card__filter.security--eurcny:hover, .card__filter.security--eurcny:focus, .card__filter.security--audcny:hover, .card__filter.security--audcny:focus, .card__filter.security--gbpjpy:hover, .card__filter.security--gbpjpy:focus, .card__filter.security--gbpchf:hover, .card__filter.security--gbpchf:focus, .card__filter.security--gbpeur:hover, .card__filter.security--gbpeur:focus, .card__filter.security--eurjpy:hover, .card__filter.security--eurjpy:focus, .card__filter.security--eurchf:hover, .card__filter.security--eurchf:focus, .card__filter.security--usdgbp:hover, .card__filter.security--usdgbp:focus, .card__filter.security--usdcny:hover, .card__filter.security--usdcny:focus, .card__filter.security--spy:hover, .card__filter.security--spy:focus, .card__filter.security--dia:hover, .card__filter.security--dia:focus, .card__filter.security--hyg:hover, .card__filter.security--hyg:focus {
        background-color: #D81111; }
        /* line 156, ../src/pages.scss */
        .card__filter.security--wti:hover a, .card__filter.security--wti:focus a, .card__filter.security--dxy:hover a, .card__filter.security--dxy:focus a, .card__filter.security--eurcny:hover a, .card__filter.security--eurcny:focus a, .card__filter.security--audcny:hover a, .card__filter.security--audcny:focus a, .card__filter.security--gbpjpy:hover a, .card__filter.security--gbpjpy:focus a, .card__filter.security--gbpchf:hover a, .card__filter.security--gbpchf:focus a, .card__filter.security--gbpeur:hover a, .card__filter.security--gbpeur:focus a, .card__filter.security--eurjpy:hover a, .card__filter.security--eurjpy:focus a, .card__filter.security--eurchf:hover a, .card__filter.security--eurchf:focus a, .card__filter.security--usdgbp:hover a, .card__filter.security--usdgbp:focus a, .card__filter.security--usdcny:hover a, .card__filter.security--usdcny:focus a, .card__filter.security--spy:hover a, .card__filter.security--spy:focus a, .card__filter.security--dia:hover a, .card__filter.security--dia:focus a, .card__filter.security--hyg:hover a, .card__filter.security--hyg:focus a {
          color: #ffffff; }
      /* line 160, ../src/pages.scss */
      .card__filter.security--wti:hover:before, .card__filter.security--wti:focus:before, .card__filter.security--dxy:hover:before, .card__filter.security--dxy:focus:before, .card__filter.security--eurcny:hover:before, .card__filter.security--eurcny:focus:before, .card__filter.security--audcny:hover:before, .card__filter.security--audcny:focus:before, .card__filter.security--gbpjpy:hover:before, .card__filter.security--gbpjpy:focus:before, .card__filter.security--gbpchf:hover:before, .card__filter.security--gbpchf:focus:before, .card__filter.security--gbpeur:hover:before, .card__filter.security--gbpeur:focus:before, .card__filter.security--eurjpy:hover:before, .card__filter.security--eurjpy:focus:before, .card__filter.security--eurchf:hover:before, .card__filter.security--eurchf:focus:before, .card__filter.security--usdgbp:hover:before, .card__filter.security--usdgbp:focus:before, .card__filter.security--usdcny:hover:before, .card__filter.security--usdcny:focus:before, .card__filter.security--spy:hover:before, .card__filter.security--spy:focus:before, .card__filter.security--dia:hover:before, .card__filter.security--dia:focus:before, .card__filter.security--hyg:hover:before, .card__filter.security--hyg:focus:before {
        background: url("../../images/chart-white.svg") no-repeat 0 0;
        background-size: contain; }
    /* line 166, ../src/pages.scss */
    .card__filter.security--gold, .card__filter.security--silver, .card__filter.security--copper, .card__filter.security--palladium, .card__filter.security--eth-usd, .card__filter.security--btc-usd, .card__filter.security--usdinr {
      border-color: #569E11; }
      /* line 175, ../src/pages.scss */
      .card__filter.security--gold a, .card__filter.security--silver a, .card__filter.security--copper a, .card__filter.security--palladium a, .card__filter.security--eth-usd a, .card__filter.security--btc-usd a, .card__filter.security--usdinr a {
        color: #569E11;
        text-decoration: none;
        transition: color 0.2s ease, background-color 0.2s ease;
        background-color: transparent; }
      /* line 182, ../src/pages.scss */
      .card__filter.security--gold:before, .card__filter.security--silver:before, .card__filter.security--copper:before, .card__filter.security--palladium:before, .card__filter.security--eth-usd:before, .card__filter.security--btc-usd:before, .card__filter.security--usdinr:before {
        content: '';
        display: inline-block;
        width: 1.5em;
        height: 1.4em;
        vertical-align: middle;
        margin-right: 0.5em;
        background: url("../../images/bull.svg") no-repeat 0 0;
        background-size: contain; }
      /* line 192, ../src/pages.scss */
      .card__filter.security--gold:hover, .card__filter.security--gold:focus, .card__filter.security--silver:hover, .card__filter.security--silver:focus, .card__filter.security--copper:hover, .card__filter.security--copper:focus, .card__filter.security--palladium:hover, .card__filter.security--palladium:focus, .card__filter.security--eth-usd:hover, .card__filter.security--eth-usd:focus, .card__filter.security--btc-usd:hover, .card__filter.security--btc-usd:focus, .card__filter.security--usdinr:hover, .card__filter.security--usdinr:focus {
        background-color: #569E11; }
        /* line 196, ../src/pages.scss */
        .card__filter.security--gold:hover a, .card__filter.security--gold:focus a, .card__filter.security--silver:hover a, .card__filter.security--silver:focus a, .card__filter.security--copper:hover a, .card__filter.security--copper:focus a, .card__filter.security--palladium:hover a, .card__filter.security--palladium:focus a, .card__filter.security--eth-usd:hover a, .card__filter.security--eth-usd:focus a, .card__filter.security--btc-usd:hover a, .card__filter.security--btc-usd:focus a, .card__filter.security--usdinr:hover a, .card__filter.security--usdinr:focus a {
          color: #ffffff; }
      /* line 200, ../src/pages.scss */
      .card__filter.security--gold:hover:before, .card__filter.security--gold:focus:before, .card__filter.security--silver:hover:before, .card__filter.security--silver:focus:before, .card__filter.security--copper:hover:before, .card__filter.security--copper:focus:before, .card__filter.security--palladium:hover:before, .card__filter.security--palladium:focus:before, .card__filter.security--eth-usd:hover:before, .card__filter.security--eth-usd:focus:before, .card__filter.security--btc-usd:hover:before, .card__filter.security--btc-usd:focus:before, .card__filter.security--usdinr:hover:before, .card__filter.security--usdinr:focus:before {
        background: url("../../images/chart-white.svg") no-repeat 0 0;
        background-size: contain; }
    /* line 206, ../src/pages.scss */
    .card__filter.chart, .card__filter.security--2, .card__filter.security--10, .card__filter.security--30 {
      border-color: #3469CF; }
      /* line 212, ../src/pages.scss */
      .card__filter.chart a, .card__filter.security--2 a, .card__filter.security--10 a, .card__filter.security--30 a {
        color: #3469CF;
        text-decoration: none;
        transition: color 0.2s ease, background-color 0.2s ease;
        background-color: transparent; }
      /* line 219, ../src/pages.scss */
      .card__filter.chart:before, .card__filter.security--2:before, .card__filter.security--10:before, .card__filter.security--30:before {
        content: '';
        display: inline-block;
        width: 1.5em;
        height: 1.4em;
        vertical-align: middle;
        background: url("../../images/chart.svg") no-repeat 0 0;
        background-size: contain;
        margin-right: 0.2em; }
      /* line 229, ../src/pages.scss */
      .card__filter.chart:hover, .card__filter.chart:focus, .card__filter.security--2:hover, .card__filter.security--2:focus, .card__filter.security--10:hover, .card__filter.security--10:focus, .card__filter.security--30:hover, .card__filter.security--30:focus {
        background-color: #3469CF; }
        /* line 233, ../src/pages.scss */
        .card__filter.chart:hover a, .card__filter.chart:focus a, .card__filter.security--2:hover a, .card__filter.security--2:focus a, .card__filter.security--10:hover a, .card__filter.security--10:focus a, .card__filter.security--30:hover a, .card__filter.security--30:focus a {
          color: #ffffff; }
      /* line 237, ../src/pages.scss */
      .card__filter.chart:hover:before, .card__filter.chart:focus:before, .card__filter.security--2:hover:before, .card__filter.security--2:focus:before, .card__filter.security--10:hover:before, .card__filter.security--10:focus:before, .card__filter.security--30:hover:before, .card__filter.security--30:focus:before {
        background: url("../../images/chart-white.svg") no-repeat 0 0;
        background-size: contain; }
  /* line 253, ../src/pages.scss */
  .card__text {
    font-size: 1.125em;
    margin-bottom: 1em; }
  /* line 257, ../src/pages.scss */
  .card__external-link {
    background-color: #F0F0F0;
    padding: 1em; }
  /* line 261, ../src/pages.scss */
  .card__external-link__title {
    font-weight: bold;
    font-size: 1.125em;
    margin-bottom: 1em; }
    /* line 266, ../src/pages.scss */
    .card__external-link__title a {
      color: #000000;
      text-decoration: none; }
  /* line 271, ../src/pages.scss */
  .card__external-link-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
  /* line 276, ../src/pages.scss */
  .card__external-link__link {
    color: #000000;
    text-decoration: none;
    font-size: 0.8em; }
    /* line 281, ../src/pages.scss */
    .card__external-link__link svg {
      width: 1.25em; }

/* line 286, ../src/pages.scss */
.note {
  width: 35%;
  background-color: #FFFCB8;
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 1em;
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 3em; }
  /* line 295, ../src/pages.scss */
  .note__text {
    font-size: 0.8em; }
  /* line 298, ../src/pages.scss */
  .note:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 30px solid rgba(0, 0, 0, 0.3);
    border-left: 30px solid transparent;
    position: absolute;
    left: -32px;
    top: -2px; }
  /* line 309, ../src/pages.scss */
  .note:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 28px solid #FFFCB8;
    border-left: 28px solid transparent;
    position: absolute;
    left: -27px;
    top: 0; }

/* line 321, ../src/pages.scss */
.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

/* Timeline Blog */
/* line 343, ../src/pages.scss */
.timeline svg {
  width: 70px;
  height: 98vh; }
/* line 347, ../src/pages.scss */
.timeline text {
  font-family: neue-haas-unica, sans-serif;
  text-transform: uppercase; }
/* line 351, ../src/pages.scss */
.timeline tspan:last-child {
  font-weight: bold;
  font-size: 1.5em; }

/* Charts */
/* line 359, ../src/pages.scss */
.back-link {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase; }
  /* line 364, ../src/pages.scss */
  .back-link:before {
    content: "←";
    display: inline-block;
    margin-right: 0.5em;
    transition: transform 0.2s; }
  /* line 370, ../src/pages.scss */
  .back-link:hover:before {
    transform: translateX(-0.35em); }

/* line 375, ../src/pages.scss */
.chart-section svg {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1200px;
  height: 550px;
  transform: translate(-50%, -50%); }
/* line 383, ../src/pages.scss */
.chart-section path.line {
  fill: none;
  stroke: #3469CF;
  stroke-width: 2px;
  stroke-linecap: round; }
/* line 389, ../src/pages.scss */
.chart-section path.domain {
  stroke-width: 2px; }
/* line 392, ../src/pages.scss */
.chart-section text {
  font-family: neue-haas-unica, sans-serif;
  text-transform: uppercase; }
/* line 396, ../src/pages.scss */
.chart-section tspan:last-child {
  font-weight: bold;
  font-size: 1.5em; }
/* line 400, ../src/pages.scss */
.chart-section .data-point {
  fill: #3469CF;
  cursor: pointer; }

/* line 405, ../src/pages.scss */
.data-tooltip {
  /*fill: $white;
  stroke-width: 2px;
  stroke: rgba($text, 0.3);*/
  /*max-width: 200px;
  height: 100px;*/ }

/* line 412, ../src/pages.scss */
.data-tooltip text {
  font-size: 0.8em;
  text-transform: none; }

/* line 416, ../src/pages.scss */
.tooltip-wrapper {
  fill: #ffffff;
  stroke-width: 2px;
  stroke: rgba(0, 0, 0, 0.3); }

/* line 421, ../src/pages.scss */
.direction--bullish {
  fill: #569E11; }

/* line 424, ../src/pages.scss */
.direction--bearish {
  fill: #D81111; }

/* line 433, ../src/pages.scss */
.link {
  text-transform: uppercase; }