/* CSS Document */
.eventPanel .contentPadding {
	padding-bottom: 1.83em;	
}

.eventDetailsBox {
	box-sizing: border-box;
	padding: 17px;
	text-align: left;	
}
.eventDetailsBox li {
	margin-bottom: 9px;
}
.eventDetailsBox li:last-child {
	margin-bottom: 0;	
}
.eventDetailsBox .link {
	border-top: 2px solid #fff;
	margin-bottom: 0;
	margin-top: 1em;
	padding-top: 14px;
}

.month {
	position: relative;
	margin-right: -34px;
	margin-top: -34px;
	float: right;
	width: 108px;
	height: 108px;
	border: 3px solid #fff;
	border-radius: 50%;
	text-align: center;
}
.month span {
	display: block;
	position: absolute;
	width: 100%;
	height: 75px;
	box-sizing: border-box;
	left: 0;
	top: 18px;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 35px;
	background: url(../images/calendar.png) center 0 no-repeat;
	background-size: 68px auto;
}
.retina .month span {
	background-image: url(../images/calendar-retina.png);
}

/* Screen size specific stuff */

/* DESKTOP */
/* Desktop */
@media all and (min-width: 1184px) {
	.eventPanel .leftCol,
	.eventPanel .rightCol {
		margin-bottom: 0;	
	}
	.eventPanel .leftCol > *:last-child,
	.eventPanel .rightCol > *:last-child {
		margin-bottom: 0;	
	}
	.EventProduct .eventPanel + #PaymentPanel .contentPadding {
		padding-top: 64px;	
	}
}


/* DEVICES */
/* ALL mobile and tablet devices */
@media all and (max-width: 1183px) {
	.eventDetailsBox {
		max-width: 352px;
		margin-right: auto;
		margin-left: auto;	
	}
}

/* TABLET */
/* Tablet */
@media all and (min-width: 800px) and (max-width: 1183px) {
	
}

/* PHONE */
/* ALL phone sizes */
@media all and (max-width: 799px) {
	
}
/* Phone horizontal */
@media all and (min-width: 480px) and (max-width: 799px) {
	
}
/* Phone vertical */
@media all and (max-width: 479px) {
	
}