/* #1641DB   #170eff */

.sh-product-plus-minus-button {
  border-radius: 4px !important;
  color: #ffffff;
  background-color: #1641db;
  border-color: #1641db;
}

.sh-product-plus-minus-button:hover {
  border-radius: 4px !important;
  color: #1641db;
  background-color: #ffffff;
  border-color: #1641db;
  transition: 0.5s;
}

.sh-product-card-enquiry {
  border-radius: 0px;
  border-radius: 5px;
  background-color: #3ac34c;
  color: white;
  border-color: #3ac34c;
}

.sh-product-card-enquiry:hover {
  border-radius: 0px;
  border-radius: 5px;
  background-color: #ffffff;
  color: #3ac34c;
  border-color: #3ac34c;
  transition: 0.5s;
}

.sh-product-enquiry {
  border-radius: 0px;
  border-radius: 5px;
  background-color: #3ac34c;
  color: white;
  border-color: #3ac34c;
}

.sh-product-enquiry:hover {
  border-radius: 0px;
  border-radius: 5px;
  background-color: #ffffff;
  color: #3ac34c;
  border-color: #3ac34c;
  transition: 0.5s;
}

/*
.sh-footer-main {
    background-color: #0a0591;
    color: #ffffff;
    padding: 16px;
    position: relative;
    width: 100%;
}
    */

.sh-category-card:nth-child(3n) > a > div {
  /* background-color: #FEEFEA !important; */
}

.sh-category-card > a > div:hover {
  /* border: 1px solid #29A56C !important; */
  /* box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); */
}
.sh-category-card > a > div {
  /* padding: 6px !important; */
  /* border: 1px solid #E5E5E5 !important; */
  /* border-radius: 8px !important; */
}
.cat-card-img-container {
  position: relative;
}

.sh-footer-icon {
  color: #ffffff;
}

.sh-footer-main {
  /* background-color: #07053bd4; */
  background-color: #111184;
}

.pr-title.sh-product-card-name {
  -webkit-line-clamp: 1;
}

:root {
  --primary-main: #ffffff;
  --primary-contrast-text: #1a1a1a;
  --secondary-main: #1641db;
  --info-main: #403b37;
  --error-main: #f44336;
  --error-invalid: #bb0000;
  --error-cancel: #dd0000;
  --error-primary: #f30020;
  --disabled-color: #a9a9a9;
  --typography-font-family: "Noto Sans", "Noto Sans", "Roboto", "Arial",
    sans-serif;
  --header-main: #ffffff;
  --header-contrast-text: #000000;
  --header-button-background: #29a56c;
  --header-accent: #000000;
  --header-badge-main: #29a56c;
  --header-badge-contrast-text: #ffffff;
  --header-box-shadow: rgb(238, 238, 238) 0px 1px 0px;
  --header-divider: 1px solid #f0f0f0;
  --header-notice-background: #e8fff1;
  --header-notice-text: #29a56c;
  --header-desktop-notice-background: #e8fff1;
  --header-desktop-notice-text: #29a56c;
  --header-menu-bar-background: #1641db;
  --header-menu-bar-color: #ffffff;
  --search-bar-main: #ffffff;
  --search-bar-border: 1px solid #eeeeee;
  --search-bar-icon-main: #1a1a1a;
  --search-bar-icon-accent: #1641db;
  --bottom-nav-main: #1641db;
  --bottom-nav-selected: #ffffff;
  --bottom-nav-not-selected: #bbbbbb;
  --bottom-nav-badge-main: #ffffff;
  --bottom-nav-badge-contrast-text: #29a56c;
  --button-main: #29a56c;
  --button-contrast-text: #e8fff1;
  --button-borderColor: #e8fff1;
  --footer-main: #0e4b35;
  --footer-contrast-text: #ffffff;
  --product-discount-tag-background: #1641db;
  --product-discount-tag-color: #ffffff;
  --product-price-color: #1641db;
  --pr-image-aspect-ratio: 1;
  --max-store-width: calc(100vw - 32px);
}

/* ---------------------Grocery theme CSS--------------------------- */

