/**
 * 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 Widgets Skeleton 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 TribeEventsCalendar
 *
 */

/* = The Events Calendar Mini Calendar Widget
   @ Template: pro/widgets/mini-calendar-widget.php
=============================================*/

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

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

}

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

.tribe-mini-calendar-nav {
	border: 1px solid #666;
	text-align: center;
	vertical-align: middle;
}

.tribe-mini-calendar-nav div {
		position: relative;
	}

.tribe-mini-calendar-nav span {
		display: inline-block;
		margin: 0 20px;
	}

.tribe-mini-calendar-nav .tribe-mini-calendar-nav-link {
		display: inline-block;
		padding: 5px;
	}

.tribe-mini-calendar-dayofweek {
	font-weight: bold;
	padding: 3px 0;
}

.tribe-mini-calendar-no-event {
	display: block;
	padding: 5px;
}

.tribe-events-has-events a {
		display: block;
		font-weight: bold;
		padding: 5px;
		text-decoration: none;
	}

.tribe-events-has-events .tribe-mini-calendar-day-link:before {
		background: #999;
		border-radius: 7px;
		content: '';
		display: block;
		height: 7px;
		margin: 5px auto 0 auto;
		padding: 0;
		width: 7px;
	}

#ajax-loading-mini {
	display: none;
}

/* = The Events Calendar List Widget
   @ Template: pro/widgets/list-widget.php
=============================================*/

.tribe-mini-calendar-event {
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 5px;
	width: 100%;
}

.tribe-mini-calendar-event.first {
		margin-top: 10px;
	}

/* = Events Countdown Widget
   @ Template: pro/widgets/countdown-widget.php
=============================================*/

.tribe-countdown-timer span.tribe-countdown-seconds,
	.tribe-countdown-timer span.format,
	.tribe-countdown-timer h3.tribe-countdown-complete {
		display: none;
	}

div.tribe-countdown-timer {
	line-height: 1.5em;
	min-height: 60px;
	padding-top: 10px;
	text-align: center;
}

div.tribe-countdown-number {
	color: #000;
	float: left;
	font-size: 2.4em;
}

span.tribe-countdown-under {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

div.tribe-countdown-colon {
	color: #666;
	float: left;
	font-size: 1.5em;
	padding: 0 4px;
}

div.tribe-countdown-right {
	float: left;
}

div.tribe-countdown-text {
	clear: both;
}

/* = This Week Widget
   @ Template: pro/widgets/this-week-widget.php
=============================================*/

.tribe-this-week-widget-wrapper {
	position: relative;
	width: 100%;
}

.tribe-this-week-widget-weekday-wrapper {
	overflow: hidden;
}

.tribe-this-week-widget-wrapper .tribe-events-page-title {
	text-align: center;
}

.tribe-events-visuallyhidden {
	display: none;
}

/*
* This Week Widget Nav CSS */

.entry-content ul.tribe-events-sub-nav,
.tribe-events-sub-nav {
	line-height: normal;
	list-style-type: none;
	overflow: hidden;
	text-align: center;
}

.tribe-events-sub-nav .tribe-this-week-nav-link.nav-next,
.tribe-events-sub-nav .tribe-this-week-nav-link.nav-previous {
	list-style-type: none;
	text-align: left;
}

.tribe-events-sub-nav .tribe-this-week-nav-link.nav-next {
	text-align: right;
}

.tribe-events-ajax-loading {
	display: none;
}

/*
* This Week Widget Common CSS */

.tribe-this-week-widget-header-date {
	border: none;
	text-align: center;
}

/*
* This Week Widget Vertical CSS */

.tribe-this-week-widget-vertical .tribe-this-week-widget-day {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: top;
}

/*
* This Week Widget Horizontal CSS */

.tribe-this-week-widget-horizontal .tribe-this-week-widget-day {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	vertical-align: top;
	width: 14.28%;
}

.tribe-this-week-widget-horizontal .tribe-this-week-widget-hide-weekends .tribe-this-week-widget-day {
	width: 20%;
}

@media only screen and (max-width: 767px) {
	.tribe-this-week-widget-wrapper {
		max-width: 400px;
		margin: 0 auto;
	}

	.tribe-this-week-widget-horizontal .tribe-this-week-widget-hide-weekends .tribe-this-week-widget-day,
	.tribe-this-week-widget-horizontal .tribe-this-week-widget-day {
		width: 100%;
	}
}