.language a:link,
.language a:visited,
.language a:active,
.language a:hover,
.language a:focus {
	outline: none !important;
	border: none !important;
    text-decoration: none !important;
}

.language:hover {
	cursor:pointer;
}
.video {
	/*-webkit-box-shadow: 0px 0px 8px 0px #000;
    box-shadow: 0px 0px 8px 0px #000;*/
	border: 3px solid white;
}
/* Initially, no background color on the parent div */
.hover-reveal-column {
  position: relative;
  transition: background-color 0.8s ease; /* Smooth transition for background color */
}

/* Always show the image and the first paragraph */
.wp-block-image, .wp-block-group strong {
  display: block;
}

/* Hide the second paragraph by default, make it invisible */
.second-paragraph {
  opacity: 0;
  visibility: hidden; /* Ensure it stays hidden initially */
  transition: opacity 0.8s ease, visibility 0s linear 0.8s; /* Match the fade-in timing */
}

/* On hover, show the second paragraph and apply the background color */
.hover-reveal-column:hover {
  background-color: rgba(255, 255, 255, 0.15); /*light white /* Change to the background color of your choice */
  /*background-color: rgb(60, 90, 110); /* A shade derived from your gradient */
}

/* On hover, show the second paragraph */
.hover-reveal-column:hover .second-paragraph {
  opacity: 1; /* Fade-in effect */
  visibility: visible; /* Make it visible */
  transition: opacity 0.8s ease, visibility 0s linear 0s; /* Ensures it appears with opacity change */
}

/* Optional: Slightly fade the image and first paragraph when hovering */
.hover-reveal-column:hover .wp-block-image,
.hover-reveal-column:hover .wp-block-group strong {
  opacity: 1;
}