/***********************************************************/
html {
  display: none;
}
.darkluplite-admin-dark-mode-enabled a:focus-visible,
.darkluplite-admin-dark-mode-enabled a:focus {
  /* outline: none !important; */
}

/* For Dynamic Contents */
.darkluplite-admin-dark-mode-enabled .wpc-darklup-observer--node .wpc--darkluplite--observed,
.darkluplite-admin-dark-mode-enabled .wpc-darklup-observer--node {
  color: var(--wpc-darkluplite--text-color) !important;
  background-color: var(--wpc-darkluplite--bg) !important;
  border-color: var(--wpc-darkluplite--border-color) !important;
}
.darkluplite-admin-dark-mode-enabled .wpc-darklup-observer--node .wpc--darkluplite--observed::before {
  color: var(--wpc-darkluplite--text-color) !important;
}

/* Global */
.darkluplite-admin-dark-mode-enabled .darkluplite--bg {
  background-color: var(--wpc-darkluplite--bg) !important;
}

.darkluplite-admin-dark-mode-enabled .darkluplite--secondary-bg {
  background-color: var(--wpc-darkluplite--secondary-bg) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite--tertiary-bg {
  background-color: var(--wpc-darkluplite--tertiary-bg) !important;
}

.darkluplite-admin-dark-mode-enabled del.wpc--darkluplite-element,
.darkluplite-admin-dark-mode-enabled i:before,
.darkluplite-admin-dark-mode-enabled .darkluplite--text-before:before,
.darkluplite-admin-dark-mode-enabled .darkluplite--text:not(a):not(a *) {
  color: var(--wpc-darkluplite--text-color) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite--border {
  border-color: var(--wpc-darkluplite--border-color) !important;
}

.darkluplite-admin-dark-mode-enabled .wpc--darkluplite-non-bg-box-shadow {
  background-color: rgba(168, 168, 168, 0.1) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite--img {
  filter: var(--wpc-darkluplite--img-filter) !important;
}

.darkluplite-admin-dark-mode-enabled .darkluplite--inline-svg {
  filter: var(--wpc-darkluplite--svg-filter) !important;
}

/* Link Button */
.darkluplite-admin-dark-mode-enabled .darkluplite--link *,
.darkluplite-admin-dark-mode-enabled .darkluplite--link {
  border-color: var(--wpc-darkluplite--border-color) !important;
  color: var(--wpc-darkluplite--link-color) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite--link i:before {
  color: var(--wpc-darkluplite--link-color) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite--link svg {
  fill: var(--wpc-darkluplite--link-color) !important;
}

.darkluplite-admin-dark-mode-enabled .darkluplite--link:hover {
  color: var(--wpc-darkluplite--link-hover-color) !important;
}

/*Input Styles*/
.darkluplite-admin-dark-mode-enabled .darkluplite--input {
  background-color: var(--wpc-darkluplite--input-bg) !important;
  color: var(--wpc-darkluplite--input-text-color) !important;
  border-color: var(--wpc-darkluplite--border-color) !important;
}

.darkluplite-admin-dark-mode-enabled .darkluplite--input::placeholder {
  color: var(--wpc-darkluplite--text-color) !important;
}

.darkluplite-admin-dark-mode-enabled .darkluplite--input:focus,
.darkluplite-admin-dark-mode-enabled .darkluplite--input:focus-visible {
  outline: none !important;
}

/*Button Styles*/
.darkluplite-admin-dark-mode-enabled .darkluplite--btn {
  background-color: var(--wpc-darkluplite--btn-bg) !important;
  color: var(--wpc-darkluplite--btn-text-color) !important;
  border-color: var(--wpc-darkluplite--border-color) !important;
}

.darkluplite-admin-dark-mode-enabled .darkluplite-main-area > .darkluplite-row {
  background-color: var(--wpc-darkluplite--bg) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite-main-area .darkluplite-row .darkluplite-col-md-3 {
  background-color: var(--wpc-darkluplite--tertiary-bg) !important;
}
.darkluplite-admin-dark-mode-enabled .darkluplite-main-area .darkluplite-settings-area,
.darkluplite-admin-dark-mode-enabled .darkluplite-main-area .darkluplite-settings-area .darkluplite-settings-content {
  background-color: var(--wpc-darkluplite--bg) !important;
}