/* =========================================================================================
@Description: Custom StyleSheet for Home Strip
@Version: 1.0, 2021
============================================================================================ */


.live__strip .match__team-logos, .u-hide-web, .u-show-tablet { display: none; }
.result__strip{}


.mc__strip {    
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0.8rem;
background: #fff;
box-shadow: 0 3px 12px 0 rgba(0,0,0,.25);
margin-bottom: 25px; border-radius: 15px; overflow: hidden; border: 1px solid #bbb;
}
.mc__strip::before{height: 100%;
content: "";
display: inline-block;
left: 0;
right: 0;
position: absolute;
bottom: 0;
height: .3rem;
background: linear-gradient(90deg, #0057a2 0%, #f3ec2c 100%);}

 .match__team-logos, .match__tag, .match__teams { margin-right: 1rem; padding-right: 1rem;}
 .match__team-logos{ position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	border-right: 1px solid #cccccc;
}
.match__team-logos .team_vs { margin: 0 5px; }


.match__tag, .match__teams, .match__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
		width: 50%;
		border-right: 1px solid #cccccc;
}
.match__tag { width: 15%; }
.match__link { border: 0;}
.match__link { width: 40%; }
.live__team {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

	-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2px 0;
	}
.match__teams .matDate {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; align-items: center; justify-content: center; }
.match__teams .matDate span { font-weight: normal; margin: 0 3px; }	
.match__teams .title-heading-center { padding: 5px 8px; }

.match__team-logo span.tLogo, .match__teams .live__team span.tLogo{ width: 100px;
height: 100px;
border: 1px solid #aaaaaa;
border-radius: 20px;
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
overflow: hidden;
}
.match__team-logo span.tLogo img, .match__teams .live__team span.tLogo img {max-width: 75px;width: 100%; }

.match__teams .live__team span.tLogo.tLogo40 { width: 50px; height: 50px; margin-right: 8px; }
.match__teams .live__team span.tLogo.tLogo40 img { width:35px; }

.match__team-logo .match__team-name { display: none; }
.match__team-name {
	width: 50%;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
	padding: 3px 0;
}
.match__teamScore, .super__over { margin-left: auto;white-space: nowrap;}
.match__teamScore .run { line-height: 1.4; position: relative; }
.match__teamScore .run strong, .match__teamScore .run .team__wkt { font-size: 26px; }
.match__teamScore .run strong { font-weight: 900;}
.match__teamScore .run .team__wkt { margin-right: 5px; font-weight: 400; }
.match__teamScore .run .team__over { font-size: 14px; font-weight: 400; color: #444444; }
.match__teamScore .runRate { display: none; }

.super__over .run strong, .super__over .run .team__wkt { font-size: 18px; }
.super__over .run .team__over { font-size: 12px; }



.match__teamScore.activeInn .run strong, .match__teamScore.activeInn .run .team__wkt { color: #273895; }

.live__strip .match__teamScore.activeInn .run .greenDot { top: 10px; left: -22px; }
.result__strip .match__teamScore.activeInn .run .greenDot { display: none; }
.result__strip .match__teamScore.activeInn .run strong, .result__strip .match__teamScore.activeInn .run .team__wkt {color: #000000; }

#fixCountDown .mc__strip.fixture__strip { padding: 1rem 0.8rem 1rem 2rem; }
.fixture__strip .match__team-logos, .fixture__strip .match__tag, .fixture__strip .match__teams { margin-right: 2rem; padding-right: 2rem; }
.fixture__strip .section__title .title-heading-center { color: #048cd4; border: 2px solid #048cd4; padding: 8px; margin-top: 0; margin-bottom: 8px; }
.fixture__strip .countdownTitle { text-align: left; color: #c3252f; margin-top: 0; font-weight: 400; }
.fixture__strip .match__teams .live__team .tLogo { display: none; }
.fixture__strip .match__teams .live__team .tmName { font-size: 18px; font-weight: 900;  }
.fixture__strip .match__tag { width: 20%; }
.fixture__strip #tournamentCountdown.fixtureTimerCountdown { margin: 0; padding: 0; }
.fixture__strip #tournamentCountdown.fixtureTimerCountdown .fixtureTimer { background: #304098; }


.match_link { position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50%;
}
.tossDetails { color: #000; }
.tossDetails, .match__teams .mcCmd, .match__teams mcBrk { font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase;
margin-bottom: .3rem; text-transform: uppercase;}
.match__teams .mcCmd, .match__teams mcBrk { color: #f16714; margin: 0 0 5px 0; text-align: center; }


.tossDetails.match__result { font-size: 18px; line-height: 24px; margin-bottom: 0.7rem; }

.bt-box {  display: inline-block; vertical-align: middle;}
.bw-box { display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; align-items: center; border-top: 1px solid #cccccc;
margin-top: 0.8rem; padding-top: 0.8rem; }
.bw-box .smLinks { margin-left: auto; white-space: nowrap;}

.live__strip .smLinks.smLink__result  { display: none; }
.result__strip .smLinks.smLink__result { display: inherit; }


.mcLink {display: inline-block; font-weight: 700; padding: 6px 12px; margin-right: 10px; border-radius: 4px; font-size: 12px; 
vertical-align: middle;
text-transform: uppercase;
white-space: nowrap;
background: var(--primary-bg);color: #fff;
transition: background .5s ease-in,color .25s ease-in; text-decoration: none; }
.mcLink:hover { color: var(--color-1); }

.mcLink.v-highlights { background: linear-gradient(to left, #b63618, #dd6233); margin: 0; display: none; }
.v-highlights:hover { background: linear-gradient(to left, #dd6233, #b63618); }

.tvt, .tvtInn { font-size: 10px; line-height: 12px; }


@media (max-width:970px) {
 .result__overs {
  display:none
 }
}

/* 1024 to 1299 */ 
@media (min-width:64.0625em) and (max-width:81.24em) {
 .result__score {
  font-size:2.2rem
 }
}

/* 1024 */
@media (max-width:64.0525em) {

  .match__team-logos, .match__tag, .match__teams { margin-right: 1rem; padding-right: 1rem; }
  .match__tag, .match__teams { width: auto; }
  .section__title, .section__title .matDate{ margin: 0; }
  .match__link { width: 65%; }
  /*Result*/
  .result__strip .match__teams .match__team-name { display: none; }

}

/* 839 */

@media (max-width:52.49em) {
.u-hide-tablet { display: none; }
.u-show-tablet { display: block; }
.match__teamScore .run strong, .match__teamScore .run .team__wkt { font-size: 22px; }	
.super__over .run strong { margin-left: 10px; }
.super__over .run strong, .super__over .run .team__wkt { font-size: 18px; }
.super__over .run .team__over { font-size: 12px; }


 .match__team-name { font-size:13px;line-height:16px}
 .match__link {width:65%}
 .mcLink {}
 
 /* Live */
 .playerCard p.plyPhoto { width: 40px; height: auto; }
 .playerCard .playerContent { line-height: 1; }
 .playerCard .playerContent .plyName, .playerCard .playerContent .otherStats { font-size: 11px; line-height: 14px; }
  .live__strip .match__teams { margin-right: 0.6rem; padding-right: 0.6rem; }
  .live__strip .section__title .title-heading-center { font-size: 12px; padding: 5px 8px; width: 60px; }
  .live__strip .section__title .matDate { display: block; }
  .live__strip .section__title .matDate span { display: inline-block; margin: 0 3px; }
  .live__strip .section__title .matDate span.mtVenue { font-weight: 400; } 
  .live__strip .match__teams { width: 40%; }
  
  .live__strip .match__teams .live__team span.tLogo.tLogo40 { width: 35px; height: 35px; }
  .live__strip .match__teams .live__team span.tLogo.tLogo40 img { width: 25px; }
  .live__strip .match__team-name { font-size: 12px; line-height: 15px; }
  .match__teamScore .run .team__over { font-size: 13px; }
 
 /*Result*/
 .result__strip .match__teams .section__title { display: none; }
 .result__strip .match__tag { display: inherit; width: 34%; }
 .result__strip .section__title .title-heading-center { font-size: 12px !important; padding: 4px 8px; width: auto; }
 .result__strip .match__teams { width: auto; margin-right: 1rem; padding-right: 1rem; }
 .result__strip .match__teams .live__team span.tLogo.tLogo40 { width: 45px; height: 45px; }
 .result__strip .match__teams .live__team span.tLogo.tLogo40 img { width: 35px; }
 .result__strip .match__team-name { font-size: 13px; }
 .result__strip .section__title .matDate span { display: block; margin: 0 3px; }
 .result__strip .section__title .matDate span.mtVenue { font-weight: 700; }
 
 .fixture__strip .u-hide-web { display: block; }
 .fixture__strip .match__link .countdownTitle { text-align: center;}
 .fixture__strip .match__tag { width: 35%; }
 #tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { font-size: 34px; }
 .fixture__strip .match__team-logos, .fixture__strip .match__tag, .fixture__strip .match__teams { margin-right: 1rem; padding-right: 1rem;}

}

/* 640 to 1024 */
@media (min-width:40em) and (max-width:64.0525em) {
 .result__outcome {
  font-size:2rem
 }
 .fixture__strip .u-hide-web { display: block; }
 .fixture__strip .section__title .title-heading-center { padding: 4px 6px; }
 #fixCountDown .mc__strip.fixture__strip { padding:0.8rem}
 #tournamentCountdown.fixtureTimerCountdown { border-radius: 0; }
 .fixture__strip .match__link .countdownTitle { text-align: center;}
 .fixture__strip .match__tag { width: 35%; }
 #tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { font-size: 20px; }
 .fixture__strip .match__team-logos, .fixture__strip .match__tag, .fixture__strip .match__teams { margin-right: 1rem; padding-right: 1rem;}

  
}

/* 639 */
@media (max-width:39.99em) {
.u-hide-mobile { display: none; }
.u-show-mobile { display: block; }
.mc__strip { -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.match__team-logos, .match__tag, .match__teams { margin: 0 0 0.8rem 0; padding: 0 0 0.8rem 0; border-right: 0; border-bottom: 1px solid #cccccc; }
.mcLink, .mcLink.v-highlights { margin: 0 5px 0.3rem 5px; }

/* Live */
.live__strip .match__teams { margin-right: 0; padding-left: 0; width: auto; }
.live__strip .match__link { width: auto; }
.playerCard { margin: 0; padding: 0; }
.playerCard .plyPhoto, .playerCard .plyPhoto img { height: 100%; }
.live__strip .smLinks.smLink__result { display: block; text-align: center; border-top: 1px solid #cccccc; margin-top: 1rem; padding-top: 1rem; }
.live__strip .bw-box .smLinks { display: none; }
/*.live__strip .mcLink.v-highlights { display: none; }
.live__strip.result__strip .mcLink.v-highlights { display: block; }*/

.bt-box { display: block; overflow: hidden; margin-bottom: 8px; }
.playerCard .playerContent, .playerCard { width: 100%; }
.playerCard .playerContent .name-strip { display: flex; align-items: center; }
.playerCard .playerContent .mainStats { margin-left: auto; white-space: nowrap; }

/*Result*/
.result__strip .match__tag { display: inherit; width: auto; }
.result__strip .section__title .title-heading-center {  padding: 4px 8px; line-height: 16px; }
.result__strip .match__link { width: auto; text-align: center; }
.result__strip .smLinks.smLink__result { text-align: center; margin: 0 auto; }
.result__strip .section__title .matDate span { display: inline-block; margin: 0 4px; }
.result__strip .tossDetails.match__result { font-size: 14px; line-height: 20px; color: #00bc54; font-weight: 700; text-align: center; margin-bottom: 0.5rem; }
.result__strip .match__teams { margin-right: 0; padding-right: 0; }
.result__strip .match__teams .match__team-name { display: inherit; }
.live__strip.result__strip .smLinks.smLink__result  { margin: 0; padding: 0; border: 0; }

/* Fixture */
.fixture__strip .u-hide-web { display: block; }
#fixCountDown .mc__strip.fixture__strip { padding: 0.8rem; }
.fixture__strip .match__teams { display: block; }
.fixture__strip .countdownTitle { text-align: center; display: none; }
.fixture__strip .section__title .title-heading-center { font-size: 14px; line-height: 18px; font-weight: 600; padding: 5px 8px; width: 100px; margin: 0 auto 10px; }
.fixture__strip .match__team-logos, .fixture__strip .match__tag, .fixture__strip .match__teams { padding-right: 0; margin-right: 0; width: auto; }
.fixture__strip .match__link { width: 100%; }
.fixture__strip .match__teams .live__team .tLogo { display: flex; width: 50px; height: 50px; }
.fixture__strip .match__teams .live__team .tLogo img { max-width: 35px; }
.fixture__strip .match__teams .live__team .tmName { font-size: 16px; font-weight: 600; margin-left: 5px; }

 .result {
  padding-bottom:2rem
 }
 .result__teams:after {
  display:none
 }
 .result__team {
  padding:.2rem 0
 }
 .result__links,
 .result__teams {
  padding:0;
  width:100%
 }
 .result__info {
  padding:1rem 0
 }
 .result__links:before {
  right:1rem;
  top:0;
  bottom:auto;
  left:1rem;
  height:1px;
  width:auto
 }
 .result__button {
  margin-right:.5rem
 }
 .result__outcome {
  font-size:1.6rem
 }
 .result__score {
  font-size:2.1rem
 }
}

/* 399 */
@media (max-width:24.99em) {
 .result__team-name {
  font-size:1.4rem;
  line-height:1.4
 }
 .result__score {
  font-size:1.8rem
 }
 .result__score--winner:before {
  margin:0 .4rem .1rem 0
 }
  .live__strip .section__title .title-heading-center  { padding: 4px 8px; }
}




/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.live__strip .match__team-name { font-size: 13px; }
.match__teams .live__team span.tLogo.tLogo40 { width: 45px; height: 45px; }
.match__teams .live__team span.tLogo.tLogo40 img { width: 30px; }
.playerCard p.plyPhoto { width: 40px; }
}