body {
	font-family: 'Poppins', sans-serif;
	color: #4d4d4d;
}

/* Paragraphs */
p {
	color: #4d4d4d;
	line-height: 26px;
	margin: 0 0 20px;
}

.text-color-light-grey {
		color: #dddddd;
}

.custom-btn-color-border-grey {
		border-color: #dddddd !important;
}

.text-color-deeper-blue {
		color: #01569C;
}

/* Keep text visible for accessibility tools */
.appear-animation {
    opacity: 1;
    visibility: hidden;
}

/* When animation triggers */
.appear-animation-visible {
    visibility: visible;
    opacity: 1;
}

/* Overlay color (only visible on hover) */

/* Blue background that completely covers the image (no transparency)
.custom-thumb-info-style-1 .thumb-info-wrapper:after {
	background: #1f4f7a; 
	opacity: 1 !important; 
	transition: all 0.3s;
	border-radius: 4px;
	bottom: -4px;
	color: #FFF;
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	display: block;
	z-index: 1;
} */

/* Text elements inside the portfolio item */
.custom-thumb-info-style-1 .thumb-info-title,
.custom-thumb-info-style-1 .thumb-info-inner,
.custom-thumb-info-style-1 .thumb-info-type {
	color: #333 !important;  /* default dark color */
	opacity: 1 !important;   /* Make sure opacity is 1 by default */
	transition: color 0.3s, opacity 0.3s;
}

/* On hover: background becomes opaque and text is fully white */
.custom-thumb-info-style-1:hover .thumb-info-title,
.custom-thumb-info-style-1:hover .thumb-info-inner,
.custom-thumb-info-style-1:hover .thumb-info-type {
	color: #ffffff !important;  /* Ensure text is bright white */
	opacity: 1 !important;      /* No fading on hover */
	text-shadow: none;          /* No shadow for clean white text */
}

/* To override any faded background text on hover */
.custom-thumb-info-style-1 .thumb-info-type {
	opacity: 1 !important;  /* Ensure no fade for description text */
}

/* Sandys blue that seemded to work*/

 portfolio page - the blue background when scrolled over
.custom-thumb-info-style-1 .thumb-info-wrapper:after {
	background: #1f4f7a;
}



/* Portfolio hover overlay text – force high contrast 
.custom-thumb-info-style-1 .thumb-info-title,
.custom-thumb-info-style-1 .thumb-info-inner,
.custom-thumb-info-style-1 .thumb-info-type {
    color: #ffffff !important;
    opacity: 1 !important;
}*/


/* Only change text when hover overlay is showing 
.custom-thumb-info-style-1:hover .thumb-info-title,
.custom-thumb-info-style-1:hover .thumb-info-inner,
.custom-thumb-info-style-1:hover .thumb-info-type {
   
    color: #ffffff !important;
    opacity: 1 !important;
}*/

/* dark ADA-safe blu
.custom-thumb-info-style-1 .thumb-info-wrapper::after {
    background-color: #1f4f7a !important; e 
    opacity: 0.9;
}*/