.ml1-Anims_Line { width: 3px; height: 75pt; background-color: currentColor; position: absolute; opacity: 0; z-index: 30; } .ml1-Anims_H1TextBackupWrapper, .ml1-Anims_H1TextGhostWrapper, .ml1-Anims_H1TextWrapper { z-index: 30; font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; color: #a0e06c; font-size: 13px; line-height: 13px; white-space: normal; } @media (min-width:950px) { .ml1-Anims_H1TextBackupWrapper, .ml1-Anims_H1TextGhostWrapper, .ml1-Anims_H1TextWrapper { font-size: 15px; line-height: 15px; } } .ml1-Anims_H2TextBackupWrapper, .ml1-Anims_H2TextGhostWrapper, .ml1-Anims_H2TextWrapper { z-index: 30; font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; font-size: 15px; line-height: 15px; white-space: normal; } @media (min-width:950px) { .ml1-Anims_H2TextBackupWrapper, .ml1-Anims_H2TextGhostWrapper, .ml1-Anims_H2TextWrapper { font-size: 18px; line-height: 18px; } } .ml1-Anims_H3TextBackupWrapper, .ml1-Anims_H3TextGhostWrapper, .ml1-Anims_H3TextWrapper { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; color: #a0e06c; font-size: 11px; line-height: 11px; white-space: normal; } @media (min-width:950px) { .ml1-Anims_H3TextBackupWrapper, .ml1-Anims_H3TextGhostWrapper, .ml1-Anims_H3TextWrapper { font-size: 13px; line-height: 13px; } } .ml1-Anims_H1Text, .ml1-Anims_H1TextGhost { font-size: 13px; line-height: 15px; } @media (min-width:950px) { .ml1-Anims_H1Text, .ml1-Anims_H1TextGhost { font-size: 15px; line-height: 18px; } } .ml1-Anims_H2Text, .ml1-Anims_H2TextGhost { font-size: 15px; line-height: 18px; } @media (min-width:950px) { .ml1-Anims_H2Text, .ml1-Anims_H2TextGhost { font-size: 18px; line-height: 21px; } } .ml1-Anims_H3Text, .ml1-Anims_H3TextGhost { font-size: 11px; line-height: 13px; } @media (min-width:950px) { .ml1-Anims_H3Text, .ml1-Anims_H3TextGhost { font-size: 13px; line-height: 15px; } } .ml1-Anims_H1Text, .ml1-Anims_H2Text { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; } .ml1-Anims_Asset { opacity: 0; display: none; position: absolute; } .ml1-Anims_Icon { opacity: 0; position: absolute; background-position: center; background-repeat: no-repeat; -webkit-background-size: 18px 18px; background-size: 18px; z-index: 1; } .ml1-Anims_RedCard, .ml1-Anims_YellowCard { -webkit-background-size: 14px 14px; background-size: 14px; width: 20px; height: 38px; } @media (min-width:950px) { .ml1-Anims_RedCard, .ml1-Anims_YellowCard { width: 25px; height: 47px; -webkit-background-size: 18px 18px; background-size: 18px; } } .ml1-Anims_YellowCard { background-image: url(../images/animations/yellowCard.svg); } .ml1-Anims_RedCard { background-image: url(../images/animations/redCard.svg); } .no-svg .ml1-Anims_YellowCard { background-image: url(../images/animations/yellowCard.png); } .no-svg .ml1-Anims_RedCard { background-image: url(../images/animations/redCard.png); } .ml1-Anims_Goal { background-image: url(../images/animations/bulge.svg); -webkit-background-size: contain; background-size: contain; width: 41px; height: 41px; z-index: 2; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } @media (min-width:950px) { .ml1-Anims_Goal { width: 55px; height: 55px; } } .ml1-Anims_GoalBall { background-image: url(../images/animations/ball.svg); -webkit-background-size: 18px 18px; background-size: 18px; background-position: 93% 49%; width: 41px; height: 41px; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } @media (min-width:950px) { .ml1-Anims_GoalBall { width: 55px; height: 55px; -webkit-background-size: 23px 23px; background-size: 23px; } } .no-svg .ml1-Anims_Goal { background-image: url(../images/animations/bulge.png); } .no-svg .ml1-Anims_GoalBall { background-image: url(../images/animations/ball.png); } .ml1-Anims_Flash { width: 100%; height: 100%; background: #fff; opacity: 0; left: 0; top: 0; } .ml1-Anims_Target { display: none; width: 28px; height: 28px; transform-origin: center; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); left: 0; } .ml1-Anims_Target, .ml1-Anims_Target > * { position: absolute; -webkit-transform-origin: center; } .ml1-Anims_Target > * { display: block; border-radius: 60px; border: 1px solid hsla(0,0%,100%,.9); transform-origin: center; } .ml1-Anims_Target .outer { width: 56px; height: 56px; left: -14px; top: -14px; opacity: .5; } .ml1-Anims_Target .inner { width: 36px; height: 36px; left: -4px; top: -4px; opacity: .75; } .ml1-Anims_Target .point { width: 6px; height: 6px; left: 11px; top: 11px; background-color: #fff; } .ml1-Anims_ArrowStraight { width: 18%; height: 40%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .ml1-Anims_ArrowStraight .arrow { position: absolute; width: 100%; height: 100%; -webkit-background-size: 100% 100%; background-size: 100%; background-position: center; background-repeat: no-repeat; } .svg .ml1-Anims_ArrowStraight .arrow { background-image: url(../images/animations/arrow-straight.svg); } .no-svg .ml1-Anims_ArrowStraight .arrow { background-image: url(../images/animations/arrow-straight.png); } .ml1-Anims_ArrowShort { width: 9%; height: 40%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .ml1-Anims_ArrowShort .arrow { position: absolute; width: 100%; height: 100%; -webkit-background-size: 100% 100%; background-size: 100%; background-position: center; background-repeat: no-repeat; } .svg .ml1-Anims_ArrowShort .arrow { background-image: url(../images/animations/arrow-short.svg); } .no-svg .ml1-Anims_ArrowShort .arrow { background-image: url(../images/animations/arrow-short.png); } .ml1-Anims_ArrowCurved { width: 14%; height: 29%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .ml1-Anims_ArrowCurved .arrow { position: absolute; width: 100%; height: 100%; top: -50%; -webkit-background-size: 100% 100%; background-size: 100%; background-position: center; background-repeat: no-repeat; } .svg .ml1-Anims_ArrowCurved .arrow { background-image: url(../images/animations/arrow-curved.svg); } .no-svg .ml1-Anims_ArrowCurved .arrow { background-image: url(../images/animations/arrow-curved.png); } .ml1-Anims_NarrowKickRadial { height: 60%; background-image: url(../images/animations/kick-radial-narrow.png); } .ml1-Anims_NarrowKickRadial, .ml1-Anims_WideKickRadial { width: 30%; position: absolute; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center; } .ml1-Anims_WideKickRadial { height: 83%; background-image: url(../images/animations/kick-radial-wide.png); } .ml1-Anims_ThrowRadial { width: 19%; height: 60%; position: absolute; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: center; background-image: url(../images/animations/throw-radial.png); } .ml1-Anims_Intro { position: relative; width: 95%; left: 2.5%; height: 100%; font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; } .ml1-Intro_TopRow { width: 100%; top: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ml1-Intro_HomeTeamWrapper, .ml1-Intro_TopRow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-Intro_HomeTeamWrapper { width: 47%; color: #a0e06c; font-size: 13px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ml1-Intro_HomeTeamKit { -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; margin-right: 2px; width: 18px; } .ml1-Intro_HomeTeamName { padding-right: 5px; white-space: normal; } .ml1-Intro_Versus { width: 6%; font-size: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; } .ml1-Intro_AwayTeamWrapper, .ml1-Intro_Versus { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ml1-Intro_AwayTeamWrapper { width: 47%; color: #a0e06c; font-size: 13px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ml1-Intro_AwayTeamName { padding-left: 5px; white-space: normal; } .svg .ml1-Intro_AwayTeamName, .svg .ml1-Intro_HomeTeamName { max-width: 85%; } .ml1-Intro_AwayTeamKit { -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; margin-left: 2px; width: 18px; } .ml1-Intro_BottomRow { width: 100%; bottom: 16%; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ml1-Intro_Weather { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-right: 10px; } .ml1-Intro_Pitch, .ml1-Intro_Weather { font-size: 11px; width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-Intro_Pitch { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 10px; } .ml1-Intro_WeatherTitle { margin-right: 5px; color: #91b39a; font-weight: 300; } .ml1-Intro_WeatherIcon { width: 10px; height: 9pt; background-repeat: no-repeat; } .ml1-Intro_WeatherData { color: #fff; background-position: 0 0; padding-left: 3px; } .svg .ml1-Intro_Weather .good { background-image: url(../images/animations/good.svg); } .svg .ml1-Intro_Weather .windy { background-image: url(../images/animations/windy.svg); } .svg .ml1-Intro_Weather .stormy { background-image: url(../images/animations/stormy.svg); } .svg .ml1-Intro_Weather .rainy { background-image: url(../images/animations/rainy.svg); } .svg .ml1-Intro_Weather .snowy { background-image: url(../images/animations/snowy.svg); } .svg .ml1-Intro_Weather .veryhot { background-image: url(../images/animations/veryhot.svg); } .svg .ml1-Intro_Weather .heavyrain { background-image: url(../images/animations/heavyrain.svg); } .svg .ml1-Intro_Weather .lightrain { background-image: url(../images/animations/lightrain.svg); } .svg .ml1-Intro_Weather .cloudy { background-image: url(../images/animations/cloudy.svg); } .svg .ml1-Intro_Weather .heavysnow { background-image: url(../images/animations/heavysnow.svg); } .svg .ml1-Intro_Weather .lightsnow { background-image: url(../images/animations/lightsnow.svg); } .svg .ml1-Intro_Weather .sleethail { background-image: url(../images/animations/sleet-hail.svg); } .svg .ml1-Intro_Weather .highwind { background-image: url(../images/animations/highwind.svg); } .svg .ml1-Intro_Weather .lightwind { background-image: url(../images/animations/lightwind.svg); } .svg .ml1-Intro_Weather .sunny { background-image: url(../images/animations/sunny.svg); } .svg .ml1-Intro_Weather .hot { background-image: url(../images/animations/hot.svg); } .svg .ml1-Intro_Weather .cold, .svg .ml1-Intro_Weather .mild { background-image: url(../images/animations/cold.svg); } .svg .ml1-Intro_Weather .fog { background-image: url(../images/animations/fog.svg); } .svg .ml1-Intro_Weather .thunderstorm { background-image: url(../images/animations/thunderstorm.svg); } .no-svg .ml1-Intro_Weather .good { background-image: url(../images/animations/good.png); } .no-svg .ml1-Intro_Weather .windy { background-image: url(../images/animations/windy.png); } .no-svg .ml1-Intro_Weather .stormy { background-image: url(../images/animations/stormy.png); } .no-svg .ml1-Intro_Weather .rainy { background-image: url(../images/animations/rainy.png); } .no-svg .ml1-Intro_Weather .snowy { background-image: url(../images/animations/snowy.png); } .no-svg .ml1-Intro_Weather .veryhot { background-image: url(../images/animations/veryhot.png); } .no-svg .ml1-Intro_Weather .heavyrain { background-image: url(../images/animations/heavyrain.png); } .no-svg .ml1-Intro_Weather .lightrain { background-image: url(../images/animations/lightrain.png); } .no-svg .ml1-Intro_Weather .cloudy { background-image: url(../images/animations/cloudy.png); } .no-svg .ml1-Intro_Weather .heavysnow { background-image: url(../images/animations/heavysnow.png); } .no-svg .ml1-Intro_Weather .lightsnow { background-image: url(../images/animations/lightsnow.png); } .no-svg .ml1-Intro_Weather .sleethail { background-image: url(../images/animations/sleethail.png); } .no-svg .ml1-Intro_Weather .highwind { background-image: url(../images/animations/highwind.png); } .no-svg .ml1-Intro_Weather .lightwind { background-image: url(../images/animations/lightwind.png); } .no-svg .ml1-Intro_Weather .sunny { background-image: url(../images/animations/sunny.png); } .no-svg .ml1-Intro_Weather .hot { background-image: url(../images/animations/hot.png); } .no-svg .ml1-Intro_Weather .cold, .no-svg .ml1-Intro_Weather .mild { background-image: url(../images/animations/cold.png); } .no-svg .ml1-Intro_Weather .fog { background-image: url(../images/animations/fog.png); } .no-svg .ml1-Intro_Weather .thunderstorm { background-image: url(../images/animations/thunderstorm.png); } .ml1-Intro_PitchTitle { margin-right: 5px; color: #91b39a; font-weight: 300; } .ml1-Intro_PitchData { color: #fff; } .ml1-Anims_Offside { background-image: url(../images/animations/offsideFlag.svg); -webkit-background-size: contain; background-size: contain; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; width: 20px; height: 27px; } @media (min-width:950px) { .ml1-Anims_Offside { width: 30px; height: 35px; } } .no-svg .ml1-Anims_Offside { background-image: url(../images/animations/offsideFlag.png); } .ml1-Anims_SubIcon { -webkit-background-size: contain; background-size: contain; width: 47px; height: 47px; } .ml1-Anims_SubIcon, .no-svg .ml1-Anims_SubIcon { background-image: url(../images/animations/subOnOff.svg); } .ml1-Anims_Substitution { width: 100%; height: 25%; position: absolute; bottom: 20px; font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; font-size: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-Sub_PlayerOn { text-align: right; background-image: url(../images/animations/sub-on.svg); background-position: right; padding-right: 25px; } .ml1-Sub_PlayerOff, .ml1-Sub_PlayerOn { width: 50%; height: 30px; line-height: 30px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .ml1-Sub_PlayerOff { text-align: left; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; background-image: url(../images/animations/sub-off.svg); padding-left: 25px; } .ml1-Anims_ShotOnTarget { background: url(../images/animations/crosshair.svg); -webkit-background-size: 28px 28px; background-size: 28px; background-repeat: no-repeat; background-position: 24% 33%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; width: 47px; height: 35px; } @media (min-width:950px) { .ml1-Anims_ShotOnTarget { -webkit-background-size: 34px 34px; background-size: 34px; width: 55px; height: 40px; } } .ml1-Anims_ShotOffTarget { background: url(../images/animations/crosshair.svg); -webkit-background-size: 28px 28px; background-size: 28px; background-repeat: no-repeat; background-position: 30% 26%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; width: 47px; height: 35px; } @media (min-width:950px) { .ml1-Anims_ShotOffTarget { -webkit-background-size: 36px 36px; background-size: 36px; width: 55px; height: 40px; } } .ml1-Anims_Goal2 { background: url(../images/animations/goalpost.svg); -webkit-background-size: contain; background-size: contain; width: 55px; height: 40px; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; background-repeat: no-repeat; } @media (min-width:950px) { .ml1-Anims_Goal2 { width: 60px; height: 42px; } } .no-svg .ml1-Anims_ShotOffTarget, .no-svg .ml1-Anims_ShotOnTarget { background: url(../images/animations/crosshair.png); background-repeat: no-repeat; } .no-svg .ml1-Anims_Goal2 { background: url(../images/animations/goalpost.png); background-repeat: no-repeat; } .ml1-MatchLiveSoccerModule { white-space: nowrap; position: relative; color: #ddd; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width:768px) { .ml1-MatchLiveSoccerModule { white-space: normal; padding: 0; } } .ml1-SoccerPitch_PNG, .ml1-SoccerPitch_SVG { width: 100%; height: 100%; max-height: 181px; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-SoccerPitch_PNG, .ip-MobileEventView_MediaWrapper .ml1-SoccerPitch_SVG { width: 100%; max-height: auto; } } .ml1-MatchliveSoccerModule_Wrapper { font-size: 0; overflow-x: hidden; overflow-y: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-MatchliveSoccerModule_Wrapper { position: relative; overflow: visible; display: table; width: 100%; } } @media (min-width:950px) { .ml1-MatchliveSoccerModule_Wrapper { top: auto; } } .ml1-MatchLiveSoccerModule_MatchLiveWrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-align: center; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; overflow: hidden; margin: 0 auto; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-MatchLiveSoccerModule_MatchLiveWrapper { max-width: 410px; } } @media (min-width:950px) { .ml1-MatchLiveSoccerModule_MatchLiveWrapper { max-width: 100%; margin: 0; } } .ml1-MatchLiveSoccerModule_Constrainer { display: inline-block; vertical-align: top; width: 100%; text-align: center; position: relative; margin: 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding: 0 4px 5px; } @media (min-width:950px) { .ml1-MatchLiveSoccerModule_Constrainer { padding: 0 4px 0 3px; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-MatchLiveSoccerModule_Constrainer { width: 376px; padding: 8px 0 8px 8px; margin: 0; display: table-cell; } } .ml-MatchLiveSoccerModule_AnimWrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .ml1-MatchLiveSoccerModule_PitchContainer { width: 100%; font-size: 0; border: 1px solid #222; position: relative; } @media (max-width:768px) { .ml1-MatchLiveSoccerModule_PitchContainer { max-width: 360px; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-MatchLiveSoccerModule_PitchContainer { min-height: 141px; } } .ml1-MatchLiveSoccerModule_PitchContainer:after { padding-top: 45%; display: block; content: ""; } .ml1-MatchLiveSoccerModule_PNGPitchContainer { background-image: url(../images/animations/soccer-pitch.png); -webkit-background-size: 100% 100%; background-size: 100%; } .ml1-MatchLiveSoccerModule_PNGPitchContainer, .ml1-MatchLiveSoccerModule_SVGPitchContainer { position: absolute; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; } .ml1-MatchLiveSoccerModule .ipe-VideoPlayer { width: 100%!important; margin: 0!important; max-height: initial!important; min-height: 183px; display: block; } @media (max-width:768px) { .ml1-MatchLiveSoccerModule .ipe-VideoPlayer { max-width: 360px; } } .os_winphone.osVersion_8 .ml1-StatsDial_Text { display: block; } .os_winphone.osVersion_8 .ml1-ScoreHeader_Text, .os_winphone.osVersion_8 .ml1-ScoreHeader_Timer { line-height: 18px; } .os_winphone.osVersion_8 .ml1-SummaryRow_Empty { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; } .os_winphone.osVersion_8 .ml1-SummaryRow_Time { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; } .os_winphone.osVersion_8 .ml1-SummaryRow_Text { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; } .os_winphone.osVersion_8 .ml1-Tab_ModalHeader { line-height: 43px; } .os_winphone.osVersion_8 .ml1-LineupRow, .os_winphone.osVersion_8 .ml1-StatBoardColumn_Data, .os_winphone.osVersion_8 .ml1-StatBoard_Team { padding-top: 5px; } .os_winphone.osVersion_8 .ml1-TimelineBar { padding-top: 13px; } .os_winphone.osVersion_8 .ml1-ScoreHeader_NameWrapper { padding-top: 5px; } .ml1-AllStats_Divider { height: 1px; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 1px; border: 0; background-color: #474747; display: none; } @media (min-width:950px) { .ml1-AllStats_Divider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .ml1-AllStats { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-AllStats { display: table-cell; width: auto; } } @media (min-width:950px) { .ml1-AllStats { margin-top: 9px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; top: auto; left: auto; } .ml1-AllStats.is-Visible { display: -webkit-inline-box!important; display: -webkit-inline-flex!important; display: -ms-inline-flexbox!important; display: inline-flex!important; } } .ml1-Lineup { width: 100%; background-color: #bbb; white-space: normal; } @media (min-width:950px) { .ml1-Lineup { background-color: #404040; } } .ml1-Lineup_Team, .ml1-Lineup_TeamsHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .ml1-Lineup_Team { width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 11px 11px; } @media (min-width:950px) { .ml1-Lineup_Team { padding-top: 1pc; } } .ml1-Lineup-TeamName { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 44px; font-size: 13px; line-height: 15px; color: #545454; } .ml1-Lineup_TeamHome .ml1-Lineup-TeamName { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width:950px) { .ml1-Lineup-TeamName { display: none; } } .ml1-Lineup_TeamHome { text-align: right; } .ml1-Lineup_TeamWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-Lineup_Team1Main, .ml1-Lineup_Team1Subs { width: 50%; text-align: right; } .ml1-Lineup_Team2Main, .ml1-Lineup_Team2Subs { width: 50%; } .ml1-Lineup_SubsHeader { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; font-size: 13px; line-height: 1; color: #545454; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #aaa; padding: 20px 11px 11px; } @media (min-width:950px) { .ml1-Lineup_SubsHeader { color: #bbb; border-top: 1px solid #474747; } } .ml1-LineupRow, .ml1-Lineup_SubsWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-LineupRow { padding: 0 11px; min-height: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 13px; line-height: 1; color: #545454; border-top: 1px solid #aaa; } .ml1-Lineup_Team1Main .ml1-LineupRow, .ml1-Lineup_Team1Subs .ml1-LineupRow { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ml1-Lineup_SubsWrapper .ml1-LineupRow:first-child { display: none; } @media (min-width:950px) { .ml1-LineupRow { border-top: 1px solid #474747; color: #bbb; } } .no-w3cflexbox.no-flextweener .ml1-Lineup_Team1Main .ml1-LineupRow, .no-w3cflexbox.no-flextweener .ml1-Lineup_Team1Subs .ml1-LineupRow { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ml1-LineupRow_Events { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 10px; position: relative; top: -1px; color: #777; } @media (min-width:950px) { .ml1-LineupRow_Events { color: #999; } } .ml1-Lineup_Team1Main .ml1-LineupRow_Events, .ml1-Lineup_Team1Subs .ml1-LineupRow_Events { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ml1-LineupRow_Icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; top: 1px; margin: 0 4px 0 8px; background-image: url(../images/Icons.svg); background-repeat: no-repeat; } .no-svg .ml1-LineupRow_Icon { background-image: url(../images/animations/Icons.png); } .ml1-Lineup_Team1Main .ml1-LineupRow_Icon { margin: 0 8px 0 4px; } .ml1-LineupRow_Icon-1 { background-position: -5px -5px; width: 14px; height: 14px; } .ml1-LineupRow_Icon-3 { background-position: -7px -52px; width: 7px; height: 10px; } .ml1-LineupRow_Icon-4 { background-position: -7px -30px; width: 7px; height: 10px; } .ml1-ModalController { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width:340px) { .ml1-ModalController { margin-top: 5px; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-ModalController { margin-top: 0; } } @media (min-width:950px) { .ml1-ModalController { display: none; } } .ml1-ModalController_Wrapper { width: 100%; min-height: 30px; } .ml1-ModalController_Icon, .ml1-ModalController_Wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-ModalController_Icon { font-size: 11px; color: #999; -webkit-box-flex: 1; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; opacity: .9; } .ml1-ModalController_Icon:before { content: "\00a0"; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-image: url(../images/animations/menu_sprites.svg); } .no-svg .ml1-ModalController_Icon:before { background-image: url(../images/animations/menu_sprites.png); } @media (min-width:768px) { .ml1-ModalController_Icon:before { margin-right: 4px; } } .ml1-ModalController_Icon-Summary:before { background-position: 0 -36px; } .ml1-ModalController_Icon-Lineup:before { background-position: 3px -66px; } .ml1-ScoreHeader { width: 100%; display: table; table-layout: fixed; white-space: nowrap; font-size: 0; padding: 0 5px; position: relative; z-index: 20; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-ScoreHeader { position: absolute; left: 0; top: 0; padding-left: 380px; } } .ml1-ScoreHeader_Team { display: inline-table; table-layout: fixed; width: 50%; position: relative; } .ml1-ScoreHeader_Team1 { padding-right: 1px; } @media (min-width:768px) { .ml1-ScoreHeader_Team1 { padding-right: 2px; } } .ml1-ScoreHeader_Team2 { padding-left: 1px; } @media (min-width:768px) { .ml1-ScoreHeader_Team2 { padding-left: 2px; } } .ml1-ScoreHeader_Contents { display: inline-table; table-layout: fixed; height: 22px; width: 100%; white-space: nowrap; font-size: 15px; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-ScoreHeader_Contents { height: 26px; } } @media (min-width:768px) { .ml1-ScoreHeader_Contents { height: 43px; } } .ml1-ScoreHeader_Contents1 { text-align: right; } .ml1-ScoreHeader_TeamName { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; color: #ddd; font-size: 13px; line-height: 1; } @media (min-width:768px) { .ml1-ScoreHeader_TeamName { font-size: 15px; } } .ml1-ScoreHeader_Team1Name { text-align: left; } .ml1-ScoreHeader_Team2Name { text-align: right; padding-right: 5px; } .ml1-ScoreHeader_TruncateName { display: inline-block; vertical-align: middle; width: 98%; white-space: nowrap; /*overflow: hidden; text-overflow: ellipsis;*/ } .ml1-ScoreHeader_ScoreWrapper, .ml1-ScoreHeader_TeamName { display: table-cell; vertical-align: middle; } .ml1-ScoreHeader_TeamName { width: 100%;overflow:hidden; } .ml1-ScoreHeader_ScoreWrapper { width: 24px; text-align: center; } @media (min-width:950px) { .ml1-ScoreHeader_ScoreWrapper { width: 30px; } } .ml1-ScoreHeader_Team1ScoreWrapper { margin-right: 1px; text-align: right; } .ml1-ScoreHeader_Team2ScoreWrapper { text-align: left; } .ml1-ScoreHeader_Score { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-width: 22px; height: 22px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #545454; font-size: 18px; color: #ffdf1b; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.1); box-shadow: inset 0 2px 0 rgba(0,0,0,.1); } @media (min-width:950px) { .ml1-ScoreHeader_Score { -webkit-box-shadow: none; box-shadow: none; } } @media (min-width:768px) { .ml1-ScoreHeader_Score { font-size: 21px; height: 26px; min-width: 26px; } } @media (min-width:768px) { .ipe-RHSMediaView_MediaWrapper .ml1-ScoreHeader_Score { border-top-left-radius: 1px; border-top-right-radius: 1px; } } .ml1-ScoreHeader_Text, .ml1-ScoreHeader_Timer { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 47px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 18px; background-color: #0b452a; opacity: .75; color: #59d496; position: absolute; bottom: -19px; left: 50%; -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); font-size: 11px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; padding: 0 5px; z-index: 30; -webkit-transition: opacity .4s ease-in-out,visibility .4s ease-in-out; transition: opacity .4s ease-in-out,visibility .4s ease-in-out; } @media (min-width:950px) { .ml1-ScoreHeader_Text, .ml1-ScoreHeader_Timer { min-width: 52px; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-ScoreHeader_Text, .ip-MobileEventView_MediaWrapper .ml1-ScoreHeader_Timer { left: 2in; bottom: -1px; } } .ml1-ScoreHeader_AdditionalText { padding-right: 5px; } .ml1-ScoreHeader_InjuryTime { position: absolute; display: block; white-space: nowrap; line-height: 18px; background-color: #093822; min-height: 18px; top: 0; left: 99.99%; padding-right: 5px; padding-left: 5px; border-bottom-right-radius: 2px; } .ml1-ScoreHeader_Timer_InjuryTime { border-bottom-right-radius: 0; } .ml1-ScoreHeader_InjuryTimeFadeOut, .ml1-ScoreHeader_TimerFadeOut { opacity: 0; visibility: hidden; } .ml1-ScoreHeader_ClockFadeOut, .ml1-ScoreHeader_TextFadeOut { display: none; } .ml1-ScoreHeader_ColorBar { display: inline-block; vertical-align: middle; position: relative; width: 3px; height: 14px; background-color: currentColor; } @media (min-width:768px) { .ml1-ScoreHeader_ColorBar { height: 1pc; } } .ml1-ScoreHeader_Team1Name .ml1-ScoreHeader_ColorBar { margin-right: 5px; } .ml1-ScoreHeader_Team2Name .ml1-ScoreHeader_ColorBar { margin-left: 5px; } .mlStats-ScoreBoard { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .mlStats-ScoreBoard_Title { position: absolute; width: 100%; text-align: center; margin-top: 30px; font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; font-size: 18px; line-height: 15px; white-space: normal; color: #dbe681; } .mlStats-ScoreBoard_OuterWrapper { position: absolute; width: 100%; height: 3pc; left: 50%; top: 47.5%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mlStats-ScoreBoard_OuterWrapper, .mlStats-ScoreBoard_ScoreWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mlStats-ScoreBoard_ScoreWrapper { -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-left: 10px; } .mlStats-ScoreBoard_ScoreWrapper.score1 { padding-right: 10px; padding-left: 0; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .mlStats-ScoreBoard_Score { overflow: hidden; white-space: normal; position: relative; text-align: center; border-bottom: 3px solid currentColor; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 40px; } .mlStats-ScoreBoard_Score .alt, .mlStats-ScoreBoard_Score .main { font-family: font-hv-regular; letter-spacing: -1px; padding-right: 2px; font-size: 30px; text-align: center; width: 100%; height: 100%; display: block; line-height: 3pc; color: #ffdf1b; } @media (max-device-width:2048px) and (-webkit-min-device-pixel-ratio:2),(max-device-width:2048px) and (min-resolution:2dppx) { .mlStats-ScoreBoard_Score .alt, .mlStats-ScoreBoard_Score .main { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; } } .mlStats-ScoreBoard_Score .detail { font-size: 18px!important; letter-spacing: 0; color: #dbe681; } .ml1-Anims_ShootOutGrid { display: none; width: 100%; top: 24px; height: 13%; overflow: hidden; padding: 0 2px; } .ml1-Anims_ShootOutAway, .ml1-Anims_ShootOutHome { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; list-style: none; list-style-type: none; margin: 0; padding: 0; } .ml1-Anims_ShootOutAway { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .no-w3cflexbox.no-flextweener .ml1-Anims_ShootOutAway { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ml1-Anims_ShootOutAwayPen, .ml1-Anims_ShootOutHomePen { background-color: #1d6a30; -webkit-box-flex: 0; -webkit-flex: 0 0 12%; -ms-flex: 0 0 12%; flex: 0 0 12%; width: 12%; } .ml1-Anims_ShootOutAwayPen.pending, .ml1-Anims_ShootOutHomePen.pending { border-bottom-style: solid; -webkit-animation: 1.5s borderBlink step-end infinite; animation: 1.5s borderBlink step-end infinite; color: currentColor; } .svg .ml1-Anims_ShootOutAwayPen.missed, .svg .ml1-Anims_ShootOutHomePen.missed { background-image: url(../images/animations/penMiss.svg); -webkit-background-size: 50% 50%; background-size: 50%; background-repeat: no-repeat; background-position: center center; } .no-svg .ml1-Anims_ShootOutAwayPen.missed, .no-svg .ml1-Anims_ShootOutHomePen.missed { background-image: url(../images/animations/penMiss.png); -webkit-background-size: 50% 50%; background-size: 50%; background-repeat: no-repeat; background-position: center center; } .svg .ml1-Anims_ShootOutAwayPen.scored, .svg .ml1-Anims_ShootOutHomePen.scored { background-image: url(../images/animations/penScore.svg); -webkit-background-size: 50% 50%; background-size: 50%; background-repeat: no-repeat; background-position: center center; } .no-svg .ml1-Anims_ShootOutAwayPen.scored, .no-svg .ml1-Anims_ShootOutHomePen.scored { background-image: url(../images/animations/penScore.png); -webkit-background-size: 50% 50%; background-size: 50%; background-repeat: no-repeat; background-position: center center; } @-webkit-keyframes borderBlink { 0%,to { border-bottom-width: 0; } 50% { border-bottom-width: 2px; } } @keyframes borderBlink { 0%,to { border-bottom-width: 0; } 50% { border-bottom-width: 2px; } } .ml1-Anims_ShootOutTotalAway, .ml1-Anims_ShootOutTotalHome { color: #ffdf1b; background: none!important; font-size: 1rem; overflow: hidden; white-space: normal; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 12%; -ms-flex: 0 0 12%; flex: 0 0 12%; width: 12%; text-align: center; font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ml1-Anims_ShootOutHomePen { margin-right: 4px; } @media (min-width:550px) and (max-width:768px) { .ml1-Anims_ShootOutHomePen { margin-right: 3px; } } @media (min-width:950px) { .ml1-Anims_ShootOutHomePen { margin-right: 8px; } } .ml1-Anims_ShootOutAwayPen { margin-left: 4px; } @media (min-width:550px) and (max-width:768px) { .ml1-Anims_ShootOutAwayPen { margin-left: 3px; } } @media (min-width:950px) { .ml1-Anims_ShootOutAwayPen { margin-left: 8px; } } .ml1-SoccerScoreUpdate { position: absolute; width: 100%; height: 100%; } .ml1-SoccerScoreUpdate_Title { position: absolute; width: 100%; text-align: center; margin-top: 18px; font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; font-size: 13px; line-height: 2pc; white-space: normal; opacity: 0; color: #dbe681; } @media (min-width:950px) { .ml1-SoccerScoreUpdate_Title { margin-top: 30px; font-size: 18px; } } .ml1-SoccerScoreUpdate_OuterWrapper { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 36px; top: 50%; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ml1-SoccerScoreUpdate_OuterWrapper.ml1-SoccerScoreUpdate_HasScorer { top: 29%; -webkit-transform: none; transform: none; } @media (min-width:950px) { .ml1-SoccerScoreUpdate_OuterWrapper { height: 3pc; } } .ml1-SoccerScoreUpdate_ScoreWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-left: 10px; opacity: 0; } .ml1-SoccerScoreUpdate_ScoreWrapper.score1 { padding-right: 10px; padding-left: 0; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ml1-SoccerScoreUpdate_Score { overflow: hidden; white-space: normal; position: relative; text-align: center; border-bottom: 3px solid currentColor; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 30px; } @media (min-width:950px) { .ml1-SoccerScoreUpdate_Score { min-width: 40px; } } .ml1-SoccerScoreUpdate_ScoreNew, .ml1-SoccerScoreUpdate_ScoreOriginal { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; padding-right: 2px; font-size: 30px; text-align: center; width: 100%; height: 100%; display: block; line-height: 36px; color: #ffdf1b; } @media (min-width:950px) { .ml1-SoccerScoreUpdate_ScoreNew, .ml1-SoccerScoreUpdate_ScoreOriginal { font-size: 36px; line-height: 3pc; } } .ml1-SoccerScoreUpdate_ScorerWrapper { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; height: 36px; top: 60%; font-size: 15px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; opacity: 0; } .ml1-SoccerScoreUpdate_ScorerWrapper.ml1-SoccerScoreUpdate_Team1Score { right: 50%; padding-right: 10px; } .ml1-SoccerScoreUpdate_ScorerWrapper.ml1-SoccerScoreUpdate_Team2Score { left: 24%; } .ml1-SoccerScoreUpdate_ScorerWrapper.ml1-SoccerScoreUpdate_Team2Score.ml1-SoccerScoreUpdate_HasGoalTimeOnly { left: 8%; } @media (min-width:950px) { .ml1-SoccerScoreUpdate_ScorerWrapper { height: 3pc; } } .ml1-SoccerScoreUpdate_NameLabel, .ml1-SoccerScoreUpdate_TimeLabel { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; } .ml1-SoccerScoreUpdate_TimeLabel { vertical-align: top; color: #a0e06c; } .ml1-SoccerScoreUpdate_Team1Score .ml1-SoccerScoreUpdate_TimeLabel, .ml1-SoccerScoreUpdate_Team2Score .ml1-SoccerScoreUpdate_TimeLabel { margin-left: 8px; } .ml1-Stat { padding: 0 3px; display: none; } .ml1-Stat, .ml1-Stat_Fallback { margin-left: 5px; margin-right: 5px; } @media (min-width:300px) { .ml1-Stat_Fallback { display: block!important; } } .ml1-Stat_Text { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; font-size: 15px; color: #bbb; text-align: center; max-width: 24px; margin: 0 auto 5px; padding-bottom: 4px; min-height: 23px; } .ml1-Stat_Border, .ml1-Stat_Text { border-bottom: 2px solid currentColor; } .ml1-Stat_Border { margin-bottom: 5px; } .ml1-Stat_Header { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 11px; line-height: 13px; color: #999; white-space: normal; min-height: 30px; } .ml1-Stat_Fallback .ml1-Stat_Header { display: block; margin: 0 auto; } .ml1-StatBoard { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; border-bottom: 1px solid #a7a7a7; margin-bottom: 10px; } @media (min-width:950px) { .ml1-StatBoard { border-bottom: 1px solid #474747; } } .ml1-StatBoard_RowHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 10%; -ms-flex: 1 1 10%; flex: 1 1 10%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 11px; color: #545454; } @media (min-width:950px) { .ml1-StatBoard_RowHeader { color: #ddd; font-size: 15px; -webkit-box-flex: 2; -webkit-flex: 2 1 16%; -ms-flex: 2 1 16%; flex: 2 1 16%; } } .ml1-StatBoard_Team { font-family: HelveticaNeueBold,HelveticaNeue-Bold,Helvetica Neue Bold,HelveticaNeue,Helvetica Neue,Roboto Bold,Roboto,TeXGyreHerosBold,Helvetica,Tahoma,Verdana,Geneva,Arial,sans-serif; font-weight: 700; min-height: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width:950px) { .ml1-StatBoard_Team { min-height: 28px; } } .ml1-StatBoardColumn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 10%; -ms-flex: 1 1 10%; flex: 1 1 10%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 11px; line-height: 1; color: #545454; border-left: 1px solid #a7a7a7; } @media (min-width:768px) { .ipe-RHSMediaView_MediaWrapper .ml1-StatBoardColumn { font-size: 9pt; border-left: 1px solid #474747; color: #bbb; } } .ml1-StatBoardColumn_Icon, .ml1-StatBoard_HeadEmpty { min-height: 33px; width: 100%; border-bottom: 1px solid #a7a7a7; } @media (min-width:950px) { .ml1-StatBoardColumn_Icon, .ml1-StatBoard_HeadEmpty { border-bottom: 1px solid #474747; } } .ml1-StatBoardColumn_Data { min-height: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width:950px) { .ml1-StatBoardColumn_Data { min-height: 28px; } } .ml1-StatBoardColumn_Icon { background-image: url(../images/animations/Scoreboard_Icons.svg); background-repeat: no-repeat; } .no-svg .ml1-StatBoardColumn_Icon { background-image: url(../images/SummaryScoreboard/IconsSprited/Scoreboard_Icons.png); } .ml1-StatBoardColumn_Icon-2 { background-position: 50% -117px; } .ml1-StatBoardColumn_Icon-3 { background-position: 50% -89px; } .ml1-StatBoardColumn_Icon-4 { background-position: 50% -145px; } .ml1-StatBoardColumn_Icon-5 { background-position: 50% -232px; } .ml1-StatBoardColumn_Icon-6 { background-position: 50% 0; } .ml1-StatBoardColumn_Icon-7 { background-position: 50% -62px; } .ml1-StatBoardColumn_Icon-9 { background-position: 50% -2pc; } .ml1-StatBoardColumn_Icon-8 { background-position: 50% -200px; } .ml1-StatBoardColumn_Icon-1 { background-position: 50% -173px; } .ml1-StatsBar_Wrapper { margin: -9px 0 0; } @media (min-width:340px) { .ml1-StatsBar_Wrapper { margin: -5px 0 0; } } @media (min-width:768px) { .ml1-StatsBar_Wrapper { margin: 0; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-StatsBar_Wrapper { width: 311px; position: absolute; left: 0; right: 0; margin: 0 auto; } } .ml1-StatsBar_Wrapper:empty { display: none; } .ml1-StatsBar_MiniBarValue { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; font-size: 13px; color: #ddd; -webkit-box-flex: 0; -webkit-flex: 0 1 24px; -ms-flex: 0 1 24px; flex: 0 1 24px; position: relative; top: 2px; } .ml1-StatsBar_MiniBarValue-1 { text-align: right; } .ml1-StatsBar_MiniBarValue-2 { text-align: left; } .ml1-StatsBar_MiniBar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: -5px; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-StatsBar_MiniBar { margin-top: -4px; } } .ml1-StatsBar_MiniHeader { text-align: center; color: #bbb; line-height: 1; font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; margin: 0; } @media (min-width:950px) { .ml1-StatsBar_MiniHeader { margin-top: 6px; } } .ml1-StatsBar_MiniBarsCollection { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 11px; color: #bbb; min-width: 174px; } @media (min-width:768px) { .ml1-StatsBar_MiniBarsCollection { display: none; } } @media (min-width:950px) { .ml1-StatsBar_MiniBarsCollection { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 2px 5px 0; min-height: 87px; } } .ml1-StatsBar_MiniBarSurround { width: 80%; margin: 0 5px; height: 4px; background-color: currentColor; border-radius: 2px; } .ml1-StatsBar_MiniBarFill { background-color: currentColor; height: 4px; display: block; width: 50%; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ml1-StatsBar_LongBar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1 1 60px; -ms-flex: 1 1 60px; flex: 1 1 60px; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin: -9pt 11px 8px; } @media (min-width:340px) { .ml1-StatsBar_LongBar { margin: -9px 11px 8px; } } .ml1-StatsBar_LongBarValue { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; -webkit-box-flex: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; font-size: 13px; line-height: 1; color: #ddd; } .ml1-StatsBar_LongBarSurround, .ml1-StatsBar_LongBarValue { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ml1-StatsBar_LongBarSurround { height: 4px; -webkit-box-flex: 1; -webkit-flex: 1 1 90%; -ms-flex: 1 1 90%; flex: 1 1 90%; border-radius: 2px; overflow: hidden; background-color: currentColor; margin: 13px 5px 0; } @media (min-width:768px) { .ml1-StatsBar_LongBarSurround { height: 5px; } } .ml1-StatsBar_LongBarFill { height: 4px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; width: 50%; background-color: currentColor; } @media (min-width:768px) { .ml1-StatsBar_LongBarFill { height: 5px; } } .no-w3cflexbox .ml1-StatsBar_LongBarFill { display: block; } .ml1-StatsBar_LongHeader { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; color: #999; width: 100%; text-align: center; font-size: 11px; } .ml1-StatsColumn_MiniCardWrapper { width: 22px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width:950px) { .ml1-StatsColumn_MiniCardWrapper { width: 27px; } } .ml1-StatsColumn_MiniRedCard { width: 10px; height: 13px; background-color: #e83737; border-radius: 1px; margin: 0 auto; } .ml1-StatsColumn_MiniYellowCard { width: 10px; height: 13px; background-color: #ece63d; border-radius: 1px; margin: 0 auto; } .ml1-StatsColumn_MiniCornerWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 22px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width:950px) { .ml1-StatsColumn_MiniCornerWrapper { width: 27px; } } .ml1-StatsColumn_MiniCorner { padding-bottom: 13px; position: relative; background-image: none; } .ml1-StatsColumn_MiniCorner:after, .ml1-StatsColumn_MiniCorner:before { content: " "; position: absolute; top: 0; } .ml1-StatsColumn_MiniCorner:before { height: 13px; margin-bottom: 2px; width: 2px; left: -2px; background-color: #fff; } .ml1-StatsColumn_MiniCorner:after { width: 0; left: 0; height: 0; border-style: solid; border-width: 3px 0 3px 8px; border-color: transparent transparent transparent inherit; } .ml1-StatsColumn_MiniValue { font-size: 13px; line-height: 15px; color: #ddd; margin-top: 11px; text-align: center; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-StatsColumn_MiniValue { margin-top: 9px; } } @media (min-width:950px) { .ml1-StatsColumn_MiniValue { margin-top: 13px!important; } } .ml1-StatsLower { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 7px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; margin: 0 auto; } @media (min-width:340px) { .ml1-StatsLower { margin: 3px auto 0; } } @media (min-width:950px) { .ml1-StatsLower { margin: 3px auto 24px; padding: 0 20px; } } .ml1-StatsLower_MiniAwayWrapper, .ml1-StatsLower_MiniHomeWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 25%; } .ml1-StatsLower_MiniAwayWrapper { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ml1-StatsLower_StatsWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 9pt; width: 100%; } .ml1-StatsLower_Home { padding-right: 8px; } .ml1-StatsLower_Away { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 8px; } .ml1-StatsLower_AllCards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .ml1-StatsLower_Away .ml1-StatsLower_AllCards { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ml1-StatsLower_MiniBarValue { font-size: 15px; color: #bbb; -webkit-box-flex: 0; -webkit-flex: 0 1 24px; -ms-flex: 0 1 24px; flex: 0 1 24px; text-align: center; font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; } .ml1-StatsLower_MiniBarWrapper + .ml1-StatsLower_MiniBarWrapper { margin-top: 2px; } @media (min-width:950px) { .ml1-StatsLower_MiniBarWrapper + .ml1-StatsLower_MiniBarWrapper { margin-top: -3px; } } .ml1-StatsLower_MiniBar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width:950px) { .ml1-StatsLower_MiniBar { margin-top: -7px; } } .ml1-StatsLower_MiniBarsCollection { font-size: 11px; color: #bbb; width: 50%; margin: 2px 0 0; } .ml1-StatsLower_MiniBarSurround { width: 90%; margin: 0 auto; height: 4px; background-color: #666; background-color: currentColor; border-radius: 2px; } .ml1-StatsLower_MiniBarFill { background-color: currentColor; height: 4px; display: block; width: 50%; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ml1-StatsUpper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; max-width: 40pc; margin: 0 auto 2px; } @media (min-width:340px) { .ml1-StatsUpper { margin: 6px auto 2px; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-StatsUpper { padding-top: 1pc; } } @media (min-width:950px) { .ml1-StatsUpper { margin: 6px auto 8px; } } .ml1-StatsUpper_Wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; margin-top: 7px; } .ml1-StatsUpper_Two .ml1-StatsUpper_Wrapper { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ml1-StatsUpper_ItemWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; white-space: normal; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 15%; -ms-flex: 1 0 15%; flex: 1 0 15%; } .ml1-StatsUpper_ItemText, .ml1-StatsUpper_ItemWrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ml1-StatsUpper_ItemText { font-size: 11px; line-height: 13px; color: #999; min-height: 26px; } .ml1-ModalLaunch { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; flex-direction: column; margin-top: 5px; text-align: center; width: 4pc; } .ml1-ModalLaunch, .ml1-StatsWheel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .ml1-StatsWheel { flex-direction: column; width: 50%; margin-top: 9px; } .ml1-AllStats_PosBar .ml1-StatsWheel { width: 33.3333%; } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-StatsWheel { margin-top: 13px; } } @media (min-width:950px) { .ml1-StatsWheel { margin-top: 1px; } } .ml1-StatsWheelContainer { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ml1-StatsWheel_Team1Text, .ml1-StatsWheel_Team2Text { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; font-size: 15px; color: #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ml1-StatsWheel_Team2Text { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .ml1-StatsWheelSvg_Container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 5px; text-align: center; pointer-events: none; max-height: 2pc; } .ml1-StatsWheel_Team1TextFallback, .ml1-StatsWheel_Team2TextFallback { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; font-size: 13px; color: #ddd; display: inline-block; padding-bottom: 3px; line-height: 22px; width: 50%; } @media (min-width:768px) { .ml1-StatsWheel_Team1TextFallback, .ml1-StatsWheel_Team2TextFallback { font-size: 15px; } } .ml1-StatsWheel_Team2TextFallback { text-align: right; } .ml1-StatsWheel_FallbackWrapper { padding: 0 15px; } .ml1-StatsWheel_FallbackBar { height: 5px; font-size: 0; padding-bottom: 3px; position: relative; width: 100%; margin: 8px auto; } .ml1-StatsWheel_Team1FallbackBar, .ml1-StatsWheel_Team2FallbackBar { display: inline-block; height: 5px; } .ml1-StatsWheel_Text, .ml1-StatsWheel_TextFallback { font-family: Helvetica Neue,Roboto,Droid Sans,Segoe UI,Verdana,Arial,Lucida Grande,sans-serif; font-weight: 400; text-align: center; font-size: 11px; color: #bbb; line-height: 13px; white-space: normal; height: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .ml1-Summary { min-height: 66px; background-color: #bbb; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width:950px) { .ml1-Summary { position: relative; top: auto; width: 100%; max-width: 100%; border-radius: 0; background-color: #404040; display: block; } } .ml1-Summary:empty { min-height: 0; } @media (min-width:768px) { .ipe-RHSMediaView_MediaWrapper .ml1-Summary:empty { border-top: 1px solid #444; } } .ml1-SummaryRow_Team { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 30px; font-size: 13px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; position: relative; } .no-flexbox .ml1-SummaryRow_Team { display: table; table-layout: fixed; width: 100%; } .ml1-SummaryRow_Empty { border-top: 1px solid #a7a7a7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; font-size: 13px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } @media (min-width:950px) { .ml1-SummaryRow_Empty { border-top: 1px solid #444; } } .no-flexbox .ml1-SummaryRow_Empty { display: table-cell; vertical-align: middle; } .ml1-SummaryRow_TextIcon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #a7a7a7; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width:950px) { .ml1-SummaryRow_TextIcon { border-top: 1px solid #444; } } .no-flexbox .ml1-SummaryRow_TextIcon { display: table-cell; vertical-align: middle; } .ml1-SummaryRow_TextIcon-2 { border-left: 2px solid; border-right: 0; } .ml1-SummaryRow_TextIcon-1 { border-right: 2px solid; padding-left: 11px; border-left: 0; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .no-flexbox .ml1-SummaryRow_TextIcon-1 { text-align: right; } .ml1-SummaryRow_Text { font-size: 11px; color: #545454; } .ml1-SummaryRow_Text.ml1-SummaryRow_Text-1 { text-align: right; } @media (min-width:950px) { .ml1-SummaryRow_Text { font-size: 13px; color: #bbb; } } .no-flexbox .ml1-SummaryRow_Text { display: inline; position: relative; top: -10px; } .ml1-SummaryRow_Time { font-size: 13px; color: #545454; border-top: 1px solid #a7a7a7; background-color: #c7c7c7; -webkit-transition: color .5s; transition: color .5s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; min-width: 2pc; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width:950px) { .ml1-SummaryRow_Time { color: #bbb; background-color: #393939; border-top: 1px solid #404040; } } .no-flexbox .ml1-SummaryRow_Time { display: table-cell; vertical-align: middle; width: 40px; text-align: center; } .ml1-SummaryRow_Icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 35px; -ms-flex: 0 0 35px; flex: 0 0 35px; height: 30px; background-image: url(../images/animations/Icons.svg); background-repeat: no-repeat; } .no-svg .ml1-SummaryRow_Icon { background-image: url(../images/animations/Icons.png); } .no-flexbox .ml1-SummaryRow_Icon { display: inline-block; width: 35px; } .ml1-SummaryRow_Icon-1 { position: relative; background-position: 50% -119px; background-image: url(../images/Scoreboard_Icons.svg); background-repeat: no-repeat; } .no-svg .ml1-SummaryRow_Icon-1 { background-image: url(../images/animations/Scoreboard_Icons.png); } .ml1-SummaryRow_Icon-2 { background-position: 5px 4px; } .ml1-SummaryRow_Icon-3 { background-image: url(../images/animations/Scoreboard_Icons.svg); background-position: 50% -2pc; } .no-svg .ml1-SummaryRow_Icon-3 { background-image: url(../images/animations/Scoreboard_Icons.png); } .ml1-SummaryRow_Icon-4 { background-position: 7px -43px; } .ml1-SummaryRow_Icon-5 { background-position: 7px -20px; } .ml1-SummaryRow-Neutral { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #c7c7c7; border-top: 1px solid #a7a7a7; font-size: 11px; height: 30px; color: #545454; } @media (min-width:950px) { .ml1-SummaryRow-Neutral { color: #bbb; height: 35px; border-top: 1px solid #444; font-size: 13px; background-color: #393939; } } .ml1-SummaryRow-MatchInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #c7c7c7; font-size: 11px; height: 30px; color: #545454; } @media (min-width:950px) { .ml1-SummaryRow-MatchInfo { color: #bbb; border-top: 1px solid #444; font-size: 13px; background-color: #393939; } } .ml1-SummaryRow-MatchInfoScore1 { border-top: 1px solid #a7a7a7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; font-size: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; height: 30px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 40px; } @media (min-width:950px) { .ml1-SummaryRow-MatchInfoScore1 { border-top: 1px solid #444; } } .no-flexbox .ml1-SummaryRow-MatchInfoScore1 { display: table-cell; vertical-align: middle; text-align: right; } .ml1-SummaryRow-MatchInfoScore2 { border-top: 1px solid #a7a7a7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; font-size: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; height: 30px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 40px; } @media (min-width:950px) { .ml1-SummaryRow-MatchInfoScore2 { border-top: 1px solid #444; } } .no-flexbox .ml1-SummaryRow-MatchInfoScore2 { display: table-cell; vertical-align: middle; text-align: left; } .ml1-SummaryRow-MatchInfoText { border-top: 1px solid #a7a7a7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; font-size: 13px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width:950px) { .ml1-SummaryRow-MatchInfoText { border-top: 1px solid #444; } } .no-flexbox .ml1-SummaryRow-MatchInfoText { display: table-cell; vertical-align: middle; text-align: center; } @media (max-width:767px) { .ml1-SwipeContainer_Child { -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out; } } @media (max-width:767px) { .ml1-SwipeContainer_ViewIndex-0 { -webkit-transform: translateX(0%); transform: translateX(0%); } } @media (max-width:767px) { .ml1-SwipeContainer_ViewIndex-1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .ml1-Tab-Modal { position: absolute; z-index: 50; top: 0; width: 96%; max-height: 90vh; overflow-y: auto; border-radius: 3px; background-color: #bbb; max-width: 510px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-overflow-scrolling: touch; } .ml1-Tab { display: none; } @media (min-width:950px) { .ml1-Tab { display: block; } } .ml1-Tab_ModalHeader { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; min-height: 44px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 11px; background-color: #c7c7c7; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #545454; font-size: 15px; line-height: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #a7a7a7; } @media (min-width:950px) { .ml1-Tab_ModalHeader { display: none; } } .ml1-Tab_ModalClose { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 15px; font-size: 13px; padding: 8px 0 8px 8px; } .ml1-Tab_ModalClose:active { color: #545454; } .ml1-TabController_Wrapper { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 44px; -ms-flex: 0 0 44px; flex: 0 0 44px; border-bottom: 1px solid #474747; font-size: 13px; line-height: 1; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 11px; } @media (min-width:768px) { .ml1-TabController_Wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (min-width:768px) and (max-width:950px) { .ip-MobileEventView_MediaWrapper .ml1-TabController_Wrapper { display: none; } } .ml1-TabController_Tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 47px; -webkit-box-flex: 1; -webkit-flex: 1 1 33.3333%; -ms-flex: 1 1 33.3333%; flex: 1 1 33.3333%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; color: #bbb; border-bottom: 2px solid transparent; opacity: .9; } .ml1-TabController_Tab:before { content: " "; width: 15px; height: 15px; margin-right: 10px; background-repeat: no-repeat; background-image: url(../images/animations/menu_sprites.svg); } .no-svg .ml1-TabController_Tab:before { background-image: url(/SportsUI/styles../images/MatchLiveLib/ui/menu_sprites.png); } .ml1-TabController_Tab.ml1-TabController_TabActive { opacity: 1; color: #ddd; border-bottom: 2px solid #777; } .ml1-TabController_Tab-Stats:before { background-position: 0 -8px; } .ml1-TabController_Tab-Summary:before { background-position: 0 -38px; } .ml1-TabController_Tab-Lineup:before { background-position: 0 -68px; } .ml-TeamKit .ml1-TeamKit_SVG { height: 30px; } .ml1-StatBoard_RowHeader .ml1-TeamKit_SVG { display: none; } @media (min-width:950px) { .ml1-StatBoard_RowHeader .ml1-TeamKit_SVG { display: inherit; height: 1pc; max-width: 20px; margin-right: 6px; } } .ml1-TimelineBar_Inner { border-radius: 2px; background-color: #585858; height: 8px; width: 100%; position: relative; } .ml1-TimelineBar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; background-color: #bbb; min-height: 44px; } @media (min-width:950px) { .ml1-TimelineBar { background-color: #404040; padding: 0 8px; } } .ml1-TimelineBar_Fill { position: absolute; height: 8px; left: 0; top: 0; background-color: #318743; width: 0; border-radius: 2px; } .ml1-TimelineBar_Time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 30px; min-width: 2pc; position: absolute; border-radius: 1px; left: 50%; margin-left: -1pc; top: -11px; background-color: #ccc; color: #545454; font-size: 11px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width:950px) { .ml1-TimelineBar_Time { background-color: #393939; color: #bbb; } } .ml1-TimelineEvent_Team-1, .ml1-TimelineEvent_Team-2 { position: absolute; width: 9pt; height: 9pt; -webkit-background-size: 20px auto; background-size: 20px auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url(../images/Icons.svg); background-repeat: no-repeat; background-position: -4px -3px; } .no-svg .ml1-TimelineEvent_Team-1, .no-svg .ml1-TimelineEvent_Team-2 { background-image: url(../images/animations/Icons.png); } .ml1-TimelineEvent_Team-1.ml1-TimelineEvent_Icon-5, .ml1-TimelineEvent_Team-2.ml1-TimelineEvent_Icon-5 { background-position: -3px -23px; } .ml1-TimelineEvent_Team-1.ml1-TimelineEvent_Icon-4, .ml1-TimelineEvent_Team-2.ml1-TimelineEvent_Icon-4 { background-position: -3px -42px; } .ml1-TimelineEvent_Team-1.ml1-TimelineEvent_Icon-1, .ml1-TimelineEvent_Team-2.ml1-TimelineEvent_Icon-1 { display: none; } .ml1-TimelineEvent_Team-1 { top: -7px; } .ml1-TimelineEvent_Team-2 { bottom: -5px; } .ml1-Blob { margin-left: -22px; margin-top: -22px; opacity: 0; left: 75pt; top: 75pt; z-index: 40; } .ml1-Blob, .ml1-Blob_Inner1 { position: absolute; width: 44px; height: 44px; } .ml1-Blob_Inner1 { opacity: .1; top: 0; left: 0; background: #fff; border-radius: 999px; -webkit-animation-name: animateInnerBlob1; animation-name: animateInnerBlob1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: cubic-bezier(0,0,.115,.99); animation-timing-function: cubic-bezier(0,0,.115,.99); } .ml1-Blob_Collapse .ml1-Blob_Inner1, .ml1-Blob_Static .ml1-Blob_Inner1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: collapsePoint; animation-name: collapsePoint; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .ml1-Blob_Static .ml1-Blob_Inner1 { opacity: .5; } .os_ios.osVersion_6 .ml1-Blob_Inner1, .os_ios.osVersion_6 .ml1-Blob_Static .ml1-Blob_Inner1 { -webkit-animation-duration: 0s; animation-duration: 0s; display: none; } .ml1-Blob_Inner2 { position: absolute; opacity: .2; background: #fff; top: 8px; left: 8px; width: 28px; height: 28px; border-radius: 999px; -webkit-animation-name: animateInnerBlob2; animation-name: animateInnerBlob2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: cubic-bezier(0,0,.115,.99); animation-timing-function: cubic-bezier(0,0,.115,.99); } .ml1-Blob_Collapse .ml1-Blob_Inner2 { -webkit-animation-name: collapsePoint; animation-name: collapsePoint; opacity: .1; } .ml1-Blob_Collapse .ml1-Blob_Inner2, .ml1-Blob_Static .ml1-Blob_Inner2 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .ml1-Blob_Static .ml1-Blob_Inner2 { -webkit-animation-name: collapsePoint2; animation-name: collapsePoint2; } .os_ios.osVersion_6 .ml1-Blob_Inner2, .os_ios.osVersion_6 .ml1-Blob_Static .ml1-Blob_Inner2 { -webkit-animation-duration: 0s; animation-duration: 0s; opacity: .1; } .ml1-Blob_Inner3 { position: absolute; background: #fff; top: 18px; left: 18px; width: 8px; height: 8px; border-radius: 999px; -webkit-animation-name: animateInnerBlob3; animation-name: animateInnerBlob3; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .ml1-Blob_Collapse .ml1-Blob_Inner3, .ml1-Blob_Static .ml1-Blob_Inner3 { -webkit-animation: none; animation: none; -webkit-transform: scale(.7); transform: scale(.7); } .os_ios.osVersion_6 .ml1-Blob_Inner3, .os_ios.osVersion_6 .ml1-Blob_Static .ml1-Blob_Inner3 { -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-transform: none; transform: none; opacity: .7; } @-webkit-keyframes animateInnerBlob1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 50%,to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animateInnerBlob1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 50%,to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes animateInnerBlob2 { 0%,15% { -webkit-transform: scale(0); transform: scale(0); } 70%,to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animateInnerBlob2 { 0%,15% { -webkit-transform: scale(0); transform: scale(0); } 70%,to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes animateInnerBlob3 { 0% { -webkit-transform: scale(.5); transform: scale(.5); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animateInnerBlob3 { 0% { -webkit-transform: scale(.5); transform: scale(.5); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes collapsePoint { 0% { -webkit-transform: scale(.5); transform: scale(.5); } to { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes collapsePoint { 0% { -webkit-transform: scale(.5); transform: scale(.5); } to { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @-webkit-keyframes collapsePoint2 { 0% { -webkit-transform: scale(0); transform: scale(0); } 0%,to { opacity: .1; } to { -webkit-transform: scale(.8); transform: scale(.8); } } @keyframes collapsePoint2 { 0% { -webkit-transform: scale(0); transform: scale(0); } 0%,to { opacity: .1; } to { -webkit-transform: scale(.8); transform: scale(.8); } }