@charset "UTF-8";

/*
  Template Name: Wholesome First - Single Product eCommerce HTML Template
  Author Name: Hook theme
  Author URL: https://themeforest.net/user/hooktheme
  Version: 1.0.0

  ----------------------------
  [Table of contents CSS] 
  ----------------------------

    1. Base CSS
    2. Header CSS
    3. Slider CSS
    4. Banner CSS
    5. About CSS
    6. Product CSS
    7. Project CSS
    8. Services CSS
    9. Product details css
    10. Counterup css
    11. Team css
    12. Blog css
    13. Blog Details Css
    14. Testimonial Css
    15. Newslette Css
    16. Accordion Css
    17. Breadcrumb Css
    18. Cart Page Css
    19. Checkout Page Css
    20. Compare Page Css
    21. Contact Page Css
    22. Faq Page Css
    23. Footer Page Css
    24. Instagram css 
    25. Login Page css 
    26. My Account Page css 
    27. Portfolio css 
    28. Preloader css
    29. Privacy Policy css
    30. Shop page css
    31. 404 page css  
    32. Newsletter popup css
    33. Quickview css 


*/
/*
    1. Base CSS
*/


.offcanvas__stikcy--toolbar {
  position: fixed;
  bottom: 0;
  background: rgb(152, 169, 144);
  left: 0;
  right: 0;
  z-index: 99;
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  padding: 10px 20px;
  display: none;
  visibility: hidden;
}

@media only screen and (min-width: 500px) {
  .offcanvas__stikcy--toolbar {
    padding: 10px 40px;
  }
}

@media only screen and (min-width: 768px) {
  .offcanvas__stikcy--toolbar {
    padding: 10px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .offcanvas__stikcy--toolbar {
    display: block;
    visibility: visible;
  }
}

.offcanvas__stikcy--toolbar__btn {
  position: relative;
  text-align: center;
}

.offcanvas__stikcy--toolbar__btn:hover .offcanvas__stikcy--toolbar__icon {
  background: rgb(239, 246, 228);
  color: rgb(239, 246, 228);
}

.offcanvas__stikcy--toolbar__btn>* {
  pointer-events: none;
}

.offcanvas__stikcy--toolbar__icon {
  width: 3rem;
  height: 3rem;
  text-align: center;
  background: #252525;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: rgb(239, 246, 228);
  margin: 0 auto;
}

.offcanvas__stikcy--toolbar__label {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 6px;
}

.header__sticky.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  background: var(--white-color);
  left: 0;
  z-index: 99;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}