/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 03 2025 | 17:09:37 */
.gallery-icon:hover{
	transform: scale(1.05);
}

.gallery-icon{
	border-radius: 25px;
	box-shadow: 1px 1px 10px 1px #24242469;
	transition: 1s ease;
	overflow: hidden;
}

.size-medium{
	height:250px !important;
	min-width:100% !important;
	object-fit: cover !important;
}

/* Gallery Hide Effect. Only shows a few images so you can add as many as you want */
.gallery-container{
	max-height: 64rem;
	overflow: scroll;
	position: relative; 
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
	
	/* Fade out top and bottom	 */
	--fade-amount: 15%;
	
    /* Duplicate to make accessiable to all browsers */
	--webkit-mask-image: linear-gradient(to bottom, transparent, black var(--fade-amount),black calc(100% - var(--fade-amount)), transparent);
   /* Original */
	mask-image: linear-gradient(to bottom, transparent, black var(--fade-amount),black calc(100% - var(--fade-amount)), transparent);
}

*::-webkit-scrollbar {
    width: 0px;
}


@media screen and (max-width: 1024px) {
	
	.gallery-item{
		max-width:33% !important;
	}
	
  .size-medium{
	height:200px !important;
	min-width:100% !important;
}
	
  .gallery-columns-4{
	grid-template-columns:repeat(3,1fr)!important;
}
	
	.gallery-container{
	height: 54rem;
	}
}

@media screen and (max-width: 767px) {
	
	.gallery-item{
		max-width:50% !important;
	}
	
  .size-medium{
	height:200px !important;
	min-width:100% !important;
}
	
 	.gallery-columns-4{
	grid-template-columns:repeat(2,1fr)!important;
} 
	
	.gallery-container{
	height: 54rem;
	}
}