/* -------------------------------------------------------------------------
 * Espresso Events Calendar Stylesheet
 * (c) 2013 Espresso Events
 * -------------------------------------------------------------------------*/
/* Table of Contents

	- Prettify the fonts
	- General Styles
	- Specific Theme Fixes
	- Calendar Specific Styles
	- Select Box Styles
	- Buttons and Related Paraphenalia
	- Miscellaneous Calendar Styles
	- Event Styles
	- Category Legend Styles
	- Tooltip Styles
	- Calendar Widget CSS
	- Default Resets for Themeroller
	- Media Query for Screens < 768px


 /*
 Prettify the fonts (especially) in webkit browsers
 ---------------------------------------------------------------------------------------------------- */

#espresso_calendar * {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
/*
General Styles
---------------------------------------------------------------------------------------------------- */

#espresso_calendar {
	position: relative !important;
	z-index: 1;
	margin: 1em 0 0;
	width: 100% !important;
}
/*
Specific Theme Fixes: This section will use !important much more than it should.
---------------------------------------------------------------------------------------------------- */

#espresso_calendar .entry-content td {
	border-top: 0px solid #ededed !important; /*fixes top border on calendar header in twentytwelve*/
}

#espresso_calendar tr td, /* flounder theme */
#espresso_calendar tr:hover td {
	background: none; /* expound theme */
	background-color: transparent; /* spun theme */
}

#espresso_calendar .thumb-wrap img {
	padding: 0; /* swift theme */
	border: none; /* swatch theme */
}

#espresso_calendar table td,
#espresso_calendar table th { /* reset vertical-align so day numbers are positioned consistently */
	padding: 0;
	vertical-align: top;
}
#espresso_calendar .fc-header td {
	border: none !important;
}

#espresso_calendar td.fc-header-left {
	text-align: left; /* flounder theme */
}

#espresso_calendar a {
    max-width: none; /* enfold theme */
}

/*
Calendar Specific Styles
---------------------------------------------------------------------------------------------------- */

#espresso_calendar:not(.ui-widget) .fc-header-title h2, .fc-header-title h2 {
 font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
 font-size: 1.3em;
 margin: 0;
 font-weight: 400;
 line-height: 1;
 vertical-align: bottom !important;
}
#espresso_calendar .ui-widget .fc-header-title h2 {
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 1em;
	letter-spacing: -1px; /* tighter letter spacing is for the Week and Day views */
	margin: 0;
	font-weight: 400;
	line-height: 1;
	vertical-align: bottom !important;
}
#espresso_calendar .fc-content table {
	/*background-color: #fff;*/
}
#espresso_calendar table.fc-header, #espresso_calendar table.fc-border-separate {
	border: none;
	margin-bottom: 0;
}
#espresso_calendar .fc-day-header {
	padding: 5px 0;
	font-weight: 400;
}
#espresso_calendar .fc .fc-header-space, .fc .fc-header-space {
	padding-left: 3px;
}
#espresso_calendar table.fc-border-separate td {
	border-top: 1px solid #ddd !important;
}
#espresso_calendar td.fc-widget-content {
	border-top: 1px solid #ededed !important;
}
/*
Select Box
---------------------------------------------------------------------------------------------------- */

.ee-filter-form {
	margin: 0 0 2em 0;
	clear: both;
}
/*
RESET SELECT
---------------------------------------------------------------------------------------------------- */

