/*
=========================================
Live Matches
=========================================
*/

.msh-live-matches{

	margin-bottom:40px;

}

.msh-live-matches .msh-section-heading{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:20px;

}

.msh-live-matches .msh-section-heading h2{

	font-size:28px;

	font-weight:700;

	color:#ffffff;

}

.msh-live-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

	gap:20px;

}

.msh-live-card{

	background:#161b22;

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

	border-radius:16px;

	padding:22px;

	transition:.3s;

	position:relative;

	overflow:hidden;

}

.msh-live-card:hover{

	transform:translateY(-5px);

	border-color:#22c55e;

	box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.msh-live-card::before{

	content:"LIVE";

	position:absolute;

	top:15px;

	right:15px;

	background:#ef4444;

	color:#fff;

	font-size:11px;

	font-weight:700;

	padding:5px 10px;

	border-radius:30px;

	animation:msh-live-blink 1.2s infinite;

}

@keyframes msh-live-blink{

	0%{

		opacity:1;

	}

	50%{

		opacity:.45;

	}

	100%{

		opacity:1;

	}

}

.msh-live-league{

	font-size:13px;

	color:#94a3b8;

	margin-bottom:18px;

	text-transform:uppercase;

	letter-spacing:.08em;

}

.msh-live-teams{

	display:grid;

	grid-template-columns:1fr auto 1fr;

	align-items:center;

	gap:12px;

	margin-bottom:20px;

}

.msh-live-teams span{

	font-size:18px;

	font-weight:600;

	color:#ffffff;

}

.msh-live-teams span:first-child{

	text-align:left;

}

.msh-live-teams span:last-child{

	text-align:right;

}

.msh-live-teams strong{

	font-size:28px;

	font-weight:800;

	color:#22c55e;

	white-space:nowrap;

}

.msh-live-footer{

	display:flex;

	align-items:center;

	justify-content:space-between;

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

	padding-top:15px;

}

.msh-live-footer span{

	font-size:14px;

	font-weight:700;

	color:#ef4444;

}

.msh-live-footer a{

	color:#22c55e;

	font-weight:600;

	transition:.25s;

}

.msh-live-footer a:hover{

	color:#4ade80;

}

@media (max-width:768px){

	.msh-live-grid{

		grid-template-columns:1fr;

	}

	.msh-live-teams{

		grid-template-columns:1fr;

		text-align:center;

	}

	.msh-live-teams span{

		text-align:center !important;

	}

	.msh-live-teams strong{

		font-size:24px;

	}

}