/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./scss/custom.scss ***!
  \***********************************************************************************************************/
:root {
  --color-primary: #dc3545;
}

.btn {
  color: #ffffff !important;
  background-color: black !important;
  border-color: black !important;
}

.product-miniature__title {
  color: black !important;
  text-align: center !important;
}

.product-flags .on-sale {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}
.product-flags .discount {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
}
.product-flags .new {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

#wrapper .all-product-link.btn i {
  color: #ffffff !important;
}
#wrapper a:hover {
  color: #dc3545 !important;
}
#wrapper .page-item a {
  color: black !important;
}
#wrapper .page-item a:hover {
  color: #dc3545 !important;
}
#wrapper .page-link {
  color: black !important;
}
#wrapper .page-link:hover {
  color: #dc3545 !important;
}

#header a:hover {
  color: #dc3545 !important;
}
#header .material-icon a:hover {
  color: #dc3545 !important;
}

/* reset styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  background-color: #f8f9fa;
}

.btn--primary {
  background-color: #dc3545;
  color: #fff;
}

.card__title {
  font-size: 1.2rem;
}

header {
  background-color: #dc3545;
}

footer {
  background-color: #6c757d;
}

.sidebar {
  padding: 1rem;
}

.home-banner {
  background-color: #6c757d;
}