/* comments */
#edit-comment-body-0-format {
  display: none; }

#edit-comment-body-0-format-help {
  display: none; }

.form-item-comment-body-0-format {
  display: none; }

article.comment .content {
  display: flex;
  align-items: center; }
  article.comment .content ul.links {
    margin-bottom: 0; }

.comment-wrapper article {
  border-left: 2px solid var(--text-color, gray);
  padding-left: 1em;
  margin-bottom: 1em; }

.comment-wrapper input[data-drupal-selector='edit-preview'] {
  display: none; }

.comment-wrapper h2.comment-form__title {
  display: none; }

section.field--type-comment {
  margin: 1em; }

@media screen and (min-width: 768px) {
  /* desktop */
  section.field--type-comment {
    margin: 1em 5em; } }

:root {
  --header-link-color: white;
  --header-scrolled-link-color: black;
  --header-bg: transparent;
  --header-scrolled-bg: white;
  --bg-color: white;
  --bg-2-color: #dedede;
  --bs-link-color: var(--link-color);
  --bs-link-hover-color: var(--link-2-color);
  /* footer */
  --footer-bg: #b3b3b3;
  /* last footer */
  --footer-bg-2: rgba(48,48,48, 0.7);
  --link-color: black;
  --link-2-color: var(--link-color); }

body {
  background: var(--bg-color); }

.Card,
.node--view-mode-teaser {
  background: var(--bg-2-color, white);
  border: 1px solid var(--text-color, gray); }

.node--view-mode-card h2 a,
.node--view-mode-teaser h2 a {
  color: var(--link-2-color); }

a,
.btn-link,
.nav-link,
.dropdown-item {
  color: var(--link-color); }

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus,
.nav-link:hover,
.nav-link:focus,
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--link-color); }

.btn-primary {
  color: var(--bg-color);
  background-color: var(--link-color);
  border-color: var(--emphasis-color, var(--link-color)); }

.btn-primary:hover {
  color: var(--bg-color);
  background-color: var(--link-2-color);
  border-color: var(--link-2-color); }

a {
  color: var(--link-color);
  text-decoration: none; }

a:hover {
  color: var(--link-2-color); }

/* footer */
.featured-bottom,
.site-footer {
  background: var(--footer-bg); }
  .featured-bottom ul.nav a,
  .featured-bottom ul.navbar-nav a,
  .site-footer ul.nav a,
  .site-footer ul.navbar-nav a {
    color: var(--header-link-color); }

.site-footer__bottom {
  background-color: var(--footer-bg-2, var(--footer-bg)); }