/* quote-card.css - card de citat pentru istoricul de feedback, identic cu mmb.feedback.php original */
.quote-card {
  background: #fff;
  color: #222222;
  padding: 20px;
  padding-left: 30px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p { font-size: 18px; line-height: 1.5; margin: 0; max-width: 80%; }
.quote-card cite { font-size: 14px; margin-top: 10px; display: block; font-weight: 200; opacity: 0.8; }
.quote-card:before {
  font-family: Georgia, serif; content: "\201C"; position: absolute; top: 10px; left: 10px;
  font-size: 5em; color: rgba(238, 238, 238, 0.8); font-weight: normal;
}
.quote-card:after {
  font-family: Georgia, serif; content: "\201D"; position: absolute; bottom: -110px;
  line-height: 100px; right: -32px; font-size: 25em; color: rgba(238, 238, 238, 0.8); font-weight: normal;
}
@media (max-width: 640px) {
  .quote-card:after { font-size: 22em; right: -25px; }
}

/* timeline.css - lista de recompense (mmb.recompense.php original) */
ul.timeline { list-style-type: none; position: relative; }
ul.timeline:before {
  content: ' '; background: #d4d9df; display: inline-block; position: absolute;
  left: 29px; width: 2px; height: 100%; z-index: 400;
}
ul.timeline > li { margin: 20px 0; padding-left: 20px; }
ul.timeline > li:before {
  content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%;
  border: 3px solid #22c0e8; left: 20px; width: 20px; height: 20px; z-index: 400;
}