/* css for a page with multiple city posts listed */ 
h3 {
    margin-block-start: 0;
    margin-block-end: 0;
}
h3 a {
    text-decoration: none;
    color: inherit; 
}
h3 a:hover {
    text-decoration: underline;
}
.post-date {
    text-align: center;
}
.city-collection-note-bold {
  display: flex;
  align-items: center;
  background-color: #f5f7fa;
  border-left: 6px solid #4682B4;
  padding: 1rem;
  margin-bottom: 2rem;
  font-size: 19px;
  border-radius: 8px;
  color: #4A4A4A;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  font-size: 0.9em;
  overflow-wrap: break-word; 
  word-break: break-word;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%;
}
.city-collection-note-bold .ntfctn-icn {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  margin-right: 1rem;
  margin-top: 0.15rem;
  fill: #4A4A4A;
  position: relative;
  top: -3px;
}
@media (max-width: 300px) {
 .city-collection-note-bold {
    flex-direction: column;
    row-gap: 1rem;
 }
}
.barcelona {
  border-left: 6px solid #FFCC00;
}
.amsterdam {
  border-left: 6px solid #D32F2F;
}