/*
	Totem Ticker Stylesheet
	Zach Dunn / Build Internet (buildinternet.com)
	Winter 2011
*/


*{margin:0; padding:0;}

/* body{
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	background: url('../images/demo-bg.jpg') center 105px no-repeat #1a110a;
	-webkit-font-smoothing:antialiased;
} */

/* h1.logo{
	overflow:hidden; 
	text-indent:-9999em; 
	width:230px; 
	height:70px;
	margin:0 auto 15px auto;
	background: url('../images/totem-logo.png') top left no-repeat;
} */

/* Top Banner */
#banner .clear{ height:0px; width:100%; overflow:hidden; visibility: hidden; display:block; }
#banner{ z-index:100; background: #1a1a1a; padding:10px 0; width:100%; display:block; }
	#banner.transparent{ background-color:transparent; }
	#banner.above{ position:absolute; top:0; left:0; }
#banner .logo-zone{ height:auto; clear:left; float:left;overflow:hidden;}
			#banner h1#logo-link{height:57px; width:160px; margin:24px 12px; background: url('../build-internet-logo-shadow.html') no-repeat top left;}
				#banner h1#logo-link a{text-indent:-9999px; display:block; height:100%; width:100%; text-decoration:none;}

#wrapper{
	padding:30px;
	width:300px;
	margin:0 auto;
}

	p{color:#fff;/* padding:10px 0; */}
		.nav{}
	
	#wrapper a, #footer a{color:#e8914c; text-decoration:none; border-bottom:1px dotted #e8914c;}
		#wrapper a:hover, #footer a:hover{color:#eab209; border-bottom:1px dotted #eab209;}


#footer{margin-top:20px; text-transform:uppercase; font-size:11px; letter-spacing:1px;}
	#footer p{color:rgba(255,255,255,.5);}
/*

	This is the only semi-important stuff for plugin installation
	It's just an example, so customize away!
*/

#vertical-ticker{
	height: 440px;
	overflow:hidden;
	margin:0;
	padding:0;
}

	#vertical-ticker li{
		padding: 0px 10px;
		height: auto;
	}

	#vertical-ticker li > a {
		display:block;
		width:100%;
		position:relative;
	}

	#vertical-ticker li > a:nth-child(1)::after {
		content:'';
		height:100%;
		width:100%;
		background:#000;
		opacity:0.3;
		position:absolute;
		top:0;
		left:0;

	}
    
     

	#vertical-ticker li a:nth-child(2){
		position:relative;
		bottom: 86px;
		color:#fff !important;
		padding:15px;
		font-size: 20px;
		line-height: 23px;
		font-family: 'HelveticaNeueBd';
	}

	#vertical-ticker img {width:100%;object-position: center;object-fit: cover;height: auto;}

	#ticker-previous{
		display: inline-block;
		height: 30px;
		width: 30px;
		border: 1px solid #006bb6;
		border-radius: 100px;
		font-size: 20px;
		line-height: 26px;
		color: #006bb6;
		padding-left: 7px;
	}

	#ticker-next{
			display: inline-block;
			height: 30px;
			width: 30px;
			border: 1px solid #006bb6;
			border-radius: 100px;
			font-size: 20px;
			line-height: 26px;
			color: #006bb6;
			padding-left: 7px;
	}

	.video-arrow{
		position:absolute;
		right:10px;
	}

	.video-date p{
		padding:0;
		color: #707070;
	}

	#vertical-ticker img:before{
		  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
    url('../background.html');
    width: 80%;
    height: 400px;
    background-size: cover;
    color: white;
    padding: 20px;

	}