/* DARK MODE BUTTON */

.dm-dark .default-logo,
.dm-dark .sticky-logo {
  /* background-color:var(--ConstFontL)!important; */
  filter: invert(1) !important;
  mix-blend-mode: lighten !important;
}

button#mode-toggler {
  /* margin-top: 15px;
  height: 50px !important;
  border: var(--borderSet2) !important;
  border-width: 2px !important;
  padding: 5px 30px;
  background-color: var(--paletteColor8);
  background: transparent !important;
  font-size: 18px !important;
  font-size: var(--FontNormal) !important;
  font-weight: 500 !important;
  color: var(--paletteColor4); */
}

button#mode-toggler:hover {
  /* cursor: pointer; */
}

button#mode-remover {
  bottom: 20px;
  left: 100px;
  position: fixed;
  display: none;
  color: var(--VariColorL);
}

/* .darkmode-button-square {
  background-color: var(--ConstColorL) !important;
  background-image: -webkit-linear-gradient(-45deg, var(--ConstColorL) 50%, var(--ConstColorD) 50%) !important;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid var(--VariColorD);
  border-radius: 0px;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0px !important;
  transition: all 180ms;
} */

.sticky .darkmode-button-square {
  /* background-color: var(--ConstColorL) !important; */
  /* background-image: -webkit-linear-gradient(-45deg, var(--ConstColorL) 50%, var(--ConstColorD) 50%) !important; */
  /* width: 25px !important; */
  /* height: 25px !important; */
}

.darkmode-button-square:hover,
.dm-dark .darkmode-button-square:hover {
  cursor: pointer;
  /* background-image: -webkit-linear-gradient(180deg, var(--ConstColorL) 50%, var(--ConstColorD) 50%) !important; */
  transition: all 0ms;
}

/* .dm-dark .darkmode-button-square {
  background-color: var(--ConstColorL) !important;
  background-image: -webkit-linear-gradient(45deg, var(--ConstColorL) 50%, var(--ConstColorD) 50%) !important;
  border: 2px solid var(--VariColorD);
  transition: all 180ms;
} */

.darkmode-button-square {
  background-color: var(--transp) !important;
  background-image: url(/assets/img/dm-moon.svg) !important;
  /* background-image: url(/assets/img/dm-sun.svg) !important; */
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 25px !important;
  height: 25px !important;
  border: 0px solid var(--VariColorD);
  border-radius: 0px;
  padding: 0 !important;
  margin: -1px 0 0 0 !important;
  font-size: 0px !important;
  transition: all 0ms;
}

.dm-dark .darkmode-button-square {
  background-color: var(--transp) !important;
  background-image: url(/assets/img/dm-sun.svg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 25px !important;
  height: 25px !important;
  border: 0px solid var(--VariColorD);
  border-radius: 0px;
  padding: 0 !important;
  margin: -1px 0 0 0 !important;
  font-size: 0px !important;
  transition: all 0ms;
  filter: invert(1) !important;
}