/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2024 | 08:10:47 */
#rainbow-projects-filter {
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
	column-gap: 1.5rem;
}
#rainbow-projects-filter li {
	font-size: 14px;
	font-weight: 500;
	color: #fff !important;
	text-transform: uppercase;
	background: #000 !important;
	padding: 14px 30px;
	box-shadow: var(--shadow-1);
	transition: 0.4s;
	cursor: pointer;
	border-radius: 6px;
}
#rainbow-projects-filter li:hover {
	transform: translateY(-5px);
}
#rainbow-projects-container {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 3rem;
	row-gap: 3rem;
}
.rn-portfolio a img {
	aspect-ratio: 16/9;
}

.videoExcerpt {
	padding-top: 20px;
}
#rainbow-projects-container .rn-portfolio {
	border: 1px solid;
	box-shadow: none !important;
}



@media (max-width:1024px) and (min-width:769px) {
	#rainbow-projects-container {
	grid-template-columns: repeat(2,1fr);
}
	#rainbow-projects-filter {
	flex-wrap: wrap;
	column-gap: 2rem;
	row-gap: 2rem;
}
	#rainbow-projects-filter li {
	margin: 0;
}
}



@media (max-width:768px) {
	#rainbow-projects-container {
	grid-template-columns: repeat(1,1fr);
}
	#rainbow-projects-filter {
	flex-wrap: wrap;
	column-gap: 2rem;
	row-gap: 2rem;
}
	#rainbow-projects-filter li {
	margin: 0;
}
	#rainbow-projects-filter li {
	font-size: 12px;
	padding: 10px 20px;
}
	
}