Customising Leo Theme of Dukaan Store With Custom CSS

/*
© Dr. Ajay Divvela
Srinidhi Superfoods.
Released under GNU General Public License v3.0
If this code has helped you in customising your website, please consider giving a backlink to https://srinidhisuperfoods.com from your website.
*/

:root {
  /* Change these values to your brand's colour palette */
  --mildgreen: #d6f9dd;
  --mildblue: #bffff1;
  --bodyBackgroundColor: #fefbe9;
  --footerBackgroundColor: #e1eedd;
  --shadowColor: #888888;
  --hoverColor: #d6f9dd;
}

body > div.sticky.bk-white > div,
body > div.sticky.bk-white > div > div,
body > div.fullContainer > div,
.product-details-section,
.similar-products-wrapper,
#ratings-plugin-container {
  background-color: var(--bodyBackgroundColor) !important;
}

body > main > div.container,
body > main > div.test2.hide-mob > div,
body > div.container {
  background-color: var(--footerBackgroundColor);
}

/_ Search Bar _/ input.search-input.disable-select {
  background: white !important;
  border: 1px solid #1a181e !important;
  box-shadow: 2px 2px var(--shadowColor);
}

body > main > div.test2.hide-mob > div > div > div.rightIcon > svg > rect,
#categoryListStickyID > div > svg > rect {
  background: var(--footerBackgroundColor) !important;
  fill: var(--footerBackgroundColor) !important;
}

body > main > div.test2.hide-mob > div > div > div.allCategories > ul,
body > main > div.test2.hide-mob > div > div > div.allCategories > ul > a,
.mobile-sort-by\_\_wrapper,
#sort-category-modal {
  background: var(--footerBackgroundColor) !important;
}

.sticky-category-title,
.m-sticky-category-title,
.bk-white,
body > div.fullContainer > div,
body > main > div.container,
.hide-mob,
.cardItemsContainer,
.sectionDivider,
.addTobagButtonWrapper,
.drawerButton {
  background-color: var(--bodyBackgroundColor) !important;

  background: var(--bodyBackgroundColor) !important;
}

@media only screen and (min-width: 1024px) {
  .productCardContainer {
    border: 1px solid black;
    box-shadow: 5px 5px var(--shadowColor) !important;
    transition: background-color 0.5s;
  }

  .productCardContainer:hover {
    background-color: var(--hoverColor) !important;
    box-shadow: 7px 7px var(--shadowColor) !important;
    transform-origin: left;
    transform: translateY(2%) !important;
  }

  .mainImgContainer {
    border: 1px solid black;
  }
}

.categoryImg {
  border-radius: 6px;
  box-shadow: 5px 5px var(--shadowColor) !important;
}

.categoryImg:hover {
  transform: translateY(2%);
}

.product-image,
.productImg {
  background: white;
  border: 0.5px solid black;
}

.bordered,
.productImg,
.store-banner {
  border: 0.5px solid black;
}

hr.sectionDivider.footer-section-divider {
  display: none !important;
}

.page-content {
  padding-top: 40px !important;
  margin-top: 0px !important;
}

.btn-outline-primary:hover {
  background-color: white !important;
}

#bestsellers {
  padding-bottom: 40px;
}

.productSection {
  padding-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  .product-images {
    padding-bottom: 0px;
  }
}

body > div.container > div > div.features > div:nth-child(3) > div:hover {
  cursor: pointer;
}

#play_image:hover {
  cursor: pointer;
}