/* 
Custom CSS for public ListMonk pages
'Instellingen' > 'Uiterlijk' > 'Aangepaste CSS' 
*/
body {
  color: #e0e0e0 !important;
  background-color: #000 !important;
}
.header .logo img {
  max-width: 300px;
}
input {
  font-family: inherit;
  accent-color: #2fb6bc;
}
input[type="text"], input[type="email"], select {
  box-shadow: none;
  background-color: #eee;
  border-radius: 0;
  border: none;
}
label {
  color: #000;
}
.button {
  background-color: #2fb6bc;
  border-radius: 0;
  min-width: none;
}
.button.button-outline {
  border: 1px solid #2fb6bc;
  color: #2fb6bc;
}
.button.button-outline:hover {
  background-color: #2fb6bc;
}
a {
  color: #2fb6bc;
  text-decoration-color: #2fb6bc;
}
a:hover {
  color: #000;
  text-decoration-thickness: 2px;
}
h1, h2, h3 , h4 {
  font-weight: 700;
}
.wrap {
 border: none;
 box-shadow: 0 0 .25rem 0 rgba(0,0,0,.1);
  background: #111111;
}
.lists:has(input[type='checkbox']),
.row:has(input[type='radio']) {
  padding-inline-start: 2rem;
}

.lists:has(input[type='checkbox']) li,
.row:has(input[type='radio']) {
  position: relative;
}
.lists li input[type='checkbox'] {
  position: absolute;
  inset-inline-start: -2rem;
  inset-block-start: 2px;
}
.row input[type='radio'] {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 2px;
}