﻿/* Abstracts */
/* Colors */
/* Custom Break Points */
/* Base */
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Raleway&display=swap");
html, body {
  box-sizing: border-box;
  font-size: 16px;
  background-color: #ffffff; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif; }

p, span {
  font-family: "Open Sans", sans-serif; }

a, button {
  font-family: "Raleway", sans-serif;
  text-decoration: none; }

@media only screen and (max-width: 768px) {
  html, body {
    font-size: 12px; } }

/* Components */
.pbi {
  height: calc((100vw) * 0.59); }
  .pbi__report-container {
    width: 100%;
    height: 100%;
    padding: 0px; }
    .pbi__report-container iframe {
      border: none; }
  .pbi__report-frame {
    width: 100%;
    height: 100%; }

@media only screen and (min-width: 768px) {
  .pbi {
    height: calc((100vw - 220px) * 0.59);
    max-height: 790px; } }

.pepper-nav--dark {
  background-color: #024638; }
  .pepper-nav--dark a.nav-link, .pepper-nav--dark button.nav-link {
    color: rgba(255, 255, 255, 0.85) !important; }
    .pepper-nav--dark a.nav-link:hover, .pepper-nav--dark button.nav-link:hover {
      color: white !important;
      background-color: #02372c; }
    .pepper-nav--dark a.nav-link.active, .pepper-nav--dark button.nav-link.active {
      color: #ffffff !important; }
  .pepper-nav--dark button.nav-link {
    border: none;
    background-color: transparent; }
  .pepper-nav--dark span.text-white {
    color: rgba(255, 255, 255, 0.85) !important; }

.pepper-footer--light {
  background-color: #f8f9fa; }

.pepper-project-card {
  max-width: 20rem;
  min-width: 20rem;
  margin: 1rem auto;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
  .pepper-project-card__actions {
    position: relative; }
    .pepper-project-card__actions button {
      position: absolute;
      padding: 1rem;
      top: 0;
      right: 0; }
      .pepper-project-card__actions button svg {
        font-size: 1.5rem; }
    .pepper-project-card__actions .extra-actions {
      position: absolute;
      top: 3rem;
      right: 0;
      display: none;
      background: #ffffff;
      padding: 1rem;
      min-height: 3rem;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
      border-radius: 0.25rem; }
      .pepper-project-card__actions .extra-actions.show {
        display: block; }
  .pepper-project-card img {
    padding-top: 1rem; }

@media only screen and (min-width: 600px) {
  .pepper-project-card {
    max-width: 15rem;
    min-width: 15rem;
    margin: 1rem 0.75rem; }
    .pepper-project-card img {
      margin: 0 auto; } }

.pepper-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem; }
  .pepper-callout h1, .pepper-callout h2, .pepper-callout h3, .pepper-callout h4, .pepper-callout h5, .pepper-callout h6, .pepper-callout p {
    margin: 0;
    padding: 0; }
  .pepper-callout--primary {
    border-left-color: #009739; }
  .pepper-callout--primary-dark {
    border-left-color: #024638; }

/* Pages */
.pepper-card-deck {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
