/* 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  :)  */
/*Masthead*/
#masthead {
  position: relative;
  background: #2F2F2F;
}

#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;
}

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

/*Breadcrumb*/
#breadcrumb {
  background: #FFC60A;
  display: none;
}
#breadcrumb a {
  color: #2F2F2F !important;
}
#breadcrumb .icon-home {
  color: #1A1A1A;
}
#breadcrumb .separator {
  padding-left: 5px;
  padding-right: 5px;
}
#breadcrumb p {
  font: normal normal 600 16px/40px "Roobert", "sans-serif";
}
@media screen and (min-width: 1025px) {
  #breadcrumb {
    height: 56px;
    display: flex;
    align-items: center;
  }
  #breadcrumb #breadcrumb {
    display: flex;
  }
}