.equal-height-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 100%; /* Ensures the container doesn't exceed the width of its parent */
}

.equal-height-columns > .wp-block-group {
    flex: 1; /* Ensures columns take up equal space */
    display: flex;
    flex-direction: column;
    background-color: #001f3f; /* Navy blue background */
  padding: 20px;  
	border-radius: 12px;
    box-sizing: border-box; /* Ensures padding doesn't affect column size */
}

@media (max-width: 768px) {
    .equal-height-columns {
        flex-direction: column;
    }
}
/* NEW CODE FOR MENU BAR Custom CSS for Nested Group and Row Submenu */
.wp-block-group.submenu-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0 20px; /* Add consistent padding */
}

.wp-block-group.submenu-container > .wp-block-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.wp-block-group.submenu-container .wp-block-columns {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px; /* Spacing between rows */
}

.wp-block-group.submenu-container .wp-block-column {
  margin: 5px 0; /* Vertical spacing between items */
  text-align: left;
}

/* Mobile-first approach */
@media screen and (max-width: 767px) {
  .wp-block-group.submenu-container > .wp-block-group > .wp-block-columns:first-child {
    margin-bottom: 0px; /* Adjusted spacing for mobile view */
  }

  /* Ensure both the top menu items and search bar are left-aligned */
  .wp-block-group.submenu-container .wp-block-row {
    width: 100%;
    display: flex;
    flex-direction: column; /* Stack them vertically */
    align-items: flex-start; /* Ensure left alignment */
    justify-content: flex-start; /* Ensure they are both left aligned */
  }

  .wp-block-group.submenu-container .wp-block-navigation, 
  .wp-block-group.submenu-container .wp-block-search {
    width: 100%; /* Ensure both navigation and search occupy the full width */
    text-align: left; /* Ensure text is aligned to the left */
  }
}

/* Desktop styles */
@media screen and (min-width: 768px) {
  .wp-block-group.submenu-container > .wp-block-group {
    flex-direction: row;
    justify-content: flex-start; /* Items aligned to the left */
    align-items: center;
  }
}
/* ADJUST search bar size on mobile Target the search bar on mobile */
@media (max-width: 768px) {
    .mobile-search-bar-class input[type="search"] {
        height: 45px; /* Adjust the height value as needed */
        padding: 10px; /* Adjust the padding if needed for better appearance */
        font-size: 14px; /* Adjust the font size */
    }

    .mobile-search-bar-class button {
        height: 45px; /* Adjust the button height */
				width: 55px; /* Adjust the button width */
        padding: 5px; /* Adjust padding for the button */
    }
}

/* MAKE PRODUCT IMAGES TAKE UP SAME SIZE */
.uniform-image {
    height: 200px; /* Set a fixed height */
    display: flex;
    align-items: center;
    justify-content: left;
}

.uniform-image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain; /* Ensures the image fits within the container while preserving aspect ratio */
}