/**
 * 1. TRIBE BAR CUSTOMIZATIONS
 * ---------------------------
 * These tweaks relate to the Tribe Bar, which is the default filter/search
 * bar provided by The Events Calendar itself.
 */

/** Add a border to the Tribe Bar */
#tribe-events-bar {
	border: 1px solid #af4724;
}

/** Change the background colour of the Tribe Bar, view selector, etc */
#tribe-events-bar,
#tribe-bar-form,
.tribe-bar-views-inner,
#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a,
#tribe-bar-form #tribe-bar-views .tribe-bar-views-list:hover .tribe-bar-views-option a {
	background-color: #E7B378;
}

/** Style the "Find Events" button to give it rounded corners and a new colour scheme */
#tribe-bar-form .tribe-bar-submit input[type="submit"] {
	background: #fff6d3;
	border: 2px solid #af4724;
	border-radius: 8px;
	color: #af4724;
}

/** Invert the "Find Events" button colours when a vistor hovers over it */
#tribe-bar-form .tribe-bar-submit input[type="submit"]:hover {
	background: #af4724;
	color: #fff6d3;
}

/** Restyle the form fields to look more like regular inputs */
#tribe-bar-form input[type="text"] {
	background: #fef7d0;
	border: 1px solid #ac4416;
	padding: 5px;
}

/**
 * 2. GENERAL CUSTOMIZATIONS FOR ALL VIEWS
 * ---------------------------------------
 */

/** Make the page main title appear in uppercase */
#tribe-events-content h2.tribe-events-page-title,
#tribe-events-content h2.tribe-events-single-event-title {
	text-transform: uppercase;
}

/** Make pagination links visible at the top of event archive views (not just in the footer area) */
#tribe-events-header .tribe-events-sub-nav li,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next a {
	display: inline-block;
}

/**
 * 3. MONTH VIEW CUSTOMIZATIONS
 * ----------------------------
 */

/** Highlight events in month/grid view belonging to a specific category
    (in this case a hypothetical category with a slug of "test-category") */
#tribe-events-content .tribe-events-calendar .tribe-events-category-onceperyear h3 a {
	color: #5d1b92;
	text-decoration: underline;
	background-color: #ffe086;
	font-size: 110%;
}

/** Gray any events included from the previous/next month */
#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth > div {
	color: #565656;
}

/** Highlight calendar cells for the first day of the week */
.tribe-events-calendar tr td:first-child {
	background: #f0c553;
}

/**
 * 4. LIST VIEW CUSTOMIZATIONS
 * ---------------------------
 */

/** Hide the month seperators/headers */
.tribe-events-list-separator-month {
	display: none;
}

/**
 * 5. SINGLE EVENT PAGE CUSTOMIZATIONS
 * -----------------------------------
 */

/** Remove default grey-shading and border around single event meta areas */
.single-tribe_events .tribe-events-event-meta {
	background: transparent;
	border: none;
}

/** Remove the padding from the left side of meta blocks within the single event meta areas */
.tribe-events-event-meta .tribe-events-meta-group {
	padding-left: 0;
}

/** Differentiate the Google Calendar export button */
.tribe-events-button, #tribe-events .tribe-events-button.tribe-events-gcal {
	background: #803060;
}

/** Differentiate the iCal export button */
.tribe-events-button, #tribe-events .tribe-events-button.tribe-events-ical {
background: #633d7e;}