/**
 * The Events Calendar Pro 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/pro/ directory of your theme.
 * Your new stylesheet will be loaded after our own stylesheet.
 *
 * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter.
 *
 * @package TribeEventsCalendar
 *
 */

/* = Week Grid Template Styles
   @ Template: Week.php
=============================================*/
.tribe-events-week .tribe-events-grid {
	display: none;
}

.tribe-mobile-day-date {
	background-color: #eee;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 6px 10px;
	text-transform: uppercase;
}

.tribe-events-week #tribe-mobile-container {
	margin-top: 26px;

	.type-tribe_events {
		&,
		& ~ .type-tribe_events {
			padding-left: 8px;
			padding-right: 8px;
		}

		.tribe-events-read-more {
			margin-top: 0;
		}
	}
}


/* = Photo View Template Styles
   @ Template: Photo.php
=============================================*/
#tribe-events-content {
	overflow: hidden;
}

.type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap:hover {
	background: #FAFAFA;
	box-shadow: none;
}

.tribe-events-photo {
	.tribe-events-loop .type-tribe_events {
		.tribe-events-event-meta {
			background-color: transparent;
			border: 0;
			margin: 6px 0;
			padding: 0;
		}

		.time-details {
			padding: 0;
		}
	}
}

.tribe-events-list .tribe-events-loop .tribe-events-photo-event .tribe-events-event-meta .recurringinfo {
	margin-top: 2px;
}

#tribe-events .tribe-events-list-photo-description p {
	margin-bottom: 0;
}

/* = Single Venue & Organizer Template Styles (Pro Version)
   @ Template: single-venue.php & Single_Organizer.php
=============================================*/
.tribe-events-venue .tribe-events-venue-meta,
.tribe-events-organizer .tribe-events-organizer-meta {
	padding-bottom: 12px;
}

.tribe-events-venue .tribe-events-list h2.tribe-events-page-title,
.tribe-events-organizer .tribe-events-list h2.tribe-events-page-title,
.tribe-events-organizer .tribe-events-organizer-meta h2.entry-title {
	margin-top: 0;
}

.tribe-events-venue .tribe-events-venue-meta .tribe-events-event-meta,
.tribe-events-organizer address.organizer-address {
	background-color: #fafafa;
	border: 1px solid #eee;
	margin: 18px 0 15px;
	padding: 10px 12px 13px;
}

.tribe-events-venue,
.tribe-events-organizer {
	.tribe-events-event-meta {
		border: 1px solid #eee;
	}
}

.tribe-events-venue .tribe-events-venue-meta .tribe-events-event-image {
	margin-top: 15px;
}

#tribe-events .tribe-venue-description.tribe-events-content,
#tribe-events .tribe-organizer-description.tribe-events-content {
	padding: 0;
}


/* = Single Venue Template Styles (Pro Version)
   @ Template: single-venue.php
=============================================*/
.tribe-events-venue .tribe-events-map-wrap {
	float: none;
	margin: 5px 0 12px;
	width: 98%;
}

.tribe-events-event-meta {
	address.tribe-events-address,
	address.venue-address {
		margin: 0;
	}
}

/* = Single Organizer Template Styles (Pro Version)
   @ Template: Single_Organizer.php
=============================================*/
.tribe-events-organizer {
	.tribe-events-organizer-meta {
		h2.entry-title {
			margin-bottom: 15px;
			padding: 0;
		}

		.tribe-events-event-image {
			margin-bottom: 12px;
		}
	}

	address {
		&.organizer-address {
			margin: 10px 0 15px;

			span {
				display: block;

				& ~ span {
					margin-top: 4px;
				}
			}

			.tribe-events-divider {
				display: none;
			}
		}
	}
}


/* = Map View Template Styles
   @ Template: Map.php
=============================================*/
#tribe-geo-map {
	height: 250px;
}

.tribe-events-map #tribe-events-header {
	margin-bottom: 30px;
}

/* = Related Events
   @ Template: Single_Event.php
=============================================*/
h3.tribe-events-related-events-title {
	margin-bottom: 12px;
}

.tribe-events-single {
	ul.tribe-related-events {
		margin: 0;

		.tribe-related-events-thumbnail {
			float: right;
			width: 30%;
		}

		.tribe-related-events-title {
			margin-bottom: 4px;
		}

		.recurringinfo {
			margin: 2px 0 0;
		}

		li {
			float: none;
			margin-bottom: 12px;
			margin-right: 0;
			padding:10px;
			width: 100%;
			zoom: 1;

			&::after {
				clear: both;
				content: "";
				display: table;
			}

			.tribe-related-event-info {
				float: left;
				padding: 0 10px 10px 0;
				width: 60%;
			}
		}
	}
}

.tribe-events-photo-event .tribe-events-event-image,
.tribe-events-photo-event .tribe-events-event-image a,
.tribe-related-events-thumbnail,
.tribe-related-events-thumbnail a {
	display: block;
	line-height: 0;
}

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

	/* = Photo View Template Styles
	   @ Template: Photo.php
	=============================================*/
	div#tribe-events-photo-events {
		height: auto !important;
		width: 100%;
	}

	#tribe-events-photo-events {
		.type-tribe_events.tribe-events-photo-event,
		&.photo-two-col .type-tribe_events.tribe-events-photo-event {
			float: none;
			margin: 0 auto 12px;
			max-width: 400px;
			position: static !important;
			width: auto;
		}
	}
}