.ee-filter-form select {
	-webkit-appearance: button;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #aaa;
	margin: 0;
	padding: 0;
}
.ee-filter-form select {
	display: inline-block;
	line-height: 1.6em; /* ticket 4163 */
	width: auto;
	height: 1.4em;
	padding: 0.3em 0.3em 0.3em 0.6em;
	vertical-align: baseline;
	margin: 2px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 0.85em;
	min-height: 18px;
	color: #777;
	overflow: hidden;
	-webkit-transition: box-shadow 200ms, border-color 200ms;
	-moz-transition: box-shadow 200ms, border-color 200ms;
	transition: box-shadow 200ms, border-color 200ms;
}
/*
CSS box shadow capable browsers (via modernizr) IE9+
---------------------------------------------------------------------------------------------------- */
.boxshadow .ee-filter-form select {
	background-color: #f2f2f2;
	border-color: #fff;
	box-shadow: inset 0 0.9em 0 #fff, 0px 1px 3px 0 rgba(0, 0, 0, 0.6);
}
/*
CSS text shadow capable browsers (via modernizr) IE10+
---------------------------------------------------------------------------------------------------- */
.textshadow .ee-filter-form select {
	text-shadow: 0 1px 0 #fff;
}
.textshadow .ee-filter-form option {
	text-shadow: none;
}
/*
hover - note it doesn't happen on touch devices, as that can give inconsistent results
---------------------------------------------------------------------------------------------------- */
.no-touch.boxshadow .ee-filter-form select:hover {
	box-shadow: inset 0 0.9em 0 #fff, 0px 1px 3px 0 rgba(0, 0, 0, 0.6), 0 0 0 3px #ff8;
}
/*
focus
---------------------------------------------------------------------------------------------------- */
.boxshadow .ee-filter-form select:focus {
	outline: none;
	border-color: #6cf;
	box-shadow: inset 0 0.9em 0 #fff, 0px 1px 3px 0 rgba(0, 0, 0, 0.6), 0 0 4px #6cf;
}
/*
disabled
---------------------------------------------------------------------------------------------------- */
.ee-filter-form select:disabled {
	color: #ccc;
}
/*
errors
---------------------------------------------------------------------------------------------------- */
.ee-filter-form select.error, .ee-filter-form.error select, .ee-filter-form .error select {
	color: #bf212e;
	border-color: #bf212e;
}
/*
 *** IE6/IE7 ***
 - Almost no styling possible, so cancel out the extra stuff and try to even out the metrics
---------------------------------------------------------------------------------------------------- */
.ee-filter-form select {
 *height: auto;
 *padding: auto;
 *margin: 0.3em 2px 0.3em 3px;
}
/*
 *** IE9/10 ***
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width:0\0) {
 .boxshadow .ee-filter-form select, .boxshadow .ee-filter-form select:disabled, .boxshadow .ee-filter-form select:disabled:hover {
 box-shadow: inset 0 0.9em 0 #fff, 0px 1px 6px 0 rgba(0, 0, 0, 0.6);
}
 .ee-filter-form select::-ms-expand {
 background: transparent;
 border: none;
 width: 12px;
 padding-left: 5px;
}
 /*
 hover
 ---------------------------------------------------------------------------------------------------- */
 .no-touch.boxshadow .ee-filter-form select:hover {
 box-shadow: inset 0 0.9em 0 #fff, 0px 1px 6px 0 rgba(0, 0, 0, 0.6), 0 0 0 3px #ff8;
}
 /*
 focus
 ---------------------------------------------------------------------------------------------------- */
 .boxshadow .ee-filter-form select:focus {
 box-shadow: inset 0 0.9em 0 #fff, 0px 1px 6px 0 rgba(0, 0, 0, 0.6), 0 0 4px #6cf;
}
}

