/* Dark theme starts */
.display_yes {
    display: block !important;
    padding: 5px 5px;
    height: 25px;
    width: 25px;
    border-radius: 40px;
}
.display_yes:hover {
    background: #fff;
    color: #000;
}
.display_yes.lightbtn {
    margin-bottom: 5px;
}
.light-mode .lightbtn {
    background: #fff;
    color: #000;
}

.dark-mode .darkbtn {
    background: #fff;
    color: #000;
}
.modeToggleBtn {
    position: fixed;
    transition: all .5s ease 0s;
    background: #8247de63;
    border: 0;
    border-radius: 50px 50px 50px 50px;
    color: #fff;
    height: auto;
    line-height: 35px;
    width: auto;
    font-size: 16px;
    z-index: 9;
    right: 4px;
    top: 50%;
    padding: 8px;
}
.modeToggleBtn:hover {
    background: #8247de;
}
.light-mode .lightbtn {
  display: none;
}
.dark-mode .darkbtn {
  display: none;
}
.light-mode .darkbtn {
  display: block;
}
.dark-mode .lightbtn {
  display: block;
}
body.dark-mode, body.dark-mode .nav-tabs .nav-link {
  color: #fff;
}
body.dark-mode a {
    color: #a47119;
}
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #fff;
}
body.dark-mode, body.dark-mode #top, body.dark-mode header, body.dark-mode .cimenu, body.dark-mode  footer, body.dark-mode  #header-cart .dropdown-menu {
  transition: all .5s ease 0s;
  background: #242424 !important;
}
body.dark-mode #top .nav > .list-inline > .list-inline-item,  body.dark-mode #top .nav > .list-inline .list-inline-item > a, body.dark-mode #top .nav > .list-inline .list-inline-item .dropdown > a {
  color: #fff !important;
}
body.dark-mode #top, body.dark-mode header {
  border-bottom: 1px solid #2d2d2d;
}
body.dark-mode .cimenu {
  border-bottom: 1px solid #2d2d2d;
}
body.dark-mode #menu.navbar {
    margin-bottom: 0px;
}
body.dark-mode  #search {
    transition: all .5s ease 0s;
    background: #ffffff00;
    border: 2px solid #a47119;
}
body.dark-mode  #search .btn-lg, body.dark-mode .fa-basket-shopping {
  transition: all .5s ease 0s;
  background: #a4711963;
}
body.dark-mode .wish_acc, body.dark-mode .wish_acc a, body.dark-mode footer h5 {
    color: #ffffff !important;
}
body.dark-mode h3 {
    color: #fff;
}
body.dark-mode .product-thumb .description h4 a, body.dark-mode .single_product .product-thumb .caption h4 a {
  color: #cd8d20;
}

body.dark-mode .border_product .item a img {
  border: 1px solid;
}
body.dark-mode .price {
    color: #efeded;
}
body.dark-mode .product-thumb .content .button-group {
    border: 2px solid #ffffff17;
    transition: all .5s ease 0s;
    background: #242424;
}
body.dark-mode .product-thumb .button-group button + button {
    border-color: #ffffff17;
}
body.dark-mode .product-thumb .content .button-group button, body.dark-mode .product-thumb .content .button-group button:hover, body.dark-mode .product-thumb .content .button-group button:focus {
    transition: all .5s ease 0s;
    background-color: transparent;
    color: #fff;
}
body.dark-mode footer {
  color: #fff;
}
body.dark-mode footer a {
    color: #c9c9c9;
}
body.dark-mode .dropdown-menu {
    box-shadow: 0 1px 4px #00000026;
    transition: all .5s ease 0s;
    background: #242424;
}
body.dark-mode .cimenu #menu li .dropdown-menu a {
      color: #fff;
}
body.dark-mode #header-cart .dropdown-menu {
  border: 1px solid;
}
body.dark-mode #menu .see-all, body.dark-mode .dropdown-menu, body.dark-mode .table-bordered > :not(caption) > *, body.dark-mode #header-cart .dropdown-menu, legend, body.dark-mode #product-category .product-thumb, body.dark-mode .border_product, body.dark-mode  .nav-tabs, body.dark-mode .border_product .item a img, body.dark-mode .cartSnProdiuctPage, body.dark-mode  .navbar-collapse>ul>li {
  border-color: #ffffff17;
}
body.dark-mode #search .form-control-lg, body.dark-mode .quantitygrp span {
  color: #fff;
}
body.dark-mode .shadowPopup, body.dark-mode .menuShadow {
  transition: all .5s ease 0s;
  background: #242424c2 !important;
}
body.dark-mode .cartSnProdiuct.evenodd, body.dark-mode .cimenu #menu li .dropdown-menu a:before {
    transition: all .5s ease 0s;
    background: #ffffff17 !important;
}
body.dark-mode .dText a, body.dark-mode .dTotal {
  color: #fff;
}
body.dark-mode .table-bordered {
  color: #fff;
}
body.dark-mode .btn-primary, body.dark-mode .modeToggleBtn, body.dark-mode .xzoom-container .owl-nav button.disabled {
      transition: all .5s ease 0s;
      background: #a4711963 !important;
      color: #fff;
}
body.dark-mode .btn-primary:hover, body.dark-mode .btn-primary:focus, body.dark-mode .xzoom-container .owl-nav button {
      transition: all .5s ease 0s;
      background: #a47119 !important;
}
body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-item:focus, body.dark-mode  .btn-light:hover, body.dark-mode  .quantitygrp .input-group-btn:hover, body.dark-mode .list-group-item.active~.active, body.dark-mode .active > .page-link, body.dark-mode .nav-tabs .nav-link.active, body.dark-mode .nav-tabs .nav-link:hover, body.dark-mode .nav-tabs .nav-link:focus, body.dark-mode .modeToggleBtn:hover  {
      color: #fff;
      transition: all .5s ease 0s;
      background: #a47119 !important;
}

