/* Make a textlink expand to the whole container that it is inside of */
.stretch-link {
	position: relative;
}
.stretch-link a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.stretch-link a::is(:focus-visible)::after {
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus) {
	outline: none;
}

/* Fix gb-navigation items on top of blog-card with stretch-link: where clicking the gb-navigation items does not work */
.gb-navigation ul.gb-menu li.menu-item ul.sub-menu li.menu-item a {
	z-index: 5000; /* make sure the menu item is on top of the home page blog-card items */
	position: relative;
}
.stretch-link a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;          /* make sure it is below other content */
  pointer-events: auto; /* clickable for card itself */
}
.blog-card {
  position: relative;  
  z-index: 1;          /* above pseudo-element but below menu */
}
.gb-navigation {
  position: relative;
  z-index: 9999;       /* menu on top of everything */
  pointer-events: auto; /* ensure it can receive clicks */
}