/**
 * This CSS file was auto-generated via PostCSS
 *
 * Contributors should avoid editing this file, but instead edit the associated
 * src/resources/postcss/ file. For more information, check out our engineering
 * docs on how we handle CSS in our engineering docs.
 *
 * @see: http://moderntribe.github.io/products-engineering/css/
 */

/**
 * 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;
}

.tribe-events-week #tribe-mobile-container .type-tribe_events,
		.tribe-events-week #tribe-mobile-container .type-tribe_events ~ .type-tribe_events {
	padding-left: 8px;
	padding-right: 8px;
}

.tribe-events-week #tribe-mobile-container .type-tribe_events .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;
}

.tribe-events-photo .tribe-events-loop .type-tribe_events .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-event-meta, .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,
	.tribe-events-event-meta 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-organizer .tribe-events-organizer-meta .tribe-events-event-image {
	margin-bottom: 12px;
}

.tribe-events-organizer address.organizer-address {
	margin: 10px 0 15px;
}

.tribe-events-organizer address.organizer-address span {
	display: block;
}

.tribe-events-organizer address.organizer-address span ~ span {
	margin-top: 4px;
}

.tribe-events-organizer address.organizer-address .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-events-single ul.tribe-related-events .tribe-related-events-thumbnail {
	float: right;
	width: 30%;
}

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

.tribe-events-single ul.tribe-related-events .recurringinfo {
	margin: 2px 0 0;
}

.tribe-events-single ul.tribe-related-events li {
	float: none;
	margin-bottom: 12px;
	margin-right: 0;
	padding:10px;
	width: 100%;
	zoom: 1;
}

.tribe-events-single ul.tribe-related-events li::after {
	clear: both;
	content: "";
	display: table;
}

.tribe-events-single ul.tribe-related-events li .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,
		#tribe-events-photo-events.photo-two-col .type-tribe_events.tribe-events-photo-event {
		float: none;
		margin: 0 auto 12px;
		max-width: 400px;
		position: static !important;
		width: auto;
	}
}
