/**
* 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: https://the-events-calendar.github.io/products-engineering/docs/code-standards/css/
*/
/**
* Filter Bar Tribe V2 Full Stylesheet
*
* @package TribeFilterBar
*
*/
/* Utilities */
/* -----------------------------------------------------------------------------
*
* Utilities
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* Variables - needed everywhere. */
/* -----------------------------------------------------------------------------
* SVG - Arrow Right
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Arrow (light, left)
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Caret Down
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Caret Left
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Caret Right
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Caret Up
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Check
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Close
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Day
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Dropdown
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Error
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Featured
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Filters
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Link
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Guest
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - List
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Location
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Mail
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Map
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Map pin
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Messages
* ----------------------------------------------------------------------------- */
/* stylelint-disable-line block-no-empty */
/* -----------------------------------------------------------------------------
* SVG - Month
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - No Map
* ----------------------------------------------------------------------------- */
/* stylelint-disable-line block-no-empty */
/* -----------------------------------------------------------------------------
* SVG - Paper Plane
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Phone
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Photo
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Plus
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Recurring
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Remove
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Reset
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Search
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Search Filter
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Week
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* SVG - Cal Export
* ----------------------------------------------------------------------------- */
/* stylelint-disable-line block-no-empty */
/* Mixins */
/* -----------------------------------------------------------------------------
* Body
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Desktop Body 1
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Desktop Body 2
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Desktop Body 3
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Mobile Body 1
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Mobile Body 2
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Mobile Body 3
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 1
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 2
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 3
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 4
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 5
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 6
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 7
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Heading 8
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Anchor - Default
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Anchor - Alt
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Anchor - Thin
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Anchor - Thin
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Anchor - Event Title
*
* This mixin intentionally only affects the text and border _colors_
* to make sure they all follow the Customizer overrides.
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Global
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Solid
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Link
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Border
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Border Small
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* Button - Icon Border
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
* 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
* ----------------------------------------------------------------------------- */
/* Components */
/* -----------------------------------------------------------------------------
*
* Components
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
*
* Checkbox
*
* ----------------------------------------------------------------------------- */
/* .tribe-filter-bar {
} */
/* -----------------------------------------------------------------------------
*
* Clear Button
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar .tribe-filter-bar-c-clear-button {
transition: none;
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-clear-button {
background-color: transparent;
border: none;
border-radius: 0;
padding: 0;
}
.tribe-common--breakpoint-medium .tribe-filter-bar--vertical.tribe-filter-bar .tribe-filter-bar-c-clear-button {
font-size: var(--tec-font-size-1);
line-height: var(--tec-line-height-0);
}
.tribe-filter-bar .tribe-filter-bar-c-clear-button:focus .tribe-filter-bar-c-clear-button__reset-icon path, .tribe-filter-bar .tribe-filter-bar-c-clear-button:hover .tribe-filter-bar-c-clear-button__reset-icon path {
stroke: var(--tec-color-icon-active);
}
.tribe-filter-bar .tribe-filter-bar-c-clear-button__reset-icon path {
stroke: var(--tec-color-icon-primary);
}
/* -----------------------------------------------------------------------------
*
* Dropdown
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar {
/* -------------------------------------------------------------------------
*
* Dropdown: Theme Overrides
*
* ------------------------------------------------------------------------- */
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection {
background-color: var(--tec-color-accent-secondary);
border: none;
border-radius: 14px;
color: var(--tec-color-background);
display: inline-block;
margin-bottom: var(--tec-spacer-1);
transition: var(--tec-transition-background-color);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection:hover {
background-color: var(--tec-color-accent-secondary-hover);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-container--open .select2-selection {
border-radius: 14px;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection__rendered {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-1);
line-height: var(--tec-line-height-0);
font-weight: var(--tec-font-weight-regular);
font-weight: var(--tec-font-weight-bold);
align-items: center;
display: flex;
flex-wrap: nowrap;
padding: 5px 11px 7px 12px;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-search__field {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-3);
line-height: var(--tec-line-height-3);
font-weight: var(--tec-font-weight-regular);
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='var(--tec-color-icon-primary)'/%3E%3C/svg%3E") var(--tec-color-background) 12px center / 14px no-repeat;
border: 1px solid var(--tec-color-border-default);
border-radius: var(--tec-border-radius-default);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-search__field::placeholder {
color: var(--tec-color-text-secondary);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection__clear {
color: var(--tec-color-background);
font-size: 16px;
font-weight: 600;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection__clear:hover {
opacity: var(--tec-opacity-icon-hover);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection__choice__text {
color: var(--tec-color-background);
white-space: normal;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection__arrow {
display: none !important;
visibility: hidden;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-results__option {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-2);
line-height: var(--tec-line-height-3);
font-weight: var(--tec-font-weight-regular);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-results__option:focus {
outline: none;
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-results__option--highlighted {
background-color: transparent;
opacity: var(--tec-opacity-icon-hover);
transition: var(--tec-transition-opacity);
}
.tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-dropdown {
background-color: transparent;
}
/* -------------------------------------------------------------------------
* Theme Overrides - Twenty Seventeen
* ------------------------------------------------------------------------- */
.tribe-theme-twentyseventeen .tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-search__field {
border-radius: var(--tec-border-radius-default);
}
/* -------------------------------------------------------------------------
* Theme Overrides - Avada
* ------------------------------------------------------------------------- */
.fusion-body .tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection {
height: auto;
}
.fusion-body .tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-selection__rendered {
font-size: var(--tec-font-size-1);
line-height: var(--tec-line-height-0);
padding: 5px 11px 7px 12px;
}
/* -------------------------------------------------------------------------
* Theme Overrides - Enfold
* ------------------------------------------------------------------------- */
#top.tribe-theme-enfold .tribe-filter-bar .tribe-filter-bar-c-dropdown .select2-search__field {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='var(--tec-color-icon-primary)'/%3E%3C/svg%3E") var(--tec-color-background) 12px center / 14px no-repeat;
padding: 0 20px 0 34px;
}
/* -----------------------------------------------------------------------------
*
* Filter
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar {
/* -------------------------------------------------------------------------
*
* Filter: Theme Overrides
*
* ------------------------------------------------------------------------- */
}
.tribe-filter-bar .tribe-filter-bar-c-filter {
border-top: 1px solid var(--tec-color-border-secondary);
}
.tribe-filter-bar .tribe-filter-bar-c-filter__toggle,
.tribe-filter-bar .tribe-filter-bar-c-filter--accordion .tribe-filter-bar-c-filter__toggle {
font-weight: var(--tec-font-weight-bold);
}
.tribe-filter-bar .tribe-filter-bar-c-filter__toggle-minus-icon path, .tribe-filter-bar .tribe-filter-bar-c-filter__toggle-plus-icon path {
stroke: var(--tec-color-icon-primary);
}
/* These styles mirror the styles in `_pill.pcss` and override the mobile styles. */
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill {
border-top: none;
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__toggle {
font-size: var(--tec-font-size-1);
line-height: var(--tec-line-height-0);
background-color: var(--tec-color-background);
border: 1px solid var(--tec-color-icon-disabled);
border-radius: 18px;
font-weight: var(--tec-font-weight-regular);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__toggle:hover,
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__toggle:focus {
background-color: var(--tec-color-background-secondary);
border-color: var(--tec-color-icon-primary);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__toggle:active {
background-color: var(--tec-color-background);
border-color: var(--tec-color-border-tertiary);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill.tribe-filter-bar-c-filter--has-selections .tribe-filter-bar-c-filter__toggle {
background-color: var(--tec-color-background-secondary);
border: 1px solid var(--tec-color-icon-primary);
font-weight: var(--tec-font-weight-bold);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill.tribe-filter-bar-c-filter--has-selections .tribe-filter-bar-c-filter__toggle:hover,
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill.tribe-filter-bar-c-filter--has-selections .tribe-filter-bar-c-filter__toggle:focus {
background-color: var(--tec-color-background-secondary-hover);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill.tribe-filter-bar-c-filter--has-selections .tribe-filter-bar-c-filter__toggle:active {
background-color: var(--tec-color-background);
border-color: var(--tec-color-border-tertiary);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__remove-button path {
transition: var(--tec-transition-opacity);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__remove-button:hover path, .tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__remove-button:focus path {
opacity: var(--tec-opacity-icon-hover);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__remove-button-icon path {
stroke: var(--tec-color-icon-active);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__container {
border: 1px solid var(--tec-color-border-secondary);
border-radius: var(--tec-border-radius-default);
box-shadow: var(--tec-box-shadow-tooltip);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__filters-close:hover .tribe-filter-bar-c-filter__filters-close-icon path, .tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__filters-close:focus .tribe-filter-bar-c-filter__filters-close-icon path {
stroke: var(--tec-color-icon-active);
}
.tribe-common--breakpoint-medium .tribe-filter-bar .tribe-filter-bar-c-filter--pill .tribe-filter-bar-c-filter__filters-close-icon path {
stroke: var(--tec-color-icon-primary);
}
/* -------------------------------------------------------------------------
* Theme Overrides - Twenty Seventeen
* ------------------------------------------------------------------------- */
.tribe-theme-twentyseventeen .tribe-filter-bar .tribe-filter-bar-c-filter__toggle,
.tribe-theme-twentyseventeen .tribe-filter-bar .tribe-filter-bar-c-filter__toggle:hover,
.tribe-theme-twentyseventeen .tribe-filter-bar .tribe-filter-bar-c-filter__toggle:focus {
background-color: transparent;
}
.tribe-theme-twentyseventeen .tribe-filter-bar .tribe-filter-bar-c-filter__filters-fieldset {
background-color: transparent;
}
/* -----------------------------------------------------------------------------
* Theme Overrides - Twenty Twenty One
* ----------------------------------------------------------------------------- */
.tribe-theme-twentytwentyone .tribe-filter-bar .tribe-filter-bar-c-filter__toggle-wrapper button:focus {
outline-offset: 0;
}
.tribe-theme-twentytwentyone .tribe-filter-bar button.tribe-filter-bar-c-pill__pill:focus {
outline: none;
outline-offset: 0;
}
/* -----------------------------------------------------------------------------
*
* Multiselect
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar {
/* -------------------------------------------------------------------------
*
* Multiselect: Theme Overrides
*
* ------------------------------------------------------------------------- */
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-selection {
background-color: transparent;
border: none;
cursor: default;
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-selection__rendered {
border: none;
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-dropdown {
background-color: transparent;
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-search__field {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-3);
line-height: var(--tec-line-height-3);
font-weight: var(--tec-font-weight-regular);
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='var(--tec-color-icon-primary)'/%3E%3C/svg%3E") var(--tec-color-background) 12px center / 14px no-repeat;
border: 1px solid var(--tec-color-border-default);
border-radius: var(--tec-border-radius-default);
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-search__field::placeholder {
color: var(--tec-color-text-secondary);
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-selection__choice {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-1);
line-height: var(--tec-line-height-0);
font-weight: var(--tec-font-weight-regular);
font-weight: var(--tec-font-weight-bold);
background-color: var(--tec-color-accent-secondary);
border: 1px solid var(--tec-color-accent-secondary);
border-radius: 14px;
color: var(--tec-color-background);
transition: var(--tec-transition-background-color);
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-selection__choice:hover {
background-color: var(--tec-color-accent-secondary-hover);
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-selection__choice__remove {
color: var(--tec-color-background);
font-size: 16px;
font-weight: 600;
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-selection__choice__remove:hover {
color: var(--tec-color-background);
opacity: var(--tec-opacity-icon-hover);
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-results__option {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-2);
line-height: var(--tec-line-height-3);
font-weight: var(--tec-font-weight-regular);
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-results__option:focus {
outline: none;
}
.tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-results__option--highlighted {
background-color: transparent;
opacity: var(--tec-opacity-select-highlighted);
transition: var(--tec-transition-opacity);
}
/* -------------------------------------------------------------------------
* Theme Overrides - Twenty Seventeen
* ------------------------------------------------------------------------- */
.tribe-theme-twentyseventeen .tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-search__field {
border-radius: var(--tec-border-radius-default);
color: var(--tec-color-text-primary);
}
/* -------------------------------------------------------------------------
* Theme Overrides - Enfold
* ------------------------------------------------------------------------- */
#top.tribe-theme-enfold .tribe-filter-bar .tribe-filter-bar-c-multiselect .select2-search__field {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='var(--tec-color-icon-primary)'/%3E%3C/svg%3E") var(--tec-color-background) 12px center / 14px no-repeat;
padding: 0 20px 0 34px;
}
/* -----------------------------------------------------------------------------
*
* Pill
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar .tribe-filter-bar-c-pill__pill {
background-color: var(--tec-color-background);
border: 1px solid var(--tec-color-icon-disabled);
border-radius: 18px;
}
.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill {
background-color: var(--tec-color-background);
transition: var(--tec-transition);
}
.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:hover,
.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:focus {
background-color: var(--tec-color-background-secondary);
border-color: var(--tec-color-icon-primary);
}
.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:active {
background-color: var(--tec-color-background);
border-color: var(--tec-color-border-tertiary);
}
.tribe-filter-bar .tribe-filter-bar-c-pill--has-selections .tribe-filter-bar-c-pill__pill {
background-color: var(--tec-color-background-secondary);
border: 1px solid var(--tec-color-icon-primary);
border-radius: 14px;
font-weight: var(--tec-font-weight-bold);
}
.tribe-filter-bar .tribe-filter-bar-c-pill--has-selections.tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:hover,
.tribe-filter-bar .tribe-filter-bar-c-pill--has-selections.tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:focus {
background-color: var(--tec-color-background-secondary-hover);
}
.tribe-filter-bar .tribe-filter-bar-c-pill--has-selections.tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:active {
background-color: var(--tec-color-background);
border-color: var(--tec-color-border-tertiary);
}
.tribe-filter-bar .tribe-filter-bar-c-pill__remove-button path {
transition: var(--tec-transition-opacity);
}
.tribe-filter-bar .tribe-filter-bar-c-pill__remove-button:hover path, .tribe-filter-bar .tribe-filter-bar-c-pill__remove-button:focus path {
opacity: var(--tec-opacity-icon-hover);
}
.tribe-filter-bar .tribe-filter-bar-c-pill__remove-button-icon path {
stroke: var(--tec-color-icon-active);
}
/* -------------------------------------------------------------------------
* Theme Overrides - Avada
* ------------------------------------------------------------------------- */
.fusion-body .tribe-filter-bar .tribe-filter-bar-c-pill .tribe-filter-bar-c-pill__pill {
font-size: var(--tec-font-size-1);
line-height: var(--tec-line-height-0);
}
.fusion-body .tribe-filter-bar .tribe-filter-bar-c-pill--has-selections .tribe-filter-bar-c-pill__pill {
font-weight: var(--tec-font-weight-bold);
}
/* -----------------------------------------------------------------------------
*
* Radio
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar .tribe-filter-bar-c-range__label {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-2);
line-height: var(--tec-line-height-3);
font-weight: var(--tec-font-weight-regular);
color: var(--tec-color-text-secondary);
}
.tribe-filter-bar .tribe-filter-bar-c-range__slider {
background: var(--tec-color-border-default);
border-radius: 2px;
height: 4px;
margin: var(--tec-spacer-1) 10px;
}
.tribe-filter-bar .tribe-filter-bar-c-range__slider .ui-slider-range {
background: var(--tec-color-accent-secondary);
}
.tribe-filter-bar .tribe-filter-bar-c-range__slider .ui-slider-handle {
background-color: var(--tec-form-color-background);
border: 1px solid var(--tec-form-color-border-secondary);
border-radius: 50%;
box-shadow: var(--tec-form-box-shadow-default);
height: 20px;
width: 20px;
margin-top: -5px;
background: var(--tec-form-color-background);
margin: 0 0 0 -10px;
top: 50%;
transform: translateY(-50%);
}
.tribe-filter-bar .tribe-filter-bar-c-range__slider .ui-slider-handle.ui-state-active {
background-color: var(--tec-color-background-secondary);
}
.tribe-filter-bar .tribe-filter-bar-c-range__slider .ui-slider-handle:before,
.tribe-filter-bar .tribe-filter-bar-c-range__slider .ui-slider-handle:after {
content: none;
}
/* -----------------------------------------------------------------------------
*
* Filter Button
*
* ----------------------------------------------------------------------------- */
.tribe-events {
/* -------------------------------------------------------------------------
*
* Filter Button: Theme Overrides
*
* ------------------------------------------------------------------------- */
}
.tribe-common--breakpoint-medium.tribe-events--filter-bar-horizontal.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar__filter-button-container {
border-right: 1px solid var(--tec-color-border-events-bar);
}
.tribe-events .tribe-events-c-events-bar__filter-button:hover,
.tribe-events .tribe-events-c-events-bar__filter-button:focus {
opacity: var(--tec-opacity-icon-hover);
}
.tribe-events .tribe-events-c-events-bar__filter-button:active {
opacity: var(--tec-opacity-icon-active);
}
.tribe-events .tribe-events-c-events-bar__filter-button:before {
background-color: var(--tec-color-icon-events-bar-hover);
content: '';
display: none;
height: 2px;
pointer-events: none;
position: absolute;
top: 100%;
transform: translateY(var(--tec-spacer-0));
width: calc(100% - var(--tec-spacer-0)*2);
}
.tribe-common--breakpoint-medium.tribe-events--filter-bar-horizontal.tribe-events .tribe-events-c-events-bar__filter-button:before {
transform: none;
width: calc(100% - var(--tec-spacer-1)*2);
}
.tribe-common--breakpoint-medium.tribe-events--filter-bar-horizontal.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar__filter-button:before {
content: none;
}
.tribe-events .tribe-events-c-events-bar__filter-button--active:before {
display: block;
}
.tribe-events .tribe-events-c-events-bar__filter-button-icon path {
fill: var(--tec-color-icon-events-bar-active);
}
.tribe-events .tribe-events-c-events-bar__filter-button-text {
text-transform: capitalize;
}
/* -------------------------------------------------------------------------
* Theme Overrides - Twenty Seventeen
* ------------------------------------------------------------------------- */
.tribe-theme-twentyseventeen.colors-dark .tribe-events .tribe-events-c-events-bar__filter-button,
.tribe-theme-twentyseventeen.colors-dark .tribe-events .tribe-events-c-events-bar__filter-button:hover,
.tribe-theme-twentyseventeen.colors-dark .tribe-events .tribe-events-c-events-bar__filter-button:focus {
background-color: transparent;
}
/* Views */
/* -----------------------------------------------------------------------------
*
* Views
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
*
* Filter Bar
*
* This file is just a clearing-house.
* Make partials (start with an underscore) for any actual css code.
*
* ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
*
* Actions
*
* ----------------------------------------------------------------------------- */
/* .tribe-filter-bar {
} */
/* -----------------------------------------------------------------------------
*
* Filter Bar
*
* ----------------------------------------------------------------------------- */
/* .tribe-filter-bar {
} */
/* -----------------------------------------------------------------------------
*
* Filters
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar .tribe-filter-bar__filters {
border-bottom: 1px solid var(--tec-color-border-secondary);
}
.tribe-common--breakpoint-medium .tribe-filter-bar--horizontal.tribe-filter-bar .tribe-filter-bar__filters {
border-bottom: none;
}
/* -----------------------------------------------------------------------------
*
* Filters Slider
*
* ----------------------------------------------------------------------------- */
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav:before,
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav:after {
height: 100%;
position: absolute;
top: 0;
width: 60px;
}
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav--overflow-start:before {
background: linear-gradient(-90deg, rgba(var(--tec-color-background), 0) 15%, var(--tec-color-background) 70%);
content: '';
left: -1px;
}
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav--overflow-end:after {
background: linear-gradient(90deg, rgba(var(--tec-color-background), 0) 15%, var(--tec-color-background) 70%);
content: '';
right: 0;
}
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav-button:hover .tribe-filter-bar__filters-slider-nav-button-icon path, .tribe-filter-bar .tribe-filter-bar__filters-slider-nav-button:focus .tribe-filter-bar__filters-slider-nav-button-icon path {
fill: var(--tec-color-accent-secondary-hover);
}
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav-button:active .tribe-filter-bar__filters-slider-nav-button-icon path {
fill: var(--tec-color-accent-secondary-active);
}
.tribe-filter-bar .tribe-filter-bar__filters-slider-nav-button-icon path {
fill: var(--tec-color-border-tertiary);
}
/* Compatibility with Elementor */
.tribe-filter-bar .tribe-swiper-slide {
width: auto;
}
/* -----------------------------------------------------------------------------
*
* Selections
*
* ----------------------------------------------------------------------------- */
.tribe-common--breakpoint-medium .tribe-filter-bar.tribe-filter-bar--vertical .tribe-filter-bar__selected-filters {
border-top: 1px solid var(--tec-color-border-secondary);
}