/* Custom CSS to highlight the active navigation menu item */

.wp-block-navigation .current-menu-item a {
  background-color: #c28a5f;
  border-radius: 5px;
  padding: 10px;
  overflow: hidden;
 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/* CSS for navigation menu text color on hover */

.wp-block-navigation li a:hover {
  color: #c28a5f !important;
  /* Change black to the color you want */
}

/* You might also want to style the hover state */

.wp-block-navigation .current-menu-item a:hover {
  color: white !important;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}