html{overflow-y: scroll;background:#f0f2f5;}
*,*:before,*:after{box-sizing:border-box;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,q,fieldset,dl,dt,dd,iframe,table,tbody,thead,td,th,address,legend{
margin:0;
padding:0;
font-size: 1em;
color:#1f2b3d;
}
html,body,article{
width:100%;
max-width:100%;
}
body{
font-family: system-ui, -apple-system, "Segoe UI", arial, sans-serif;
font-size:14px;
line-height:1.45;
text-align:center;
background:#f0f2f5;
margin:0;
padding:0;
color:#1f2b3d;
}
article{
padding: 16px 0 48px;
}
body *{
text-align:left;
}
p,li{
font-size:1em;
line-height:1.45;
margin:0 0 1em 0;
}
li{
margin:0;
}
h1{
font-size:22px;
line-height:1.25;
margin:0 0 12px 0;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
color:#111;
}
.visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
h2{
font-size:14px;
line-height:1.3;
margin:0;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
}
h3{
font-size:13px;
line-height:1.3;
margin: 8px 0;
}
h1 a, h2 a, h3 a{
text-decoration:none;
}
a img{border:0;}
a.invisible{text-decoration:none;cursor:pointer;color:inherit;}
p img,address img,li img,td img{vertical-align:middle;}
a:hover,a:active,:focus{outline: none;}
textarea{overflow: auto;}
article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
label,input[type=button],input[type=submit],button{cursor: pointer;}
table{
border-collapse:collapse;
border-spacing:0;
width:100%;
max-width: 100%;
word-wrap:break-word;
margin:0 0 0 0;
font-size:13px;
background:#fff;
}
/* CONTENT */
a{
color:#333;
}
a:hover, td a{
text-decoration:none;
color:#111;
}
.table-responsive{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin: 0;
}
.embed-section{
margin: 0;
overflow: hidden;
border-radius: 4px;
background: #fff;
}
.embed-section + .embed-logo + .embed-section,
.embed-section + .embed-section{
margin-top: 0;
}
.section-header{
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #111;
color: #fff;
padding: 9px 14px;
font-size: 14px;
font-weight: 700;
border-radius: 0;
margin: 0;
}
.section-header,
.section-header span,
.section-header a{
color: #fff;
}
.section-more{
margin-left: auto;
font-weight: 500;
font-size: 13px;
color: #ddd;
white-space: nowrap;
text-decoration: none;
}
.section-more:hover{
color: #fff;
text-decoration: underline;
}
.embed-section .table-responsive,
.embed-section > table{
margin: 0;
border: 0;
}
.period-standings details{
background: #fff;
border-bottom: 1px solid #e5e5e5;
}
.period-standings details:last-child{
border-bottom: 0;
}
.period-standings summary{
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
list-style: none;
padding: 10px 14px;
font-size: 13px;
font-weight: 700;
color: #1f2b3d;
background: #f7f7f7;
text-align: left;
width: 100%;
}
.period-standings summary:hover span{
text-decoration: underline;
}
.period-standings summary::-webkit-details-marker,
.period-standings summary::marker{
display: none;
content: none;
}
.period-standings summary:after{
content: '';
width: 0;
height: 0;
margin-left: auto;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #555;
flex-shrink: 0;
}
.period-standings details[open] summary{
border-bottom: 1px solid #e5e5e5;
}
.period-standings details[open] summary:after{
border-top: 0;
border-bottom: 6px solid #555;
}
.period-standings details p{
margin: 0;
padding: 12px 14px;
background: #fff;
}
.period-standings .league{
margin: 0;
}
.embed-section > p{
margin: 0;
padding: 12px 14px;
background: #fff;
}
.embed-section .match + .match{
border-top: 1px solid #e5e5e5;
}
.embed-logo{
text-align: center;
margin: 28px 0;
padding: 0;
}
.embed-logo,
.embed-logo *{
text-align: center;
}
.embed-logo a.logo-text{
display: inline-block;
text-transform: uppercase;
font-weight: 800;
font-size: 1.1rem;
line-height: 1.15;
letter-spacing: .2rem;
text-align: center;
text-decoration: none;
padding: 0;
}
.embed-logo .color-orange{
color: #ff6a00;
}
.embed-logo .color-green{
color: #0c0;
}
table tr th, table tr th *{
height:auto;
color:#FFF;
text-align:center;
background:#555;
}
th{
padding: 8px 6px;
font-weight: 700;
font-size: 13px;
}
td{
border-bottom:1px solid #e5e5e5;
overflow:hidden;
text-align:center;
padding: 6px 4px;
margin: 0;
color: #1f2b3d;
}
.league.promote-1 tbody tr:first-child td,
.league.promote-2 tbody tr:nth-child(2) td,
.league.promote-3 tbody tr:nth-child(3) td,
.league.promote-4 tbody tr:nth-child(4) td,
.league.promote-5 tbody tr:nth-child(5) td{
border-bottom:2px solid #0c0;
}
.league.playoff-1 tbody tr:nth-last-child(2) td,
.league.playoff-2 tbody tr:nth-last-child(3) td,
.league.playoff-3 tbody tr:nth-last-child(4) td,
.league.playoff-4 tbody tr:nth-last-child(5) td,
.league.playoff-5 tbody tr:nth-last-child(6) td,
.league.playoff-6 tbody tr:nth-last-child(7) td,
.league.playoff-7 tbody tr:nth-last-child(8) td{
border-bottom:1px solid #ff6a00;
}
.league.relegate-1 tbody tr:nth-last-child(2) td,
.league.relegate-2 tbody tr:nth-last-child(3) td,
.league.relegate-3 tbody tr:nth-last-child(4) td,
.league.relegate-4 tbody tr:nth-last-child(5) td,
.league.relegate-5 tbody tr:nth-last-child(6) td,
.league.relegate-6 tbody tr:nth-last-child(7) td,
.league.relegate-7 tbody tr:nth-last-child(8) td{
border-bottom:2px solid #ff0f21 !important;
}
.league tfoot td{
text-align: left;
font-size: 12px;
color: #555;
padding: 8px 14px;
border-bottom: 0;
white-space: nowrap;
background: #f7f7f7;
}
.league tfoot .stripe-swatch{
display: inline-block;
width: 12px;
height: 8px;
margin: 0 6px 1px 0;
vertical-align: middle;
border-radius: 1px;
}
.league tfoot .stripe-promote{
background: #0c0;
}
.league tfoot .stripe-playoff{
background: #ff6a00;
}
.league tfoot .stripe-relegate{
background: #ff0f21;
}
.league tfoot tr:hover td{
background: #f7f7f7;
}
tr:hover td{
background-color: #f7f7f7;
}
td.club{
	min-width: 0;
}
.match{
width: 100%;
table-layout: fixed;
}
.match col.club,
.match col:nth-child(1),
.match col:nth-child(3){
width: 38%;
}
.match col.separator,
.match col:nth-child(2){
width: 4%;
}
.match col.result,
.match col:nth-child(4){
width: 20%;
}
.match thead th{
text-align: left;
font-size: 13px;
font-weight: 700;
padding: 8px 14px;
}
.match td{
padding: 7px 8px;
vertical-align:middle;
}
.match td.separator{
width: 4%;
white-space: nowrap;
text-align: center;
color: #888;
padding-left: 2px;
padding-right: 2px;
}
.match td.result{
width: 20%;
white-space: nowrap;
font-weight: 700;
padding-left: 4px;
padding-right: 8px;
}
td.club,td.form,th.club,th.form{
text-align:left;
}
.league th.wgv,
.league td.wgv,
.league td.ds{
white-space: nowrap;
}
.match td.club{
	padding-left: 10px;
	min-width: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.league td.club img{
	margin: 0 6px 0 0;
	max-height:24px;
	max-width: 24px;
	height: auto;
	width: auto;
	vertical-align: middle;
}
.match td.club img{
	max-height:22px;
	max-width: 22px;
	height: auto;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
}

@media only screen and (max-width: 768px) {
	article{
		padding: 12px 0 40px;
	}
	h1{
		font-size: 18px;
	}
	td.club img {
		height: 20px;
		width: 20px;
	}
	.league td.club img {
		margin: 0 4px 0 0;
	}
	.match td.club img {
		margin: 0 4px 0 0;
	}
}