:root {
  --background-color: #f3fae6;
  --default-color: #3a6400;
  --heading-color: #3a6400;
  --accent-color: #3a6400;
  --accent-color-dark: #254200;

  --navbar-link-hover-bg: rgba(58, 100, 0, 0.18);
}

/* #region HEADER */
header {
  background: url("../img/archiv/segito-beszelgetes/header.webp");
}
/* #endregion */

/* #region MAIN */
main .hit-list.custom-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
  padding: 1.2em 1.2em 1.2em 0.8em;
}
main .hit-list.custom-list li {
  position: relative;
  padding-left: 2.2em;
  margin-bottom: 0.85em;
  font-size: 1.18rem;
  color: var(--default-color);
  font-family: var(--default-font);
  line-height: 1.85;
  border-radius: 0.7em;
  box-shadow: 0 1px 8px 0 rgba(58,100,0,0.04);
  transition: background 0.2s;
  display: flex;
  align-items: center;
}
main .hit-list.custom-list li::before {
  content: "";
  display: inline-block;
  min-width: 1.35em;
  min-height: 1.35em;
  width: 1.35em;
  height: 1.35em;
  margin-right: 0.7em;
  vertical-align: middle;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="%233a6400" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12c0 5.52 4.48 10 10 10s10-4.48 10-10C22 6.48 17.52 2 12 2zm-1 15l-5-5 1.41-1.41L11 14.17l7.59-7.59L20 8l-9 9z"/></svg>');
  background-size: 1.35em 1.35em;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.95;
}

main .hit-list.custom-list li:hover {
  background: rgba(234,251,230,0.8);
}
/* #endregion */