:root {
    
    /* Style adaptations, with variables from https://github.com/the-events-calendar/tec-styles/tree/main/variables 
    *
    *  + Only modified sections are included
    *  + Added Search-Button Styling
    */

    /* -----------------------------------------------------------------------------
	 * Font Stacks
	 * ----------------------------------------------------------------------------- */

	--tec-font-family-sans-serif: Oswald, "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; /* stylelint-disable-line value-keyword-case */
    --tec-font-family-serif: "Special Elite";

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

	--tec-font-size-0: 11px;
	--tec-font-size-1: 12px;
	--tec-font-size-2: 1rem;
	--tec-font-size-3: 1rem;
	--tec-font-size-4: 1rem;
	--tec-font-size-5: 1rem;
	--tec-font-size-6: 1rem;
	--tec-font-size-7: 1rem;
	--tec-font-size-8: 1rem;
	--tec-font-size-9: 1rem;
	--tec-font-size-10: 1rem;

	/* -----------------------------------------------------------------------------
	 * Colors - Typography
	 * ----------------------------------------------------------------------------- */

	--tec-color-text-primary: #141827;
	--tec-color-text-primary-light: rgba(20, 24, 39, 0.62);
	--tec-color-text-secondary: #5d5d5d;
	--tec-color-text-disabled: #d5d5d5;

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

	--tec-color-icon-primary: #5d5d5d;
	--tec-color-icon-primary-alt: #757575;
	--tec-color-icon-secondary: #bababa;
	--tec-color-icon-active: #141827;
	--tec-color-icon-disabled: #d5d5d5;
	--tec-color-icon-focus: #CB3137;
	--tec-color-icon-error: #da394d;
	--tec-color-event-icon: #141827;
	--tec-color-event-icon-hover: #CB3137;

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

	--tec-color-accent-primary: #CB3137 !important;
	--tec-color-accent-primary-hover: #CB3137cc!important;
	--tec-color-accent-primary-active: #CB3137e6 !important;
	--tec-color-accent-primary-background: rgba(51, 74, 255, 0.07);
	--tec-color-accent-secondary: #CB3137 !important;
	--tec-color-accent-secondary-hover: rgba(20, 24, 39, 0.8) !important;
	--tec-color-accent-secondary-active: rgba(20, 24, 39, 0.9) !important;
	--tec-color-accent-secondary-background: rgba(20, 24, 39, 0.07);

	/* -----------------------------------------------------------------------------
	 * Colors - Buttons
	 * ----------------------------------------------------------------------------- */
	--tec-color-button-primary: var(--tec-color-accent-primary);
	--tec-color-button-primary-hover: var(--tec-color-accent-primary-hover);
	--tec-color-button-primary-active: var(--tec-color-accent-primary-active);
	--tec-color-button-primary-background: var(--tec-color-accent-primary-background);
	--tec-color-button-secondary: var(--tec-color-accent-secondary);
	--tec-color-button-secondary-hover: var(--tec-color-accent-secondary-hover);
	--tec-color-button-secondary-active: var(--tec-color-accent-secondary-active);
	--tec-color-button-secondary-background: var(--tec-color-accent-secondary-background);

    /* Search-Button Styling in Calendar (not in tec-styles) */
    --tec-color-text-events-bar-submit-button: #fff;
	--tec-color-background-events-bar-submit-button: #1a1a1a;
	--tec-color-background-events-bar-submit-button-hover: #CB3137;
	--tec-color-background-events-bar-submit-button-active: #CB3137;

	/* -----------------------------------------------------------------------------
	 * Colors - Links
	 * ----------------------------------------------------------------------------- */

	--tec-color-link-primary: var(--tec-color-text-primary);
	--tec-color-link-accent: var(--tec-color-accent-primary);
	--tec-color-link-accent-hover: rgba(51, 74, 255, 0.8);

    /* -----------------------------------------------------------------------------
	 * Borders - Radius
	 * ----------------------------------------------------------------------------- */

	--tec-border-radius-default: 0px;

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

	--tec-grid-gutter-page: 0px; /* default: 42px; */
	--tec-grid-gutter-page-small: 0px; /* default: 19.5px; */
}

/* -----------------------------------------------------------------------------
* Single Event Page Styling:
* On large screens, float image right and float text left.
* ----------------------------------------------------------------------------- */

@media (min-width:768px) {
	.tribe-events-content {
		order: -1 !important;
		width: 66% !important;
	}

	.tribe-events-event-image {
		width: calc(34% - var(--tec-spacer-3)) !important;
		margin-bottom: 0px !important;
		margin-left: var(--tec-spacer-3);
	}
}

/* -----------------------------------------------------------------------------
* Filter Bar Styling:
* ----------------------------------------------------------------------------- */

.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:hover {
  outline:none !important;
}