@charset "utf-8";

/* MAIN ============================ */
.tec-event-banner {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1em;
	width: 375px;
	color: #ffffff;
	visibility: hidden;
}
.tec-event-banner.evb-mode-non-broadcast {
	width: 328px;
}
.tec-event-banner.evb-ready {
	visibility: visible;
}

.site-header .container {
	position: relative;
}
.site-header .nav {
	position: relative;
}

.site-header .nav-toggler {
	z-index: 1101;
}

.tec-event-banner .evb-header .underline {
	transition: all 0.35s ease;
}

.tec-event-banner {
	position: absolute;
	/*right: 0px;
	bottom: 0px;*/
	top: 40px;
	left: 14px;
}

.tec-event-banner.evb-mobile {
	width: 302px;
}

/* DEFAULTS */
.tec-event-banner,
.tec-event-banner * {
	box-sizing: border-box;
}

/* HEADER ========================== */
.evb-header {
	margin: 0 0 4px 2px;
	display: inline-block;
}

.evb-header .nav-link {
	font-family: "Blacker";
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}

.evb-header a {
	padding: 0 !important;
}

.evb-mobile .evb-header {
	margin-bottom: 2px;
}

/* LINK ============================ */
.evb-link,
.evb-link:hover,
.evb-link:active,
.evb-link:focus {
	color: #ffffff;
	text-decoration: none;
	box-shadow: none;
	outline: none;
}

.evb-link {
	padding: 0px;
	display: block;
	transition: box-shadow 0.3s ease-out;
}
.evb-link:hover {
	/*box-shadow: 0 0 0px 1px rgba(255, 255, 255, 1);*/

	box-shadow: 0 0 0px 2px #F1706C;
}

/* BANNER ========================== */
.evb-banner {
	background-color: #440a34;
	border-right: 4px solid #6b2151;
	width: 375px;
	height: 73px;
}
.evb-mode-non-broadcast .evb-banner {
	width: 328px;
	border-left: 4px solid #6b2151;
}

.evb-mobile .evb-banner {
	width: 302px;
	height: 32px;
	border-right-width: 3px;
}
.evb-mobile.evb-mode-non-broadcast .evb-banner {
	border-left-width: 3px;
}

/* PLAY ============================ */
.evb-play {
	width: 72px;
	height: 73px;
	background-color: #6b2151;
	float: left;
}
.evb-play .evb-circle {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	background-color: #ffffff;
	position: relative;
	top: 13px;
	left: 12px;
}
.evb-play .evb-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 24px 17px 24px;
    border-color: transparent transparent transparent #6b2151;
    position: relative;
    top: 7px;
    left: 15px;
    margin-left: 1px;
}
.evb-link:hover .evb-arrow {
	animation: evb-play 1s infinite;
	animation-timing-function: linear;
}

.evb-mobile .evb-play {
	width: 30px;
	height: 32px;
}
.evb-mobile .evb-play .evb-circle {
	width: 20px;
	height: 20px;
	top: 6px;
	left: 5px;
}
.evb-mobile .evb-play .evb-arrow {
	border-width: 8px 11px 8px 11px;
	top: 2px;
	left: 5px;
}
.evb-mobile .evb-link:hover .evb-arrow {
	animation: evb-play-small 0.8s infinite;
	animation-timing-function: linear;
}

/* BODY ============================ */
.evb-body {
	width: 299px;
	height: 100%;
	padding: 3px 6px;
	float: left;
	overflow: hidden;
	position: relative;
}
.evb-mode-non-broadcast .evb-body {
	width: 320px;
}

.evb-mobile .evb-body {
	width: 267px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.evb-mobile.evb-mode-non-broadcast .evb-body {
	width: 296px;
}

/* CONTENT ========================= */
.evb-content {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
}

/* STATUS ========================== */
.evb-status {
	height: 19px;
	line-height: 19px;
	position: absolute;
	top: 0;
	white-space: nowrap;
}
.evb-live .evb-status {
	animation: evb-blink 1s infinite;
	animation-timing-function: linear;
}

.evb-mobile .evb-status {
	height: 30px;
	line-height: 28px;
	display: inline-block;
	position: unset;
	float: left;
}

/* DOT */
.evb-dot {
	width: 11px;
	height: 11px;
	border-radius: 5px;
	background-color: #ffffff;
	display: inline-block;
}
.evb-live .evb-dot {
	background-color: #ff4541;
	box-shadow: 0 0 4px 3px rgba(242, 112, 109, 0.5);
}
.evb-completed .evb-dot {
	background-color: #4ede00;
}

.evb-mobile .evb-dot {
	vertical-align: middle;
}

/* LABEL */
.evb-label {
	font-size: 14px;
	display: inline-block;
	margin-left: 2px;
}

/* TITLE =========================== */
.evb-title {
	font-size: 18px;
	height: 25px;
	line-height: 25px;
	color: #d8bb9a;
	white-space: nowrap;
	position: absolute;
	top: 21px;
	left: 0;
}

.evb-mobile .evb-title {
	font-size: 17px;
	height: 30px;
	line-height: 28px;
	display: inline-block;
	position: unset;
	float: left;
	margin-left: 10px;
}

/* TIME ============================ */
.evb-time {
	font-size: 14px;
	height: 19px;
	line-height: 19px;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	text-transform: uppercase;
}

.evb-mobile .evb-time {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	position: unset;
	margin-left: 10px;
	float: left;
}

.evb-mobile.evb-live .evb-time,
.evb-mobile.evb-completed .evb-time {
	display: none;
}

/* ANIMATIONS ====================== */
@keyframes evb-blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

@keyframes evb-play {
	0% {
		opacity: 0;
		left: 5px;
	}
	50% {
		opacity: 1;
		left: 15px;
	}
	100% {
		opacity: 0;
		left: 25px;
	}
}

@keyframes evb-play-small {
	0% {
		opacity: 0;
		left: 1px;
	}
	50% {
		opacity: 1;
		left: 5px;
	}
	100% {
		opacity: 0;
		left: 9px;
	}
}

/* RESPONSIVE ====================== */
@media only screen and (min-width: 768px) {
	.nav-toggler {
		top: 35%;
	}
}

@media only screen and (max-width: 1200px) {
	.tec-event-banner {
		position: absolute;
		right: 20px;
		bottom: 20px;
		left: auto;
		top: auto;
	}
}

@media only screen and (max-width: 767px) {
	.site-header {
		padding-bottom: 88px;
	}

	.tec-event-banner {
		left: calc((100% - 302px) / 2);
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.site-header .change-on-mobile {
    
    bottom: -10rem;
}
}