/**
 * 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 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 stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter.
 *
 * @package TribeEventsCalendar
 *
 */

@media screen and (max-width: 768px) {	

	.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 .type-tribe_events {
		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 {
		background-color: #fff;
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 1px;
		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 {
		box-sizing: border-box;
		display: block;
		margin: 0;
		width: 50%;
	}
	
	/* Hide Header when no events are found */
	
	.tribe-events-notices + #tribe-events-header {
		display: none;
	}
	
	.tribe-events-sub-nav li a:visited,
			.tribe-events-sub-nav li a:hover {
		color: #fff;
	}
	
	/*.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;
	}
	
	/* = List View Template Styles
	   @ Template: list.php
	=============================================*/
	
	.tribe-events-list .tribe-events-event-image {
		float: left;
		margin: 0 3% 0 0;
	}
	
	.tribe-events-list .tribe-events-event-image img {
		width: auto;
		max-height: 400px;
	}
	
	.tribe-events-list .tribe-events-event-image + div.tribe-events-content {
		float: none;
		position: relative;
		width: 100%;
	}
	
	.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
		display: block;
		margin: 4px 0 0;
	}
	
	.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo .tribe-events-divider {
		display: none;
	}
	
	.tribe-events-list .time-details {
		margin-bottom: 0;
		padding: 0 12px;
	}
	
	.tribe-events-list .tribe-events-venue-details {
		border-top: 1px solid #eee;
		margin-top: 12px;
		padding: 8px 12px 0;
	}
	
	#tribe-events .tribe-events-loop .tribe-events-content {
		padding: 0;
	}
	
	/*.tribe-events-loop .tribe-events-event-meta {
		background: #fafafa;
		border: 1px solid #eee;
		margin-top: 12px;
		padding: 12px 0 15px;
	}*/
	
	.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 .tribe-events-schedule {
		background: #fafafa;
		border: 1px solid #eee;
		margin: 18px 0 8px;
		padding: 12px;
	}
	
	.single-tribe_events .tribe-events-schedule h3,
			.single-tribe_events .tribe-events-schedule .tribe-events-cost {
		display: block;
		font-size: 15px;
		font-weight: normal;
		line-height: 1.25;
		margin: 0;
	}
	
	.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;
	}
	
	.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 {
		margin: 15px 0 20px;
		padding: 4% 0;
	}
	
	.single-tribe_events .tribe-events-venue-map {
		width: 90%;
		margin: 5px auto 0;
		display: block;
		float: none;
	}
	
	#tribe-events div.tribe-events-single-event-description {
		padding: 0;
		margin-bottom: 10px;
	}
	
	.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%;
	}
	
	/* = Global Grid Template Styles (Large Calendar & Week)
	   @ Template: month.php & week.php
	=============================================*/
	
	.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;
	}
	
	.tribe-events-calendar .tribe-events-has-events.tribe-events-othermonth:after {
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
		    filter: alpha(opacity=40);
		  -moz-opacity: .4;
		-khtml-opacity: .4;
		       opacity: .4;
	}
	
	/* Actual Event Styles */
	
	#tribe-mobile-container {
		display: block;
		margin: 0 auto 10px;
	}
	
	#tribe-mobile-container .type-tribe_events {
		padding: 20px 0 16px;
		margin-bottom: 0;
	}
	
	#tribe-mobile-container .type-tribe_events ~ .type-tribe_events {
		padding: 15px 0;
		border-top: 1px solid #ddd;
	}
	
	#tribe-mobile-container .type-tribe_events h4 {
		font-size: 1.25em;
		margin: 0 0 2px;
		line-height: 1.35;
	}
	
	#tribe-mobile-container .type-tribe_events .time-details {
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 2px;
	}
	
	#tribe-mobile-container .type-tribe_events .tribe-events-event-image {
		float: left;
		width: 25%;
		margin: 5px 15px 10px 0;
	}
	
	#tribe-mobile-container .type-tribe_events .tribe-events-event-image a {
		display: block;
	}
	
	#tribe-mobile-container .type-tribe_events .entry-summary.description {
		padding: 0;
		margin-bottom: 0;
	}
	
	#tribe-mobile-container .type-tribe_events .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-has-events:hover {
		cursor: pointer;
	}
	
	#tribe-events-content .tribe-events-calendar td {
		height: 45px;
		padding: 0;
	}
	
	.tribe-events-calendar td .tribe-events-viewmore,
			.tribe-events-calendar td .type-tribe_events {
		display: none;
	}
	
	.tribe-events-calendar td div[id*='tribe-events-daynum-'],
			.tribe-events-calendar td div[id*='tribe-events-daynum-'] a {
		background: none;
		font-size: 16px;
		line-height: 1;
		margin-top: 6px;
		padding: 0;
		text-align: center;
	}
	
	.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: #0000cd;
	}
	
	#tribe-mobile-container .tribe-events-viewmore {
		border-top: 1px solid #ddd;
		margin: 5px 0 0;
		padding: 15px 0 5px;
	}
	
	/* = 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 {
		float: none;
		width: 100%;
	}
	
	.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:not(.tribe-events-single),
	#tribe-events-content.tribe-events-list {
		margin-bottom: 20px;
		padding:0 20px !important;
	}
	
	.tribe-events-promo {
		margin-top: 10px;
		text-align: center;
	}
	
	#tribe-events-footer ~ a.tribe-events-ical.tribe-events-button {
		border-radius: 0;
		/*display: block;*/
		float: none;
		font-size: 12px;
		font-weight: normal;
		height: 32px;
		line-height: 32px;
		margin: 0 auto 10px;
		padding: 0 10px;
		text-align: center;
	}
	
	/* = Twenty Fourteen Styling
	   @ Template: ALL
	=============================================*/
	
	.tribe-theme-twentyfourteen .entry-content .tribe-events-calendar th,
		.tribe-theme-twentyfourteen .tribe-events-calendar th {
		border-width: 0;
		padding: 3px;
	}
	
	.tribe-theme-twentyfourteen #tribe-events-pg-template {
		padding-left: 0;
		padding-right: 0;
	}
	
	.tribe-theme-twentyfourteen.events-archive .entry-content {
		width: 90%;
	}
}