.sidearm-common .sidearm-common-header { background-color: #f2f2f2; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 8px 8px; margin-bottom: 16px; } .sidearm-common .sidearm-common-header a { color: #00294c; text-decoration: none; } .sidearm-common .sidearm-common-header a:hover { text-decoration: underline; } .sidearm-common .sidearm-common-header select { border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: 100%; white-space: nowrap; background-color: white; } .sidearm-common .sidearm-common-header .select-button { border: 0; background: #00467f; color: #ffc425; padding: 12px; font-size: 14px; font-weight: 400; line-height: 14px; } .sidearm-common .sidearm-common-header input[type=submit], .sidearm-common .sidearm-common-header button.sidearm-select-button { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; } .sidearm-common .sidearm-common-header input[type=submit]:active, .sidearm-common .sidearm-common-header button.sidearm-select-button:active { background-color: #ffc425; color: #00467f; } .sidearm-common .sidearm-common-header .sidearm-common-header-remove-right-radius { border-top-right-radius: 0; border-bottom-right-radius: 0; } .sidearm-common .sidearm-common-header .sidearm-common-header-remove-left-radius { border-top-left-radius: 0; border-bottom-left-radius: 0; } .sidearm-common .sidearm-common-header-share-list, .sidearm-common .sidearm-common-header-select-list { list-style: none; margin: 0 -4px; padding: 0; } .sidearm-common .sidearm-common-header-share-list li, .sidearm-common .sidearm-common-header-select-list li { margin: 8px 4px; } .sidearm-common .sidearm-common-header-share-list li { margin: 0 4px; } .sidearm-common .sidearm-common-header-share { margin: 8px 0; } .sidearm-common .sidearm-common-header-share a, .sidearm-common .sidearm-common-header-share button, .sidearm-common .sidearm-common-header-share .hover-span { display: inline-block; text-decoration: none; padding: 4px 8px; border: 1px solid #cccccc; border-radius: 2px; background-color: white; text-align: left; } .sidearm-common .sidearm-common-header-share a:before, .sidearm-common .sidearm-common-header-share button:before, .sidearm-common .sidearm-common-header-share .hover-span:before { font-family: sidearm_font; margin-right: 4px; } .sidearm-common .sidearm-common-header-share a:hover, .sidearm-common .sidearm-common-header-share button:hover, .sidearm-common .sidearm-common-header-share .hover-span:hover, .sidearm-common .sidearm-common-header-share a:active, .sidearm-common .sidearm-common-header-share button:active, .sidearm-common .sidearm-common-header-share .hover-span:active, .sidearm-common .sidearm-common-header-share a:focus, .sidearm-common .sidearm-common-header-share button:focus, .sidearm-common .sidearm-common-header-share .hover-span:focus { text-decoration: none; background-color: #00467f; color: #ffc425; border-color: #002a4c; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-print a:before { content: '\e822'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-email a:before { content: '\e86f'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-download a:before { content: '\e83d'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-default-view-table button:before { content: '\e871'; } .sidearm-common .sidearm-common-header-share .sidearm-common-header-default-view-list button:before { content: '\e853'; } .sidearm-common .sidearm-common-promotion { text-align: center; } .sidearm-common .sidearm-common-promotion .dfp-ad { margin: 0 auto; } .sidearm-common-bio .sidearm-common-bio-header { background-color: #f2f2f2; padding-bottom: 16px; margin-bottom: 16px; position: relative; } .sidearm-common-bio .sidearm-common-bio-header input[type=submit], .sidearm-common-bio .sidearm-common-bio-header button.sidearm-select-button { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; } .sidearm-common-bio .sidearm-common-bio-header input[type=submit]:active, .sidearm-common-bio .sidearm-common-bio-header button.sidearm-select-button:active { background-color: #ffc425; color: #00467f; } .sidearm-common-bio .sidearm-common-bio-select { float: right; width: auto; margin: 8px; } .sidearm-common-bio .sidearm-common-bio-details { padding-bottom: 16px; position: relative; z-index: 2; clear: right; } .sidearm-common-bio .sidearm-common-bio-image { position: relative; z-index: 2; margin: -1rem 0 16px 16px; max-width: 20%; padding: 8px; background-color: white; border: 1px solid #cccccc; float: left; } .sidearm-common-bio .sidearm-common-bio-heading { position: relative; z-index: 1; margin: 0; font-size: 2rem; line-height: 6rem; background-color: #00467f; color: #ffc425; text-transform: uppercase; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name { margin: 0 16px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-common-bio .sidearm-common-bio-fields { padding: 8px; } .sidearm-common-bio .sidearm-common-bio-fields ul, .sidearm-common-bio .sidearm-common-bio-fields dl, .sidearm-common-bio .sidearm-common-bio-fields dd, .sidearm-common-bio .sidearm-common-bio-fields dt { margin: 0; padding: 0; } .sidearm-common-bio .sidearm-common-bio-fields ul { list-style: none; } .sidearm-common-bio .sidearm-common-bio-fields li { padding: 0 8px; } .sidearm-common-bio .sidearm-common-bio-fields dl { border-bottom: 1px solid #cccccc; padding: 8px 16px; } .sidearm-common-bio .sidearm-common-bio-fields dt, .sidearm-common-bio .sidearm-common-bio-fields dd { display: inline; } .sidearm-common-bio .sidearm-common-bio-fields dt { font-weight: bold; margin-right: 8px; color: #00294c; text-transform: uppercase; } .sidearm-common-bio .sidearm-common-bio-fields dt:after { content: ':'; } .sidearm-link-dropdown { color: #494949; border-radius: 2px; border: 1px solid #cccccc; padding: 0; background: white; width: 100%; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-selected { float: left; padding: 0 0 0 8px; height: 26px; line-height: 26px; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-icon { float: right; cursor: pointer; } .sidearm-link-dropdown .sidearm-link-dropdown-icon i { height: 26px; line-height: 26px; cursor: pointer; } .sidearm-link-dropdown ul { list-style: none; padding: 0; overflow: hidden; clear: both; height: 0; max-height: 260px; overflow-y: auto; overflow-x: hidden; width: auto; position: absolute; z-index: 100000; background: white; margin: 0 0 0 -1px; } .sidearm-link-dropdown ul li { height: 26px; line-height: 26px; overflow: hidden; margin: 0 !important; } .sidearm-link-dropdown ul li a { text-decoration: none; color: #494949; width: 100%; display: inline-block; height: 26px; line-height: 26px; padding: 0 8px; display: inline-block; } .sidearm-link-dropdown ul li a:hover { background: #eeeeee; } .sidearm-link-dropdown ul li a:focus { outline-offset: -5px !important; } .sidearm-link-dropdown ul li a.selected { font-weight: bold; } .sidearm-link-dropdown.open ul { height: auto; border-radius: 2px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .sidearm-link-dropdown-label { display: flex; height: 28px; line-height: 28px; padding-right: 10px; font-weight: bold; } .gsc-control-cse *, .gsc-control-cse *:before, .gsc-control-cse *:after { word-wrap: break-word; -moz-box-sizing: border-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .sidearm-ads-effect-random { display: none; } @media screen and (max-width: 767px) { .sidearm-common-bio .sidearm-common-bio-details { padding: 0; } .sidearm-common-bio .sidearm-common-bio-image { max-width: 25%; margin-left: 8px; } .sidearm-common-bio .sidearm-common-bio-heading { font-size: 1.25rem; line-height: 3rem; } } @media screen and (max-width: 539px) { .sidearm-common-bio .sidearm-common-bio-heading { line-height: 1.4; padding-top: 0; } .sidearm-common-bio .sidearm-common-bio-select { float: none; width: 100%; margin: 0; } .sidearm-common-bio .sidearm-common-bio-details { padding: 8px; } .sidearm-common-bio .sidearm-common-bio-details.sidearm-common-bio-no-image .sidearm-common-bio-name { display: inline !important; margin-left: 0; margin-right: 0; } .sidearm-common-bio .sidearm-common-bio-details.sidearm-common-bio-no-image .sidearm-common-bio-name span { display: inline !important; } .sidearm-common-bio .sidearm-common-bio-heading { margin: 0; padding: 8px; background-color: transparent !important; font-size: 1.5rem; line-height: 1.4; color: #00294c; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name { display: block; line-height: 1.1; } .sidearm-common-bio .sidearm-common-bio-heading .sidearm-common-bio-name span { display: block; } .sidearm-common-bio .sidearm-common-bio-image { margin: 8px 16px 8px 8px; padding: 0; border: none; background: none; } .sidearm-common-bio .sidearm-common-bio-fields { clear: left; padding-left: 0; padding-right: 0; } .sidearm-common-bio .sidearm-common-bio-fields dl { padding-left: 0; padding-right: 0; } .sidearm-schedule-template-default .sidearm-schedule-share { margin-bottom: 0 !important; } .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ { flex-direction: column; } .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ li { margin: 8px 4px; } .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ li a, .sidearm-common .sidearm-common-header-share-list/*, .sidearm-common .sidearm-common-header-select-list*/ li button { width: 100%; } } @media print { .sidearm-common .sidearm-common-header, .sidearm-common .sidearm-common-promotion { display: none !important; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } img { filter: none; -webkit-filter: blur(0); image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } .sidearm-opponent-history .row { width: auto; } .sidearm-opponent-history .sidearm-opponent-history-breadcrumbs-separator { font-size: .8rem; margin: 0 .25rem 0 .25rem; } .sidearm-opponent-history .sidearm-opponent-history-breadcrumbs-opponent { color: #656565; } .sidearm-opponent-history-2 { font-family: 'Mulish', sans-serif; line-height: 1.4; } .sidearm-opponent-history-2 .sidearm-opponent-history .first_row .sidearm-opponent-history__item { min-height: 200px; } .sidearm-opponent-history-2 .sidearm-opponent-history-title h2 { color: black; font-size: 1.5rem; font-weight: 400; letter-spacing: .5px; line-height: 1.688rem; } .sidearm-opponent-history-2 .sidearm-opponent-history__table { margin-top: 36px; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table { border-collapse: separate; border-spacing: 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th { font-family: Mulish; font-size: 1rem; font-weight: 400; line-height: 1.5rem; height: 48px; text-align: right; padding: 12px 24px; vertical-align: middle; white-space: nowrap; border: none; background: white; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score { position: relative; padding-left: 48px; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score:before { content: none; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 24px; margin-top: -4px; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score.L:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score.L:before { content: ''; background-color: #f81c30; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score.W:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score.W:before { content: ''; background-color: #30cf89; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td div .post-score, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th div .post-score { padding-right: .75rem; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td ul, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th ul { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; list-style: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td ul li, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th ul li { display: flex; align-items: center; margin: 0 0 0 12px; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td ul li a, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th ul li a { color: #00294c; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td ul li a:hover, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th ul li a:hover { text-decoration: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr th:first-child, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr td:first-child { text-align: center; width: 150px; position: sticky; left: 0; top: 0; z-index: 2; left: 0; border-left: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr th:last-child, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr td:last-child { border-right: none !important; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr:hover td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr:hover th[scope="row"] { background-color: #e5e5e5; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd):hover td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd):hover th[scope="row"] { background-color: #e5e5e5; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd) td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd) th[scope="row"] { background-color: whitesmoke; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table caption { margin: 0 0 24px 0; color: black; font-size: 1.5rem; font-weight: 400; line-height: 1.688rem; text-align: left; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table thead th { border-right: 1px solid #001e38; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td { border: none; border-bottom: 1px solid #d9d9db; border-right: 1px solid #d9d9db; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table .sidearm-primary th { vertical-align: middle; font-weight: 700; font-style: normal; color: white; background-color: #00294c; border-bottom: 2px solid #ffc425; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table__wrapper { overflow: auto; } .sidearm-opponent-history-2 .sidearm-opponent-history__data { margin: 0 -12px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup { margin: 12px 0; padding: 24px; border: 1px solid #dfdfdf; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup h2 { color: #666666; font-size: 1rem; font-weight: 400; margin: 0 0 12px 0; letter-spacing: .5px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teams { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 37px 0 12px 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--atvs { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 3px solid #dfdfdf; transform: translate(-50%, -50%); flex-shrink: 0; color: #666666; font-size: 0.875rem; font-weight: 700; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--team { padding: 0 ; width: 50%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; padding: 0 0 0 24px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--team.team { padding: 0 24px 0 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamLogo { margin: 0 24px; position: relative; max-width: 120px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamLogo:before { content: none; display: block; position: absolute; left: 50%; margin-left: -4px; top: -24px; width: 8px; height: 8px; border-radius: 50%; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamLogo.L:before { content: ''; background-color: #f81c30; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamLogo.W:before { content: ''; background-color: #30cf89; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamScore { color: #666666; font-size: 2.25rem; font-weight: 900; margin: 0 24px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--date { color: black; font-size: 0.875rem; font-weight: 400; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--links { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-around; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--link { margin: 24px 0 0 0; color: #666666; font-size: 0.875rem; text-decoration: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--link:hover { text-decoration: underline; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table { overflow: auto; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table { border-collapse: collapse; border-spacing: 0; width: 100%; border-right: 1px solid #d9d9db; color: #454645; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table th, .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table td { height: 48px; padding: 0 12px; background: white; border-bottom: 1px solid #d9d9db; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table th:last-child, .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table td:last-child { border-left: 1px solid #d9d9db; font-weight: 700; color: black; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table thead tr { border-bottom: 3px solid #00467f; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table thead tr th { border-bottom: none; color: black; font-weight: 700; border-right: 1px solid #d9d9db; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table thead tr th:first-child { color: transparent; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table tbody th:first-child, .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table thead th:first-child { text-transform: uppercase; padding: 0 24px; text-align: left; max-width: 240px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: black; font-weight: 400; font-size: 1rem; line-height: 1.5rem; position: sticky; top: 0; left: 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table tbody th.team, .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table thead th.team { font-weight: 700; } .sidearm-opponent-history-2 .sidearm-opponent-history__item { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background: white; padding: 24px 12px; margin: 12px 0; min-height: 153px; position: relative; border: 1px solid #dfdfdf; } .sidearm-opponent-history-2 .sidearm-opponent-history__item.streak.W { box-shadow: inset 0.75rem 0 0 #30cf89; } .sidearm-opponent-history-2 .sidearm-opponent-history__item.streak.L { box-shadow: inset 0.75rem 0 0 #f81c30; } .sidearm-opponent-history-2 .sidearm-opponent-history__item > h2, .sidearm-opponent-history-2 .sidearm-opponent-history__item > a > h2 { color: #666666; font-weight: 400; font-size: 1rem; margin: 0 0 3px 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__item > a { text-decoration: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__item > a:hover { text-decoration: underline; } .sidearm-opponent-history-2 .sidearm-opponent-history__item--date { color: #666666; font-size: 0.75rem; font-weight: 400; margin: 24px 0 0 0; justify-self: flex-end; } .sidearm-opponent-history-2 .sidearm-opponent-history__item--number { color: #00294c; font-size: 1.75rem; font-weight: 400; } .sidearm-opponent-history-2 .sidearm-opponent-history__item--number.thick { font-weight: 900; font-size: 2.25rem; } .sidearm-opponent-history-2 .sidearm-opponent-history__legend { margin: 12px 0 0 0; font-size: 0.75rem; } .sidearm-opponent-history-2 .sidearm-opponent-history__legend > div { margin: 0 12px; } .sidearm-opponent-history-2 .sidearm-opponent-history__legend--loss:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; margin: 0 6px; background-color: #f81c30; } .sidearm-opponent-history-2 .sidearm-opponent-history__legend--win:before { content: ''; display: block; width: 8px; margin: 0 6px; height: 8px; border-radius: 50%; background-color: #30cf89; } .sidearm-opponent-history-2 .sidearm-opponent-history .sidearm-table[sortable-table] thead th.sorting_desc, .sidearm-opponent-history-2 .sidearm-opponent-history .sidearm-table.sortable-table thead th.sorting_desc, .sidearm-opponent-history-2 .sidearm-opponent-history .sidearm-table[sortable-table] thead th.sorting_asc, .sidearm-opponent-history-2 .sidearm-opponent-history .sidearm-table.sortable-table thead th.sorting_asc { background-color: #00182d; } @media screen and (max-width: 767px) { .sidearm-opponent-history-2 .sidearm-opponent-history__legend { display: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__data { margin: 0 -8px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table tbody th:first-child, .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--table table thead th:first-child { text-transform: uppercase; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table { display: block; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table thead { display: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table caption { display: block; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr { *zoom: 1; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr:after, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr:after { content: ""; display: table; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr:after, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr:after { clear: both; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th { padding: 0.25em 8px; font-size: 1em; border: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td[data-label], .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td[data-label], .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th[data-label], .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th[data-label] { text-align: right !important; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td[data-label]:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td[data-label]:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th[data-label]:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th[data-label]:before { text-align: left !important; content: attr(data-label); display: block; width: 50%; float: left; clear: both; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td.hide-label:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td.hide-label:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th.hide-label:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th.hide-label:before { content: ''; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td + td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td + td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th + td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th + td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td + th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td + th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th + th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th + th { border: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr td:empty, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr td:empty, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tbody tr th:empty, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tfoot tr th:empty { padding: 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr { height: 2em; overflow: hidden; cursor: pointer; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; display: block; float: right; border-left: 0.3333em solid #00467f; border-top: .3333em solid transparent; border-bottom: .3333em solid transparent; margin: .25em 0; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr th[scope=colgroup], .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr th[scope=colgroup] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded { height: auto; background-color: #00467f; transition: 0.25s; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th { color: #ffc425; font-weight: bold; border-bottom: 1px solid #002a4c; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td a, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td a, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th a, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th a { color: #ffc425; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:before { font-weight: normal; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td:first-child, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td:first-child, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:first-child, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:first-child { line-height: 2em; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:after, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:after { border-top: 0.3333em solid #ffc425; border-left: .3333em solid transparent; border-right: .3333em solid transparent; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded:hover td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded:hover td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:not([scope=colgroup]), .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:not([scope=colgroup]) { background: inherit; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table caption { font-size: 1.25rem; line-height: 1.688rem; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td { height: auto; line-height: 1.5rem; padding: 12px 24px; white-space: normal; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td:before { font-weight: 600; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.location > div, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.location > div { display: block; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score { padding-left: 8px; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score:before, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score:before { content: attr(data-label) !important; height: auto; position: static; margin: 0; background: none !important; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table th.score > div, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table td.score > div { display: block; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr th:nth-child(odd), .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr td:nth-child(odd) { width: 100%; border-bottom: none; border-right: none; } .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr.expanded td, .sidearm-opponent-history-2 .sidearm-opponent-history__table .sidearm-table tr.expanded th { background: #00467f; } .sidearm-table.accordion tbody tr:not(.expanded), .sidearm-table.accordion tfoot tr:not(.expanded) { height: 3em !important; } .sidearm-table.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-table.accordion tfoot tr th:not([scope=colgroup]):after { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; right: 12px !important; margin: 0 !important; } .sidearm-table.accordion tbody tr td:first-child, .sidearm-table.accordion tfoot tr td:first-child, .sidearm-table.accordion tbody tr th:first-child, .sidearm-table.accordion tfoot tr th:first-child { line-height: 3em !important; text-align: left !important; position: relative; } .sidearm-opponent-history__table .sidearm-table tbody tr td, .sidearm-opponent-history__table .sidearm-table tfoot tr td, .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history__table .sidearm-table tfoot tr th { padding: .25em 12px; } .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td { padding: .45em 12px; } .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td, .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td, .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th, .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th { color: white; border-bottom: 1px solid #001e38; } } @media screen and (max-width: 539px) { .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamLogo { max-width: 100px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--teamScore { font-size: 1.5rem; margin-top: 12px; } .sidearm-opponent-history-2 .sidearm-opponent-history__lastmatchup--team.team .sidearm-opponent-history__lastmatchup--teamScore { order: 2; } .sidearm-opponent-history-2 .sidearm-opponent-history-title h2 { font-size: 1.25rem; line-height: 1.688rem; } } @media screen and (max-width: 399px) { } .sidearm-opponent-history-1 { font-family: 'Mulish', sans-serif; line-height: 1.4; } .sidearm-opponent-history-1 .sidearm-opponent-history .first_row .sidearm-opponent-history__item { min-height: 200px; } .sidearm-opponent-history-1 .sidearm-opponent-history-title h2 { color: black; font-size: 1.5rem; font-weight: 400; line-height: 1.688rem; } .sidearm-opponent-history-1 .sidearm-opponent-history__table { margin-top: 36px; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table { border-collapse: separate; border-spacing: 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th { font-family: Mulish; font-size: 1rem; font-weight: 400; line-height: 1.5rem; height: 48px; text-align: right; padding: 12px 24px; vertical-align: middle; white-space: nowrap; border: none; background: white; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score { position: relative; padding-left: 48px; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score:before { content: none; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 24px; margin-top: -4px; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score.L:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score.L:before { content: ''; background-color: #f81c30; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score.W:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score.W:before { content: ''; background-color: #30cf89; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td div .post-score, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th div .post-score { padding-right: .75rem; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td ul, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th ul { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; list-style: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td ul li, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th ul li { display: flex; align-items: center; margin: 0 0 0 12px; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td ul li a, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th ul li a { color: #00294c; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td ul li a:hover, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th ul li a:hover { text-decoration: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr th:first-child, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr td:first-child { text-align: center; width: 150px; position: sticky; left: 0; top: 0; z-index: 2; left: 0; border-left: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr th:last-child, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr td:last-child { border-right: none !important; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr:hover td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr:hover th[scope="row"] { background-color: #e5e5e5; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd):hover td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd):hover th[scope="row"] { background-color: #e5e5e5; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd) td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd) th[scope="row"] { background-color: whitesmoke; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table caption { margin: 0 0 24px 0; color: black; font-size: 1.5rem; font-weight: 400; line-height: 1.688rem; text-align: left; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table thead th { border-right: 1px solid #001e38; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td { border: none; border-bottom: 1px solid #d9d9db; border-right: 1px solid #d9d9db; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table .sidearm-primary th { vertical-align: middle; font-weight: 700; font-style: normal; color: white; background-color: #00294c; border-bottom: 2px solid #ffc425; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table__wrapper { overflow: auto; } .sidearm-opponent-history-1 .sidearm-opponent-history__data { margin: 0 -12px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup { margin: 12px 0; padding: 24px; border: 1px solid #dfdfdf; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup h2 { color: #666666; font-size: 1rem; font-weight: 400; margin: 0 0 12px 0; letter-spacing: .5px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teams { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 37px 0 12px 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--links { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-around; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--atvs { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 3px solid #dfdfdf; transform: translate(-50%, -50%); flex-shrink: 0; color: #666666; font-size: 0.875rem; font-weight: 700; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--team { padding: 0 ; width: 50%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; padding: 0 0 0 24px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--team.team { padding: 0 24px 0 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamLogo { margin: 0 24px; position: relative; max-width: 120px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamLogo:before { content: none; display: block; position: absolute; left: 50%; margin-left: -4px; top: -24px; width: 8px; height: 8px; border-radius: 50%; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamLogo.L:before { content: ''; background-color: #f81c30; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamLogo.W:before { content: ''; background-color: #30cf89; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamScore { color: #666666; font-size: 2.25rem; font-weight: 900; margin: 0 24px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--date { color: black; font-size: 0.875rem; font-weight: 400; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--link { margin: 24px 0 0 0; color: #666666; font-size: 0.875rem; text-decoration: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--link:hover { text-decoration: underline; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table { overflow: auto; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table { border-collapse: collapse; border-spacing: 0; width: 100%; border-right: 1px solid #d9d9db; color: #454645; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table th, .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table td { height: 48px; padding: 0 12px; background: white; border-bottom: 1px solid #d9d9db; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table th:last-child, .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table td:last-child { border-left: 1px solid #d9d9db; font-weight: 700; color: black; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table thead tr { border-bottom: 3px solid #00467f; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table thead tr th { border-bottom: none; color: black; font-weight: 700; border-right: 1px solid #d9d9db; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table thead tr th:first-child { color: transparent; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table tbody th:first-child, .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table thead th:first-child { text-transform: uppercase; padding: 0 24px; text-align: left; max-width: 240px; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: black; font-weight: 400; font-size: 1rem; line-height: 1.5rem; position: sticky; top: 0; left: 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table tbody th.team, .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table thead th.team { font-weight: 700; } .sidearm-opponent-history-1 .sidearm-opponent-history__item { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background: white; padding: 24px 12px; margin: 12px 0; min-height: 100px; position: relative; border: 1px solid #dfdfdf; } .sidearm-opponent-history-1 .sidearm-opponent-history__item.streak.W { box-shadow: inset 0.75rem 0 0 #30cf89; } .sidearm-opponent-history-1 .sidearm-opponent-history__item.streak.L { box-shadow: inset 0.75rem 0 0 #f81c30; } .sidearm-opponent-history-1 .sidearm-opponent-history__item > h2, .sidearm-opponent-history-1 .sidearm-opponent-history__item > a > h2 { color: #666666; font-weight: 400; font-size: .875rem; letter-spacing: .5px; margin: 0 0 3px 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__item > a { text-decoration: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__item > a:hover { text-decoration: underline; } .sidearm-opponent-history-1 .sidearm-opponent-history__item--date { color: #666666; font-size: 0.75rem; font-weight: 400; margin: 24px 0 0 0; justify-self: flex-end; } .sidearm-opponent-history-1 .sidearm-opponent-history__item--number { color: #00294c; font-size: 1.75rem; font-weight: 400; } .sidearm-opponent-history-1 .sidearm-opponent-history__item--number.thick { font-weight: 900; font-size: 2.25rem; } .sidearm-opponent-history-1 .sidearm-opponent-history__legend { margin: 12px 0 0 0; font-size: 0.75rem; } .sidearm-opponent-history-1 .sidearm-opponent-history__legend > div { margin: 0 12px; } .sidearm-opponent-history-1 .sidearm-opponent-history__legend--loss:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; margin: 0 6px; background-color: #f81c30; } .sidearm-opponent-history-1 .sidearm-opponent-history__legend--win:before { content: ''; display: block; width: 8px; margin: 0 6px; height: 8px; border-radius: 50%; background-color: #30cf89; } .sidearm-opponent-history-1 .sidearm-opponent-history .sidearm-table[sortable-table] thead th.sorting_desc, .sidearm-opponent-history-1 .sidearm-opponent-history .sidearm-table.sortable-table thead th.sorting_desc, .sidearm-opponent-history-1 .sidearm-opponent-history .sidearm-table[sortable-table] thead th.sorting_asc, .sidearm-opponent-history-1 .sidearm-opponent-history .sidearm-table.sortable-table thead th.sorting_asc { background-color: #00182d; } @media screen and (max-width: 767px) { .sidearm-opponent-history-1 .sidearm-opponent-history__legend { display: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__data { margin: 0 -8px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table tbody th:first-child, .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--table table thead th:first-child { text-transform: uppercase; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table { display: block; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table thead { display: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table caption { display: block; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr { *zoom: 1; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr:after, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr:after { content: ""; display: table; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr:after, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr:after { clear: both; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th { padding: 0.25em 8px; font-size: 1em; border: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td[data-label], .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td[data-label], .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th[data-label], .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th[data-label] { text-align: right !important; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td[data-label]:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td[data-label]:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th[data-label]:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th[data-label]:before { text-align: left !important; content: attr(data-label); display: block; width: 50%; float: left; clear: both; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td.hide-label:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td.hide-label:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th.hide-label:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th.hide-label:before { content: ''; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td + td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td + td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th + td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th + td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td + th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td + th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th + th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th + th { border: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr td:empty, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr td:empty, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tbody tr th:empty, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tfoot tr th:empty { padding: 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr { height: 2em; overflow: hidden; cursor: pointer; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; display: block; float: right; border-left: 0.3333em solid #00467f; border-top: .3333em solid transparent; border-bottom: .3333em solid transparent; margin: .25em 0; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr th[scope=colgroup], .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr th[scope=colgroup] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded { height: auto; background-color: #00467f; transition: 0.25s; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th { color: #ffc425; font-weight: bold; border-bottom: 1px solid #002a4c; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td a, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td a, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th a, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th a { color: #ffc425; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:before { font-weight: normal; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td:first-child, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td:first-child, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:first-child, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:first-child { line-height: 2em; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:after, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:after { border-top: 0.3333em solid #ffc425; border-left: .3333em solid transparent; border-right: .3333em solid transparent; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded:hover td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded:hover td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:not([scope=colgroup]), .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:not([scope=colgroup]) { background: inherit; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table caption { font-size: 1.25rem; line-height: 1.688rem; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td { height: auto; line-height: 1.5rem; padding: 12px 24px; white-space: normal; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td:before { font-weight: 600; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.location > div, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.location > div { display: block; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score { padding-left: 8px; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score:before, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score:before { width: 30%; content: attr(data-label) !important; height: auto; position: static; margin: 0; background: none !important; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table th.score > div, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table td.score > div { display: block; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr th:nth-child(odd), .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr td:nth-child(odd) { width: 100%; border-bottom: none; border-right: none; } .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr.expanded td, .sidearm-opponent-history-1 .sidearm-opponent-history__table .sidearm-table tr.expanded th { background: #00467f; } .sidearm-table.accordion tbody tr:not(.expanded), .sidearm-table.accordion tfoot tr:not(.expanded) { height: 3em !important; } .sidearm-table.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-table.accordion tfoot tr th:not([scope=colgroup]):after { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; right: 12px !important; margin: 0 !important; } .sidearm-table.accordion tbody tr td:first-child, .sidearm-table.accordion tfoot tr td:first-child, .sidearm-table.accordion tbody tr th:first-child, .sidearm-table.accordion tfoot tr th:first-child { line-height: 3em !important; text-align: left !important; position: relative; } .sidearm-opponent-history__table .sidearm-table tbody tr td, .sidearm-opponent-history__table .sidearm-table tfoot tr td, .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history__table .sidearm-table tfoot tr th { padding: .25em 12px; } .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td { padding: .45em 12px; } .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td, .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td, .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th, .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th { color: white; border-bottom: 1px solid #001e38; } } @media screen and (max-width: 539px) { .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamLogo { max-width: 100px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--teamScore { font-size: 1.5rem; margin-top: 12px; } .sidearm-opponent-history-1 .sidearm-opponent-history__lastmatchup--team.team .sidearm-opponent-history__lastmatchup--teamScore { order: 2; } .sidearm-opponent-history-1 .sidearm-opponent-history-title h2 { font-size: 1.25rem; line-height: 1.688rem; } } @media screen and (max-width: 399px) { } .sidearm-opponent-history-landing { font-family: 'Mulish', sans-serif; line-height: 1.4; } .sidearm-opponent-history-landing .sidearm-opponent-history-title h2 { color: black; font-size: 1.5rem; font-weight: 400; line-height: 1.688rem; } .sidearm-opponent-history-landing .sidearm-opponent-history__ddl { width: 33%; margin: 8px 0 24px 0; } .sidearm-opponent-history-landing .sidearm-opponent-history__table { margin-top: 36px; } .sidearm-opponent-history-landing .sidearm-opponent-history__table-title { color: black; font-size: 1.5rem; font-weight: 400; line-height: 1.688rem; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table { border-collapse: separate; border-spacing: 0; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th { font-family: Mulish; font-size: .9rem; font-weight: 400; line-height: 1.5rem; height: 48px; text-align: right; padding: 12px 24px; vertical-align: middle; white-space: nowrap; border: none; background: white; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.score, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.score { position: relative; padding-left: 48px; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.score:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.score:before { content: none; display: block; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 24px; margin-top: -4px; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.score.L:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.score.L:before { content: ''; background-color: #f81c30; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.score.W:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.score.W:before { content: ''; background-color: #30cf89; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td ul, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th ul { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; list-style: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td ul li, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th ul li { display: flex; align-items: center; margin: 0 0 0 12px; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td ul li a, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th ul li a { color: #00294c; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td ul li a:hover, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th ul li a:hover { text-decoration: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr th:first-child, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr td:first-child { text-align: center; width: 150px; position: sticky; left: 0; top: 0; z-index: 2; left: 0; border-left: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr th:last-child, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr td:last-child { border-right: none !important; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr:hover td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr:hover th[scope="row"] { background-color: #e5e5e5; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd):hover td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd):hover th[scope="row"] { background-color: #e5e5e5; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd) td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr:nth-child(odd) th[scope="row"] { background-color: whitesmoke; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table thead th { border-right: 1px solid #001e38; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td { border: none; border-bottom: 1px solid #d9d9db; border-right: 1px solid #d9d9db; padding-left: 12px; padding-right: 12px; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table .sidearm-primary th { vertical-align: middle; font-weight: 700; font-style: normal; color: white; background-color: #00467f; border-bottom: 2px solid #ffc425; border-right: 1px solid #d9d9db; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table__wrapper { overflow: auto; } .sidearm-opponent-history-landing .sidearm-opponent-history__data { margin: 0 -12px; } .sidearm-opponent-history-landing .sidearm-opponent-history .sidearm-table[sortable-table] thead th.sorting_desc, .sidearm-opponent-history-landing .sidearm-opponent-history .sidearm-table.sortable-table thead th.sorting_desc, .sidearm-opponent-history-landing .sidearm-opponent-history .sidearm-table[sortable-table] thead th.sorting_asc, .sidearm-opponent-history-landing .sidearm-opponent-history .sidearm-table.sortable-table thead th.sorting_asc { background-color: #00182d; } @media screen and (max-width: 767px) { .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table { display: block; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table thead { display: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table caption { display: block; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr { *zoom: 1; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr:after, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr:after { content: ""; display: table; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr:after, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr:after { clear: both; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th { padding: 0.25em 8px; font-size: 1em; border: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td[data-label], .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td[data-label], .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th[data-label], .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th[data-label] { text-align: right !important; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td[data-label]:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td[data-label]:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th[data-label]:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th[data-label]:before { text-align: left !important; content: attr(data-label); display: block; width: 50%; float: left; clear: both; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td.hide-label:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td.hide-label:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th.hide-label:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th.hide-label:before { content: ''; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td + td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td + td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th + td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th + td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td + th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td + th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th + th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th + th { border: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr td:empty, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr td:empty, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tbody tr th:empty, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tfoot tr th:empty { padding: 0; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr { height: 2em; overflow: hidden; cursor: pointer; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr th:not([scope=colgroup]):after, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr th:not([scope=colgroup]):after { content: ''; display: block; float: right; border-left: 0.3333em solid #00467f; border-top: .3333em solid transparent; border-bottom: .3333em solid transparent; margin: .25em 0; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr th[scope=colgroup], .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr th[scope=colgroup] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded { height: auto; background-color: #00467f; transition: 0.25s; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th { color: #ffc425; font-weight: bold; border-bottom: 1px solid #002a4c; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td a, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td a, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th a, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th a { color: #ffc425; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:before { font-weight: normal; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded td:first-child, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded td:first-child, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:first-child, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:first-child { line-height: 2em; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:after, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:after { border-top: 0.3333em solid #ffc425; border-left: .3333em solid transparent; border-right: .3333em solid transparent; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded:hover td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded:hover td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tbody tr.expanded th:not([scope=colgroup]), .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table.accordion tfoot tr.expanded th:not([scope=colgroup]) { background: inherit; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td { height: auto; line-height: 1.5rem; padding: 12px 24px; white-space: normal; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td:before { font-weight: 600; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.location > div, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.location > div { display: block; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.score, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.score { padding-left: 8px; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table th.score:before, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table td.score:before { width: 30%; content: attr(data-label) !important; height: auto; position: static; margin: 0; background: none !important; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr th:nth-child(odd), .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr td:nth-child(odd) { width: 100%; border-bottom: none; border-right: none; } .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr.expanded td, .sidearm-opponent-history-landing .sidearm-opponent-history__table .sidearm-table tr.expanded th { background: #00467f; } .sidearm-opponent-history-landing .sidearm-opponent-history__table-title { font-size: 1.25rem; line-height: 1.688rem; } .sidearm-opponent-history-landing .sidearm-opponent-history__ddl { width: 100%; } }