@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	
@import url(http://fonts.googleapis.com/css?family=Raleway);


/*---------------MOBILE-------------------------*/

#light-slider {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#light-slider #img_cont{
	height: 100px;
	width: 200px;
	overflow: hidden;
	text-align: center;
	line-height: 300px;
	border-radius: 3px;
}
#light-slider img {
	display: inline-block;
	height: auto;
  	width: 100%;
}
#light-slider li {
	display: inline-block;
	width: 60px;
}

body {
	font-family: open sans;
	padding: 0;
	margin: 0;
	color: #262626;
}

#content {
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

h1 {
	font-family: Raleway;
	font-size: 1.5em;
	color: #262626;
	padding: 10px;
	padding-left: 0;
	margin: 0;
}

h3 {
	display: inline-block;
	font-family: Raleway;
	color: #262626;
	padding-left: 0;
	margin: 0;
	vertical-align: middle;
}

p {
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#event_info {
	width: 100%;
	margin: auto;
	overflow: hidden;
	text-align: center;
}

#thumbnail {
	width: 100%;
	height: 300px;
	margin: auto;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
}

#thumbnail img {
	height: 100%;
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

#info_bullets {
	display: block;
	width: 100%;
	overflow: hidden;
	color: #444232;
	text-align: center;

}

#event_description {
	width: 90%;
	margin: auto;
	overflow: hidden;
	color: #444232;
	word-wrap: break-word;

}


#shareicon {
	width: 45px;
	height: auto;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	transition: all .2s ease-in-out;
}

#shareicon:hover {
	-moz-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-webkit-transform: translateY7px);
	transform: translateY(-7px);
}

pre {
	font-family: open sans;
  	font-size: 18px;
  	white-space: pre-wrap;
  	margin: 0;
  	padding: 0;
} 

.tickets {
	border-style: none;
	border-radius: 3px;
	color: white;
	border: 1px solid #3079ed;
	margin: auto;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 18px;
	font-family: Raleway;
	text-decoration: none;
    background-color: #4d90fe;
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
}

.tickets:hover {
	cursor: pointer;
	-webkit-box-shadow: inset 0px -12px 0px -10px rgba(3,71,107,1);
	-moz-box-shadow: inset 0px -12px 0px -10px rgba(3,71,107,1);
	box-shadow: inset 0px -12px 0px -10px rgba(3,71,107,1);
}

#tickets:active{
	-webkit-box-shadow: inset 0px -12px 0px -10px rgba(3,71,107,1);
	-moz-box-shadow: inset 0px -12px 0px -10px rgba(3,71,107,1);
	box-shadow: inset 0px -12px 0px -10px rgba(3,71,107,1);
}

/*----------------Tablet and Desktop-------------*/
@media only screen and (min-width: 860px) {

	#thumbnail {
		width: 350px;
		margin-right: 20px;
		vertical-align: middle;
	}
	#info_bullets{
		width: auto;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		white-space: pre-wrap;

	}


}