/* Preload images */
.dmfe-preload {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
}

.dmfe-preload img {
    width: 1px;
    height: 1px;
}
#dmfe-sidebar {
  position: fixed;
  font-weight: 500;
  right: 0;
  top: 52%;
  z-index: 3;
  cursor: pointer;
  height: 1px;
}
#dmfe-sidebar .dmfe-rotator {
  -webkit-transform: translateY(-50%) translateX(50px) rotate(90deg);
     -moz-transform: translateY(-50%) translateX(50px) rotate(90deg);
      -ms-transform: translateY(-50%) translateX(50px) rotate(90deg);
       -o-transform: translateY(-50%) translateX(50px) rotate(90deg);
          transform: translateY(-50%) translateX(50px) rotate(90deg);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#dmfe-sidebar div {
    display: block;
    margin: 5px 0;
	font-weight: 500;
	font-size: 16px;
	font-family: "Montserrat", Sans-serif;
}
.dmfe-dark-mode-active #dmfe-sidebar div {
    color: #fff;
}

#dmfe-sidebar div.dmfe-toggle {
  position: relative;
  margin: 0 10px;
  background: #0285a1;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
          border-radius: 35px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 1;
  width: 80px;
  height: 34px;
  display: block;
}
.dmfe-dark-mode-active #dmfe-sidebar div.dmfe-toggle::before {
  background-image: url("http://preview.web.za/solugrowth/wp-content/uploads/2024/11/sun-white.png");
}
#dmfe-sidebar div.dmfe-toggle::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 54px;
  background-image: url("http://preview.web.za/solugrowth/wp-content/uploads/2024/11/sun.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.dmfe-dark-mode-active #dmfe-sidebar div.dmfe-toggle::after {
  background-image: url("http://preview.web.za/solugrowth/wp-content/uploads/2024/11/moon-dark.png");
}
#dmfe-sidebar div.dmfe-toggle::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 54px;
  background-image: url("http://preview.web.za/solugrowth/wp-content/uploads/2024/11/moon.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.dmfe-circle {
  position: absolute;
  background: #fff;
  top: -2px;
  left: 3px;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
          border-radius: 28px;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dmfe-dark-mode-active .dmfe-circle {
  left: 49px;
}
.dmfe-dark-mode-active {
    background-color: #1c1e22; /* Dark background */
    color: #ffffff; /* Light text */
}