/* Shared HTML block styles. 1rem assumes the existing news root size of 62.5%. */

.news-block {
  box-sizing: border-box;
  max-width: 100%;
  margin: 1.6rem 0;
  overflow-wrap: break-word;
}

.news-block--text {
  padding: 1.6rem;
  border-radius: 0.8rem;
  line-height: 1.6;
}

.news-block--plain { background: transparent; color: inherit; padding: 0; }
.news-block--info { background: #edf7fa; color: #263238; }
.news-block--accent { background: #e8f5ee; color: #204332; }
.news-block--custom { background: #edf7fa; color: #263238; }
.news-block--photo {
  background-color: #263238;
  color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
}
.news-block--small { font-size: 1.4rem; }
.news-block--normal { font-size: 1.6rem; }
.news-block--large { font-size: 2rem; }

.news-block__content p,
.news-block__content ul,
.news-block__content ol,
.news-block__content li,
.news-block__content a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-transform: none;
}

.news-block__content p { padding: 0; margin: 0 0 0.75em; }
.news-block__content > :last-child { margin-bottom: 0; }
.news-block__content a { text-decoration: underline; }
.news-block__content h2,
.news-block__content h3 { color: inherit; padding: 0; margin: 0 0 0.75em; line-height: 1.3; }
.news-block__content h2 { font-size: 1.4em; }
.news-block__content h3 { font-size: 1.2em; }

.news-block--image { padding: 0; }
.news-block--image .image__wrapper { position: relative; }
.news-block--image img { display: block; width: 100%; max-width: 100%; height: auto; }
.news-block--image .image__caption {
  display: block;
  margin: 0.8rem 0 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  text-transform: none;
}
.news-block--image .image__caption a { font-size: inherit; }
.news-block--inset { width: 80%; margin-left: auto; margin-right: auto; }

@media (max-width: 480px) {
  .news-block--inset { width: 100%; }
}

/* Clients can set this attribute when switching themes. */
[data-news-theme="dark"] .news-block--info { background: #20333a; color: #e4f0f4; }
[data-news-theme="dark"] .news-block--accent { background: #213a2e; color: #e3f3e9; }