.events-calendar-countdown {
    color:#eee;
    font-size:2.5rem;
    background:#454545;
    padding:8px 0;
    text-align:center;
}

.events-calendar-countdown .alert-name a {
    color:#eee;
    white-space:nowrap;
}

.events-calendar-countdown .countdown,
.events-calendar-countdown .end-date {
    margin-right:  15px;
    white-space:nowrap;
}

.events-calendar-countdown .next-live-event {
    margin-right:  10px;
    white-space:nowrap;
}



@media all and (max-width:1199px) {

    .events-calendar-countdown {
        font-size:2rem;
    }    

}

@media all and (max-width:979px) {

  .events-calendar-countdown .next-live-event, 
  .events-calendar-countdown .end-date {
      display:none;
  }

}




.countdown-alert,
.countdown-alert .alert-name a {
  font-size: 2.8rem;
  line-height: 1.7;
}

.countdown-alert {
	color: white;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-kerning: none;
  margin: 4px 0px;
}

.countdown-alert .end-date, .countdown-alert .alert-name{
  margin-right:1em;
}

@media all and (max-width:979px) {
}

@media all and (max-width:780px) {
  .countdown-alert .alert-name{
    font-size: 1.5rem; /* fallback */
    font-size: 3.5vw;
    display: block;
  }

  .countdown-alert .alert-name>a{
    font-size: 1.5rem; /* fallback */
    font-size: 3.5vw;
  }
  .countdown-alert .end-date{
    font-size: 1.5rem; /* fallback */
    font-size: 3.5vw;
  }
  .countdown-alert .date_display{
    display: block;
  }
}

.single_event_time_wrapper {
	display: inline-block;
	margin: 10px 0px 10px 0px;
	width: 20%;
	max-width: 85px;
}

.single_event_time_wrapper .time_name {
	font-size: 1.2rem;
	padding: 0px 12px;    
	padding: 0px 1vw;
}

.single_event_time_wrapper .time_item {
	font-size: 1.6rem;
}

.event_countdown_wrapper {
	height: 100%;
	padding: 10px;
	vertical-align: middle;
	background-color: #fafafa;
}

.event_timer_end_date {

	text-align: center;
	margin: 0 5px 5px 5px;

}

.event_timer_end_date h5 {
	font-size: 18px;
}

.timer_end_content {
	display: none;
}	

@media (max-width: 979px) {

	.event_countdown_wrapper {
		display: block;
	}
}

@media (min-width: 980px) {

	.event_countdown_wrapper {
		float: right;
		display: inline-block;
		width: 100%;
	}
}

.event_countdown_wrapper .event_url, 
.event_countdown_wrapper .event_countdown {

	text-align: center;

}

.event_countdown_wrapper.live {
    padding: 50px;
}

.event_countdown_wrapper.live .event_timer_end_date {
    font-size: 2.3rem;
}

.countdown-alert .alert-add-to-calendar{

  vertical-align: middle;
  padding: 8px 15px;
  margin-left:  30px;
  background:  black;
  font-size: 14px!important;
  white-space: nowrap;
}