/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.items-row {
  border: 1px solid #e0e0e0;
  /* Adds a light grey border */
  border-radius: 8px;
  /* Rounds the corners */
  padding: 15px;
  /* Creates space between the content and the border */
  margin-bottom: 30px;
  /* Adds space between each boxed item */
  background-color: #ffffff;
  /* Sets a white background inside the box (optional) */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Adds a subtle shadow (optional) */
}
/* Horizontal Menu Styling for .horz_menu */
.horz_menu {
  list-style: none;
  /* Removes default bullet points */
  margin: 0;
  padding: 0;
  /* Removes default padding from the ul */
  display: flex !important;
  /* Forces the UL to lay out its children horizontally */
  flex-wrap: wrap;
  /* Allows items to wrap if space runs out */
  justify-content: center;
  /* Centers the menu items horizontally (optional) */
  align-items: flex-start !important;
  /* IMPORTANT: Align items to the TOP, not center, to prevent baseline issues */
  width: 100%;
  /* Ensure the flex container takes full width */
  line-height: 1.2 !important;
  /* Ensure consistent line-height for the entire menu context */
}
.horz_menu li {
  margin: 0;
  /* Resetting margins here to control spacing via padding/separator */
  padding: 0;
  border: none !important;
  border-bottom: none !important;
  display: flex;
  /* Keep this to align the link and separator inside the LI */
  align-items: flex-start !important;
  /* Force alignment to the TOP within each LI */
  vertical-align: top !important;
  /* Also for li itself, not just its content */
  width: auto !important;
  /* Prevent 100% width override */
  flex-basis: auto !important;
  /* Prevent flex-basis from forcing full width */
  flex-shrink: 0;
  /* Prevent items from shrinking too much */
  flex-grow: 0;
  /* Prevent items from growing to fill space */
}
.horz_menu li a {
  display: block;
  /* Makes the entire link area clickable */
  padding: 8px 10px;
  /* Adjusted padding (reduce further if needed) */
  text-decoration: none;
  /* Removes underline from links */
  color: #ffffff;
  /* White text for visibility */
  background-color: #333333;
  /* Dark background for the "buttons" */
  border-radius: 5px;
  /* Slightly rounded corners for the "buttons" */
  white-space: nowrap;
  /* Keep text on single line */
  transition: all 0.3s ease;
  /* Smooth transition for hover effects */
  border: none !important;
  /* Ensure no borders on links */
  line-height: inherit !important;
  /* Inherit line-height from parent (UL) */
  margin: 0 !important;
  /* Ensure no top/bottom margins */
  vertical-align: top !important;
  /* Final vertical alignment for the link content */
}
.horz_menu li a:hover {
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none;
}
/* Add vertical separator between list items */
.horz_menu li:not(:last-child)::after {
  content: "|";
  /* The separator character */
  color: #cccccc;
  /* Color of the separator */
  margin: 0 5px !important;
  /* Adjusted margin for separator (reduce further if needed) */
  font-size: 1.2em;
  /* Adjust size if needed */
  line-height: 1 !important;
  /* Explicit line-height for separator */
  /* *** THIS IS THE KEY CHANGE for pixel nudging *** */
  position: relative;
  /* Allows 'top' property to work */
  top: 7px;
  /* Experiment with 1px, 2px, 3px etc. to move it down */
  vertical-align: baseline !important;
  /* Reset vertical-align, let 'top' take over */
}
/* Specific adjustment for the last item - likely unnecessary now, but kept as a safeguard */
.horz_menu li:last-child {
  margin-right: 0 !important;
}
/*# sourceMappingURL=custom_31.css.map */