.darkmode {
  display: none;
}

.darkToggle {
  cursor: pointer;
  user-select: none;
  caret-color: transparent;
  outline: none;
}

.dark {
  color: #FAFAFA;
  background: #12171A;
}

.webiiilogo {
  fill: #333333;
}

body.dark .webiiilogo {
  fill: #FAFAFA;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4 {
  color: var(--e-global-color-text);
}

body.dark {
  --e-global-color-primary: #FAFAFA;
  --e-global-color-secondary: #FAFAFA;
  --e-global-color-text: #FAFAFA;
  --e-global-color-accent: #FAFAFA;
}

body.dark .elementor-button {
  background-color: #40FB50;
  color: #000000;
}

body.dark .elementor-button:hover {
  background-color: #40FB50;
}

body.dark .elementor-field {
  background-color: #FAFAFA;
}

body.dark i {
  color: #FAFAFA;
}