.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; } html.moments-video-is-playing, html.moments-video-is-playing body { overflow-y: hidden; } .main-content-placeholder .reset-list { margin: 0; list-style: none; padding: 0; } .roster-page.sidearm-roster-template-1 .main-content-placeholder, .roster-page.sidearm-roster-template-1 .contentDiv_container { padding-left: 0px; padding-right: 0px; } .roster-page .accessible-hide { position: absolute; left: -9999px; background: white; color: black; } .sidearm-roster-view h1 { font-size: 1.5rem; margin: .83rem 0; } .sidearm-roster-view .sidearm-roster-header-download { position: relative; } .sidearm-roster-view .sidearm-roster-header-download a, .sidearm-roster-view .sidearm-roster-header-download .hover-span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .sidearm-roster-view .sidearm-roster-header-download a:before, .sidearm-roster-view .sidearm-roster-header-download .hover-span:before { content: '\e83d'; } .sidearm-roster-view .sidearm-roster-header-download ul { position: absolute; left: -99999px; top: 100%; width: 300px; z-index: 1; list-style: none; } .sidearm-roster-view .sidearm-roster-header-download ul a { border-radius: 0; text-align: right; } .sidearm-roster-view .sidearm-roster-header-download ul a:before { content: ''; } .sidearm-roster-view .sidearm-roster-header-download:hover ul, .sidearm-roster-view .sidearm-roster-header-download.sidearm-hover ul { left: auto; right: 0; } .sidearm-roster-view .sidearm-roster-team-photo { margin-bottom: 16px; position: relative; text-align: center; } .sidearm-roster-view .sidearm-roster-team-photo-credit { background: black; bottom: 0px; color: white; font-size: 1rem; font-weight: bold; max-width: 56.25%; overflow: hidden; padding: 0 8px; pointer-events: none; position: absolute; right: 0px; text-overflow: ellipsis; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); transform-origin: right bottom; transform: rotate(90deg) translateY(100%); white-space: nowrap; } .sidearm-roster-view .sidearm-roster-sort-options { margin-bottom: 16px; padding: 0 8px; } .sidearm-roster-view .sidearm-roster-sort-options label { margin-right: 8px; font-style: italic; } .sidearm-roster-view .sidearm-roster-sort-options select { border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: auto; white-space: nowrap; background-color: white; } .sidearm-roster-view .sidearm-roster-sort-options button.sidearm-select-button { background-color: #00467f; color: #ffc425; border: none; text-transform: uppercase; font-weight: bold; font-size: 1rem; height: 30px; } .sidearm-roster-view .sidearm-roster-sort-options button.sidearm-select-button:active { background-color: #ffc425; color: #00467f; } .sidearm-roster-view .roster_all_staff_photo { max-height: 350px; margin: 0 auto; display: block; } .sidearm-roster-view .sidearm-common-promotion__below-header-1 .dfp-ad, .sidearm-roster-view .sidearm-common-promotion__below-header-1 .single-ad { margin-bottom: 24px; } .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; position: absolute; height: 32px; width: 32px; background-color: #00467f; display: flex; justify-content: center; align-items: center; font-size: 0; transition: 0.2s; z-index: 3; } .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause::after { content: ''; display: block; font-size: 18px; color: #ffc425; font-family: 'sidearm_font_v2'; transition: 0.2s; } .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause.slick-pause::after { content: '\e200'; } .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause.slick-play::after { content: '\e196'; } .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause:hover, .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause:focus { background-color: #ffc425; } .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause:hover::after, .sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause:focus::after { color: #00467f; } .sidearm-roster-template { display: none; } .sidearm-roster-template.sidearm-roster-template-active { display: block; } .sidearm-roster-default-template .sidearm-roster-players-container h3 { background-color: #00467f; color: #ffc425; padding: 8px; margin-bottom: 0; } .sidearm-roster-default-template .sidearm-roster-players { margin: 0; padding: 0; list-style: none; } .sidearm-roster-default-template .sidearm-roster-player { background-color: #f2f2f2; box-shadow: 0 1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5 inset; position: relative; } .sidearm-roster-default-template .sidearm-roster-player:nth-child(odd) { background-color: white; } .sidearm-roster-default-template .sidearm-roster-player.show-extra .sidearm-roster-player-toggle:before { border-bottom-color: #00467f; } .sidearm-roster-default-template .sidearm-roster-player.show-extra .sidearm-roster-player-toggle:after { content: '-'; } .sidearm-roster-default-template .sidearm-roster-player-container { padding: 16px 0; } .sidearm-roster-default-template .sidearm-roster-player-image img { width: 80px; visibility: hidden; } .sidearm-roster-default-template .sidearm-roster-player-image img[src] { visibility: visible; } .sidearm-roster-default-template .sidearm-roster-player-position { font-size: .9rem; text-transform: uppercase; } .sidearm-roster-default-template .sidearm-roster-player-position span + span:not(.sidearm-roster-player-position-long-short):before { content: '/ '; } .sidearm-roster-default-template .sidearm-roster-player-name { margin: 8px 0; } .sidearm-roster-default-template .sidearm-roster-player-name .sidearm-roster-player-jersey { vertical-align: middle; } .sidearm-roster-default-template .sidearm-roster-player-name .sidearm-roster-player-jersey span { vertical-align: middle; background-color: #00467f; color: #ffc425; font-weight: bold; padding: 0 8px; font-style: italic; } .sidearm-roster-default-template .sidearm-roster-player-name .sidearm-roster-player-jersey span.sidearm-roster-player-captain { background-color: #494949; color: white; } .sidearm-roster-default-template .sidearm-roster-player-name p, .sidearm-roster-default-template .sidearm-roster-player-name h2, .sidearm-roster-default-template .sidearm-roster-player-name h3, .sidearm-roster-default-template .sidearm-roster-player-name h4 { text-decoration: uppercase; font-weight: 700; font-style: normal; background-color: transparent; display: inline; vertical-align: middle; font-size: 1.5rem; font-weight: bold; line-height: 1.1; text-transform: uppercase; } .sidearm-roster-default-template .sidearm-roster-player-name p a, .sidearm-roster-default-template .sidearm-roster-player-name h2 a, .sidearm-roster-default-template .sidearm-roster-player-name h3 a, .sidearm-roster-default-template .sidearm-roster-player-name h4 a, .sidearm-roster-default-template .sidearm-roster-player-name p span, .sidearm-roster-default-template .sidearm-roster-player-name h2 span, .sidearm-roster-default-template .sidearm-roster-player-name h3 span, .sidearm-roster-default-template .sidearm-roster-player-name h4 span { color: #666666; text-decoration: none; } .sidearm-roster-default-template .sidearm-roster-player-name p a:hover, .sidearm-roster-default-template .sidearm-roster-player-name h2 a:hover, .sidearm-roster-default-template .sidearm-roster-player-name h3 a:hover, .sidearm-roster-default-template .sidearm-roster-player-name h4 a:hover, .sidearm-roster-default-template .sidearm-roster-player-name p span:hover, .sidearm-roster-default-template .sidearm-roster-player-name h2 span:hover, .sidearm-roster-default-template .sidearm-roster-player-name h3 span:hover, .sidearm-roster-default-template .sidearm-roster-player-name h4 span:hover, .sidearm-roster-default-template .sidearm-roster-player-name p a:active, .sidearm-roster-default-template .sidearm-roster-player-name h2 a:active, .sidearm-roster-default-template .sidearm-roster-player-name h3 a:active, .sidearm-roster-default-template .sidearm-roster-player-name h4 a:active, .sidearm-roster-default-template .sidearm-roster-player-name p span:active, .sidearm-roster-default-template .sidearm-roster-player-name h2 span:active, .sidearm-roster-default-template .sidearm-roster-player-name h3 span:active, .sidearm-roster-default-template .sidearm-roster-player-name h4 span:active { color: #00294c; } .sidearm-roster-default-template .sidearm-roster-player-class-hometown { text-transform: uppercase; } .sidearm-roster-default-template .sidearm-roster-player-class-hometown span:first-child { font-weight: bold; font-style: italic; } .sidearm-roster-default-template .sidearm-roster-player-class-hometown span + span:before { content: '/ '; } .sidearm-roster-default-template .sidearm-roster-player-bio a { font-size: .9rem; text-transform: uppercase; color: #00294c; text-decoration: none; } .sidearm-roster-default-template .sidearm-roster-player-bio a:before { content: '\e861'; font-family: sidearm_font; margin-right: 4px; } .sidearm-roster-default-template .sidearm-roster-player-bio a:active, .sidearm-roster-default-template .sidearm-roster-player-bio a:hover { text-decoration: underline; } .sidearm-roster-default-template .sidearm-roster-player-toggle { position: absolute; bottom: 0; right: 0; cursor: pointer; font-size: 0; } .sidearm-roster-default-template .sidearm-roster-player-toggle:before { content: ''; border-bottom: 2rem solid #cccccc; border-left: 2rem solid transparent; position: absolute; right: 0; bottom: 0; } .sidearm-roster-default-template .sidearm-roster-player-toggle:after { font-size: 1rem; content: '+'; line-height: 1.25rem; width: 1.25rem; height: 1.25rem; text-align: center; color: white; font-weight: bold; position: absolute; right: 0; bottom: 0; } .sidearm-roster-default-template .sidearm-roster-player-toggle:active:before, .sidearm-roster-default-template .sidearm-roster-player-toggle:focus:before { border-bottom-color: #656565; } .sidearm-roster-default-template .sidearm-roster-player-extra { border-top: 1px solid #f2f2f2; display: none; background-color: white; } .sidearm-roster-default-template .sidearm-roster-player-extra-heading { background-color: #00467f; color: #ffc425; padding: 4px 8px; text-transform: uppercase; font-weight: bold; display: inline; } .sidearm-roster-default-template .sidearm-roster-player-extra-stats { padding-top: 16px; padding-bottom: 16px; } .sidearm-roster-default-template .sidearm-roster-player-extra-stats ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; } .sidearm-roster-default-template .sidearm-roster-player-extra-stats li { cursor: pointer; background-color: #cccccc; color: white; font-weight: bold; font-style: italic; text-transform: uppercase; padding: 4px 16px; box-shadow: 1px 0 0 0 #f2f2f2, 1px 0 0 0 #f2f2f2 inset; } .sidearm-roster-default-template .sidearm-roster-player-extra-stats li:not(.sidearm-roster-player-extra-stats-tabs-selected):hover, .sidearm-roster-default-template .sidearm-roster-player-extra-stats li:not(.sidearm-roster-player-extra-stats-tabs-selected):active { background-color: #656565; } .sidearm-roster-default-template .sidearm-roster-player-extra-stats li.sidearm-roster-player-extra-stats-tabs-selected { background-color: #00467f; color: #ffc425; font-style: normal; } .sidearm-roster-default-template .sidearm-roster-player-extra-stats-category { padding: 16px 0; } .sidearm-roster-default-template .sidearm-roster-player-extra-stories { border-left: 1px solid #cccccc; padding-top: 16px; padding-bottom: 16px; } .sidearm-roster-default-template .sidearm-roster-player-extra-stories ul { list-style: none; margin-top: 8px; margin-bottom: 8px; padding: 0; } .sidearm-roster-default-template .sidearm-roster-player-extra-story { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #cccccc; } .sidearm-roster-default-template .sidearm-roster-player-extra-story span { font-size: .9em; font-style: italic; text-transform: uppercase; } .sidearm-roster-default-template .sidearm-roster-player-extra-story p { margin: 0; } .sidearm-roster-default-template .sidearm-roster-player-extra-story a { color: #00294c; text-decoration: none; } .sidearm-roster-default-template .sidearm-roster-player-extra-story a:hover, .sidearm-roster-default-template .sidearm-roster-player-extra-story a:active { text-decoration: underline; } .sidearm-roster-default-template .sidearm-roster-player-extra-story:last-child { border-bottom: none; } .sidearm-roster-default-template .sidearm-roster-player-extra-stories-only .sidearm-roster-player-extra-stories { padding-left: 0; padding-right: 0; } .sidearm-roster-default-template .sidearm-roster-player-extra-stories-only .sidearm-roster-player-extra-stories, .sidearm-roster-default-template .sidearm-roster-player-extra-stories-only .sidearm-roster-player-extra-story { border: none; } .sidearm-roster-default-template .sidearm-roster-player-extra-no-info { padding: 8px 0; } .sidearm-roster-default-template #sidearm-roster-coaches { margin-top: 48px; } .sidearm-roster-default-template .sidearm-roster-coaches { margin: 0; padding: 0; list-style: none; } .sidearm-roster-default-template .sidearm-roster-coach { box-shadow: 0 1px 0 0 #e5e5e5, 0 1px 0 0 #e5e5e5 inset; padding-top: 16px; padding-bottom: 16px; } .sidearm-roster-default-template .sidearm-roster-coach:nth-child(4n), .sidearm-roster-default-template .sidearm-roster-coach:nth-child(4n-1) { background-color: #f2f2f2; } .sidearm-roster-default-template .sidearm-roster-coach:nth-child(4n-2), .sidearm-roster-default-template .sidearm-roster-coach:nth-child(4n-3) { background-color: white; } .sidearm-roster-default-template .sidearm-roster-coach:nth-child(4n-1):last-child, .sidearm-roster-default-template .sidearm-roster-coach:nth-child(4n-3):last-child { width: 100%; } .sidearm-roster-default-template .sidearm-roster-coach-title { text-transform: uppercase; } .sidearm-roster-default-template .sidearm-roster-coach-name p { font-size: 1.5rem; font-weight: bold; line-height: 1.1; text-transform: uppercase; margin: 0; color: #666666; } .sidearm-roster-default-template .sidearm-roster-coach-link a { font-size: .9rem; text-transform: uppercase; color: #00294c; text-decoration: none; } .sidearm-roster-default-template .sidearm-roster-coach-link a:before { content: '\e861'; font-family: sidearm_font; margin-right: 4px; } .sidearm-roster-default-template .sidearm-roster-coach-link a:active, .sidearm-roster-default-template .sidearm-roster-coach-link a:hover { text-decoration: underline; } .sidearm-roster-grid-template-1 .sidearm-table-grid-template-1 caption { background-color: #00467f; color: #ffc425; padding: 4px 8px; font-weight: bold; font-style: italic; } .sidearm-roster-grid-template-1 .sidearm-table-grid-template-1 thead th { white-space: nowrap; overflow: hidden; } .sidearm-roster-grid-template-1 .image_combined_path { min-width: calc(66px); font-size: 0; } .sidearm-roster-grid-template-1 .height, .sidearm-roster-grid-template-1 .rp_weight, .sidearm-roster-grid-template-1 .roster_class, .sidearm-roster-grid-template-1 .roster_jerseynum { white-space: nowrap; } .sidearm-roster-card-template-1 .sidearm-list-card-template-1 { list-style: none; margin: 0 -16px; padding: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .sidearm-roster-card-template-1 .sidearm-list-card-item { flex: 0 1 calc(25% - 32px); -webkit-flex: 0 1 calc(25% - 32px); min-width: 1px; min-height: 1px; margin: 16px; background-color: white; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); overflow: hidden; } .sidearm-roster-card-template-1 .sidearm-list-card-item:hover .sidearm-roster-player-image:before, .sidearm-roster-card-template-1 .sidearm-list-card-item:focus-within .sidearm-roster-player-image:before { opacity: 1; } .sidearm-roster-card-template-1 .sidearm-list-card-item:hover .sidearm-roster-player-bio-link, .sidearm-roster-card-template-1 .sidearm-list-card-item:focus-within .sidearm-roster-player-bio-link { left: 50%; } .sidearm-roster-card-template-1 .sidearm-roster-player-image, .sidearm-roster-card-template-1 .sidearm-roster-player-image-historical { padding-bottom: 100%; background-color: #cccccc; background-size: cover; background-position: top center; background-repeat: no-repeat; } .sidearm-roster-card-template-1 .sidearm-roster-player-image:before, .sidearm-roster-card-template-1 .sidearm-roster-player-image-historical:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 70, 127, 0.65); z-index: 1; opacity: 0; transition: .25s; } .sidearm-roster-card-template-1 .sidearm-roster-player-jersey { position: absolute; bottom: 12px; right: 12px; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; background-color: #00467f; color: #ffc425; font-weight: 700; font-size: 1.2em; } .sidearm-roster-card-template-1 .sidearm-roster-player-bio-link { position: absolute; top: 50%; left: -99999px; display: inline-block; text-decoration: none; font-weight: bold; text-transform: uppercase; padding: 8px 16px; background-color: #ffc425; color: #00467f; white-space: nowrap; transform: translate(-50%, -50%); z-index: 2; transition: background-color 0.25s; } .sidearm-roster-card-template-1 .sidearm-roster-player-bio-link:hover { background-color: #ffcb3f; } .sidearm-roster-card-template-1 .sidearm-list-card-details { padding: 16px; color: #656565; font-size: 1em; } .sidearm-roster-card-template-1 .sidearm-roster-player-captain { position: absolute; top: 12px; right: 12px; color: #00467f; font-weight: 700; font-size: 1.25em; } .sidearm-roster-card-template-1 .sidearm-list-card-details-item { margin: 8px 0; } .sidearm-roster-card-template-1 .sidearm-list-card-details-item > span + span:before { content: "/"; margin: 0 4px; } .sidearm-roster-card-template-1 .sidearm-roster-player-name-container { margin: 0; } .sidearm-roster-card-template-1 .sidearm-roster-player-name-container:after { content: ""; display: block; width: 60px; height: 2px; background-color: #00467f; margin: 8px 0; } .sidearm-roster-card-template-1 .sidearm-roster-player-name { text-decoration: none; color: #656565; } .sidearm-roster-card-template-1 .sidearm-roster-player-name:hover .sidearm-roster-player-first-name, .sidearm-roster-card-template-1 .sidearm-roster-player-name:hover .sidearm-roster-player-last-name { color: #00294c; } .sidearm-roster-card-template-1 .sidearm-roster-player-first-name { font-size: 1em; display: block; transition: .25s; } .sidearm-roster-card-template-1 .sidearm-roster-player-last-name { color: #494949; font-weight: 700; font-size: 1.6em; display: block; transition: .25s; } .sidearm-roster-card-template-2 .sidearm-list-card-template-2 { list-style: none; margin: 0 -12px; padding: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .sidearm-roster-card-template-2 .sidearm-list-card-item { padding: 0 12px 24px 12px; flex: 0 1 25%; -webkit-flex: 0 1 25%; min-width: 1px; min-height: 1px; background-color: white; overflow: hidden; } .sidearm-roster-card-template-2 .sidearm-list-card-item:hover .sidearm-roster-player-image:before { opacity: 1; } .sidearm-roster-card-template-2 .sidearm-list-card-item:hover .sidearm-roster-player-bio-link { left: 50%; } .sidearm-roster-card-template-2 .sidearm-roster-player-image, .sidearm-roster-card-template-2 .sidearm-roster-player-image-historical { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); padding-bottom: 100%; background-color: #cccccc; background-size: cover; background-position: top center; background-repeat: no-repeat; } .sidearm-roster-card-template-2 .sidearm-roster-player-image:before, .sidearm-roster-card-template-2 .sidearm-roster-player-image-historical:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 70, 127, 0.65); z-index: 1; opacity: 0; transition: .25s; } .sidearm-roster-card-template-2 .sidearm-roster-player-jersey { position: absolute; bottom: 12px; right: 12px; border-radius: 0.125rem; width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: #00467f; color: #ffc425; font-weight: 700; font-size: 1.5rem; } .sidearm-roster-card-template-2 .sidearm-roster-player-bio-link { position: absolute; top: 50%; left: -99999px; display: inline-block; text-decoration: none; font-weight: bold; text-transform: uppercase; padding: 8px 16px; background-color: #ffc425; color: #00467f; white-space: nowrap; transform: translate(-50%, -50%); z-index: 2; transition: background-color 0.25s; } .sidearm-roster-card-template-2 .sidearm-roster-player-bio-link:hover { background-color: #ffcb3f; } .sidearm-roster-card-template-2 .sidearm-list-card-details { padding: 12px; color: #656565; font-size: 1em; border: 1px solid #d9d9db; border-top: none; background: white; position: relative; z-index: 2; } .sidearm-roster-card-template-2 .sidearm-roster-player-captain { position: absolute; top: 12px; right: 12px; color: #00467f; font-weight: 700; font-size: 1.25em; } .sidearm-roster-card-template-2 .sidearm-list-card-details-item { margin: 6px 0 0 0; line-height: 1.688rem; } .sidearm-roster-card-template-2 .sidearm-list-card-details-item > span + span:before { content: "/"; margin: 0 4px; } .sidearm-roster-card-template-2 .sidearm-roster-player-name-container { margin: 0; } .sidearm-roster-card-template-2 .sidearm-roster-player-name-container:after { content: ""; display: block; width: 60px; height: 2px; background-color: #00467f; margin: 6px 0; } .sidearm-roster-card-template-2 .sidearm-roster-player-name { text-decoration: none; color: #656565; } .sidearm-roster-card-template-2 .sidearm-roster-player-name:hover .sidearm-roster-player-first-name, .sidearm-roster-card-template-2 .sidearm-roster-player-name:hover .sidearm-roster-player-last-name { color: #00294c; } .sidearm-roster-card-template-2 .sidearm-roster-player-first-name { font-size: 1.125rem; font-weight: 400; line-height: 1.688rem; display: block; transition: .25s; } .sidearm-roster-card-template-2 .sidearm-roster-player-last-name { color: #494949; font-size: 1.375rem; font-weight: 700; line-height: 2.063rem; display: block; transition: .25s; } .sidearm-roster-player-template-default.sidearm-roster-player-view .stats-select-season-container { display: flex; justify-content: flex-end; margin-bottom: 38px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .stats-select-season-container stats-select-season { display: flex; width: 200px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .stats-select-season-container stats-select-season ul { width: 200px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header { background-color: #f2f2f2; padding-bottom: 16px; position: relative; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-select { font-size: 0; position: absolute; top: 8px; right: 8px; z-index: 3; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-select select { font-size: 1rem; width: calc(100% - 44px); } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-select .select-button { border: 0; background: #00467f; color: #ffc425; font-size: 14px; font-weight: 600; line-height: 30px; height: 32px; width: 38px; overflow: hidden; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-banner .sidearm-roster-player-header-background { padding-bottom: 33.3333%; background-size: cover; background-position: center center; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background { padding-bottom: 56.25%; position: relative; z-index: 1; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause { bottom: 120px; right: 24px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-action-photo { position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%; z-index: 1; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-action-photo img { position: absolute; top: 0; left: 0; width: 100%; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-action-photos-credit { position: relative; display: inline-block; font-weight: 700; line-height: 30px; color: white; padding: 0 12px; background-color: rgba(0, 0, 0, 0.75); pointer-events: none; z-index: 2; opacity: 0; transition: .5s; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .slick-active .sidearm-roster-player-header-action-photos-credit { opacity: 1; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action-photos { position: absolute; width: 100%; height: 100%; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action-photos .slick-list, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action-photos .slick-track { display: flex; display: -webkit-flex; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action-photos .slick-track:before, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action-photos .slick-track:after { display: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action-photos .slick-slide { float: none; height: auto; flex-shrink: 0; -webkit-flex-shrink: 0; background-size: cover; background-position: center center; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-image { margin-top: -1rem; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-heading { margin-top: 0; line-height: 4rem; background-color: #00467f; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-header-select { position: static; float: right; width: auto; margin: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-header-details { clear: right; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-details { padding-bottom: 16px; position: relative; z-index: 2; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-image { position: relative; z-index: 2; margin: -8rem 0 16px 16px; max-width: 20%; padding: 8px; background-color: white; border: 1px solid #cccccc; float: left; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading { position: relative; z-index: 1; margin: -6rem 0 0 0; font-size: 2rem; line-height: 6rem; background-color: rgba(0, 70, 127, 0.75); color: #ffc425; text-transform: uppercase; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-jersey-number { background-color: #ffc425; color: #00467f; padding: 0 16px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-name { margin: 0 16px; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-last-name { align-items: center; display: inline-flex; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-last-name .earit_icon_image { margin-left: 8px !important; } @media screen and (min-width: 540px) { .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-last-name .earit_icon_image { filter: invert(1) brightness(1.75); } } .sidearm-roster-player-template-default.sidearm-roster-player-view .medium-flex { align-items: center; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social { padding: 0 24px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social-link { color: #ffc425; font-size: 1.25rem; position: relative; line-height: initial; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social-link::after { content: ''; height: 15px; width: 1px; background: #ffc425; position: absolute; top: 0; transform: translateY(30%); } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social-link:last-child::after { content: unset; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social span { padding: 0 12px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields { padding: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields ul, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dl, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dd, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dt { margin: 0; padding: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields ul { list-style: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields li { padding: 0 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dl { border-bottom: 1px solid #cccccc; padding: 8px 16px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dt, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dd { display: inline; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dt { font-weight: bold; margin-right: 8px; color: #00294c; text-transform: uppercase; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dt:after { content: ':'; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul { margin: 0; padding: 0 16px; list-style: none; border-bottom: 4px solid #00467f; background-color: #f2f2f2; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li { display: inline-block; padding: 8px 16px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li > a { text-decoration: none; color: #00294c; font-weight: bold; text-transform: uppercase; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li > a:focus { outline: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li.ui-tabs-active { background-color: #00467f; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li.ui-tabs-active > a { color: #ffc425; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li:active { background-color: #ffc425; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li:active > a { color: #00467f; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li.sidearm-roster-player-moments-tab svg { margin-right: 8px; height: 1em; vertical-align: middle; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > section { padding: 16px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view #sidearm-roster-player-bio a[href*="adobe.com"] img { vertical-align: middle; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-stats section { padding-bottom: 16px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-stats table + table { margin-top: 16px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-stats h4 { padding: 0 0 8px 0; border-bottom: 2px solid #00467f; margin-bottom: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-stats h5 { padding: 8px 0; font-style: italic; border-bottom: 1px solid #e5e5e5; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-container h2 { font-size: 1.125rem; margin: .66rem 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-container h2, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-container h4 { padding: 0 0 8px 0; border-bottom: 2px solid #00467f; margin-bottom: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-stories ul { list-style: none; padding: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-stories .sidearm-roster-player-related-story { margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-stories .sidearm-roster-player-related-story-headline { font-size: 1.2rem; font-weight: bold; margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-stories .sidearm-roster-player-related-story-headline a { text-decoration: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-stories .sidearm-roster-player-related-story-headline a:hover, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-stories .sidearm-roster-player-related-story-headline a:active { text-decoration: underline; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-pressclips ul { list-style: none; padding: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-pressclips .sidearm-roster-player-related-pressclip { margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-pressclips .sidearm-roster-player-related-pressclip-headline { font-size: 1.2rem; font-weight: bold; margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-pressclips .sidearm-roster-player-related-pressclip-headline a { text-decoration: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-pressclips .sidearm-roster-player-related-pressclip-headline a:hover, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-pressclips .sidearm-roster-player-related-pressclip-headline a:active { text-decoration: underline; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos ul, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos ul { list-style: none; padding: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos .sidearm-roster-player-related-item { margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-text, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos .sidearm-roster-player-related-item-text { padding: 8px; border: 1px solid #cccccc; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-text p, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos .sidearm-roster-player-related-item-text p { font-weight: bold; color: #00294c; font-size: 1.1rem; margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-text a, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos .sidearm-roster-player-related-item-text a { text-decoration: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-text a:hover, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos .sidearm-roster-player-related-item-text a:hover, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-text a:active, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-photos .sidearm-roster-player-related-item-text a:active { text-decoration: underline; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media { position: relative; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 0; padding: 0; background: rgba(0, 0, 0, 0.5); border: none; width: 40px; height: 40px; border: 4px solid white; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5); border-radius: 50%; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media button:before { content: '\e861'; font: 20px/1 sidearm_font; color: white; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media button:active { border-color: white; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media button:active:before { color: white; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media button:focus { outline: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media img { width: 100%; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-related-videos .sidearm-roster-player-related-item-media iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-common-promotion .dfp-ad { margin: 0 auto; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-common-promotion__above-header-1 .dfp-ad, .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-common-promotion__below-header-1 .dfp-ad { margin-bottom: 24px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-historical h3 { font-size: 1.125rem; padding: 0 0 8px 0; border-bottom: 2px solid #00467f; margin-bottom: 8px; } .sidearm-roster-player-template-1.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause { bottom: 120px; right: 24px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-header { border-bottom: 4px solid #00467f; margin-bottom: 24px; padding: 0 16px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-header > h3 { background-color: #00467f; color: #ffc425; display: inline-flex; align-items: center; font-size: 1rem; font-weight: 700; margin: 0; padding: 8px 16px; text-transform: uppercase; } .sidearm-roster-player-moments .sidearm-roster-player-moments-header > h3 > svg { margin-right: 8px; height: 1em; } .sidearm-roster-player-moments .sidearm-roster-player-moments-select { position: relative; } .sidearm-roster-player-moments .sidearm-roster-player-moments-select::after { color: black; content: '\e008'; display: block; font-family: sidearm_font_v2; font-size: 1.5rem; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); z-index: 10; } .sidearm-roster-player-moments .sidearm-roster-player-moments-select > select { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; font-size: 1rem; font-weight: bold; line-height: 1.5; padding: 12px 24px; text-overflow: ''; text-transform: uppercase; } .sidearm-roster-player-moments .sidearm-roster-player-moments-content { flex: 1 1 auto; -webkit-flex: 1 1 auto; min-width: 1px; min-height: 1px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-list { margin: 0 -12px -24px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item { margin-bottom: 24px; padding: 0 12px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-sizer { background-color: black; position: relative; overflow: hidden; padding-bottom: 56.25%; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-sizer:hover .sidearm-roster-player-moments-item-image { transform: translate(-50%, -50%) scale(1.2); } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-sizer:hover .sidearm-roster-player-moments-item-image-preview { display: block; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image, .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-preview { cursor: pointer; left: 50%; min-height: 100%; min-width: 100%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .25s; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-preview { display: none; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn { width: 65px; height: 65px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); border: none; font-size: 0; border-radius: 100%; padding: 0; transition: all 0.2s ease-in-out 0s; box-shadow: 0px 0px 11px 5px rgba(0, 0, 0, 0.25); } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:before, .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out 0s; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:before { border: calc(65px * .0462) solid white; border-radius: 100%; width: calc(65px * .8462); height: calc(65px * .8462); } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:after { left: calc(50% + 2px); border-style: solid; border-width: calc(65px * .1538) 0 calc(65px * .1538) calc(65px * .2308); border-color: transparent transparent transparent white; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:hover, .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:focus { background: rgba(255, 255, 255, 0.5); } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:hover:before, .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:focus:before { width: 65px; height: 65px; border: calc(65px * .0615) solid #00294c; border-color: #00294c; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:hover:after, .sidearm-roster-player-moments .sidearm-roster-player-moments-item-play-btn:focus:after { border-color: transparent transparent transparent #00294c; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-details { flex: 1 0 auto; -webkit-flex: 1 0 auto; min-width: 1px; min-height: 1px; border-bottom: 2px solid #00467f; padding: 12px 0; } .sidearm-roster-player-moments .sidearm-roster-player-moments-load-more { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; background-color: #00467f; color: #ffc425; display: inline-block; font-size: 1rem; font-weight: 700; padding: 8px 16px; margin-bottom: 24px; transition: .25s; } .sidearm-roster-player-moments .sidearm-roster-player-moments-load-more:hover { background-color: #ffc425; color: #00467f; } .sidearm-roster-player-moments .sidearm-roster-player-moments-modal { align-items: center; background-color: rgba(0, 0, 0, 0.75); display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-close { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; border-radius: 1.25rem; border: 1px solid #00467f; color: white; height: 2.5rem; position: absolute; right: 12px; top: 12px; transition: .25s; width: 2.5rem; } .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-close:hover, .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-close:focus, .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-close.sidearm-hover { background-color: #00467f; color: #ffc425; } .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-inner { max-height: calc(100% - 24px); max-width: 1000px; overflow: auto; width: calc(100% - 24px); } .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-player-container { padding-bottom: 56.25%; position: relative; } .sidearm-roster-player-moments .sidearm-roster-player-moments-modal-player-container > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sidearm-roster-player-moments .sidearm-roster-player-moments-rail { flex: 0 0 360px; -webkit-flex: 0 0 360px; min-width: 1px; min-height: 1px; margin-left: 24px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-rail-header { background: #00467f; color: #ffc425; font-size: 1rem; font-style: normal; padding: 12px 24px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-rail-content { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 0 24px 24px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-tag-list { margin: 12px 0; } .sidearm-roster-player-moments .sidearm-roster-player-moments-tag-list-item { background-color: white; border-radius: calc(12px + 0.5rem); border: 1px solid #e5e5e5; color: #494949; display: inline-block; font-size: 1rem; line-height: 1; padding: 12px 24px; transition: .25s; margin: 12px; text-transform: uppercase; } .sidearm-roster-player-moments .sidearm-roster-player-moments-tag-list-item.is-toggled, .sidearm-roster-player-moments .sidearm-roster-player-moments-tag-list-item:hover, .sidearm-roster-player-moments .sidearm-roster-player-moments-tag-list-item:focus { background-color: #00467f; color: #ffc425; } @media screen and (max-width: 1024px) { .sidearm-roster-card-template-1 .sidearm-list-card-item { flex: 0 1 calc(33.3333% - 32px); -webkit-flex: 0 1 calc(33.3333% - 32px); min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause { bottom: 24px; } } @media screen and (max-width: 1023px) { .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-image { margin-top: -16px; } .sidearm-table-grid-template-1-breakdown-x-large thead { display: none !important; } h1.sidearm-table-grid-template-1-breakdown-x-large thead, h2.sidearm-table-grid-template-1-breakdown-x-large thead, h3.sidearm-table-grid-template-1-breakdown-x-large thead, caption.sidearm-table-grid-template-1-breakdown-x-large thead, label.sidearm-table-grid-template-1-breakdown-x-large thead { display: block !important; position: absolute; left: -9999px; top: -9999px; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr { display: block; *zoom: 1; padding: 16px 8px; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr:before, .sidearm-table-grid-template-1-breakdown-x-large tbody tr:after { content: ""; display: table; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr:after { clear: both; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr th, .sidearm-table-grid-template-1-breakdown-x-large tbody tr td { display: inline; border: none; padding: 0; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr th + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-x-large tbody tr td + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-x-large tbody tr th + td:not(:empty):before, .sidearm-table-grid-template-1-breakdown-x-large tbody tr td + td:not(:empty):before { content: "/"; margin: 0 4px; color: #cccccc; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr:hover td, .sidearm-table-grid-template-1-breakdown-x-large tbody tr:hover th { background: inherit !important; } .sidearm-table-grid-template-1-breakdown-x-large tbody tr:nth-child(even) { background-color: #f2f2f2; } .sidearm-table-grid-template-1-breakdown-x-large .image_combined_path { float: left; min-width: 0; margin-right: 16px; } .sidearm-table-grid-template-1-breakdown-x-large .image_combined_path:before { display: none; } .sidearm-table-grid-template-1-breakdown-x-large .roster_jerseynum { font-weight: bold; } .sidearm-table-grid-template-1-breakdown-x-large .roster_jerseynum:before { content: '#'; } .sidearm-table-grid-template-1-breakdown-x-large .sidearm-table-custom-field span:before { content: attr(data-custom-label); font-style: italic; text-transform: uppercase; margin-right: 8px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-rail { flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; margin-left: 0; margin-bottom: 24px; width: 100%; } .sidearm-roster-player-moments .sidearm-roster-player-moments-rail-content { padding: 0; } } @media screen and (max-width: 768px) { .sidearm-roster-card-template-1 .sidearm-list-card-item { flex: 0 1 calc(50% - 32px); -webkit-flex: 0 1 calc(50% - 32px); min-width: 1px; min-height: 1px; } } @media screen and (max-width: 767px) { .sidearm-roster-select .sidearm-roster-select-list li.flex-item-1 { flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; } .sidearm-roster-default-template .sidearm-roster-coach:nth-child(odd) { background-color: #e5e5e5; } .sidearm-roster-default-template .sidearm-roster-coach:nth-child(even) { background-color: white; } .sidearm-roster-default-template .sidearm-roster-player-extra-stories { border: none; } .sidearm-roster-default-template .sidearm-roster-player-extra-story { border-bottom: none; } .sidearm-table-grid-template-1-breakdown-large thead { display: none !important; } h1.sidearm-table-grid-template-1-breakdown-large thead, h2.sidearm-table-grid-template-1-breakdown-large thead, h3.sidearm-table-grid-template-1-breakdown-large thead, caption.sidearm-table-grid-template-1-breakdown-large thead, label.sidearm-table-grid-template-1-breakdown-large thead { display: block !important; position: absolute; left: -9999px; top: -9999px; } .sidearm-table-grid-template-1-breakdown-large tbody tr { display: block; *zoom: 1; padding: 16px 8px; } .sidearm-table-grid-template-1-breakdown-large tbody tr:before, .sidearm-table-grid-template-1-breakdown-large tbody tr:after { content: ""; display: table; } .sidearm-table-grid-template-1-breakdown-large tbody tr:after { clear: both; } .sidearm-table-grid-template-1-breakdown-large tbody tr th, .sidearm-table-grid-template-1-breakdown-large tbody tr td { display: inline; border: none; padding: 0; } .sidearm-table-grid-template-1-breakdown-large tbody tr th + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-large tbody tr td + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-large tbody tr th + td:not(:empty):before, .sidearm-table-grid-template-1-breakdown-large tbody tr td + td:not(:empty):before { content: "/"; margin: 0 4px; color: #cccccc; } .sidearm-table-grid-template-1-breakdown-large tbody tr:hover td, .sidearm-table-grid-template-1-breakdown-large tbody tr:hover th { background: inherit !important; } .sidearm-table-grid-template-1-breakdown-large tbody tr:nth-child(even) { background-color: #f2f2f2; } .sidearm-table-grid-template-1-breakdown-large .image_combined_path { float: left; min-width: 0; margin-right: 16px; } .sidearm-table-grid-template-1-breakdown-large .image_combined_path:before { display: none; } .sidearm-table-grid-template-1-breakdown-large .roster_jerseynum { font-weight: bold; } .sidearm-table-grid-template-1-breakdown-large .roster_jerseynum:before { content: '#'; } .sidearm-table-grid-template-1-breakdown-large .sidearm-table-custom-field span:before { content: attr(data-custom-label); font-style: italic; text-transform: uppercase; margin-right: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-details { padding: 0; background-image: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-image { max-width: 25%; margin-left: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading { font-size: 1.25rem; line-height: 3rem; margin-top: -3rem; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause { bottom: 72px; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-sizer:hover .sidearm-roster-player-moments-item-image { transform: translate(-50%, -50%) scale(1); } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-sizer:hover .sidearm-roster-player-moments-item-image-preview { display: none; } .sidearm-roster-player-moments .sidearm-roster-player-moments-item-image-sizer.preview-is-playing .sidearm-roster-player-moments-item-image-preview { display: block; } } @media (orientation: landscape) and (max-height: 500px) { .sidearm-roster-player-moments-modal .sidearm-roster-player-moments-modal-inner { max-width: calc((100vh - 5rem - 48px) * 16/9); } } @media screen and (max-width: 539px) { .sidearm-roster-default-template .sidearm-roster-player { margin: 8px 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-background .slick-play-pause { bottom: 24px; } .sidearm-table-grid-template-1-breakdown-medium thead { display: none !important; } h1.sidearm-table-grid-template-1-breakdown-medium thead, h2.sidearm-table-grid-template-1-breakdown-medium thead, h3.sidearm-table-grid-template-1-breakdown-medium thead, caption.sidearm-table-grid-template-1-breakdown-medium thead, label.sidearm-table-grid-template-1-breakdown-medium thead { display: block !important; position: absolute; left: -9999px; top: -9999px; } .sidearm-table-grid-template-1-breakdown-medium tbody tr { display: block; *zoom: 1; padding: 16px 8px; } .sidearm-table-grid-template-1-breakdown-medium tbody tr:before, .sidearm-table-grid-template-1-breakdown-medium tbody tr:after { content: ""; display: table; } .sidearm-table-grid-template-1-breakdown-medium tbody tr:after { clear: both; } .sidearm-table-grid-template-1-breakdown-medium tbody tr th, .sidearm-table-grid-template-1-breakdown-medium tbody tr td { display: inline; border: none; padding: 0; } .sidearm-table-grid-template-1-breakdown-medium tbody tr th + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-medium tbody tr td + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-medium tbody tr th + td:not(:empty):before, .sidearm-table-grid-template-1-breakdown-medium tbody tr td + td:not(:empty):before { content: "/"; margin: 0 4px; color: #cccccc; } .sidearm-table-grid-template-1-breakdown-medium tbody tr:hover td, .sidearm-table-grid-template-1-breakdown-medium tbody tr:hover th { background: inherit !important; } .sidearm-table-grid-template-1-breakdown-medium tbody tr:nth-child(even) { background-color: #f2f2f2; } .sidearm-table-grid-template-1-breakdown-medium .image_combined_path { float: left; min-width: 0; margin-right: 16px; } .sidearm-table-grid-template-1-breakdown-medium .image_combined_path:before { display: none; } .sidearm-table-grid-template-1-breakdown-medium .roster_jerseynum { font-weight: bold; } .sidearm-table-grid-template-1-breakdown-medium .roster_jerseynum:before { content: '#'; } .sidearm-table-grid-template-1-breakdown-medium .sidearm-table-custom-field span:before { content: attr(data-custom-label); font-style: italic; text-transform: uppercase; margin-right: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-select { position: static; margin-bottom: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-image { margin-top: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-heading { line-height: 1.4; padding-top: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-plain .sidearm-roster-player-header-select { float: none; width: 100%; margin: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-details { padding: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-details.sidearm-roster-player-no-image .sidearm-roster-player-name { display: inline !important; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-details.sidearm-roster-player-no-image .sidearm-roster-player-name span { display: inline !important; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading { margin: 0; padding: 8px; background-color: transparent !important; font-size: 1.5rem; line-height: 1.4; color: #00294c; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-name { margin: 8px 0; display: block; line-height: 1.1; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-heading .sidearm-roster-player-name span { display: block; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social { padding: unset; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social-link { color: unset; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-social-link::after { background-color: #00294c; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-header-action .sidearm-roster-player-header-action-photos-credit { display: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-image { margin: 8px 16px 8px 8px; padding: 0; border: none; background: none; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields { clear: left; padding-left: 0; padding-right: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-roster-player-fields dl { padding-left: 0; padding-right: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view.sidearm-roster-player-no-image .sidearm-roster-player-heading { margin: 0; padding: 8px; background-color: transparent; font-size: 1.5rem; line-height: 1.4; color: #00294c; } .sidearm-roster-player-template-default.sidearm-roster-player-view.sidearm-roster-player-no-image .sidearm-roster-player-heading .sidearm-roster-player-name { margin: 0; } .sidearm-roster-player-template-default.sidearm-roster-player-view.sidearm-roster-player-no-image .sidearm-roster-player-heading .sidearm-roster-player-name span { display: inline; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li { padding: 8px; } .sidearm-roster-player-template-default.sidearm-roster-player-view .sidearm-responsive-tabs > ul > li > a { font-size: .9rem; } .sidearm-roster-card-template-1 .sidearm-list-card-template-1 { display: block; } .sidearm-roster-card-template-1 .sidearm-list-card-item { display: flex; display: -webkit-flex; } .sidearm-roster-card-template-1 .sidearm-list-card-item:hover .sidearm-roster-player-image:before { display: none; } .sidearm-roster-card-template-1 .sidearm-roster-player-image-container { flex: 1 1 25%; -webkit-flex: 1 1 25%; min-width: 1px; min-height: 1px; min-width: 100px; position: relative; } .sidearm-roster-card-template-1 .sidearm-roster-player-image, .sidearm-roster-card-template-1 .sidearm-roster-player-image-historical { padding: 0; height: 100%; width: 100%; top: 0; left: 0; position: absolute !important; } .sidearm-roster-card-template-1 .sidearm-roster-player-image img, .sidearm-roster-card-template-1 .sidearm-roster-player-image-historical img { width: auto; min-height: 100%; } .sidearm-roster-card-template-1 .sidearm-roster-player-bio-link { display: none; } .sidearm-roster-card-template-1 .sidearm-roster-player-first-name { font-size: 1em; order: 1; -webkit-order: 1; } .sidearm-roster-card-template-1 .sidearm-roster-player-last-name { font-size: 1em; } .sidearm-roster-card-template-1 .sidearm-roster-player-last-name:after { content: ','; margin-right: 4px; } .sidearm-roster-card-template-1 .sidearm-roster-player-jersey { bottom: auto; top: 16px; background: none; color: #00467f; font-size: 1em; width: auto; height: auto; line-height: 1.2; } .sidearm-roster-card-template-1 .sidearm-list-card-details { flex: 1 1 75%; -webkit-flex: 1 1 75%; min-width: 1px; min-height: 1px; } } @media screen and (max-width: 399px) { .sidearm-table-grid-template-1-breakdown-small thead { display: none !important; } h1.sidearm-table-grid-template-1-breakdown-small thead, h2.sidearm-table-grid-template-1-breakdown-small thead, h3.sidearm-table-grid-template-1-breakdown-small thead, caption.sidearm-table-grid-template-1-breakdown-small thead, label.sidearm-table-grid-template-1-breakdown-small thead { display: block !important; position: absolute; left: -9999px; top: -9999px; } .sidearm-table-grid-template-1-breakdown-small tbody tr { display: block; *zoom: 1; padding: 16px 8px; } .sidearm-table-grid-template-1-breakdown-small tbody tr:before, .sidearm-table-grid-template-1-breakdown-small tbody tr:after { content: ""; display: table; } .sidearm-table-grid-template-1-breakdown-small tbody tr:after { clear: both; } .sidearm-table-grid-template-1-breakdown-small tbody tr th, .sidearm-table-grid-template-1-breakdown-small tbody tr td { display: inline; border: none; padding: 0; } .sidearm-table-grid-template-1-breakdown-small tbody tr th + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-small tbody tr td + th:not(:empty):before, .sidearm-table-grid-template-1-breakdown-small tbody tr th + td:not(:empty):before, .sidearm-table-grid-template-1-breakdown-small tbody tr td + td:not(:empty):before { content: "/"; margin: 0 4px; color: #cccccc; } .sidearm-table-grid-template-1-breakdown-small tbody tr:hover td, .sidearm-table-grid-template-1-breakdown-small tbody tr:hover th { background: inherit !important; } .sidearm-table-grid-template-1-breakdown-small tbody tr:nth-child(even) { background-color: #f2f2f2; } .sidearm-table-grid-template-1-breakdown-small .image_combined_path { float: left; min-width: 0; margin-right: 16px; } .sidearm-table-grid-template-1-breakdown-small .image_combined_path:before { display: none; } .sidearm-table-grid-template-1-breakdown-small .roster_jerseynum { font-weight: bold; } .sidearm-table-grid-template-1-breakdown-small .roster_jerseynum:before { content: '#'; } .sidearm-table-grid-template-1-breakdown-small .sidearm-table-custom-field span:before { content: attr(data-custom-label); font-style: italic; text-transform: uppercase; margin-right: 8px; } .sidearm-roster-card-template-1 .sidearm-list-card-details { font-size: 0.9em; } .sidearm-roster-card-template-1 .sidearm-list-card-details-item { margin: 4px 0; } .stats-select-season-container { justify-content: flex-start; margin-bottom: 0; } } @media print { .sidearm-roster-default-template .sidearm-roster-player, .sidearm-roster-default-template .sidearm-roster-coach { box-shadow: none !important; } .sidearm-roster-default-template .sidearm-roster-player-toggle { display: none !important; } } /* Mixins */ .sidearm-roster-player-template-1 { font-family: 'Mulish'; /* Perfect Scrollbar */ } .sidearm-roster-player-template-1 .sidearm-common-promotion.bottom-promotion ads-component > div { border-top: 1px solid #d9d9db; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; padding: 24px; } .sidearm-roster-player-template-1 .sidearm-common-promotion.sticky { background: rgba(0, 0, 0, 0.65); position: fixed; bottom: 0; left: 0; width: 100%; transition: transform .25s; z-index: 5; } .sidearm-roster-player-template-1 .sidearm-common-promotion.sticky.is-hidden { transform: translateY(100%); } .sidearm-roster-player-template-1 .sidearm-common-promotion.sticky .ad, .sidearm-roster-player-template-1 .sidearm-common-promotion.sticky .dfp-ad { margin: 12px auto; } .sidearm-roster-player-template-1 .ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } .sidearm-roster-player-template-1 .ps.ps--active-x > .ps__scrollbar-x-rail, .sidearm-roster-player-template-1 .ps.ps--active-y > .ps__scrollbar-y-rail { display: block; z-index: 1; } .sidearm-roster-player-template-1 .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #eeeeee; opacity: 1; } .sidearm-roster-player-template-1 .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #999999; height: 11px; } .sidearm-roster-player-template-1 .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #eeeeee; opacity: 1; } .sidearm-roster-player-template-1 .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #cbcbcb; width: 4px; } .sidearm-roster-player-template-1 .ps > .ps__scrollbar-x-rail { display: none; position: absolute; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 6px; height: 6px; margin: 0 24px; } .sidearm-roster-player-template-1 .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x { position: absolute; cursor: pointer; background-color: #d9d9db; border-radius: 0.188rem; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; bottom: 0px; height: 6px; } .sidearm-roster-player-template-1 .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .sidearm-roster-player-template-1 .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x { height: 6px; background-color: #cccccf; } .sidearm-roster-player-template-1 .ps > .ps__scrollbar-y-rail { display: none; margin: 12px 0; position: absolute; transition: background-color 0.2s linear, opacity 0.2s linear; background: transparent; width: 6px; right: 7px; } .sidearm-roster-player-template-1 .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; cursor: pointer; background-color: #d9d9db; transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out; border-radius: 0.188rem; right: 0; width: 6px; } .sidearm-roster-player-template-1 .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .sidearm-roster-player-template-1 .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y { background-color: #cccccf; } .sidearm-roster-player-template-1 .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail { background-color: #d9d9db; opacity: 1; } .sidearm-roster-player-template-1 .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x { background-color: #d9d9db; height: 6px; cursor: pointer; } .sidearm-roster-player-template-1 .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail { background-color: #d9d9db; opacity: 1; } .sidearm-roster-player-template-1 .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y { background-color: #d9d9db; } .sidearm-roster-player-template-1 .ps:hover > .ps__scrollbar-x-rail, .sidearm-roster-player-template-1 .ps:hover > .ps__scrollbar-y-rail { opacity: 1; } .sidearm-roster-player-template-1 .ps:hover > .ps__scrollbar-x-rail:hover { background-color: transparent !important; opacity: 1; } .sidearm-roster-player-template-1 .sidearm-visual-averages { padding: 24px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-visual-averages:last-child { padding: 24px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-visual-averages h5 { font-size: .875rem !important; line-height: 1rem !important; height: 49px; border: 1px solid #d9d9db; border-bottom: none; padding: 0 12px; border-radius: 2px 2px 0 0; background-color: whitesmoke; margin: 0 !important; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; color: black; font-family: Mulish; font-size: 1rem; font-weight: 700 !important; } .sidearm-roster-player-template-1 .sidearm-visual-averages-header h4 { color: #2a2b2c; font-size: 1.125rem; font-weight: 700; line-height: 1.688rem; margin: 0 0 24px 0; padding-bottom: 3px; border-bottom: 2px solid #00294c; } .sidearm-roster-player-template-1 .sidearm-visual-averages > div { margin: 0 0 36px 0; } .sidearm-roster-player-template-1 .sidearm-visual-averages > div:last-child { margin: 0; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat { border-right: 1px solid #d9d9db; border-bottom: 1px solid #d9d9db; border-top: 1px solid #d9d9db; padding: 0 12px; text-align: center; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; flex-direction: column; -webkit-flex-direction: column; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; min-height: 100px; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat-number { color: #2a2b2c; font-size: 1.65rem !important; font-weight: 900 !important; line-height: 2rem; font-weight: 900 !important; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat:first-child { border-left: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-visual-graph .c3-gauge-value { color: #2a2b2c; font-size: 1.65rem !important; font-weight: 900 !important; line-height: 2rem; font-weight: 900 !important; } .sidearm-roster-player-template-1 .sidearm-visual-graph .c3-chart-arcs-background { fill: #d9d9db; } .sidearm-roster-player-template-1 .sidearm-visual-graph .c3-tooltip-container { background: white; white-space: nowrap; border: 1px solid #d9d9db; padding: 12px; z-index: 9000; } .sidearm-roster-player-template-1 .sidearm-visual-graph-stat-title { margin: 0; color: #707070; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-1 .stats-select-season-container { display: flex; padding: 24px; border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .stats-select-season-container stats-select-season { display: flex; width: 200px; } .sidearm-roster-player-template-1 .stats-select-season-container stats-select-season ul { width: 200px; } .sidearm-roster-player-template-1 .sidearm-table.highlight-column-hover tbody th:not([scope=row]):hover:after, .sidearm-roster-player-template-1 .sidearm-table.highlight-column-hover tbody td:hover:after { background-color: whitesmoke; } .sidearm-roster-player-template-1 .sidearm-table.highlight-column-hover tbody th:not([scope=row]):hover:after, .sidearm-roster-player-template-1 .sidearm-table.highlight-column-hover tbody td:hover:after { content: none !important; } .sidearm-roster-player-template-1 section[aria-label="Player Career Statistics"] .sidearm-table thead tr th[scope="colgroup"], .sidearm-roster-player-template-1 section[aria-label="Player Season Statistics"] .sidearm-table thead tr th[scope="colgroup"] { background-color: #001628; color: white; } .sidearm-roster-player-template-1 section[aria-label="Player Career Statistics"] section:first-child > h5, .sidearm-roster-player-template-1 section[aria-label="Player Season Statistics"] section:first-child > h5 { margin-top: 0; } .sidearm-roster-player-template-1 section[aria-label="Player Career Statistics"] section > h5, .sidearm-roster-player-template-1 section[aria-label="Player Season Statistics"] section > h5 { margin: 24px 0; } .sidearm-roster-player-template-1 div[class*="sidearm-table-overflow"] { box-shadow: none; background-image: /* Shadows */linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to/* Shadow covers */ right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: white; background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } .sidearm-roster-player-template-1 .sidearm-table { border-collapse: inherit; border-spacing: 1px 0; } .sidearm-roster-player-template-1 .sidearm-table-overflow-on-x-large { position: relative; } .sidearm-roster-player-template-1 .sidearm-table.highlight-column-hover { overflow: auto; z-index: auto; position: static; } .sidearm-roster-player-template-1 .sidearm-table caption { position: absolute; left: -9999px; } .sidearm-roster-player-template-1 .sidearm-table .locale { margin: 0 4px 0 0; } .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table { width: 100%; } .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table thead tr:first-child th:first-child, .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table thead tr:first-child td:first-child { text-align: left; position: static; top: auto; z-index: 20; left: auto; } .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table tbody tr:hover th:not([scope=colgroup]), .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table tbody tr:hover td { background: whitesmoke !important; } .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table tbody tr th:first-child, .sidearm-roster-player-template-1 .sidearm-table-gamehigh-stats .sidearm-table tbody tr td:first-child { text-align: left; position: static; background: none; top: auto; z-index: 20; left: auto; } .sidearm-roster-player-template-1 .sidearm-table thead tr:first-child th:first-child, .sidearm-roster-player-template-1 .sidearm-table thead tr:first-child td:first-child { text-align: left; position: sticky; position: -webkit-sticky; top: 0; z-index: 20; left: 0; } .sidearm-roster-player-template-1 .sidearm-table thead tr th { height: 48px; background: #00294c; font-family: Mulish; color: white; font-size: 1rem; font-weight: 700; line-height: 1.5rem; vertical-align: middle; text-align: center !important; padding: 4px 12px; font-style: normal; } .sidearm-roster-player-template-1 .sidearm-table tbody tr th:first-child, .sidearm-roster-player-template-1 .sidearm-table tbody tr td:first-child { text-align: left; position: sticky; position: -webkit-sticky; background: white; top: 0; z-index: 20; left: 0; } .sidearm-roster-player-template-1 .sidearm-table tbody tr td, .sidearm-roster-player-template-1 .sidearm-table tbody tr th { vertical-align: middle; text-align: center; padding: 4px 12px; font-style: normal; color: black; border-top: none; border-bottom: 1px solid #d9d9db; border-right: 1px solid #d9d9db; border-left: 1px solid #d9d9db; white-space: nowrap; height: 48px; } .sidearm-roster-player-template-1 .sidearm-table tbody tr td a, .sidearm-roster-player-template-1 .sidearm-table tbody tr th a { color: #00294c; text-decoration: none; } .sidearm-roster-player-template-1 .sidearm-table tbody tr td a:hover, .sidearm-roster-player-template-1 .sidearm-table tbody tr th a:hover { text-decoration: underline; } .sidearm-roster-player-template-1 .sidearm-table tbody tr:hover th:not([scope=colgroup]), .sidearm-roster-player-template-1 .sidearm-table tbody tr:hover td { background-color: whitesmoke; } .sidearm-roster-player-template-1 .sidearm-table tfoot th:first-child, .sidearm-roster-player-template-1 .sidearm-table tfoot td:first-child { text-align: left; position: sticky; position: -webkit-sticky; background: white; top: 0; z-index: 20; left: 0; } .sidearm-roster-player-template-1 .sidearm-table tfoot tr { background: none; } .sidearm-roster-player-template-1 .sidearm-table tfoot tr td, .sidearm-roster-player-template-1 .sidearm-table tfoot tr th { background: none; vertical-align: middle; padding: 4px 12px; height: 48px; font-style: normal; font-weight: 700; color: black; border-top: none; border-bottom: 1px solid #d9d9db; border-right: 1px solid #d9d9db; border-left: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-table tfoot tr td + td { text-align: center; } .sidearm-roster-player-template-1 .sidearm-roster-template-header { padding: 24px 0; border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-template-header > h2 { margin: 0 0 24px 0; padding: 0 24px; position: relative; font-size: 1.125rem; font-weight: 700; font-style: normal; line-height: 1.438rem; } .sidearm-roster-player-template-1 .sidearm-roster-template-header > h2:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 2px; height: 100%; background-color: #00467f; } .sidearm-roster-player-template-1 .sidearm-roster-template-header-select { padding: 0 24px; font-size: 0; } .sidearm-roster-player-template-1 .sidearm-roster-template-header-select select { height: 42px; color: #707070; font-size: 1rem; font-weight: 400; line-height: 1.5rem; padding: 0 8px; background: white; border-color: #d9d9db; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%; width: calc(100% - 42px); } .sidearm-roster-player-template-1 .sidearm-roster-template-header-select .select-button { border: 0; background: #00467f; color: #ffc425; font-size: 1rem; font-weight: 400; line-height: 1.5rem; height: 42px; width: 42px; } .sidearm-roster-player-template-1 .sidearm-roster-template-wrapper { display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-template-left-column { width: 276px; flex-shrink: 0; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; border-right: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-template-right-column { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-banner .sidearm-roster-player-header-background { padding-bottom: 33.3333%; background-size: cover; background-position: center center; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-background { padding-bottom: 56.25%; height: 0; background: #1a1a1a; overflow: hidden; position: relative; z-index: 1; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-background:after { content: ''; display: block; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); height: 18%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos { position: absolute; width: 100%; height: 100%; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos .slick-list, .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos .slick-track { display: flex; display: -webkit-flex; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos .slick-track:before, .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos .slick-track:after { display: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos-item { float: none; opacity: 0; height: auto; flex-shrink: 0; -webkit-flex-shrink: 0; background-size: cover; background-position: center center; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos-item:first-child { opacity: 1; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos .slick-active { opacity: 1 !important; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photos-credit { position: relative; display: inline-block; font-weight: 700; line-height: 30px; color: white; padding: 0 12px; background-color: rgba(0, 0, 0, 0.75); pointer-events: none; z-index: 2; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photo { position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%; z-index: 1; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action-photo img { position: absolute; top: 0; left: 0; width: 100%; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-header-details { padding-top: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading { margin: -54px 0 24px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading.mobile--view { display: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-name { color: white; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-image { border: 0.125rem solid white; margin-top: -54px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social { padding: 0 24px; margin-left: auto; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social-link { color: #ffc425; font-size: 1.25rem; position: relative; line-height: initial; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social-link::after { content: ''; height: 15px; width: 1px; background: #ffc425; position: absolute; top: 0; transform: translateY(30%); } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social-link:last-child::after { content: unset; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social span { padding: 0 12px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-details { position: relative; z-index: 2; padding: 24px; align-items: flex-start; -webkit-align-items: flex-start; background-color: #fafaf9; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-info { padding: 0 0 0 24px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-info-wrapper { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-list { margin: 0; list-style: none; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; } .sidearm-roster-player-template-1 .sidearm-roster-player-list:not(.ps--active-y) .sidearm-roster-player-list-item { border-top: none; border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-wrapper { position: relative; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-wrapper:after { content: ''; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 190px; z-index: 2; pointer-events: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-wrapper.reached-bottom:after { opacity: 0; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item { padding: 24px; border-top: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item:first-child { border-top: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-info { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-name { color: #2a2b2c; font-size: 1rem; font-weight: 400; line-height: 1.25rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-name a { color: #2a2b2c; text-decoration: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-name a:hover { text-decoration: underline; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-number { color: #2a2b2c; font-size: 0.875rem; font-weight: 400; line-height: 1.313rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-position { color: #707070; font-size: 0.875rem; font-weight: 400; line-height: 1.313rem; text-transform: uppercase; margin: 4px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-image { margin: 0 12px 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-image img { visibility: hidden; width: 40px; overflow: hidden; display: block; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item-image img[src] { visibility: visible; } .sidearm-roster-player-template-1 .sidearm-roster-player-historical { border-top: none !important; } .sidearm-roster-player-template-1 .sidearm-roster-player-section { padding: 24px; border-top: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-player-section > section + section h5 { margin: 24px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-section:first-child { border-top: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-section h5 { font-weight: 400; margin: 0 0 24px 0; color: #2a2b2c; font-size: 1.125rem; font-weight: 400; line-height: 1.438rem; font-style: normal; } .sidearm-roster-player-template-1 .sidearm-roster-player-section-header h3, .sidearm-roster-player-template-1 .sidearm-roster-player-section-header h4 { font-weight: 400; margin: 0 0 24px 0; color: #2a2b2c; font-size: 1.125rem; font-weight: 400; line-height: 1.438rem; font-style: normal; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot { width: 100%; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-button { height: 48px; margin: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 0.125rem; border: none; padding: 0 24px; background-color: #00467f; color: white; font-size: 1rem; font-weight: 700; line-height: 1.5rem; z-index: 2; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-button > span { position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-button i { font-size: 24px; margin: 0 0 0 4px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-button:hover { transition: 0.25s; background: #003866; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-button:first-child { margin-right: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-button:last-child { margin-left: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-buttons { margin: 24px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-stories > ul { display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story { position: relative; display: flex; display: -webkit-flex; padding: 1px; width: 50%; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story:hover .sidearm-roster-player-media-snapshot-story-media img { transform: scale(1.1); transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-media { position: relative; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; padding-bottom: 56.25%; height: 0; overflow: hidden; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-media:before { content: ''; display: block; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); width: 100%; height: 100%; z-index: 2; position: absolute; bottom: 0; left: 0; pointer-events: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-media img { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; transform: scale(1); transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-headline a { color: white; font-size: 1.125rem; font-weight: 900; line-height: 1.688rem; text-decoration: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-headline a:hover { text-decoration: underline; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-text { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 12px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story-text time { margin: 6px 0 0 0; color: white; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photos > ul { display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo { position: relative; display: flex; display: -webkit-flex; padding: 1px; cursor: pointer; width: 50%; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo:hover .sidearm-roster-player-media-snapshot-photo-media img { transform: scale(1.1); transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo .showcase-play-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: none; transform: none; border: none; padding: 0; margin: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-media { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-media:before { content: ''; display: block; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); width: 100%; height: 100%; z-index: 2; position: absolute; bottom: 0; left: 0; pointer-events: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-media iframe { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 23; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-media img { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; transform: scale(1); transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-headline a { color: white; font-weight: 400; text-decoration: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-headline a:hover { text-decoration: underline; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-text { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 12px; color: white; font-size: 1rem; font-weight: 400; line-height: 1.5rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-text:before { content: '\e160'; font-family: sidearm_font_v2; border-radius: 0.125rem; background-color: #00467f; color: white; font-size: 20px; height: 48px; width: 48px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin: 0 12px 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo-text time { margin: 6px 0 0 0; color: white; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-videos > ul { display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-videos-button { height: 48px; width: calc(100% - 2px); margin: 1px 1px 0 1px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 0.125rem; border: none; padding: 0 24px; background-color: #00467f; color: white; font-size: 1rem; font-weight: 700; line-height: 1.5rem; z-index: 2; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-videos-button > span { position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-videos-button i { font-size: 24px; margin: 0 0 0 4px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-videos-button:hover { transition: 0.25s; background: #003866; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video { position: relative; display: flex; display: -webkit-flex; padding: 1px; cursor: pointer; width: 50%; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video:hover .sidearm-roster-player-media-snapshot-video-media img { transform: scale(1.1); transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video .showcase-play-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: none; transform: none; border: none; padding: 0; margin: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-media { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-media:before { content: ''; display: block; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%); width: 100%; height: 100%; z-index: 2; position: absolute; bottom: 0; left: 0; pointer-events: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-media iframe { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 23; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-media img { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; transform: scale(1); transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-headline a { color: white; font-size: 1.125rem; font-weight: 900; line-height: 1.688rem; text-decoration: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-headline a:hover { text-decoration: underline; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-text { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 12px; color: white; font-size: 1rem; font-weight: 400; line-height: 1.5rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-text > p:hover { text-decoration: underline; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-text:before { content: '\e050'; font-family: sidearm_font_v2; border-radius: 0.125rem; background-color: #00467f; color: white; font-size: 20px; height: 48px; width: 48px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin: 0 12px 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video-text time { margin: 6px 0 0 0; color: white; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-stat-snapshot .sidearm-roster-player-section { border-top: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-player-stat-snapshot .sidearm-roster-player-section-header h3 { margin: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio { padding: 0 ; margin: 24px ; max-height: 350px; min-height: 150px; overflow: hidden; position: relative; border: none; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio > .row > p:first-child { margin-top: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio.opened { transition: 0.25s; height: 100%; max-height: 100%; min-height: auto; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio.opened:after { opacity: 0; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio:after { transition: 0.25s; opacity: 1; content: ''; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 76%, white 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; pointer-events: none; z-index: 1; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio-button { height: 48px; width: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 0.125rem; border: none; padding: 0 24px; background-color: #00467f; color: white; font-size: 1rem; font-weight: 700; line-height: 1.5rem; position: absolute; z-index: 2; bottom: 0; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio-button > span { position: relative; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio-button i { position: absolute; right: 100%; font-size: 24px; margin: 0 4px 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-bio-button:hover { transition: 0.25s; background: #003866; } .sidearm-roster-player-template-1 .sidearm-roster-player-jersey-number { height: 30px; border-radius: 0.125rem; background-color: #00467f; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; color: white; font-size: 1rem; font-weight: 700; line-height: 1.5rem; margin: 0 12px 0 0; padding: 0 6px; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading { margin: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.mobile--view { display: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields { padding: 24px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul { margin: 0 -12px; list-style: none; padding: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li:nth-child(1) dl, .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li:nth-child(2) dl { border-top: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl { margin: 0; padding: 12px; border-bottom: 1px solid #d9d9db; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; color: #2a2b2c; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl dt { color: #707070; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl dd { padding: 0 10px; margin: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-name { color: black; font-size: 1.375rem; font-weight: 400; } .sidearm-roster-player-template-1 .sidearm-roster-player-image { max-width: 150px; flex-shrink: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-image img { display: block; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs { position: relative; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header { position: relative; display: flex; display: -webkit-flex; background-color: whitesmoke; height: 53px; overflow: auto; border-bottom: 1px solid #d9d9db; border-top: 1px solid #d9d9db; padding: 0 12px; background-image: /* Shadows */linear-gradient(to right, whitesmoke, whitesmoke), linear-gradient(to right, whitesmoke, whitesmoke), linear-gradient(to/* Shadow covers */ right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header .tab-underline { position: absolute; left: 0; bottom: 0; height: 3px; background: #00467f; pointer-events: none; transition: .4s ease; opacity: 0; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul { margin: 0; padding: 0; color: #707070; font-size: 1.125rem; font-weight: 400; line-height: 1.688rem; position: relative; display: flex; display: -webkit-flex; list-style: none; margin: 0; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul > li { margin: 0 12px; position: relative; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul > li:last-child { margin: 0 24px 0 12px; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul > li.ui-state-active:before { content: ''; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul > li.ui-state-active a { font-weight: 700; color: black; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul > li a { flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; text-decoration: none; color: #707070; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > header > ul > li a:hover { color: black; transition: 0.25s; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > section { color: #2a2b2c; font-size: 1rem; font-weight: 400; line-height: 1.875rem; display: none; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs .ui-tabs-panel { width: 100%; position: relative; opacity: 1; transition: 0.2s opacity; top: 0; left: 0; display: block !important; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs .ui-tabs-panel[aria-hidden=true] { display: block !important; position: absolute; left: -9999px; top: -9999px; opacity: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-moments .sidearm-roster-player-moments-header { background-color: #f2f2f2; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; font-family: inherit; padding: 12px 24px; } .sidearm-roster-player-template-1 .sidearm-roster-player-moments .sidearm-roster-player-moments-header > h3 { background: none; color: black; font-size: 1.125rem; padding: 0; text-transform: initial; } .sidearm-roster-player-template-1 .sidearm-roster-player-moments .sidearm-roster-player-moments-rail { margin: 0 24px 24px; width: initial !important; } .sidearm-roster-player-template-1 .sidearm-roster-player-moments .sidearm-roster-player-moments-rail-content { padding: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-moments .sidearm-roster-player-moments-content { margin: 0 24px; width: initial !important; } .sidearm-roster-player-template-1 .sidearm-roster-player-moments .sidearm-roster-player-moments-item-details { border-bottom: none; padding-bottom: 0; } .showcase-modal--roster { position: fixed; top: 0; left: -9999px; height: 100%; width: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.5); } .showcase-modal--roster.video-is-playing { left: 0; } .showcase-modal--roster__inner { padding: 16px; background: white; width: 90%; max-width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 90vh; } .showcase-modal--roster__player-wrapper { flex: 1 1 auto; -webkit-flex: 1 1 auto; min-width: 1px; min-height: 1px; overflow: hidden; position: relative; } .showcase-modal--roster__player { padding-bottom: 56.25%; overflow: hidden; } .showcase-modal--roster__title { flex: 0 0 auto; -webkit-flex: 0 0 auto; min-width: 1px; min-height: 1px; } .showcase-modal--roster__close { -webkit-appearance: none; border: none; background: none; margin: 0; padding: 0; border-radius: 0px; background-color: #00467f; color: #ffc425; padding: 8px 12px; position: absolute; bottom: 100%; right: 0; } .showcase-modal--roster .showcase-video-player { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media screen and (max-width: 1375px) { .sidearm-roster-player-template-1 .sidearm-roster-card-template-2 .sidearm-list-card-item { flex: 0 1 25%; -webkit-flex: 0 1 25%; min-width: 1px; min-height: 1px; } } @media screen and (max-width: 1180px) { .sidearm-roster-player-template-1 .sidearm-roster-card-template-2 .sidearm-list-card-item { flex: 0 1 33.333%; -webkit-flex: 0 1 33.333%; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl { display: block; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl dt { width: 100%; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl dd { padding: 0; } } @media screen and (max-width: 1024px) { .sidearm-roster-player-template-1 { display: block; } .sidearm-roster-player-template-1 .sidearm-roster-template-wrapper { display: block; } .sidearm-roster-player-template-1 .sidearm-roster-template-left-column { width: 100%; border-right: none; } .sidearm-roster-player-template-1 .sidearm-roster-template-header-select { max-width: 250px; } .sidearm-roster-player-template-1 .sidearm-roster-player-image-wrapper { display: flex; display: -webkit-flex; margin: 0 0 24px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading { margin: 0 0 0 24px; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.desktop--view { display: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.mobile--view { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.mobile--view .sidearm-roster-player-name { padding: 0 ; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields { padding: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl { display: flex; display: -webkit-flex; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl dt { width: auto; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl dd { padding: 0 10px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-info { padding-left: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-header-details { padding: 48px 24px 24px 24px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-image-wrapper { display: flex; display: -webkit-flex; position: absolute; bottom: 100%; margin: 0 0 -24px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading { margin: 0 24px; padding: 0 0 48px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading.desktop--view { display: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading.mobile--view { display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading.mobile--view .sidearm-roster-player-name { padding: 0 ; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-details { display: block; } .sidearm-roster-player-template-1 .sidearm-roster-player-list { left: auto; top: auto; display: flex; display: -webkit-flex; position: relative; height: 114px; width: auto; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-wrapper:after { height: 114px; content: none; display: none; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item { width: 276px; flex-shrink: 0; border: none; border-left: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-roster-player-list-item:first-child { border-left: none; } } @media screen and (max-width: 768px) { .showcase-modal--roster__inner { padding: 0; width: 100%; max-width: 100%; } .sidearm-roster-player-template-1 { display: block; } .sidearm-roster-player-template-1 .sidearm-roster-card-template-2 .sidearm-list-card-item { flex: 0 1 50%; -webkit-flex: 0 1 50%; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-1 .sidearm-roster-template-header-select { max-width: 100%; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.mobile--view { flex-direction: column; -webkit-flex-direction: column; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.mobile--view .sidearm-roster-player-name { margin: 6px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-heading.mobile--view .sidearm-roster-player-name > span { margin: 6px 0 0 0; display: block; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li:last-child dl { border-bottom: 1px solid #d9d9db !important; } .sidearm-roster-player-template-1 .sidearm-roster-player-fields ul li dl { border-bottom: none !important; border-top: 1px solid #d9d9db !important; } .sidearm-roster-player-template-1 .sidearm-visual-averages > div { border: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat { flex: 0 1 50%; -webkit-flex: 0 1 50%; min-width: 1px; min-height: 1px; min-height: 100px; border: none; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat:first-child { border-left: none; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat:nth-child(1), .sidearm-roster-player-template-1 .sidearm-visual-text-stat:nth-child(2) { border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat:nth-child(odd) { border-right: 1px solid #d9d9db; } } @media screen and (max-width: 767px) { .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; margin: 0 0 0 24px; padding: 60px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-heading.mobile--view { align-items: flex-start; -webkit-align-items: flex-start; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-header-details { padding: 36px 24px 24px 24px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-name { color: black; display: block; margin: 6px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-name > span { display: block; margin: 6px 0 0 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-image { margin: 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-image-wrapper { position: static; margin: -60px 0 24px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social { padding: unset; margin-left: -12px; margin-top: 12px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social-link { color: unset; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-action .sidearm-roster-player-social-link::after { background-color: #00294c; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-stories > ul, .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photos > ul, .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-videos > ul { flex-wrap: wrap; -webkit-flex-wrap: wrap; } .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-story, .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-photo, .sidearm-roster-player-template-1 .sidearm-roster-player-media-snapshot-video { width: 100%; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > ul { overflow: auto; padding: 0 12px; } .sidearm-roster-player-template-1 .sidearm-responsive-tabs > ul > li { margin: 0 12px; } } @media screen and (max-width: 540px) { .sidearm-roster-player-template-1 .sidearm-roster-card-template-2 .sidearm-list-card-item { flex: 0 1 100%; -webkit-flex: 0 1 100%; min-width: 1px; min-height: 1px; } } @media screen and (max-width: 450px) { .sidearm-roster-player-template-1 .sidearm-visual-averages > div { border: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat { flex: 0 1 100%; -webkit-flex: 0 1 100%; min-width: 1px; min-height: 1px; min-height: 100px; border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat:last-child { border-bottom: none; } .sidearm-roster-player-template-1 .sidearm-visual-text-stat:nth-child(odd) { border-right: none; } } .sidearm-roster-template-2 .main-content-placeholder { padding: 24px !important; } .sidearm-roster-player-template-2 { font-family: 'Mulish'; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-2 .sidearm-common-promotion.bottom-promotion ads-component > div { border-top: 1px solid #d9d9db; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; padding: 24px; } .sidearm-roster-player-template-2 .sidearm-table.highlight-column-hover tbody th:not([scope=row]):hover:after, .sidearm-roster-player-template-2 .sidearm-table.highlight-column-hover tbody td:hover:after { background-color: whitesmoke; content: none !important; } .sidearm-roster-player-template-2 div[aria-label="Player Career Statistics"] .sidearm-table thead tr th[scope="colgroup"], .sidearm-roster-player-template-2 section[aria-label="Player Career Statistics"] .sidearm-table thead tr th[scope="colgroup"], .sidearm-roster-player-template-2 div[aria-label="Player Season Statistics"] .sidearm-table thead tr th[scope="colgroup"], .sidearm-roster-player-template-2 section[aria-label="Player Season Statistics"] .sidearm-table thead tr th[scope="colgroup"] { background-color: #001628; color: white; } .sidearm-roster-player-template-2 div[aria-label="Player Career Statistics"] .sidearm-roster-player-section:first-child section:first-child > h5, .sidearm-roster-player-template-2 section[aria-label="Player Career Statistics"] .sidearm-roster-player-section:first-child section:first-child > h5, .sidearm-roster-player-template-2 div[aria-label="Player Season Statistics"] .sidearm-roster-player-section:first-child section:first-child > h5, .sidearm-roster-player-template-2 section[aria-label="Player Season Statistics"] .sidearm-roster-player-section:first-child section:first-child > h5 { margin: 0 0 24px 0; } .sidearm-roster-player-template-2 div[aria-label="Player Career Statistics"] section > h5, .sidearm-roster-player-template-2 section[aria-label="Player Career Statistics"] section > h5, .sidearm-roster-player-template-2 div[aria-label="Player Season Statistics"] section > h5, .sidearm-roster-player-template-2 section[aria-label="Player Season Statistics"] section > h5 { margin: 24px 0; font-size: 1rem; font-weight: 700; line-height: 1.5rem; } .sidearm-roster-player-template-2 div[aria-label="Player Career Statistics"], .sidearm-roster-player-template-2 section[aria-label="Player Career Statistics"] { padding: 24px 0 0 0; } .sidearm-roster-player-template-2 div[class*="sidearm-table-overflow"] { box-shadow: none; background-image: /* Shadows */linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to/* Shadow covers */ right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: white; background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } .sidearm-roster-player-template-2 .sidearm-table-overflow-on-x-large { position: relative; } .sidearm-roster-player-template-2 .sidearm-table.highlight-column-hover { overflow: auto; z-index: auto; position: static; } .sidearm-roster-player-template-2 .sidearm-table caption { position: absolute; left: -9999px; } .sidearm-roster-player-template-2 .sidearm-table .locale { margin: 0 4px 0 0; } .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table { width: 100%; } .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table thead tr:first-child th:first-child, .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table thead tr:first-child td:first-child { text-align: left; position: static; top: auto; z-index: 20; left: auto; } .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table tbody tr:hover th:not([scope=colgroup]), .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table tbody tr:hover td { background: whitesmoke !important; } .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table tbody tr th:first-child, .sidearm-roster-player-template-2 .sidearm-table-gamehigh-stats .sidearm-table tbody tr td:first-child { text-align: left; position: static; background: none; top: auto; z-index: 20; left: auto; } .sidearm-roster-player-template-2 .sidearm-table thead { border-bottom: 2px solid #ffc425; } .sidearm-roster-player-template-2 .sidearm-table thead tr:first-child th:first-child, .sidearm-roster-player-template-2 .sidearm-table thead tr:first-child td:first-child { text-align: left; position: sticky; position: -webkit-sticky; top: 0; z-index: 20; left: 0; } .sidearm-roster-player-template-2 .sidearm-table thead tr:last-child { border-top: 1px solid #001b33; } .sidearm-roster-player-template-2 .sidearm-table thead tr th { height: 48px; background: #00294c; font-family: Mulish; color: white; font-size: 1rem; font-weight: 700; line-height: 1.5rem; vertical-align: middle; text-align: center !important; padding: 4px 24px; font-style: normal; border-left: 1px solid #001b33; border-right: 1px solid #001b33; } .sidearm-roster-player-template-2 .sidearm-table tbody tr th:first-child, .sidearm-roster-player-template-2 .sidearm-table tbody tr td:first-child { text-align: left; position: sticky; position: -webkit-sticky; background: white; top: 0; z-index: 20; left: 0; } .sidearm-roster-player-template-2 .sidearm-table tbody tr th[scope="row"] { text-align: left; } .sidearm-roster-player-template-2 .sidearm-table tbody tr td, .sidearm-roster-player-template-2 .sidearm-table tbody tr th { vertical-align: middle; text-align: center; padding: 4px 24px; font-style: normal; color: black; border-top: none; border-bottom: 1px solid #d9d9db; border-right: none; border-left: none; white-space: nowrap; height: 48px; } .sidearm-roster-player-template-2 .sidearm-table tbody tr td a, .sidearm-roster-player-template-2 .sidearm-table tbody tr th a { color: #00294c; text-decoration: none; } .sidearm-roster-player-template-2 .sidearm-table tbody tr td a:hover, .sidearm-roster-player-template-2 .sidearm-table tbody tr th a:hover { text-decoration: underline; } .sidearm-roster-player-template-2 .sidearm-table tbody tr:hover th:not([scope=colgroup]), .sidearm-roster-player-template-2 .sidearm-table tbody tr:hover td { background-color: whitesmoke; } .sidearm-roster-player-template-2 .sidearm-table tfoot th:first-child, .sidearm-roster-player-template-2 .sidearm-table tfoot td:first-child { text-align: left; position: sticky; position: -webkit-sticky; background: white; top: 0; z-index: 20; left: 0; } .sidearm-roster-player-template-2 .sidearm-table tfoot tr { background: none; } .sidearm-roster-player-template-2 .sidearm-table tfoot tr td, .sidearm-roster-player-template-2 .sidearm-table tfoot tr th { background: none; vertical-align: middle; text-align: center; padding: 4px 24px; height: 48px; font-style: normal; font-weight: 700; color: black; border-top: none; border-bottom: 1px solid #d9d9db; border-right: none; border-left: none; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs { position: relative; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header { margin: 24px 0 0 0; position: relative; display: flex; display: -webkit-flex; background-color: white; overflow: auto; background-image: /* Shadows */linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to/* Shadow covers */ right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header .tab-underline { position: absolute; left: 0; bottom: 0; height: 2px; background: #00467f; pointer-events: none; transition: .4s ease; opacity: 0; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul { margin: 0; list-style: none; padding: 0; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul > li { margin: 0 24px 0 0; font-size: 1rem; font-weight: 700; line-height: 1.5rem; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul > li.ui-state-active a, .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul > li:hover a { color: black; transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul > li.sidearm-roster-player-moments-tab svg { margin-right: 12px; height: 1em; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul > li a { padding: 12px 0; text-decoration: none; color: #757575; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > header > ul > li a > img { margin-right: 6px; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs > section { color: #2a2b2c; font-size: 1rem; font-weight: 400; line-height: 1.875rem; display: none; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs .ui-tabs-panel { width: 100%; position: relative; opacity: 1; transition: 0.2s opacity; top: 0; left: 0; display: block !important; } .sidearm-roster-player-template-2 .sidearm-responsive-tabs .ui-tabs-panel[aria-hidden=true] { display: block !important; position: absolute; left: -9999px; top: -9999px; opacity: 0; } .sidearm-roster-player-template-2 .stats-select-season-container { display: flex; padding: 24px 0; } .sidearm-roster-player-template-2 .stats-select-season-container stats-select-season { display: flex; width: 200px; } .sidearm-roster-player-template-2 .stats-select-season-container stats-select-season ul { width: 200px; } .sidearm-roster-player-template-2 .sidearm-roster-player-section-header > h4, .sidearm-roster-player-template-2 .sidearm-roster-player-section-header h5, .sidearm-roster-player-template-2 .sidearm-roster-player-section-header h3 { color: black; font-size: 1rem; font-weight: 700; line-height: 1.5rem; border-bottom: 1px solid #d9d9db; padding: 12px 0; margin: 12px 0 0 0; } .sidearm-roster-player-template-2 .sidearm-list-card-template-2 { padding: 24px 0 0 0; } .sidearm-roster-player-template-2 .sidearm-roster-template-main-header { color: black; } .sidearm-roster-player-template-2 .sidearm-roster-template-main-header h2 { font-size: 1.5rem; font-weight: 900; line-height: 1.688rem; margin: 0 0 24px 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio { padding: 24px 0 0 0; transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio .fullbio { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio .short > p { margin: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio.full .short { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio.full .fullbio { display: block; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button { background: none; padding: 0; margin: 24px 0 0 0; border: none; color: #00294c; font-family: Mulish; font-size: 1rem; font-weight: 700; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button .less { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button.opened { transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button.opened .less { display: block; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button.opened .more { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button.opened i { transform: rotate(180deg); } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button:hover span { text-decoration: underline; } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button i { margin: 0 0 0 12px; transform: rotate(0deg); } .sidearm-roster-player-template-2 .sidearm-roster-player-bio-button i:before { margin: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-plain .sidearm-roster-player-image { position: relative; top: auto; left: auto; transform: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-plain .sidearm-roster-player-image-wrapper { padding: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select { width: 100%; margin-left: auto; max-width: 336px; font-size: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select--mobile { max-width: 100%; margin: 0 0 24px 0; display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select--mobile select { background: whitesmoke url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50% !important; border: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select-content { width: 50%; padding: 24px 24px 24px 114px; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select-wrapper { width: 100%; align-items: flex-end; -webkit-align-items: flex-end; justify-content: center; -webkit-justify-content: center; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; position: absolute; bottom: 0; right: 0; z-index: 3; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select select { height: 48px; width: calc(100% - 48px); color: #2a2b2c; font-size: 1rem; font-weight: 400; line-height: 1.5rem; padding: 0 12px; border-radius: 0; border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; border-color: #d9d9db; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: white url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select .select-button { border: 0; background: #00467f; color: #ffc425; font-size: 1rem; font-weight: 400; line-height: 1.5rem; height: 48px; width: 48px; border-radius: 0; border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button { border: none; padding: 0; margin: 0 0 19px 0; margin-left: auto; background: none; color: white; font-family: Mulish; font-size: 1rem; font-weight: 700; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button:hover span { text-decoration: underline; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button.opened .more { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button.opened .less { display: block; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button.opened i { transform: rotate(180deg); transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button .less { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button i { font-size: 18px; color: white; margin: 0 0 0 12px; display: block; transform: rotate(0deg); transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-button i:before { margin: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-banner .sidearm-roster-player-header-background { padding-bottom: 33.3333%; background-size: cover; background-position: center center; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-background { padding-bottom: 28.125%; height: 0; background: #1a1a1a; overflow: hidden; position: relative; z-index: 1; transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-background.full { padding-bottom: 56.25%; transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-background:after { content: ''; display: block; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%); height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos { position: absolute; width: 100%; height: 100%; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos .slick-list, .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos .slick-track { display: flex; display: -webkit-flex; flex: 1; -webkit-flex: 1; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos .slick-track:before, .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos .slick-track:after { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos-item { float: none; opacity: 0; height: auto; flex-shrink: 0; -webkit-flex-shrink: 0; background-size: cover; background-position: center center; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos-item:first-child { opacity: 1; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos .slick-active { opacity: 1 !important; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos-credit { position: relative; display: inline-block; font-weight: 700; line-height: 30px; color: white; padding: 0 12px; background-color: rgba(0, 0, 0, 0.75); pointer-events: none; z-index: 2; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photo { position: absolute; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.25%; z-index: 1; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photo img { position: absolute; top: 0; left: 0; width: 100%; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-details { position: relative; z-index: 4; } .sidearm-roster-player-template-2 .sidearm-roster-player-image { width: 180px; height: 180px; overflow: hidden; flex-shrink: 0; transform: translate(-50%, -50%); box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); border-radius: 50%; border: 0.375rem solid white; position: absolute; left: 50%; top: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-image img { width: 100%; position: absolute; top: 0; left: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-image-wrapper { width: 100%; padding: 0 0 90px 0; position: relative; } .sidearm-roster-player-template-2 .sidearm-roster-player-logo { flex-shrink: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-logo img { margin: 0 24px 0 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-jersey-number { color: #00294c; font-size: 1.125rem; line-height: 1.125rem; font-weight: 900; text-transform: uppercase; margin: 4px 0 0 24px; flex-shrink: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-name { color: black; font-size: 2.25rem; font-weight: 400; line-height: 2.25rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-name > div:first-child { margin: 0 0 6px 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-heading { width: 100%; padding: 24px 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-heading h2 { margin: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-social { padding: 0 24px; } .sidearm-roster-player-template-2 .sidearm-roster-player-social-link { color: black; font-size: 1.25rem; position: relative; line-height: initial; transition: 0.25s; } .sidearm-roster-player-template-2 .sidearm-roster-player-social-link::after { content: ''; height: 15px; width: 1px; background: black; position: absolute; top: 0; transform: translateY(30%); } .sidearm-roster-player-template-2 .sidearm-roster-player-social-link:last-child::after { content: unset; } .sidearm-roster-player-template-2 .sidearm-roster-player-social-link:hover { color: #00294c; } .sidearm-roster-player-template-2 .sidearm-roster-player-social span { padding: 0 12px; } .sidearm-roster-player-template-2 .sidearm-roster-player-fields { padding: 12px 0 0 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-fields ul { margin: 0 -12px; list-style: none; padding: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-fields ul li dl { margin: 0; padding: 12px; border-bottom: 1px solid #d9d9db; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; color: black; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-fields ul li dl dt { color: black; font-size: 1rem; font-weight: 700; line-height: 1.5rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-fields ul li dl dd { padding: 0 10px; margin: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item { padding: 12px 0; display: flex; display: -webkit-flex; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-list > ul { padding: 12px 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-media { width: 190px; flex-shrink: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-text { padding: 0 12px; flex-direction: column; -webkit-flex-direction: column; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-headline { font-size: 1rem; font-weight: 700; line-height: 1.5rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-headline a { text-decoration: none; color: black; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-headline a:hover { text-decoration: underline; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-video-text > div { text-decoration: none; color: black; font-weight: 700; cursor: pointer; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-video-text > div:hover { text-decoration: underline; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-video-media { cursor: pointer; } .sidearm-roster-player-template-2 .sidearm-roster-season-stats { margin: 0 -24px; } .sidearm-roster-player-template-2 .sidearm-roster-season-stats .sidearm-roster-player-season-container > section { background-color: #f6f6f6; padding: 24px; border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-2 .sidearm-roster-season-stats .sidearm-roster-player-season-container > section:first-child { border-top: 1px solid #d9d9db; } .sidearm-roster-player-template-2 .sidearm-roster-season-stats .sidearm-roster-player-season-container > section h5 { color: black; font-style: italic; font-size: 1rem; margin: 12px 0; font-weight: normal; } .sidearm-roster-player-template-2 .sidearm-roster-season-stats .sidearm-roster-player-season-container .sidearm-roster-player-section-header { padding: 0 0 12px 0; border-bottom: 1px solid #d9d9db; } .sidearm-roster-player-template-2 .sidearm-roster-season-stats .sidearm-roster-player-season-container .sidearm-roster-player-section-header h4 { color: black; font-size: 1rem; font-weight: 700; line-height: 1.5rem; margin: 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-moments { margin-top: 24px; } .sidearm-roster-player-template-2 .sidearm-roster-player-moments .sidearm-roster-player-moments-item-details { border-bottom: none; padding-bottom: 0; } @media screen and (max-width: 1024px) { .sidearm-roster-player-template-2 .sidearm-list-card-item { flex: 0 1 33.3333%; -webkit-flex: 0 1 33.3333%; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-2 .sidearm-roster-player-historical .sidearm-roster-player-section-header { position: absolute; left: -9999px; } .sidearm-roster-player-template-2 .sidearm-roster-player-name { font-size: 1.75rem; font-weight: 400; line-height: 1.75rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-logo img { max-width: 36px; } .sidearm-roster-player-template-2 .sidearm-roster-player-image-wrapper { padding: 0 0 70px 0; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select-content { padding-left: 94px; } .sidearm-roster-player-template-2 .sidearm-roster-player-image { width: 140px; height: 140px; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-background::after { height: 50%; } } @media screen and (max-width: 768px) { .sidearm-roster-player-template-2 .sidearm-roster-template-main-header h2 { font-size: 1.125rem; font-weight: 900; line-height: 1.688rem; } .sidearm-roster-player-template-2 .sidearm-list-card-item { flex: 0 1 50%; -webkit-flex: 0 1 50%; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-action-photos-credit { font-size: .625rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-background { padding-bottom: 56.25%; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select--mobile { display: block; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select-noimage--mobile { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-select-wrapper { display: none; } .sidearm-roster-player-template-2 .sidearm-roster-player-logo { display: none; } } @media screen and (max-width: 540px) { .sidearm-roster-player-template-2 .sidearm-list-card-item { flex: 0 1 100%; -webkit-flex: 0 1 100%; min-width: 1px; min-height: 1px; } .sidearm-roster-player-template-2 .sidearm-roster-player-header-background { margin: 0 -24px; } .sidearm-roster-player-template-2 .sidearm-roster-player-jersey-number { font-size: 1rem; line-height: 1rem; margin-top: 2px; } .sidearm-roster-player-template-2 .sidearm-roster-player-name { font-size: 1.375rem; font-weight: 400; line-height: 1.688rem; } .sidearm-roster-player-template-2 .sidearm-roster-player-image { width: 100px; height: 100px; } .sidearm-roster-player-template-2 .sidearm-roster-player-image-wrapper { padding: 0 0 50px 0; } .sidearm-roster-player-template-1 .sidearm-roster-player-header-background::after { height: 0%; } } @media screen and (max-width: 450px) { .sidearm-roster-player-template-2 .sidearm-roster-player-media-item { display: block; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-media { width: 100%; } .sidearm-roster-player-template-2 .sidearm-roster-player-media-item-text { padding: 12px 0 0 0; } }