.sh-product-card {
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
}
.sh-product-card:hover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.sh-product-card-discount-tag {
  font-weight: 400 !important;
  border-radius: 8px 0px 8px 0px !important;
  right: auto !important;
  top: 0px !important;
  left: 0px !important;
}
.sh-product-discount-tag {
  font-weight: 400 !important;
  border-radius: 4px !important;
}
.sh-product-plus-minus-button {
  border-radius: 4px !important;
}
.sh-solid-button {
  border-radius: 4px;
}

/*
.sh-category-card>a>div{
    padding: 6px !important;
    border:1px solid #E5E5E5 !important;
    border-radius: 8px !important;
}
.sh-category-card>a>div:hover {
    border:1px solid #29A56C !important;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.sh-category-card:nth-child(3n-2)>a>div {
    background-color: #ECFFEC !important;
}
.sh-category-card:nth-child(3n-1)>a>div {
   background-color: #FFFCEB !important;
}
.sh-category-card:nth-child(3n)>a>div {
   background-color:#FEEFEA !important;
}
.sh-category-card>a>div>p{
     line-height: 24px;
     font-size:16px;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height:48px;
}
@media only screen and (max-width: 600px) {
.sh-category-card>a>div>p{
     line-height: 20px;
     font-size:14px;
     min-height:40px;
}
}

*/
.sh-row-title-divider {
  display: none !important;
}

/* ############################ Footer CSS ############################ 
#####################################################################*/
@media (max-width: 767px) {
  footer > div > div > div:nth-child(1),
  footer > div > div > div:nth-child(2),
  footer > div > div > div:nth-child(4) > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: center;
  }

  footer > div > div > div:nth-child(4) > div {
    gap: 16px;
  }
  footer > div > div > div:nth-child(1) h3,
  footer > div > div > div:nth-child(2) h3,
  footer > div > div > div:nth-child(4) h3 {
    display: none;
  }
  footer > div > div > div:nth-child(1) a,
  footer > div > div > div:nth-child(2) a,
  footer > div > div > div:nth-child(4) > div a {
    white-space: nowrap;
  }
  footer > div > div > div:nth-child(1) > *,
  footer > div > div > div:nth-child(2) > *,
  footer > div > div > div:nth-child(4) > div * {
    margin: 0;
    position: relative;
  }
  footer > div > div > div:nth-child(1) > *,
  footer > div > div > div:nth-child(2) > * {
    padding-right: 16px;
  }
  footer > div > div > div:nth-child(1) > *::before,
  footer > div > div > div:nth-child(2) > *::before,
  footer > div > div > div:nth-child(4) > div *::before {
    content: "|";
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  footer > div > div > div:nth-child(2) > .three-column-footer__link::before {
    content: none;
  }
  footer > div > div > div:nth-child(2) > div .sh-footer-icon {
    display: none;
  }
  footer
    > div
    > div
    > div:nth-child(2)
    > div
    .sh-footer-icon
    + .three-column-footer__link {
    text-align: center;
  }
  footer > div > div > div:nth-child(1) > *:last-child::before,
  footer > div > div > div:nth-child(2) > *:last-child::before,
  footer > div > div > div:nth-child(4) > div *::before {
    content: none;
  }
  footer > div > div > div:nth-child(4) > div a .vertical-social__label {
    display: none;
  }
  footer > div > div > div:nth-child(4) > div a .vertical-social__container {
    padding-right: 0;
  }
  footer > div > div > div:nth-child(4) > div a:before {
    right: 12px;
  }
  footer > div > div > div:nth-child(4) > div a .vertical-social__socialBtn {
    width: 36px;
    height: 36px;
  }
  footer
    > div
    > div
    > div:nth-child(4)
    > div
    a
    .vertical-social__socialBtn
    img {
    width: 22px !important;
    height: 22px !important;
  }
  #sh-footer-git-address {
    white-space: unset;
  }
}
/* ########################### Footer CSS End ########################
####################################################################*/

@media (max-width: 767px) {
  .sh-referral-widget .root-ctn {
    right: 37px !important;
  }
}