/* events/events.css */

/* ======================== CORPORATE COLOURS ======================== */

.blue { color: #00163D; }
.blue_tint { color: #7E8AA2; }
.orange { color: #E46C0A; }

.grey { color: #58595B; }
.light_grey { color: #E3E3E3; }

.red { color: #910D0B; }
.yellow { color: #FFAF00; }

/* ======================== EVENT STYLES ======================== */

#events_list .entry {
	background-color: #F2F2F2;
	margin-bottom: 30px;
}
#events_list .entry:after, #events_list .details:after, .cart-update:after { content: ""; display: block; clear: both; }

#events_list .entry h2 {
	font-size: 2.6em; line-height: 1.2em;
	color: #FFFFFF; background-color: #00163D;
	padding: 10px 20px; margin: 0px;
}
#events_list .entry h2 a { color: #FFFFFF; }
#events_list .details { padding: 20px; position: relative; }
#events_list .details:before {
	content: "";
	width: 1px; display: block;
	background-color: #CCCCCC;
	position: absolute;
	left: 36%; top: 20px; bottom: 20px;
}
#events_list .info { width: 33%; float: left; }
#events_list .info ul, .event-details ul, .event-tabs ul { list-style: none; margin-left: 0px; margin-bottom: 30px; }
#events_list .info ul li, .event-details ul li {
	padding-left: 25px; margin-bottom: 10px;
	position: relative;
}
#events_list .info ul li i, .event-details ul li i {
	position: absolute; left: 0px; top: 2px;
	font-size: 1.1em; color: #7E8AA2;
}
#events_list .info ul li.location i, .event-details ul li.location i, .event-details ul li.price i { left: 3px; font-size: 1.2em; }
#events_list .description { width: 60%; float: right; }
#events_list .img { width: 170px; float: right; margin-left: 20px; }
#events_list .img img { width: 100%; height: auto; display: block; }
#events_list .button a.register { background-color: #FFAF00; margin-right: 10px; }
#events_list .button a.register:hover { background-color: #00163D; }


.event-details { border-top: 1px solid #E6E6E6; padding-top: 20px; }

.event-tabs ul { font-size: 1em; line-height: 1em; border-bottom: 2px solid #00163D; }
.event-tabs ul:after { content: ""; display: block; clear: both; }
.event-tabs ul li { float: left; }
.event-tabs ul li a {
	font-size: 16px; line-height: 50px; display: block;
	color: #58595B; background-color: #F2F2F2;
	font-weight: 600;
	padding: 0px 30px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.event-tabs ul li a:hover { color: #FFFFFF; background-color: #E46C0A; text-decoration: none; }
.event-tabs ul li.active a { color: #FFFFFF; background-color: #00163D; }

.event-schedule, .event-companies { border-top: 1px solid #E6E6E6; padding: 30px 0px; }
.event-schedule h2, .event-companies h2 { margin-top: 0px; }

.event-img { /*width: 50%; float: right; margin-left: 30px;*/ text-align: left; margin-bottom: 30px; }
.event-img img { width: auto; height: auto; max-width: 100%; display: block; }
@media screen and (max-width: 767px) {
	.event-img { width: auto; float: none; margin-left: 0px; }
}

#event_reg_form { display: none; }
h3.price { margin-bottom: 30px; }

#event_registration .form { width: 60%; float: left; }
#event_registration .cart { width: 33%; float: right; background-color: #FFFFFF; }
#event_registration .cart h3 { padding: 20px 20px 10px 20px; margin: 0px; }
.cart-row { border-top: 1px solid #E6E6E6; margin: 0px 20px; padding: 20px 0px; }
.cart-row h4 { margin-bottom: 0px; }
.cart-row p.price { font-weight: 600; margin-bottom: 0px; }
.cart-row ul { list-style: none; margin: 0px; }
.cart-row ul li { display: inline; }
.cart-row ul li:after { content: " / "; }
.cart-row ul li.name { font-weight: 700; color: #00163D; display: block; }
.cart-row ul li.name:after, .cart-row ul li:last-child:after { content: ""; }
.cart-row .delete { padding-top: 15px; font-size: 12px; color: #58595B; }

.cart-update input[type=submit] { background-color: #58595B; padding: 10px 15px; }
.cart-update input[type=submit]:hover { background-color: #00163D; }
.cart-update { padding-bottom: 20px; }

#event_registration .form-wrapper:after { display: block; clear: both; }

#events_list .button a { margin-bottom: 10px; }

@media screen and (max-width: 1000px) {
	
	#events_list .info, #events_list .description,
	#event_registration .form, #event_registration .cart { width: auto; float: none; clear: both; }
	#event_registration .form { margin-bottom: 20px; }
	
	#events_list .info { margin-bottom: 20px; }
	#events_list .info ul { width: 47%; float: left; margin-bottom: 10px; }
	#events_list .info .button { width: 47%; float: right; }
	#events_list .info .button a { float: right; margin-right: 0px; margin-left: 10px; }
	#events_list .info:after { content: ""; display: block; clear: both; }
	#events_list .details:before { display: none; }
	
	#login_event .form-submit, #event_reg_form .form-submit { padding-top: 15px; }
	
}
@media screen and (max-width: 767px) {
	#events_list .info ul, #events_list .info .button { width: auto; float: none; }
	#events_list .info .button a { float: left; margin-right: 10px; margin-left: 0px; }
	#events_list .img { float: none; margin-left: 0px; margin-bottom: 10px; }
	.company-logos li { float: none; margin: 0px 0px 10px 0px; }
	#events_list .button { padding-top: 5px; }
	#events_list .button a { padding: 12px 17px; }
}

#purchased_tickets { padding: 30px; clear: both; background-color: #F2F2F2; margin-bottom: 30px; }
#purchased_tickets table { margin-bottom: 0px; }

#event_overview .col-main { float: left; }
.event-overview-txt p:first-child {
	font-size: 2em; font-weight: 300;
}