@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');

/*
abbr[title], th, .Opta .Opta_F_S.Opta_F_S_N .Opta-Table-Scroll td.Opta-Team, .Opta thead th,html, span, a{
    font-family: 'Open Sans' , sans-serif!important;
}
*/
.Opta, .Opta-Team, .Opta-points{
    font-family: 'Open Sans' , sans-serif!important;
}

p .Opta-Load{
    font-family: 'Open Sans' , sans-serif;
}

body {
    font-size: 14px;
    max-width: 100vw!important;
    width: 100vw!important;
    overflow-x: hidden!important;
    font-family: 'Open Sans' , sans-serif!important;
    font-weight: 400!important;    
    color: var(--body-color)!important;
}

.Opta tfoot th, .Opta thead th{
	font-family: 'Open Sans' , sans-serif!important;
	font-family: 'Open Sans';
	background-color: var(--main-color);
	color: white;
}

.Opta .Opta_F_S table .Opta-highlight a, .Opta .Opta_F_S table .Opta-highlight td, .Opta .Opta_F_S table .Opta-highlight th {
	font-family: 'Open Sans' , sans-serif!important;
	font-weight: 700;
	background-color: rgba(224, 0, 49, 0.6)!important;
	color: white!important;
}

#optaranking abbr[title]{
	font-family: 'Open Sans' , sans-serif!important;
	font-size: 1.0em;
    font-weight: 900;
    color: white!important;
}