/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#breadcrumb {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #BABABA;
  border-top: 1px solid #BABABA;
}
#breadcrumb .rank-math-breadcrumb .separator {
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  padding-top: 22px;
  padding-bottom: 22px;
}
#breadcrumb .rank-math-breadcrumb p {
  padding: 0;
}
#breadcrumb .rank-math-breadcrumb .separator,
#breadcrumb .rank-math-breadcrumb a,
#breadcrumb .rank-math-breadcrumb .last {
  font: normal normal bold 16px/19px Rubik;
  letter-spacing: 0px;
  color: #131F35;
  text-transform: capitalize;
}

#main .wc-block-cart-item__prices,
#main .wc-block-components-product-metadata,
#main > div > div > div > div.wp-block-woocommerce-empty-cart-block > hr,
#main > div > div > div > div.wp-block-woocommerce-empty-cart-block > h2:nth-child(3),
.wc-block-grid__products {
  display: none !important;
}

#main .wc-block-components-product-name {
  font: normal normal normal 16px/24px Rubik;
  color: #333333;
}

#main .wc-block-formatted-money-amount {
  font: normal normal normal 17px/24px Rubik;
  color: #333333;
}

.wp-block-woocommerce-empty-cart-block {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}