.views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important; 
    --views-responsive-grid--layout-gap: 24px !important;

    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}

/* Card styling */
.views-view-responsive-grid__item-inner {
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.views-view-responsive-grid__item-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.4);
    animation: floatEffect 2s ease-in-out infinite;
    opacity:0.9;


}

/* Uniform image size */
.views-view-responsive-grid__item img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    border-radius:1%;
    margin-left:1px;
}

/* Title */ 
.views-view-responsive-grid__item .views-field-title a {
	display: block; 
	padding: 12px 16px 6px; 
	font-weight: 600; 
	text-decoration: none;
	color: #003366;

	}
	
.views-view-responsive-grid__item .views-field-title a:hover {
	color:#b99d64;
	
}

/* Date */
.views-view-responsive-grid__item .views-field-created {
		padding: 12px 16px 6px; 
    font-size: 13px;
    line-height: 1.7;
    color: #fff;
    letter-spacing: 0.02em;

	
}

/*.field-content{
			padding-left: 16px; 
}*/

/* Mobile: 1 per row */
@media (max-width: 640px) {
    .views-view-responsive-grid--horizontal {
        grid-template-columns: 1fr !important;
    }
}
 
@keyframes floatEffect {
    0% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}