.royalnews-dark-mode {
  .royalnews-switch {
    background: #222 !important;
    .royalnews-slider {
      left: 32px !important;
      &:before {
        content: '\f185' !important;
        color: #222 !important;
      }
    }
  }
}


.royalnews-darkmode-toggle-wrapper {
  margin-right: 15px;
  .royalnews-switch {
    display: block;
    height: 20px;
    width: 50px;
    border-radius: 20px;
    background: #ccc;
    position: relative;
    transition: .25s;
    font-size: 0;
    input[type="checkbox"] {
      display: none;
    }
    .royalnews-slider {
      height: 16px;
      width: 16px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      left: 2px;
      top: 50%;
      transform: translateY(-50%);
      transition: all ease-in-out .3s;
      &:before {
        font-weight: 600;
        font-family: 'Font Awesome 5 Free';
        font-size: 12px;
        content: '\f186';
        padding: 2px;
        border-radius: 100%;
        vertical-align: top;
        color: #222;
      }
    }
  } 
}


// for dark mode

// .royalnews-switch {
//     display: block;
//     height: 20px;
//     width: 54px;
//     border-radius: 20px;
//     background: rgba(0, 0, 0, 0.75);
//     position: relative;
//     transition: .25s;
//     font-size: 0;
// }

// .royalnews-switch input { 
//   opacity: 0;
//   width: 0;
//   height: 0;
// }

// .royalnews-slider {
//   position: absolute;
//   cursor: pointer;
//   top: 0;
//   left: 0;
//   right: 0;
//   bottom: 0;
//   background-color: #ccc;
//   -webkit-transition: .4s;
//   transition: .4s;
// }

// .royalnews-slider:before {
//   position: absolute;
//   content: "";
//   height: 20px;
//   width: 20px;
//   left: 4px;
//   bottom: 4px;
//   background-color: white;
//   -webkit-transition: .4s;
//   transition: .4s;
// }

// input:checked + .royalnews-slider {
//   background-color: #2196F3;
// }

// input:focus + .royalnews-slider {
//   box-shadow: 0 0 1px #2196F3;
// }

// input:checked + .royalnews-slider:before {
//   -webkit-transform: translateX(26px);
//   -ms-transform: translateX(26px);
//   transform: translateX(26px);
// }

// /* Rounded sliders */
// .royalnews-slider.round {
//   border-radius: 34px;
// }

// .royalnews-slider.round:before {
//   border-radius: 50%;
// }