@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}

.content section.rankings table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.1rem;
}

.content section.rankings table.windEvent td.wind:empty::after {
    display: inline;
    content: 'NWI';
    color: #f00;
}

.content section.rankings table thead tr,
.content section.rankings table tbody tr.thead {
    background: #646464;
    color: #ffffff;
}

.content section.rankings table thead tr th,
.content section.rankings table tbody tr.thead th {
    font-weight: bold;
    text-align: left;
    line-height: 24px;
    font-size: 13px;
}

.content section.rankings table thead tr th p,
.content section.rankings table tbody tr.thead th p,
.content section.rankings table thead tr th div,
.content section.rankings table tbody tr.thead th div,
.content section.rankings table thead tr th span,
.content section.rankings table tbody tr.thead th span {
    display: inline;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 24px;
}

.content section.rankings table thead tr th.rank,
.content section.rankings table tbody tr.thead th.rank {
    text-align: right;
    padding-right: 16px;
}

.content section.rankings table thead tr th.year,
.content section.rankings table tbody tr.thead th.year {
    text-align: center;
    padding-right: 16px;
}

.content section.rankings table thead tr th.time,
.content section.rankings table tbody tr.thead th.time,
.content section.rankings table thead tr th.wind,
.content section.rankings table tbody tr.thead th.wind {
    text-align: center;
    padding-right: 16px;
}

@media only screen and (max-width: 639px) {
    .content section.rankings table thead tr th.wind,
    .content section.rankings table tbody tr.thead th.wind {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .content section.rankings table thead tr th.meet,
    .content section.rankings table tbody tr.thead th.meet {
        display: none;
    }
}

.content section.rankings table thead tr th.meet span.date::before,
.content section.rankings table tbody tr.thead th.meet span.date::before {
    content: '/';
    display: inline;
    padding-right: 4px;
}

.content section.rankings table thead tr th.meet span.place,
.content section.rankings table tbody tr.thead th.meet span.place {
    float: right;
}

@media only screen and (max-width: 639px) {
    .content section.rankings table thead tr th.meet span.place,
    .content section.rankings table tbody tr.thead th.meet span.place {
        display: none;
    }
}

.content section.rankings table tbody tr:not(.thead):nth-of-type(odd) {
    background: #ebebeb;
}

.content section.rankings table tbody tr:not(.thead) td {
    line-height: 24px;
    font-size: 13px;
    vertical-align: middle;
    text-align: left;
}

.content section.rankings table tbody tr:not(.thead) td div,
.content section.rankings table tbody tr:not(.thead) td p,
.content section.rankings table tbody tr:not(.thead) td a {
    line-height: 24px;
}

.content section.rankings table tbody tr:not(.thead) td.event a {
    color: #c80000;
}

.content section.rankings table tbody tr:not(.thead) td.rank {
    font-size: 22px;
    font-weight: bold;
    line-height: 48px;
    text-align: right;
    min-width: 32px;
    padding-right: 16px;
}

.content section.rankings table tbody tr:not(.thead) td.time,
.content section.rankings table tbody tr:not(.thead) td.wind {
    text-align: center;
    padding-right: 16px;
}

.content section.rankings table tbody tr:not(.thead) td.time {
    white-space: nowrap;
    min-width: 60px;
}

.content section.rankings table tbody tr:not(.thead) td.time span.wind.w {
    color: #f00;
}

.content section.rankings table tbody tr:not(.thead) td.time span.wind:not(:empty)::before {
    content: '(';
    display: inline;
}

.content section.rankings table tbody tr:not(.thead) td.time span.wind:not(:empty)::after {
    content: ')';
    display: inline;
}

.content section.rankings table tbody tr:not(.thead) td.wind.w {
    color: #f00;
}
@media only screen and (max-width: 639px) {
    .content section.rankings table tbody tr:not(.thead) td.wind {
        display: none;
    }
}

.content section.rankings table tbody tr:not(.thead) td.name {
    min-width: 150px;
}

.content section.rankings table tbody tr:not(.thead) td.name .athlete a {
    text-transform: uppercase;
    font-weight: bold;
    color: #c80000;
}

.content section.rankings table tbody tr:not(.thead) td.name .team {
    height: 24px;
    overflow: hidden;
}

.content section.rankings table tbody tr:not(.thead) td.name .team span.state {
    background: #000000;
    color: #ffffff;
    padding: 4px;
    border-radius: 50%;
    opacity: 0.3;
    font-size: 11px;
    font-family: monospace, sans-serif;
    position: relative;
    top: -2px;
}

.content section.rankings table tbody tr:not(.thead) td.year {
    text-align: center;
    padding-right: 16px;
}
@media only screen and (max-width: 479px) {
    .content section.rankings table tbody tr:not(.thead) td.meet {
        display: none;
    }
}

.content section.rankings table tbody tr:not(.thead) td.meet a {
    color: #c80000;
}

.content section.rankings table tbody tr:not(.thead) td.meet div,
.content section.rankings table tbody tr:not(.thead) td.meet p {
    height: 24px;
    overflow: hidden;
    position: relative;
    padding-right: 16px;
}

.content section.rankings table tbody tr:not(.thead) td.meet em {
    font-size: 11px;
    background: #000000;
    color: #ffffff;
    padding: 4px;
    border-radius: 4px;
    opacity: 0.25;
    line-height: 14px;
    position: absolute;
    top: 2px;
    right: 2px;
}
@media only screen and (max-width: 639px) {
    .content section.rankings table tbody tr:not(.thead) td.meet em {
        display: none;
    }
}
@media only screen and (max-width: 639px) {
    .content section.rankings table tbody tr:not(.thead) td.meet .date .end {
        display: none;
    }
}

.content section.rankings[data-type="t"] td.year,
.content section.rankings[data-type="t"] th.year {
    display: none;
}

.content div.field {
    width: 140px;
}