/* Custom CSS - Add your custom styles here */

/* Example: Custom button styles */
.custom-btn {
    transition: all 0.3s ease;
}

/* Example: Custom text colors */
.custom-text-primary {
    color: #007bff;
}

.masonry-grid {
	margin: 0 auto;
	padding: 0 15px;
}

.masonry-sizer,
.masonry-item {
	width: calc(25% - 10px);
}

.masonry-item {
	padding: 5px;
}

/* Responsive breakpoints */
@media (max-width: 1199.98px) {
	.masonry-sizer,
	.masonry-item {
		width: calc(33.333% - 10px);
	}
}

@media (max-width: 767.98px) {
	.masonry-sizer,
	.masonry-item {
		width: calc(47.5%);
	}
}

@media (max-width: 575.98px) {
	.masonry-sizer,
	.masonry-item {
		width: calc(46%);
	}
	.masonry-item {
		padding: 5px;
	}
}

/* Portfolio Item Styles */
.portfolio-item {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
	border-radius: 8px;
	cursor: pointer;
}

.portfolio-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.portfolio-item img {
	transition: transform 0.3s ease;
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

.portfolio-item:hover img {
	transform: scale(1.05);
}

/* Custom Modal Backdrop */
.modal-backdrop {
	background-color: #000 !important;
	opacity: 0.8 !important;
}

/* Remove default link styles */
.gallery-lightbox {
	display: block;
	text-decoration: none !important;
}