/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
  }
  header.sticky-top{
    border-bottom: 1px solid #b32025;
}
  .poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
  }
nav.navbar.navbar-expand-lg {
    margin-left: auto;
}

.text-cat-nav{
    color:#B32025;
    font-weight: 400;
    font-style: normal;
    font-size:21px;
}
@keyframes ring {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(15deg);
    }
    20% {
      transform: rotate(-15deg);
    }
    30% {
      transform: rotate(15deg);
    }
    40% {
      transform: rotate(-15deg);
    }
    50% {
      transform: rotate(10deg);
    }
    60% {
      transform: rotate(-10deg);
    }
    70% {
      transform: rotate(10deg);
    }
    80% {
      transform: rotate(-10deg);
    }
    90% {
      transform: rotate(5deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

.icon-ringing {
    display: inline-block;
    animation: ring 1.2s infinite ease-in-out;
}



/* Custom Styling */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #f8f9fa;
}
html {
    scroll-behavior: smooth;
  }

  
  img#site-logo {
    width: 95px;
}
.font-fancy{
    font-family: "Berkshire Swash", serif;
    font-weight: 400;
    font-style: normal;  
}
.bg-white{
    background:white;
}

button.btn.btn-outline-primary.cart-btn{
--bs-btn-color: #B32025;
--bs-btn-border-color: #B32025;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #B32025;
--bs-btn-hover-border-color: #B32025;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #B32025;
--bs-btn-active-border-color: #B32025;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #B32025;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #B32025;
--bs-gradient: none;
}
.copy-small{
    font-size: 12px;
}
.footer-logo{
    margin-left:auto;
    margin-right:auto;
}
#footer-logo-slog{
    margin-bottom: 8px;
}
#footer-logo-slog-2{
    font-size:14px;
}
.bg-badge{
    --bs-bg-opacity: 1;
    background-color: #cd0a0a !important;
    color: white !important;
}
.bg-tag{
  background-color: #c8d7b9 !important;
  color: #333;
  font-size: 0.8rem;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #cd0a0a;
    --bs-btn-border-color: #cd0a0a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cd0a0a;
    --bs-btn-hover-border-color: #cd0a0a;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cd0a0a;
    --bs-btn-active-border-color: #cd0a0a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #cd0a0a;
    --bs-btn-disabled-border-color: #cd0a0a;
}
a.call-action-header {
    border: 1px solid;
    color: #b32025;
}
a.call-action-header:hover {
  color: white;
  background-color: #b32025;
  border-color: #b32025;
}

a.btn.call-action-header-mobile {
  font-size: 21px;
  font-weight: bold;
  color: #b32025;
  margin-left: 20px;
}
a.btn.call-action-header-mobile i {
  margin-right: 4px;
}
  /* Category title styling */
  .menu-category-title {
    font-size: 1.5rem;
    font-weight: 800;
    padding-bottom: 8px;
    color: #b32025;
    font-family: "Poppins", serif;
  }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {

  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {

  }
  
  /* Extra Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    nav.navbar.navbar-expand-lg {
      margin-left: 30px;
  }
  }
  
  /* XXL devices (very large screens, 1400px and up) */
  @media (min-width: 1400px) {

  }