/* TEAM MATCHES */
/*FFF team matches*/

.fff-card {
font-family:Montserrat;
color:#353376;
padding: 25px 25px;
background: #fff;
border-radius: 0 0 15px 15px;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
margin:0 0;
}

.fff-card .fff-row {
margin:0;
padding:0;
}

.fff-card .fff-row-1 {
justify-content:center;
font-weight: 700;
font-size: 1.3rem;
line-height:1rem;
color:#353376;
text-align:center;
text-transform:uppercase;
font-family:Kallisto;
margin-bottom:10px
}

.fff-card .fff-row-2 {
justify-content:center;
font-size: 0.8rem;
font-weight:600; 
color:#353376;
text-align:center;
margin-bottom:10px
}

.fff-card .fff-row-3 {
display: grid;
grid-template-columns: 4fr 2fr 4fr;
align-items:center;
gap: 10px;
}

.fff-card .fff-team {
display: flex;
width:100%;
align-items:center;
line-height:1rem;
gap:10px;
}
.fff-card .fff-team-1 {
  justify-content: flex-end;
	text-align:right;
}
.fff-card .fff-team-2 {
  justify-content: flex-start;
	text-align:left;
}

.fff-card .fff-logo {
width: 40px;
height:auto;
}


.fff-card .fff-vs-time, .fff-card .fff-score {
display: flex;
flex-direction: row;
justify-items:center;
justify-content: center;
gap: 8px;
width:120px;
font-family:Kallisto;
font-size: 1.3rem;
line-height:1rem;
font-weight: 600;
color:#fff;
padding:15px 20px;
background:#353376;
border-radius:10px;
}

.fff-card .fff-vs-time {
background:#999;
}

.fff-card .fff-team-name {
font-size: 0.7rem;
color:#353376;
}

.fff-card .fff-tm-empty, .fff-card .fff-tm-error {
  padding: 12px;
  border-radius: 8px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
}
.fff-card .fff-pen {
	display:flex;
	justify-content:center;
	width:120px;
	border-radius:10px;
	background:#999;
	margin:10px auto 0 auto;
	padding:3px 10px;
	font-family:Kallisto;
	font-size:1.0em;
	font-weight:800; 
	text-transform:uppercase;
	color:#fff;
}

/* Responsive mobile */
@media (max-width: 768px) {
	
.fff-card {
	padding:15px 10px;
}
.fff-card .fff-row-1 {
	Font-size:1em;
	margin-bottom:0;
}
.fff-card .fff-row-3 {
  grid-template-columns: 5fr 1fr 5fr;
  gap: 5px;
}
.fff-card .fff-vs-time, .fff-card .fff-score {
	width:auto;
	font-size:1em;
	line-height:0.8em;
	padding:10px;
}
.fff-card .fff-team {
	flex-direction: column;
	gap:5px;
}

.fff-card .fff-team-1 {
	flex-direction: column-reverse;
}
.fff-card .fff-team-name {
	text-align:center;
	line-height:1em; 
}
.fff-card .fff-logo{
	height:25px;
	width:auto;
}
	
}