/**
 * The Events Calendar Full Mobile Stylesheet
 * (Some of these styles may override your current theme's styles)
 *
 * Default Breakpoint: 768px
 *
 * This breakpoint can be customized using the 'tribe_events_mobile_breakpoint' filter,
 * or the responsive nature of the plugins can be removed by using the 'tribe_events_kill_responsive' filter.
 *
 * To add your own custom styles, create a stylesheet with the name
 * tribe-events.css in the tribe-events/ directory of your theme.
 * Your new stylesheet will be loaded after our own stylesheet.
 *
 * To replace our stylsheet altogether, you can use the 'tribe_events_stylesheet_url' filter.
 *
 * @package TribeEventsCalendar
 *
 */

.tribe-mobile #main {
	padding-top: 0;	
}

a.tribe-events-gmap {
	display: block;
}

#tribe-events-content {
	width: 100%;
}

/* = Day Grid Template Styles
   @ Template: day.php
=============================================*/
.tribe-events-day .tribe-events-day-time-slot h5 {
	margin-top: 2em;
}

.tribe-events-day .tribe-events-day-time-slot .vevent {
	margin-left: 0;
}

/* = General Template Header/Footer Nav
=============================================*/
#tribe-events #tribe-events-header,
#tribe-events #tribe-events-footer {
	padding: 0;
}
#tribe-events-header,
#tribe-events-footer {
	position: relative;
}
.single-tribe_events #tribe-events-footer,
.tribe-events-day #tribe-events-footer,
.events-list #tribe-events-footer,
.tribe-events-map #tribe-events-footer,
.tribe-events-photo #tribe-events-footer {
	border-top:0;
}

#tribe-events-header:before,
#tribe-events-header:after,
#tribe-events-footer:before,
#tribe-events-footer:after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	display: block;
	top: 0;
	z-index: 1;
}
#tribe-events-header:before,
#tribe-events-footer:before {
	right: 50%;;
}
#tribe-events-header:after,
#tribe-events-footer:after {
	left: 50%;
}
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
	display: block;
	width: 50%;	
	margin: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;	
}
.tribe-events-sub-nav li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	white-space: normal;
	position:relative;
	padding-bottom: 1000px;
    margin-bottom: -990px;
	background: #666;
}

.tribe-events-sub-nav .tribe-events-nav-left a span{
	display:block;
	content:"\ab";
	position:absolute;
	left:10px;
	top:10px;
}

.tribe-events-sub-nav .tribe-events-nav-right a span{
	display:block;
	content: "\00BB";
	position:absolute;
	right:10px;
	top:10px;
}

.tribe-events-sub-nav li a:visited,
.tribe-events-sub-nav li a:hover {
	color: #fff;
}

/* = List View Template Styles
   @ Template: list.php
=============================================*/	
.tribe-events-list .tribe-events-event-image {
	float: none;
	width: 100%;
	margin: 0 0 8px 0;
}
.tribe-events-list .tribe-events-event-image + div.tribe-events-content {
	float: none;
	width: 100%;
}	
.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
	display: block;
	margin: 4px 0 0;
}
#tribe-events .tribe-events-loop .tribe-events-content {
	padding: 0;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo .tribe-events-divider {
	display: none;
}
.tribe-events-loop .tribe-events-event-meta {		
	padding: 12px 0 15px;
	margin-top: 12px;
	background: #fafafa;
	border: 1px solid #eee;
}
.tribe-events-list .time-details {
	padding: 0 12px;
	margin-bottom: 0;
}
.tribe-events-list .tribe-events-venue-details {
	border-top: 1px solid #eee;
	margin-top: 12px;
	padding: 8px 12px 0;
}
.tribe-events-list-separator-year,
.tribe-events-list .tribe-events-event-cost {
	display: none;
}
.tribe-events-list-separator-month {
	margin: 36px 0 0;
}

/* = Single Event Template Styles
   @ Template: single-event.php
=============================================*/
.single-tribe_events div.tribe_events.hentry.vevent {
	padding: 0;
}
.single-tribe_events .tribe-events-schedule {		
	padding: 12px;
	margin: 18px 0 8px;
	background: #fafafa;
	border: 1px solid #eee;
}
.single-tribe_events .tribe-events-schedule h3,
.single-tribe_events .tribe-events-schedule .tribe-events-cost {
	display: block;
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	line-height: 1.25;
}
.single-tribe_events .tribe-events-schedule h3 {
	margin-bottom: 2px;
	white-space: normal;
}
.single-tribe_events .tribe-events-schedule .recurringinfo .tribe-events-divider,
.single-tribe_events .tribe-events-schedule .tribe-events-divider {
	display: none;
}
.single-tribe_events .tribe-events-event-image {
	margin-bottom: 10px;
}
#tribe-events div.tribe-events-single-event-description {
	padding: 0;
	margin-bottom: 10px;
}
.single-tribe_events .tribe-events-cal-links {
	margin-bottom: 30px;
}
.single-tribe_events .tribe-events-cal-links a {
	margin-top: 15px;
}
.single-tribe_events .tribe-events-event-meta {
	padding: 4% 0;
	margin: 15px 0 20px;
}
.tribe-events-meta-group .tribe-events-single-section-title {
	margin-top: 0;
}
.tribe-events-event-meta .tribe-events-meta-group {
	margin-bottom: 0;
}
.tribe-events-event-meta .tribe-events-meta-group, 
.tribe-events-event-meta .column {
	float: none;
	width: 100%;
}
.single-tribe_events .tribe-events-venue-map {
	width: 90%;
	margin: 5px auto 0;
	display: block;
	float: none;
}

