.countdown-id-front-page-countdown {
  height: 400px!important;
  border-radius: 0;
}

#sharing-afcw-countdown {
margin-top: 0;
display: flex;
flex-direction: row;
margin-left: 40%;
}

.countdown-id-front-page-countdown  {
  display:flex;
  flex-direction: column;
}

.countdown-id-front-page-countdown .ct_wrapper {
  display:flex;
  flex-direction: row;
  margin-right: 0.7em;

}


.countdown-id-afcw_kick_off {
  display: flex;
  flex-direction: row;
  height: 150px!important;
  background: linear-gradient(180deg, #3C6DA2, #000E5F);
}

.countdown-id-afcw_kick_off .ct_wrapper {
  display:flex;
  flex-direction: column;
  margin-right: 0.7em;
  font-family: "Anton","Noto Sans","Gibson",Arial,Helvetica,sans-serif!important;
}

.countdown-id-afcw_kick_off .ct_value {
  font-size: 75px;
  line-height: 1;
  color: #fff;
  display:inline-block;
  font-family: "Anton","Noto Sans","Gibson",Arial,Helvetica,sans-serif!important;
}

.countdown-id-afcw_kick_off .ct_label {
  font-size: 18px;
  /* line-height: 1.2em; */
  color: #fff;
  font-family: "Anton","Noto Sans","Gibson",Arial,Helvetica,sans-serif!important;
}

.countdown-banner {
  height: auto!important;
  border-radius: 10px;
  padding: 10px 0;
}

.ct_wrapper {
  display:flex;
  flex-direction: column;
  margin: 0 10px;
  /* font-family: "Anton","Noto Sans","Gibson",Arial,Helvetica,sans-serif!important; */
}

.ct_value {
  /* font-size: 75px; */
  line-height: 1;
  /* color: #fff; */
  display:inline-block;
  /* font-family: "Anton","Noto Sans","Gibson",Arial,Helvetica,sans-serif!important; */
}

.ct_label {
  /* font-size: 18px; */
  line-height: 1;
  /* color: #fff; */
  /* font-family: "Anton","Noto Sans","Gibson",Arial,Helvetica,sans-serif!important; */
}

.countdown-banner-flag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.countdown-banner-flag img {
  width: 70px;
  height: auto;
  border-radius: 5px;
  border: 1px solid rgb(248, 245, 59);
}

.countdown-banner-teams-time {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.countdown-home-team {
  margin-right: 20px;
}

.countdown-away-team {
  margin-left: 20px;
}

.countdown-team-title {
  color:white;
  font-weight: 400;
  text-align: center;
  text-wrap: nowrap;
  margin-top: 4px;
}

.countdown-text-before,
.countdown-text-after {
  font-size: 1.1em;
  font-weight: 400;
  color: #e9f780;
  line-height: 1;
}

.countdown-text-before {
  margin-bottom: 0.5em;
  /* font-size: 1.1em; */
  /* font-weight: 400; */
  /* color: #e9f780; */
  /* line-height: 1; */
}

.countdown-text-after {
  margin-top: 1em;
  /* font-size: 1.1em; */
  /* font-weight: 400; */
  /* color: #e9f780; */
  /* line-height: 1; */
}
  
.o-layout__sidebar .countdown-text-before,
.o-layout__sidebar .countdown-text-after {
  font-size: 0.8em;
}


.countdown-banner {
  height: 300px;
  border-radius: 10px;
  background-position: center top;
}


  @media (max-width:414px){
    .countdown-banner {
      height: 140px;
    }
      
    .countdown-text-before, 
    .countdown-text-after {
    font-size: 0.7em;
    /* color: white; */
    width: 50%;
    /* font-weight: 600; */
    }
  }
  
  @media (max-width:574px) {
  .countdown-text-before, 
  .countdown-text-after {
  font-size: 0.8em;
  width: 50%;
  }
}
  
  @media (max-width:320px){
    .countdown-banner {
      height: 120px;
    }
      
    .stryker-countdown-container {
      width: 100%;
      font-weight: 700;
      font-size: 21px!important;
      text-align: center;
      display: block;
      /* margin-top: 2.6em; */
    }
    
    .countdown-text-before, 
    .countdown-text-after {
      font-size: 0.2em;
      /* margin-top: 0.2em; */
      /* color: white; */
      width: 50%;
      font-weight: 600;
    }

  }

  
  .o-layout__sidebar .countdown-text-before,
  .o-layout__sidebar .countdown-text-after {
  font-size: 0.8em;
  }
  
  .countdown-banner {
    border-radius: 0;
    background-position: left top;
    background-repeat: no-repeat;
}

  /* .countdown-text-before, 
  .countdown-text-after {
  font-size: 01.1em;
  margin-top: 0.3em;
  color: #34acd7;
  } */
  
      
@media (max-width:414px){
  .countdown-banner {
    height: 140px;
  }
    
  .countdown-text-before, 
  .countdown-text-after {
    font-size: 0.7em;
    /* margin-top: 0.3em; */
    color: white;
    width: 50%;
    font-weight: 600;
  }
}
      
@media (max-width:574px) {
  .countdown-text-before, 
  .countdown-text-after {
  font-size: 0.8em;
  width: 50%;
  }
}

@media (max-width:320px){
  .countdown-banner {
    height: 120px;
  }
    
  .stryker-countdown-container {
  width: 100%;
  font-weight: 700;
  font-size: 21px!important;
  text-align: center;
  display: block;
  /* margin-top: 2.6em; */
  }
    
  .countdown-text-before, 
  .countdown-text-after {
  font-size: 0.2em;
  /* margin-top: 0.2em; */
  color: white;
    width: 50%;
  font-weight: 600;
  }
}
      
  

.countdown-banner {
  height: 400px;
  border-radius: 0;
}


@media (max-width:574px) {
  .countdown-text-before, 
    .countdown-text-after {
  font-size: 0.8em;
  width: 50%;
  }

}

.stryker-countdown-container {
width: 100%;
font-weight: 700;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
/* margin-top: 2.6em; */
}

.countdown-id-afcw-countdown-share {
  height: 120px!important;
  background-position: center center;
}