/* 
 * All CSS styling related to the page newsLetter
*/

.newsletter-list { list-style: none; padding: 0; margin: 0; }

.newsletter-list li {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
}

.newsletter-list a {
  font-size: 1.1em;
  font-weight: 600;
  color: #2c3e50;
  text-decoration: none;
}

.newsletter-list .date {
  float: right;
  color: #7f8c8d;
  font-size: 0.85em;
}

.newsletter-list .summary {
  color: #555;
  font-size: 0.95em;
  margin-top: 4px;
}

/* takeaway goes well with divs
 */
.takeaway {
  background: #f0f8ff;
  padding: 15px;
  border-left: 4px solid #3498db;
  border-radius: 4px;
}

/* Goes well with span
 */
.badge {
  background: #2c3e50;
  color: #fff;
  padding: 4px 12px;
  border-radius: 3px; 
  font-size: 0.85em;
}