/* = Global Grid Template Styles (Large Calendar & Week)
   @ Template: month.php & week.php
=============================================*/	
#tribe-mobile-container {
	display: block;
	margin: 0 auto 10px;
}
.tribe-events-calendar .tribe-events-has-events:after {
	content: '';
	display: block;
	height: 8px;
	width: 8px;
	padding: 0;
	border-radius: 50%;
	background-color: #333;
	margin: 5px auto;
}
/* Actual Event Styles */
#tribe-mobile-container .hentry.vevent {
	padding: 20px 0 16px;
	margin-bottom: 0;
}
#tribe-mobile-container .hentry.vevent ~ .hentry.vevent {
	padding: 15px 0;
	border-top: 1px solid #ddd;
}
#tribe-mobile-container .hentry.vevent h4 {
	font-size: 1.25em;
	margin: 0 0 2px;
	line-height: 1.35;
}
#tribe-mobile-container .hentry.vevent .time-details {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 2px;
}
#tribe-mobile-container .hentry.vevent .tribe-events-event-image {
	float: left;
	width: 25%;
	margin: 5px 15px 10px 0;
}
#tribe-mobile-container .hentry.vevent .tribe-events-event-image a {
	display: block;
}
#tribe-mobile-container .hentry.vevent .entry-summary.description {
	padding: 0;
	margin-bottom: 0;
}
#tribe-mobile-container .hentry.vevent .tribe-events-read-more {
	margin-top: 8px;
	display: inline-block;
}

.tribe-mobile-day-heading {
	font-size:16px;
	margin-bottom:10px;
}

/* = Calendar (large) Grid Template Styles
   @ Template: month.php
=============================================*/	
.tribe-events-calendar td .tribe-events-viewmore,
.tribe-events-calendar td .hentry {
	display: none;
}	
#tribe-events-content .tribe-events-calendar td {
	height: 45px;
	padding: 0;
}
.tribe-events-calendar td.tribe-events-has-events:hover {
	cursor: pointer;
}
.tribe-events-calendar td div[id*="tribe-events-daynum-"],
.tribe-events-calendar td div[id*="tribe-events-daynum-"] a {
	text-align: center;
	padding: 0;
	margin-top: 6px;
	font-size: 16px;
	line-height: 1;
	background: none;
}
#tribe-mobile-container .tribe-events-viewmore {
	margin: 5px 0 0;
	padding: 15px 0px 5px;
	border-top: 1px solid #ddd;
}
/* Specific Classes */	
.tribe-events-calendar .mobile-active.tribe-events-past div[id*="tribe-events-daynum-"], 
.tribe-events-calendar .mobile-active.tribe-events-past div[id*="tribe-events-daynum-"] > a {
	color: #fff;
}
.tribe-events-calendar td.mobile-active,
.tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"],
.tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a,
.tribe-events-calendar .tribe-events-past.tribe-events-has-events:after {
	background-color: #999;
	color: #fff;
}
.tribe-events-calendar .tribe-events-present.tribe-events-has-events:after,
.tribe-events-calendar .mobile-active.tribe-events-has-events:after {
	background: #fff;
}
.tribe-events-calendar .tribe-events-present,
.tribe-events-calendar td.tribe-events-present.mobile-active,
.tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"],
.tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a {
	background-color: #666;
}

/* = Events Navigation Bar
   @ Template: modules/bar.php
=============================================*/
.tribe-bar-collapse #tribe-bar-collapse-toggle {
	width: 60%;
}
#tribe-bar-form.tribe-bar-collapse #tribe-bar-views  {
	width: 40%;
}

.tribe-bar-disabled {
	width:100%;
	float:none;
}

.tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list {
	padding:0;
}

/* = Events Page Template Styles
=============================================*/
#tribe-events-pg-template {
	padding: 40px 20px 20px;
}
#tribe-events-content,
#tribe-events-content.tribe-events-list {
	margin-bottom: 20px;
}
.tribe-events-promo {
	text-align: center;
	margin-top: 10px;
}
#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button {
	float: none;
	margin: 0 auto 10px;
	-webkit-border-radius: 0;
			border-radius: 0;	
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 32px;
	height: 32px;
	padding: 0 10px;
	font-weight: normal;
}


/* = Twenty Fourteen Styling
   @ Template: ALL
=============================================*/

.tribe-theme-twentyfourteen .entry-content .tribe-events-calendar th, .tribe-theme-twentyfourteen .tribe-events-calendar th {
	padding:3px;
	border-width:0;
}

.tribe-theme-twentyfourteen #tribe-events-pg-template {
	padding-left:0;
	padding-right:0;
}

.tribe-theme-twentyfourteen.events-archive .entry-content {
	width:90%;
}

/* = Mobile Styles: Tickets (max-width: 600px)
=============================================*/
@media (max-width: 600px) {

	/* = WooTickets
	=============================================*/
	table.tribe-events-tickets .tickets_price {
		display: block;
		padding-top: 0;
		padding-bottom: 6px;
		padding-left: 0;
	}

	td.wpec {
		width: 84px;
	}

	td.tickets_name {
		font-size: 18px;
	}
	
	table.tribe-events-tickets td.tickets_description {
		padding-top: 0;
		padding-left: 0;
	}

	table.tribe-events-tickets,
	table.tribe-events-tickets tbody {
		display: block
	}
	
	table.tribe-events-tickets tr {
		display: block;
		border-top: 1px solid #ddd;
		padding-top: 10px;
		padding-bottom: 8px;
	}
	
	table.tribe-events-tickets td {
		display: inline-block;
		border: 0;
	}

	table.tribe-events-tickets td.woocommerce {
		border-bottom: 0;
	}
}