/*
 *** WEBKIT ***
---------------------------------------------------------------------------------------------------- */
@media all and (-webkit-min-device-pixel-ratio: 0) {
 .ee-filter-form select {
 padding-right: 30px;
}
 .boxshadow .ee-filter-form select {
 -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6);
 box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6);
}
 .ee-filter-form select {
 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAzElEQVRIDWP8//8/Ay0BE8zws2fPgmyium1wC2AWUZsetYBgiI4GEcEgYiGoAqqgq6trGZAZia4emFGXlZeXR6OLw/hEx8G/f/+ygYY9hWkE0UD+IyCVhSyGzibagoqKiveMjIyJIHNBhgAN/wekYoGu/wji4wJEWwAyoKysbDfQ4ClQw7qAhh/CZTBMnOg4gGl4+fJluYSEhNC9e/fqYGJ4aaCLQN5lOHPmDJACAzAfyKIKTVIQ4XUpDslRC3AEDEJ46AcRIyg50hIAANnugKRDswA6AAAAAElFTkSuQmCC"), -webkit-gradient(linear, left top, left bottom, color-stop(41%, #fff), color-stop(41%, #f1f1f1), color-stop(100%, #f2f2f2)); /* for older Android 2 with old gradient syntax and PNG image */
 background-image: url("data:image/svg+xml;utf8,<svg width='24px' height='22px' version='1.1' xmlns='http://www.w3.org/2000/svg'><title>select-arrow</title><g id='arrow-group' fill='rgb(223,223,223)' fill-rule='evenodd'><path d='M10,9 L13.4690265,14 L17,9 L10,9 Z M10,9' id='arrow' fill='rgb(155,155,155)'></path><path d='M2,1 L2,21 L3,21 L3,1 L2,1 Z M2,1' id='dark-line' fill='rgb(213,213,213)'></path><path d='M3,1 L3,21 L4,21 L4,1 L3,1 Z M3,1' id='light-line' fill='rgb(254,255,255)'></path></g></svg>"), -webkit-linear-gradient(-90deg, #fff 41%, #f1f1f1 41%, #f2f2f2 100%); /* for android4+/iOS/Chrome/Safari with -webkit gradient syntax and SVG image */
 background-repeat: no-repeat, repeat;
 background-position: 100% 50%, 0 0;
}
 /*
 hover
 ---------------------------------------------------------------------------------------------------- */
 .no-touch.boxshadow .ee-filter-form select:hover {
 -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6), 0 0 0 3px #ff8;
 box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6), 0 0 0 3px #ff8;
}
 /*
 focus
 ---------------------------------------------------------------------------------------------------- */
 .boxshadow .ee-filter-form select:focus {
 -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6), 0 0 4px #6cf;
 box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.6), 0 0 4px #6cf;
}
}
select:focus {
	outline: none;
}

/*
The Buttons and related paraphenalia
---------------------------------------------------------------------------------------------------- */

#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button {
 -moz-box-sizing: content-box !important;
 box-sizing: content-box !important;
 border: 1px solid #ccc;
 padding: 5px 10px;
 border-radius: 0px;
 background: #fff;
 box-shadow: none;
 text-shadow: 0px 0px 0px #fff;
 word-wrap: normal;
 font-weight: 400;
 font-size: .8em;
 opacity: 1;
 margin-right: 1px;
 transition: all 0.1s ease-in-out 0s;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button:hover {
 border: 1px solid #999;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button-prev, #espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button-next {
 padding: 10px 0.6em;
 color: #fff;
 text-shadow: 0px 0px 0px #fff;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button-prev, #espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button-month {
 font-size: .8em;
 padding: 5px 10px;
 color: #777;
 border-top-left-radius: 1px;
 border-bottom-left-radius: 1px;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button-next, #espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button-today {
 font-size: .8em;
 padding: 5px 10px;
 color: #777;
 border-top-right-radius: 1px;
 border-bottom-right-radius: 1px;
}
#espresso_calendar:not(.ui-widget) .fc-button .fc-icon-wrap {
 top: auto;
 float: none;
}
#espresso_calendar:not(.ui-widget) .fc-button .fc-icon-wrap .ui-icon {
 top: auto;
 float: none;
 margin: 14.5px auto 0;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-header-space {
 display: inline-block;
 padding: 0;
 width: 1px;
 height: 45px;
 background: #fff;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-text-arrow {
 color: #777A80;
 text-shadow: .5px .5px 0px #fff;
}

/* Miscellaneous Calendar Styles */

#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-other-month {
 background: #fcfcfc;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-state-highlight {
 background: #FEFEDF;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-day-number {
 color: #777;
 font-size: 1em;
 line-height: 2;
}
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-view-agendaDay .fc-agenda-body td div {
 min-height: 50px;
}
#espresso_calendar:not(.ui-widget) .fc-state-active, #espresso_calendar:not(.ui-widget) .fc-state-hover, #espresso_calendar:not(.ui-widget) .fc-state-hover .fc-text-arrow {
 color: #2F3334 !important;
}
#espresso_calendar:not(.ui-widget) .fc-state-disabled {
 display: none;
 color: #999;
}
#espresso_calendar td {
	padding: 0 !important; /* ticket #4161 */
}
#espresso_calendar .fc-grid .fc-day-number {
	padding: 0 .5em;
}
#espresso_calendar:not(.ui-widget) .fc-event {
 margin: 0 1.5px 3px;
 border: 1px solid #eee;
 border-radius: 0;
 /*background-color: #eee;*/
 font-size: 85%;
 line-height: 1;
}
#espresso_calendar .fc-event a {
	letter-spacing: -.5px;
}

