/*
Theme Name:     Twenty Twenty-Five Child
Theme URI:      
Description:    Child theme for the Twenty Twenty-Five theme
Author:         Steve Withington
Author URI:     
Template:       twentytwentyfive
Version:        1.0.0
Tags:           block-template
Text Domain:    twentytwentyfive-child
*/

/*img.attachment-post-thumbnail	{
	display:none;
}*/

/* home page slide show  */

.home footer	{
display:none;
}	


/*  category display   */

.category img.attachment-post-thumbnail	{
	width:300px !important;
	height:225px !important;
	padding:20px;
	}
.category .wp-block-post-featured-image a	{
	width:300px !important;
	height:225px !important;
}
.category figure	{
	width:300px !important;
	height:225px !important;
}
.category main .wp-block-group 	{
	width:300px !important;
	height:225px !important;
	float:left;
}

/* Container rules */
.archive-hover-container {
    position: relative;
    overflow: hidden;
	border:0 !important;
}

/* Force block image layout to behave as a relative anchor point */
.archive-hover-container .wp-block-post-featured-image {
    margin-bottom: 0 !important;
}

/* Set up the hidden text overlay layer */
.archive-hover-container .archive-hover-overlay {
    position: absolute;
    top: var(--wp--preset--spacing--60); /* Align to match your theme's top padding */
    bottom: var(--wp--preset--spacing--60); /* Align to match your theme's bottom padding */
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8); /* Light overlay tint */
    opacity: 0;
    pointer-events: none; /* Allows user to still click the image link below */
    transition: opacity 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 100px 50px;
}

/* Make text inside white */
.archive-hover-overlay .wp-block-post-title a {
    color: #000 !important;
    text-decoration: none;
	font-size:14px;
}

/* Make overlay visible on hover */
.archive-hover-container:hover .archive-hover-overlay {
    opacity: 1;
    pointer-events: auto;
}

h2.wp-block-post-title a {
	width:250px !important;
	margin-left:20px;
	overflow-wrap: break-word !important;
	padding:100px 0 !important;
}





/*  Legacy CSS  */
@media screen and (min-width: 900px) {

.leftcolumn	{
	width:45%;
	float:left;
    padding-left:20px;

}
.rightcolumn	{
	width:45%;
	float:right;
    padding-right:20px;
}

/** Make the old classic galleries work properly in Twenty Twentyfive  **/

.gallery-icon {
	width:300px !mportant;
}