/**
 * 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 V2 Stylesheet
 *
 * @package TribeEventsCalendar
 *
 */

/*
	Utilities -
	@todo: remove this once we have the repo for tribe-assets
	More info: https://github.com/moderntribe/tribe-common-styles
*/

/* -----------------------------------------------------------------------------
 *
 * Utilities
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

/* Variables */

:root {
	/* -----------------------------------------------------------------------------
	 * Colors - Typography
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Colors - Iconography
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Colors - UI
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Colors - Borders & Misc
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Box Shadows
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Forms - Colors
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Forms - Box Shadows
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Gutter - Default
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Gutter - Page
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Grid Width
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Spacers
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Transitions
	 * ----------------------------------------------------------------------------- */
}

:root {
	/* -----------------------------------------------------------------------------
	 * Font Stacks
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Font Weights
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Font Sizing
	 * ----------------------------------------------------------------------------- */

	/* -----------------------------------------------------------------------------
	 * Line Height
	 * ----------------------------------------------------------------------------- */
}

/* Mixins */

/* -----------------------------------------------------------------------------
 * Body
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Desktop Body 1
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Desktop Body 2
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Desktop Body 3
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Mobile Body 1
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Mobile Body 2
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Mobile Body 3
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Button - Global
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Button - Solid
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Button - Border
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Selects
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Sliders & Toggles
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Sliders
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Hidden: Hide from both screenreaders and browsers
 * @author: h5bp.com/u
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Visually Hide: Hide only visually, but have it available for screenreaders
 * @author: h5bp.com/v
 * ----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Visually Show: Show element after has been hidden with %visually-hide
 * ----------------------------------------------------------------------------- */

/* Views components */

/* -----------------------------------------------------------------------------
 *
 * Components
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

/* Events bar */

/* -----------------------------------------------------------------------------
 *
 * Events Bar
 *
 * ----------------------------------------------------------------------------- */

.tribe-events-calendar-events-bar {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.tribe-events-calendar-events-bar--form {
	flex: 1 1 45%;
}

.tribe-events-calendar-events-bar--views {
	flex: 1 1 40px;
	display: flex;
	justify-content: center;
}

.tribe-events-calendar-events-bar--filters {
	display: flex;
	justify-content: flex-end;
}

/* Top bar */

/* -----------------------------------------------------------------------------
 *
 * Top Bar
 *
 * ----------------------------------------------------------------------------- */

.tribe-events .tribe-events-calendar-top-bar {
		display: flex;
		margin-top: 40px;
		margin-bottom: 28px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

.tribe-events .tribe-events-calendar-top-bar--nav {
		display: flex;
		padding-right: 15px;
		align-items: center;
	}

.tribe-events .tribe-events-calendar-top-bar--nav nav a {
			padding-right: 8px;
		}

.tribe-events .tribe-events-calendar-top-bar--nav nav a:before {
				height: 16px;
			}

.tribe-events .tribe-events-calendar-top-bar--today {
		display: flex;
		flex: 1 1 60%;
		align-items: center;
	}

.tribe-events .tribe-events-calendar-top-bar--today--button {
		border: 1px solid #D5D5D5;
		font-size: 12px;
		color: #727272;
		margin-right: 15px;
		padding: 5px 15px;
	}

.tribe-events .tribe-events-calendar-top-bar--today--button:focus,
		.tribe-events .tribe-events-calendar-top-bar--today--button:hover {
			color: #141827;
		}

.tribe-events .tribe-events-calendar-top-bar--today--button:active {
			border-color: #141827;
		}

.tribe-events .tribe-events-calendar-top-bar--today--button:disabled {
			color: #D5D5D5;
			border-color: #D5D5D5;
		}

.tribe-events .tribe-events-calendar-top-bar--actions {
		display: flex;
		justify-content: flex-end;
	}

/* Views */

/* -----------------------------------------------------------------------------
 *
 * Views
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */

/* List */

/**
 * The Events Calendar Tribe List View V2 Stylesheet
 *
 * @package TribeEventsCalendar
 *
 */

.tribe-events .tribe-events-calendar-list {
		font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
	}

.tribe-events .tribe-events-calendar-list__event {
		display: flex;
		flex-direction: column;
	}

.tribe-events .tribe-events-calendar-list__event--details {
		flex: 1 1 100%;
	}

.tribe-events .tribe-events-calendar-list__event--datetime {
		font-size: 14px;
		margin-bottom: 16px;
		position: relative;
	}

.tribe-events .tribe-events-calendar-list__event--title {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 16px;
		padding: 0;
	}

.tribe-events .tribe-events-calendar-list__event--venue {
		font-size: 14px;
		margin-bottom: 16px;
	}

.tribe-events .tribe-events-calendar-list__event--venue--title {
		font-weight: 700;
	}

.tribe-events .tribe-events-calendar-list__event--description {
		color: #141827;
		font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
		font-size: 16px;
		line-height: 1.62;
		font-weight: 400;
		margin-bottom: 24px;
	}

.tribe-events .tribe-events-calendar-list__event--featured-image {
		flex: 1 0 320px;
	}

.tribe-events .tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event--datetime time:after {
				/* we'll include the SVG here*/
				width: 12px;
				height: 12px;
				background-color: #334AFF;
				position: absolute;
				content: '';
				top: calc(50% - 6px);
				margin-left: 10px;
			}

.tribe-events .tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event--title {
			font-size: 32px;
		}

.tribe-events .tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event--featured-image {
			flex: 1 0 520px;
		}

.tribe-events .tribe-events-calendar-list__separator--month {
		display: block;
		position: relative;
		margin-bottom: 32px;
	}

.tribe-events .tribe-events-calendar-list__separator--month:after {
			content: '';
			border-bottom: 1px solid #D5D5D5;
			height: 1px;
			width: 100%;
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			z-index: 0;
		}

.tribe-events .tribe-events-calendar-list__separator--month span {
			background-color: #fff;
			font-size: 16px;
			font-weight: 700;
			padding: 0 20px 0 0;
			position: relative;
			text-transform: uppercase;
			z-index: 10;
		}

@media (min-width: 768px) {

.tribe-events .tribe-events-calendar-list__event {
			flex-direction: row-reverse;
			padding-left: 140px;
			margin-bottom: 56px
	}

.tribe-events .tribe-events-calendar-list__event--featured-image {
			flex: 1 0 320px;
			margin-left: 32px
	}
		}