/**
 * 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 Widget Calendar Full Stylesheet
 *
 * To add your own custom styles, create a stylesheet with the name
 * widget-calendar.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_pro_widget_calendar_stylesheet_url' filter.
 *
 * @package TribeEventsCalendarPro
 *
 */

.tribe-mini-calendar-wrapper {
	width : 100%;
}

/* calendar css */

.tribe-mini-calendar-grid-wrapper {
	margin-bottom: 10px;
}

.tribe-mini-calendar {
	border-collapse: collapse;
	margin-left: -1px;
	width: 100%;
	line-height: 1;
}

.tribe-mini-calendar td,
	.tribe-mini-calendar th {
	width: 14.2857142857%;
	padding: 0;
	text-align     : center;
	vertical-align : top;
	border         : 1px solid #d2d2d2;
}

.tribe-mini-calendar thead {
	background: #666666;
}

.tribe-mini-calendar div[id*='daynum-'] a {
	display : block;
	text-decoration: none;
	padding: 5px 0 15px 0;
	position: relative;
}

.tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] {
	font-weight:bold;
}

.tribe-mini-calendar .tribe-events-has-events:hover {
	background: #444;
}

.tribe-mini-calendar .tribe-events-has-events:hover a:hover {
	background: #999;
}

.tribe-mini-calendar .tribe-events-has-events:hover a,
			.tribe-mini-calendar .tribe-events-has-events:hover a:hover {
	color: #fff;
	text-decoration: none;
}

.tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a:before {