#livebanner-wrapper {
	background-color: #48D3CD;
	text-align: center;
	text-transform: uppercase;
	position:relative;
	
	a {
		display:block;
		color: #0A145A;
		text-decoration: none;
		padding: 0 10px;
		font-weight: 700;
		
		&:hover, &:focus {
			color: #FFFFFF;
			transition: color .25s;
			text-decoration: underline;
		}
		&.urgent {
			background-color: #BA0C2F;
			color: #FFFFFF;
			&:hover, &:focus {
				color: #FFFFFF;
				transition: color .25s;
				text-decoration: underline;
			}
		}
	}
	#livebanner-close{
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 0;
		z-index: 2;

		&:hover, &:focus {
			color: $white;
			transition: color .25s;
			text-decoration: underline;
		}
	}
}

/* desktop styles */
@media (min-width: 769px){
	#livebanner-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		
		a {
			flex: auto;
			padding: 1rem;
			order: 2;
			border-left: 1px solid #0A145A;
			&:first-of-type { border-left: none; }

			&.urgent {
				flex: 100%;
				order: 1;
			}
		}
	}
}