@charset "UTF-8";
.stocks-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  color: rgba(255, 255, 255, 0.7019607843);
  font-size: 15px;
  padding-bottom: 0.5rem;
}
.stocks-container li {
  margin-bottom: 0;
  letter-spacing: 0.025rem;
}
.stocks-container li .stock-label {
  color: rgba(255, 255, 255, 0.7019607843);
  font-weight: 400;
}
.stocks-container li:not(:last-child) {
  padding: 0 0.55rem 0 0;
}
.stocks-container li:first-child {
  list-style-type: none;
}

.change-positive:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  content: "▲";
  margin-right: 2px;
  color: green;
}

.change-negative:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  content: "▼";
  margin-right: 2px;
  color: red;
}

.stock-quote-details {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  font-size: var(--wp--preset--font-size--normal);
}

.quote-column {
  flex: 1;
  flex-basis: 50%;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media only screen and (max-width: 728px) {
  .quote-column {
    flex-basis: 100%;
  }
}
.quote-column.timestamp {
  text-align: center;
  justify-content: center;
  padding-block: 0.5rem;
  border-bottom: 1px solid var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--small);
}

.quote-label,
.quote-value {
  flex: 1;
  flex-basis: 50%;
  line-height: 1.5;
  height: 100%;
  border-bottom: 1px solid var(--wp--preset--color--primary);
  padding: 0.5rem;
}

.quote-label {
  font-weight: 600;
}

.quote-value {
  text-align: right;
}
.quote-value.full {
  width: 100%;
  text-align: center;
  justify-content: center;
}
.quote-value.small {
  font-size: var(--wp--preset--font-size--small);
}

.stock-disclaimer {
  text-align: center;
  font-size: small;
  padding: 0.5rem;
}