@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@500&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
      

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



p {
    font-family: "Poppins", serif;
    font-weight: 400;
}

a {
    font-family: "Poppins", serif;
    font-weight: 400;
}

.dropdown-item {
    font-family: "Poppins", serif;
    font-weight: 400;
}

.btn {
    font-family: "Poppins", serif;
    font-weight: 400;
}

h2 {
  font-family: "Poppins", serif;
  font-weight: 550;
}

h3 {
    font-family: "Poppins", serif;
    font-weight: 550;
    color: #003297;
}

h5 {
    font-family: "Poppins", serif;
    font-weight: 650;
}

h6 {
  font-family: "Poppins", serif;
  font-weight: 650;
}

.bluetext {
  font-family: "Poppins", serif;
  font-weight: 450;
  color: #003297;
}

.btn {
    font-family: "Poppins", serif;
    font-weight: 400;
    color: #003297;
}

.card {
  border-color: #003297;
  border-width: 2px;
}

h2.text-center.mb-4 {
    font-family: "Poppins", serif;
    font-weight: 700;
    color: #003297;
}

.card-title {
    font-family: "Poppins", serif;
    font-weight: 550;
    color: #003297;
}

.card-text {
    color: #003297;
}

.nav-item {
    font-size: 20px;
}

.nav-link {
    color: #003297;
}

.active {
    color: #2500cc !important; 
}

.whitebg {
    background-color: white;
    box-shadow: 0px 1px 5px #888888;
}

.borderradius {
    border-radius: 5px;
}

body {
    color: #003297;
}

.custom-dropdown-toggle {
    color: #003297 !important; /* Change text color */
    background-color: #fff;
    font-weight: bold; /* Make text bold */
    text-decoration: none; /* Remove underline */
    /* padding: 12.5px 10dvw; /* Add padding */
    border: 2px solid #003297;
    border-radius: 5px; /* Round corners */
    transition: background-color 0.3s, color 0.3s !important; /* Add transition for hover effect */
  }
  
  .custom-dropdown-toggle:hover,
  .custom-dropdown-toggle:focus,
  .custom-dropdown-toggle:active {
    background-color: #003297 !important; /* Change background color on hover */
    border: 2px solid #003297; /* Add border on hover */
    color: #fff !important; /* Change text color on hover */
  }

  /* Phone icon responsive behavior */
.phone-icon-svg {
  display: none;
}

@media (max-width: 385px) {
  .phone-number {
    display: none;
  }
  .phone-icon-svg {
    display: inline;
  }
}

/* checkboxes */

/* Custom checkbox styling */
.form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.2rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-label {
  padding-left: 0.5rem;
  cursor: pointer;
}

.form-check {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}

.form-check:hover {
  background-color: rgba(13, 110, 253, 0.05);
}

.noresize {
  resize: none;
}

/* Mobile checkbox fixes */
@media (max-width: 767px) {
  .form-check {
    text-align: left;
    display: flex;
    padding-left: 1.5rem;
  }
  
  .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.5rem;
  }
  
  .form-check-label {
    margin-left: 0 !important;
  }
  
  .col-md-6.text-center h4 {
    text-align: left;
    margin-left: 0.5rem;
  }
}

/* Style for menu item titles to align price to the right */
.menu-item-title {
    display: flex;
    justify-content: space-between; /* Pushes title and price apart */
    align-items: flex-start; /* Aligns items to the top */
}

/* Optional: Ensure price doesn't wrap and add some space */
.menu-item-title .price {
    margin-left: 0.5rem; /* Adjust spacing as needed */
    white-space: nowrap; /* Prevent price from wrapping */
    flex-shrink: 0; /* Prevent price from shrinking */
}

/* Add wrapping behavior for menu item titles */
.menu-item-title span:first-child {
    flex: 1; /* Allow the title to take remaining space */
    min-width: 0; /* Enable text wrapping */
    word-wrap: break-word; /* Enable word wrapping */
}

/* Style for dessert items */
.flex-grow-1 .fw-bold,
.flex-grow-1 .small,
h2.jalkiRuoka,
h2.text-center.mb-3,
h2.text-center.mb-4 {
    color: #003297;
}

/* Responsive fixes for dessert items */
@media (min-width: 1200px) and (max-width: 1400px) {
  .flex-grow-1 .fw-bold {
    font-size: 0.85rem !important;
  }
  .flex-grow-1 .small {
    font-size: 0.75rem;
  }
}