/**
 * 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 Tribe Theme Mobile Stylesheet
 *
 * 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
 *
 */

/* = General Template Header/Footer Nav
=============================================*/

#tribe-events-header .tribe-events-sub-nav li a {
	display: none;
}

/* = List View Template Styles
   @ Template: list.php
=============================================*/

.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo {
	display: block;
	padding: 0;
}

/* = Single Event Template Styles
   @ Template: single-event.php
=============================================*/

.single-tribe_events .tribe-events-schedule .recurringinfo {
	display: block;
	margin: 2px 0 0;
}

.tribe-events-schedule {
	margin: 18px 0;
}

.single-tribe_events .tribe-events-event-image {
	margin-bottom: 10px;
}

.tribe-events-list-separator-month {
	margin: 20px 0;
}

/* = Global Grid Template Styles (Large Calendar & Week)
   @ Template: month.php & week.php
=============================================*/

/* Actual Event Styles */

#tribe-mobile-container .type-tribe_events ~ .type-tribe_events {
	border-top: 1px dotted #2f2f2f;
}

/* = Calendar (large) Grid Template Styles
   @ Template: month.php
=============================================*/

.tribe-events-calendar thead th {
	padding: 7px 1em;
}

#tribe-events-content .tribe-events-calendar td {
	transition: none;
}

#tribe-events-content .tribe-events-calendar td:hover {
	background: none;
	box-shadow: none;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth:hover {
	background: #f9f9f9;
}

.tribe-events-calendar td.tribe-events-past div[id*='tribe-events-daynum-'],
.tribe-events-calendar td.tribe-events-past div[id*='tribe-events-daynum-'] > a {
	background: none;
	color: #999;
}

.tribe-events-calendar td div[id*='tribe-events-daynum-'],
.tribe-events-calendar td div[id*='tribe-events-daynum-'] a {
	background: none;
	padding: 0;
	color: #333;
}

#tribe-mobile-container .tribe-events-viewmore {
	border-top: 1px dotted #2f2f2f;
}

/* Specific Classes */

.tribe-events-calendar div[id*='tribe-events-daynum-'] a:hover {
	color: #333;
}

.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-content .tribe-events-calendar .mobile-active:hover,
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active,
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*='tribe-events-daynum-'],
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*='tribe-events-daynum-'] a {
	background-color: #21759b;
	color: #fff;
}

.tribe-events-calendar .tribe-events-present.tribe-events-has-events:after {
	background: #333;
}

.tribe-events-calendar .mobile-active.tribe-events-has-events:after {
	background-color: #fff;
}

.tribe-events-calendar td.tribe-events-present,
#tribe-events-content .tribe-events-calendar td.tribe-events-present:hover,
.tribe-events-calendar td.tribe-events-present div[id*='tribe-events-daynum-'],
.tribe-events-calendar td.tribe-events-present div[id*='tribe-events-daynum-'] > a {
	background-color: #dedede;
	color: #333;
}

.tribe-events-calendar td.tribe-events-present.mobile-active,
#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover,
.tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-daynum-'],
.tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-daynum-'] a {
	background-color: #21759b;
	color: #fff;
}

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

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

.tribe-theme-twentyfourteen #tribe-events-pg-template #tribe-events {
	padding: 10px;
}