/** Flex Synthetic Theme */

body {
    background: white;
    color: black;
}

.article-title-name {
    color: black;
}

.article-title-description {
  color: rgb(80,80,80);
  padding-left: 5px;
}

.article-icon {
  background: transparent;
  border: 1px solid rgb(230,230,230);
}

.article-icon-container {
  // box-shadow: 0px 0px 500px 1px rgb(220,220,220);
  background: white;
}

.article-body {
  background: rgb(250,250,250);
  border-top: 1px solid rgb(230,230,230);
}

.paragraph {
    color: rgb(80,80,80);
}

.article-meta-header {
  color: rgb(120,120,120);
}

.article-meta-author {
  color: rgb(130,130,130);
  font-weight: 600;
}

.abstract span {
  color: black;
}

.article-meta-author:hover {
  color: black;
}

.article-meta-date {
  color: rgb(120,120,120);
}

.paragraph-header {
  color: rgb(120,120,120);
}

.abstract {
  color: rgb(80,80,80);
}

.paragraph-body span {
  color: black;
}

block transform {
  font-size: 16px;
  opacity: 0.8;
  vertical-align: top;
}

citation {
  color: black;
}

.emphasis {
    color: black;
}

/** Infograph */
.infograph-numeric-value {
  color: rgb(60,60,60);
  font-weight: 300;
}

.infograph-numeric-label {
  color: gray;
}

.infograph-toggle-active {
  color: rgb(60,60,60) !important;
  border-color: rgb(60,60,60) !important;
}

.infograph-toggle-option:hover {
  border-color: rgb(90,90,90) !important;
}

.infograph-chart {
    border-color: rgb(230,230,230);
    background: rgb(245,245,245);
    border-width: 1px;
}

.infograph-performance-name {
    color: black;
}

.infograph-performance-value {
  color: gray;
}

.infograph-performance-value span {
    color: black;
}

.infograph-performance-visual {
  background: rgb(200,200,200);
  height: 6px;
}

.infograph-block-performance {
  // min-width: 55% !important;
}

.infograph-visual-highlighted {
  background: linear-gradient(to right, rgba(255,189,10,1.0) 0%,rgba(255,123,8,1) 100%);
}

.infograph-toggle-label {
  color: rgb(60,60,60);
}


.infograph-toggle-performance .infograph-toggle-option {
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  color: rgb(160,160,160);
  border-color: rgb(160,160,160);
  border-bottom-width: 0px;
  border-top-width: 1px !important;
  border-top-style: solid;
  padding-bottom: 0px;
  padding-top: 5px;
}

.paragraph-note-header {
  color: rgb(120,120,120) !important;
}

/** Footer **/

.footer-body {
    background-color: white;
    border-top: 1px solid rgb(230,230,230);
}

.footnote-paragraph {
  color: rgb(80,80,80);
}

/** Animations **/
@keyframes eminate {
  0% {
    box-shadow: 0px 0px 500px 1px rgb(30,30,30);
  }
  50% {
    box-shadow: 0px 0px 700px 1px #E73C7E;
  }
  100% {
    box-shadow: 0px 0px 500px 1px rgb(30,30,30);
  }
}

@keyframes pulse {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}