/* Filters exposed to visitors */
form.views-exposed-form {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;   
    margin-bottom: 1.5rem;
    
    & > div {
	    width: calc(50% - 1rem);
	}

}

.grid-item-wrapper .views-field {
	height: 100%;
}

/* Grid item display on pages */
.grid-item {
	transform: translateY(0);
	transition: all ease-in-out 0.5s;
	height: 100%;
	border-radius: 0.25rem;
	padding-bottom: 1rem;
	background-color: transparent;
	box-shadow: 1px 2px 4px rgba(0,0,0,0);
	
	&:hover {
		background-color: #F8F9FA;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
		transform: translateY(5px);
		transition: all ease-in-out 0.3s;
	}
	
	a:hover {
		text-decoration: none !important;
	}
	
	.img-container {
		width:  100%;
	  aspect-ratio: 16/9;
	  overflow: hidden;
	  border-radius: 0.25rem;
	  margin-bottom: 0.5rem;
	  
	  @supports not (aspect-ratio: 16 / 9) {
		  &::before {
		    float: left;
		    padding-top: 56.25%;
		    content: "";
		  }
		
		  &::after {
		    display: block;
		    content: "";
		    clear: both;
		  }
	  }
	  
	  img {
			width: 100%;
			height: 100%;
		  object-fit: cover;
		}
	}
	
	h5, p {
		padding-left: 0.875rem;
		padding-right: 0.875rem;
	}
	
	h5 {
		padding-top: 0.25rem;
	}
}