/*#espresso_calendar:not(.ui-widget) .fc-event.expired {
 background: #EEEEE6 !important;
 color: #999 !important;
}*/
/* Event Styles
---------------------------------------------------------------------------------------------------- */

#espresso_calendar .fc-event-title {
	display: block;
	padding: 6px 4px 4px;
	font-size: 14px;
}


/*This is the time above the title in agenda view.*/
.fc-event-time {
	display:none;
}

#espresso_calendar .time-display-block {
	margin: 0;
	padding: 4px;
	display: block;
}

#espresso_calendar .thumb-wrap {
	display: block;
	overflow: hidden;
	padding: 5px 0 0;
	max-width: 150px;
	vertical-align: middle;
}
#espresso_calendar .thumb-wrap img {
	max-width: 150px;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	vertical-align: middle;
}
#espresso_calendar .fc-view-agendaWeek .thumb-wrap {
	overflow: hidden;/*max-height: 20px;*/
}
#espresso_calendar .fc-view-agendaDay .thumb-wrap {
	height: auto;
}
#espresso_calendar .fc-widget-header {
	font-weight: 400;
}
/* Category Legend Styles
---------------------------------------------------------------------------------------------------- */

#espresso-category-legend {
	clear: both;
	margin: 0;
	padding: 0;
}
#espresso-category-legend p {
	clear: both;
	margin: 0 0 .5em;
	padding: 0;
}
#espresso-category-legend ul {
	float:left;
	margin: 0 0 10px 0;
	padding: 0;
}
#espresso-category-legend li {
	list-style: none;
	margin: 0 10px 5px 0;
	padding: 0 7px 0 7px;
	float:left;
}
#espresso-category-legend li a {
	text-decoration: none;
	border:none;
}
/* Tooltip Styles
---------------------------------------------------------------------------------------------------- */

.qtip, .ui-helper-reset {
	border: 1px solid #ccc;
	padding: 10px;
}
.ui-tooltip-title {
	font-size: 1.2em;
	font-weight: 600;
	margin: 10px;
}
.ui-tooltip-content p {
	font-size: 1em;
	line-height: 1.4;
	padding: 0;
	margin: 0 10px 10px;
}
.ui-tooltip-content p + p {
	/*margin-top: */
}
.datetime-desc {
	font-weight: bold;
}
p.time_cal_qtip {
	padding: 10px;
	margin: 10px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
}
.qtip-close .ui-icon {
	margin: 0 !important;
}
p.attendee_limit_qtip {
	margin: 0;
	padding:0 20px 10px;
	font-weight: bold;
}
.sold-out-dv, .reg-now-btn {
	display: inline-block;
	float: right;
	margin: 10px;
	padding: .5em 1em .5em;
	border-radius: 2px;
	color: #FFF;
	text-decoration: none;
	font-weight: 400;
	font-size: 1em;
	line-height: 2;
}
a.reg-now-btn:hover {
	color: #777;
	text-decoration:	none;
}
a.reg-now-btn {
	box-sizing: content-box !important;
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 0px;
	background: #fff;
	box-shadow: none;
	text-shadow: 0px 0px 0px #fff;
	word-wrap: normal;
	font-weight: 400;
	font-size: 1em;
	color: #777;
}
.sold-out-dv {
	background: #E44064;
}
.ui-state-active.reg-now-btn:hover {
	background: #777;
	color: #fff;
	text-decoration: underline;
}
.fc, .fc table .ui-widget-header {
	font-size: 1em;
}
.ui-widget-content img {
	max-width: 100%;
}
.qtip-shadow {
	box-shadow: -2px -2px 15px  rgba(0, 0, 0, 0.15), 1px 2px 1px rgba(0, 0, 0, 0.3) ;
}
/* Calendar Widget CSS
---------------------------------------------------------------------------------------------------- */
/* this stuff controls the widget styles and overrides some of the default stuff to make the widget prettier */
/* added in 2.0 by Chris Reynolds */

