/*
==================================================
SPONSORS
Mazury Hip Hop Festival Premium Theme
==================================================
*/


/*
--------------------------------
SECTION
--------------------------------
*/


.sponsors-section {

	background:var(--color-light);

}





/*
--------------------------------
GRID
--------------------------------
*/


.sponsors-grid {

	display:grid;

	grid-template-columns:repeat(5,1fr);

	gap:30px;

	align-items:center;

}





/*
--------------------------------
CARD
--------------------------------
*/


.sponsor-card {

	height:150px;

	display:flex;

	align-items:center;

	justify-content:center;

	padding:30px;

	background:var(--color-light);

	border-radius:var(--radius-md);

	border:1px solid rgba(0,0,0,.08);

	transition:var(--transition-base);

}



a.sponsor-card {

	color:inherit;

	text-decoration:none;

}



.sponsor-card:hover {

	transform:translateY(-8px);

	box-shadow:var(--shadow-md);

	border-color:var(--color-primary);

}







/*
--------------------------------
LOGO
--------------------------------
*/


.sponsor-card img {

	max-width:100%;

	max-height:70px;

	width:auto;

	object-fit:contain;

	filter:grayscale(100%);

	opacity:.65;

	transition:var(--transition-base);

}



.sponsor-card:hover img {

	filter:grayscale(0);

	opacity:1;

}






/*
--------------------------------
TEXT FALLBACK
--------------------------------
*/


.sponsor-name {

	font-size:18px;

	font-weight:700;

	text-align:center;

	color:var(--color-dark);

}






/*
--------------------------------
CTA
--------------------------------
*/


.sponsors-cta {

	margin-top:70px;

	padding:60px;

	background:var(--gradient-dark);

	border-radius:var(--radius-lg);

	text-align:center;

	color:var(--color-light);

}



.sponsors-cta h3 {

	font-size:36px;

	margin-bottom:20px;

}



.sponsors-cta p {

	max-width:600px;

	margin:0 auto 35px;

	color:rgba(255,255,255,.7);

}






/*
--------------------------------
RESPONSIVE
--------------------------------
*/


@media(max-width:1100px){


.sponsors-grid {

	grid-template-columns:repeat(4,1fr);

}


}




@media(max-width:991px){


.sponsors-grid {

	grid-template-columns:repeat(3,1fr);

}


}





@media(max-width:600px){


.sponsors-grid {

	grid-template-columns:repeat(2,1fr);

	gap:15px;

}



.sponsor-card {

	height:120px;

	padding:20px;

}



.sponsors-cta {

	padding:40px 20px;

}



.sponsors-cta h3 {

	font-size:26px;

}


}