body.dark-mode .card, body.dark-mode .list-group, body.dark-mode .list-group-item, body.dark-mode  .accordion-button, body.dark-mode .accordion-item {
    transition: all .5s ease 0s;
    background: #3b3b3b;
    border-color: #ffffff0d;
    color: #fff;
}
body.dark-mode .list-group-item:hover {
      color: #a47119;
}
body.dark-mode .form-control, body.dark-mode .form-select, body.dark-mode .page-link {
    transition: all .5s ease 0s;
    background: #343434;
    border-color: #ffffff0d;
    color: #fff;
}

body.dark-mode .form-control::placeholder, body.dark-mode .carousel-control-prev, body.dark-mode .carousel-control-next {
    color: #5c5b5b;
}
body.dark-mode .btn-light, body.dark-mode .quantitygrp .input-group-btn, body.dark-mode .input-group-text {
    transition: all .5s ease 0s;
    background: #ffffff17 !important;
    border-color: #ffffff0d;
    color: #fff;
}
body.dark-mode  footer {
  border-top: 1px solid #ffffff0d;
}
body.dark-mode .card, body.dark-mode .list-group, body.dark-mode .list-group-item, body.dark-mode .accordion-button, body.dark-mode .accordion-item, body.dark-mode .product-thumb .content .button-group, body.dark-mode #header-cart .dropdown-menu,  body.dark-mode .dropdown-menu {
    transition: all .5s ease 0s;
    background: #3b3b3b !important;
    color: #fff;
}
.darkmodeshow {
  display: none;
}
.lightmodeshow {
  display: block;
}
body.dark-mode .darkmodeshow {
  display: block;
}
body.dark-mode .lightmodeshow {
  display: none;
}

body.dark-mode .product-thumb, body.dark-mode .single_product .product-thumb .caption h4 a {
    background: #2d2e2e !important;
    border: 1px solid #363636 !important;
}

body.dark-mode .product-thumb .image {
    background: #ffffff;
}




body.dark-mode .main_newsletter {
    background: transparent;
}
body.dark-mode .footer-newsletter, body.dark-mode .popup_advance .modal-dialog, body.dark-mode .modal-content {
    background: #1f1f1f;
    box-shadow: none;
}
body.dark-mode .footer-newsletter p {
    color: #ffffffa6;
}
body.dark-mode #footer-newsletter .social_icons a, body.dark-mode #popup-newsletter .social_icons a{
    color: #cdcdcd;
}
body.dark-mode .dynamic-matter .description * {
    color: #ffffff !important;
}

body.dark-mode .ciproduct_carousel .nav-tabs a {
    color: #ffffff;
}
body.dark-mode .table-bordered, body.dark-mode  td, body.dark-mode  th {
    color: #fff !important;
}

body.dark-mode .form-control::placeholder {
    color: #bbbbbb;
}
body.dark-mode .form-control, body.dark-mode .form-select, body.dark-mode .page-link {
    color: #ffffff;
}

@media (max-width: 991px) {
    body.dark-mode .navbar-collapse>ul {
    transition: all .5s ease 0s;
    background: #242424 !important;
    }
    body.dark-mode #menu .navbar-nav > li > a:hover {
    transition: all .5s ease 0s;
    background: #ffffff20 !important;
    color: #fff;
    }
    body.dark-mode #menu div.dropdown-menu, footer .row>div {
    border-color: #ffffff17;
    }
    body.dark-mode .menuShadow {
      transition: all .5s ease 0s;
      background: #00000060 !important;
    }
    body.dark-mode #menu .navbar-nav > li > a {
      color: #fff !important;
    }
}
/* Dark theme Ends */