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


/*
--------------------------------
MAIN
--------------------------------
*/


.site-footer {

	background:var(--color-dark);

	color:var(--color-light);

	padding-top:80px;

}





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


.footer-grid {

	display:grid;

	grid-template-columns:

	1.5fr 1fr 1fr 1.3fr;

	gap:50px;

	padding-bottom:60px;

}





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


.footer-logo {

	display:inline-flex;

	align-items:center;

	margin-bottom:25px;

	font-size:32px;

	font-weight:900;

	text-transform:uppercase;

	color:white;

}



.footer-logo img,
.footer-logo .custom-logo {

	max-height:70px;

	width:auto;

}



.footer-description {

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

	line-height:1.8;

	margin-bottom:30px;

}





/*
--------------------------------
SOCIAL
--------------------------------
*/


.footer-social {

	display:flex;

	gap:12px;

}



.footer-social a {

	width:42px;

	height:42px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:50%;

	background:rgba(255,255,255,.1);

	color:white;

	transition:var(--transition-base);

}



.footer-social a:hover {

	background:var(--color-primary);

	transform:translateY(-4px);

}






/*
--------------------------------
COLUMNS
--------------------------------
*/


.footer-column h3,
.footer-widget-title {

	font-size:22px;

	margin-bottom:25px;

	color:white;

}



.footer-widget {

	margin-bottom:30px;

}







/*
--------------------------------
MENU
--------------------------------
*/


.footer-menu {

	display:flex;

	flex-direction:column;

	gap:12px;

}



.footer-menu a {

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

	transition:var(--transition-fast);

}



.footer-menu a:hover {

	color:var(--color-primary);

	padding-left:5px;

}







/*
--------------------------------
CONTACT
--------------------------------
*/


.footer-contact {

	display:flex;

	flex-direction:column;

	gap:18px;

}



.footer-contact li {

	display:flex;

	align-items:center;

	gap:12px;

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

}



.footer-contact i {

	width:20px;

	color:var(--color-primary);

}






/*
--------------------------------
NEWSLETTER
--------------------------------
*/


.footer-column p {

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

}



.footer-newsletter {

	display:flex;

	margin-top:25px;

}



.footer-newsletter input {

	flex:1;

	padding:15px 18px;

	border:0;

	outline:none;

	border-radius:

	var(--radius-pill) 0 0 var(--radius-pill);

}



.footer-newsletter button {

	padding:0 25px;

	background:var(--color-primary);

	color:white;

	font-weight:700;

	border-radius:

	0 var(--radius-pill) var(--radius-pill) 0;

}






/*
--------------------------------
BOTTOM
--------------------------------
*/


.footer-bottom {

	border-top:1px solid rgba(255,255,255,.1);

	padding:25px 0;

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:20px;

}



.footer-bottom p {

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

	font-size:14px;

}



.footer-bottom-right {

	display:flex;

	gap:25px;

}



.footer-bottom-right a {

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

	font-size:14px;

}



.footer-bottom-right a:hover {

	color:var(--color-primary);

}






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


@media(max-width:1100px){


.footer-grid {

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

}


}





@media(max-width:600px){


.site-footer {

	padding-top:60px;

}



.footer-grid {

	grid-template-columns:1fr;

	gap:35px;

}



.footer-newsletter {

	flex-direction:column;

	gap:10px;

}



.footer-newsletter input,
.footer-newsletter button {

	width:100%;

	height:50px;

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

}



.footer-bottom {

	flex-direction:column;

	text-align:center;

}



.footer-bottom-right {

	flex-direction:column;

	gap:10px;

}


}