.rounded.panel-row-style, .rounded.panel-widget-style {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}



/* Container settings and base stacking context */
.blue-overlay {
  position: relative;
  overflow: hidden;
  z-index: 1; /* Establishes the bottom layer stack */
}

/* Forces all text, images, and links to stay on top of the blue color */
.blue-overlay > * {
  position: relative;
  z-index: 2; /* Pushes content to the front layer */
  pointer-events: auto; /* Keeps text and images fully clickable */
}

/* Prepares the hidden blue layer behind the text */
.blue-overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d4e8fb;                   /* Your custom light blue color */
  opacity: 0;                                  /* Completely invisible at start */
  transition: opacity 0.4s ease-out;           /* Smooth fade speed */
  z-index: 1;                                  /* Keeps the color layer underneath content */
  pointer-events: none;                        /* Prevents the block from interfering with mouse actions */
}

/* Fades the light blue background layer in on hover */
.blue-overlay:hover::after {
  opacity: 0.5;                                /* Fades in at 50% transparency so it is soft */
}