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

.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 {
	background: #666;
	color: #fff;
	display: block;
	padding: 10px 20px;
	position: relative;
	white-space: normal;
}

.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 .tribe-event-schedule-details,
	.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 {
	margin: 0;
	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: #666;
}

#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,
#tribe-events-content.tribe-events-list {
	margin-bottom: 20px;
}

.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%;
}

.tribe-is-responsive.tribe-mobile .tribe-events-page-title {
	margin-top: .5em;
}