.widget_ee-calendar-widget #espresso_calendar {
	padding:10px;
	margin: 0;
}
.widget_ee-calendar-widget p.time-display-block,
.widget_ee-calendar-widget .thumb-wrap,
.widget_ee-calendar-widget #ee-category-submit,
.widget_ee-calendar-widget #ee-venue-submit {
	display: none;
}
/* hide the titles because they make things ugly */
.widget_ee-calendar-widget #espresso_calendar .fc-event-title {
	/*text-indent: 100%;*/
	white-space: nowrap;
	overflow: hidden;
	font-size: .9em;
	margin:0 0 .1em;
	vertical-align:middle;
}
.widget_ee-calendar-widget .fc-event-title:before {
	display: inline-block;
	font-family: 'dashicons' !important;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f227";
	margin:1px 999em 0 .25em;
}
.widget_ee-calendar-widget .fc-event-skin {
	height: 16px;
	border: none;
	background-color: transparent; /* get rid of the background color and border */
}
.widget_ee-calendar-widget .fc-day-content div {
	min-height: 15px;
}
.widget_ee-calendar-widget a.fc-event-skin div:hover {
	background-position:6px 0px !important;
}
.widget_ee-calendar-widget .fc-header h2 {
	font-weight: normal;
	font-size: 1.2em;
}
.widget_ee-calendar-widget th.fc-widget-header {
	font-weight: normal;
}
.widget_ee-calendar-widget .fc-button {
	height:1em;
	width: 1em;
	padding: 0 .425em 0 .325em;
	margin: 0 0 .25em;
	line-height: .66em;
	font-size: 2em;
	text-align:center;
	vertical-align:middle;
	color:#999
;
}
.widget_ee-calendar-widget table.fc-header {
	margin-bottom: 0;
}
.widget_ee-calendar-widget table.fc-border-separate tbody {
	font-size: 0.8em;
}
.widget_ee-calendar-widget table.fc-border-separate thead {
	font-size: 0.75em;
}

#ee-calendar-ajax-loader-img {
	position: absolute;
	top: -16px;
	left: 50%;
	margin: 0 0 0 -33px;
	box-shadow: none !important;
}

/* prevent transitions from getting applied to calendar links as some themes are known to do this
---------------------------------------------------------------------------------------------------- */

#espresso_calendar a {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
.ui-tooltip-tip {
	position: absolute;
}
.ui-tooltip-tip canvas {
	position: absolute;
	top:0px !important;
}

/* Media Query for screens smaller then 768px (iPad portrait)
---------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 767px) {

	#espresso_calendar .fc-day-header {
		font-size: .85em;
		padding: 0 1px;
	}
	#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-day-number {
		padding: 0 2px 0 0;
	}
	.qtip_info {
		display: block;
	}
}

@media only screen and (max-width: 600px) and (min-width: 481px) {

	#espresso_calendar .fc-header {
		margin-top: 55px;
	}
	#espresso_calendar .fc-header-center {
		position: absolute;
		margin: -35px auto 0;
		text-align: center;
		width: 50%;
	}
	#espresso_calendar .fc-event-title {
		font-size: 12px;
	}
	#espresso_calendar .time-display-block {
		font-size: 10px;
	}
}

@media only screen and (max-width: 540px) and (min-width: 480px) {

	#espresso_calendar .fc-event-title {
		font-size: 10px;
	}
	#espresso_calendar .time-display-block {
		display: none;
	}
	#espresso_calendar .fc-event {
		min-height: 3em;
	}
}

@media only screen and (max-width: 480px) {

	#espresso_calendar .fc-event-title,
	#espresso_calendar .time-display-block,
	.ui-tooltip-content p,
	#espresso_calendar .fc-button-month,
	#espresso_calendar .fc-button-agendaDay,
	#espresso_calendar .fc-button-agendaWeek,
	#espresso_calendar .fc-button-today {
		display: none;
	}
}



.events-view-more-link {
	display: block;
	text-align: right;
	font-size: .85em;
	cursor: pointer;
	vertical-align: middle;
}
.events-view-more-link span {
	vertical-align: middle;
}