Файловый менеджер - Редактировать - /home/digitalm/invisalign/wp-content/themes/healthy-smiles/assets/css/templates/tribe-events.css
Назад
/** * The Events Calendar Full Stylesheet * (Some of these styles may override your current theme's styles) * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ /* ----------------------------------------------------------------------------- * * 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-load arrow-right-active url('../icons/arrow-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load arrow-right-secondary url('../icons/arrow-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load arrow-right-white url('../icons/arrow-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ @svg-load arrow url('../icons/arrow.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ @svg-load caret-down url('../icons/caret-down.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ @svg-load caret-left url('../icons/caret-left.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-left-active url('../icons/caret-left.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-left-disabled url('../icons/caret-left.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-left-secondary url('../icons/caret-left.svg') { path { fill: var(--tec---e-global-color-textcolor-icon-secondary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ @svg-load caret-right url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-active url('../icons/caret-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-right-disabled url('../icons/caret-right.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-right-secondary url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-white url('../icons/caret-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ @svg-load caret-up url('../icons/caret-up.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ @svg-load check-white url('../icons/check.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ @svg-load close url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } @svg-load close-secondary url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ @svg-load day url('../icons/day.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ @svg-load dropdown url('../icons/dropdown.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ @svg-load error-active url('../icons/error.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ @svg-load featured url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-active url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-white url('../icons/featured-event.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ @svg-load filters url('../icons/filters.svg') { path { stroke: var(--e-global-color-text); } circle { stroke: var(--e-global-color-text); } } @svg-load filters-active url('../icons/filters.svg') { path { stroke: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } @svg-load filters-disabled url('../icons/filters.svg') { path { stroke: var(--e-global-color-alternate); } circle { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ @svg-load link-active url('../icons/link.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ @svg-load guest-active url('../icons/guest.svg') { path { fill: var(--tec-color-accent-primary); stroke: var(--tec-color-accent-primary); } } @svg-load guest-disabled url('../icons/guest.svg') { path { fill: var(--e-global-color-alternate); stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ @svg-load list url('../icons/list.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ @svg-load location url('../icons/location.svg') { path { fill: var(--e-global-color-text); } } @svg-load location-active url('../icons/location.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load location-disabled url('../icons/location.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load location-focus url('../icons/location.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ @svg-load mail-active url('../icons/mail.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ @svg-load map url('../icons/map.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ @svg-load map-pin-active url('../icons/map-pin.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ @svg-load messages-not-found url('../icons/messages-not-found.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ @svg-load month url('../icons/month.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ @svg-load no-map url('../icons/no-map.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ @svg-load paper-plane-active url('../icons/paper-plane.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ @svg-load phone-active url('../icons/phone.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ @svg-load photo url('../icons/photo.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ @svg-load plus-focus url('../icons/plus.svg') { path { stroke: var(--e-global-color-primary); } } @svg-load plus-white url('../icons/plus.svg') { path { stroke: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ @svg-load recurring url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load recurring-active url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ @svg-load remove url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } @svg-load remove-secondary url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ @svg-load reset url('../icons/reset.svg') { path { stroke: var(--e-global-color-text); } } @svg-load reset-active url('../icons/reset.svg') { path { stroke: var(--tec-color-accent-primary); } } @svg-load reset-disabled url('../icons/reset.svg') { path { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ @svg-load search url('../icons/search.svg') { path { fill: var(--e-global-color-text); } } @svg-load search-active url('../icons/search.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load search-disabled url('../icons/search.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load search-focus url('../icons/search.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ @svg-load search-filter url('../icons/search-filter.svg') { path { fill: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ @svg-load week url('../icons/week.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ @svg-load cal-export url('../icons/cal-export.svg') {}/* stylelint-disable-line block-no-empty */ /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ .rtl .tribe-common-c-svgicon--caret-left, .rtl .tribe-common-c-svgicon--caret-right { transform: rotate(180deg); } abbr { text-decoration: none; } a[href] { color: var(--tec-color-link-primary); background-color: transparent; -webkit-text-decoration-skip: objects; } a[href]:hover { color: var(--cmsmasters-colors-hover); } h1 a[href], h2 a[href], h3 a[href], h4 a[href], h5 a[href], h6 a[href] { color: inherit; } /* Event Schedule Detail Styling */ .tribe-events-divider { display: none; } .tribe-section-s { padding: 5px 0; } /* Cost */ .tribe-events-event-cost { display: flex; align-items: center; float: none; margin: 0 0 15px; } .tribe-events-event-cost span { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--e-global-color-secondary); background-color: var(--tec-price-bg-color, var(--e-global-color-alternate)); border: 1px solid var(--e-global-color-border); display: block; padding: 8px 12px; text-align: center; text-overflow: ellipsis; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-event-cost span { padding: 5px 10px; } } .tribe-events-event-cost .tribe-tickets-left { background-color: var(--e-global-color-alternate); color: var(--e-global-color-secondary); } .tribe-events-event-cost .tribe-out-of-stock { background-color: var(--e-global-color-alternate); color: var(--e-global-color-secondary); } .tribe-events-event-cost .tribe-ticket-cost { margin: 0; } input.tribe-button, button.tribe-button, a.tribe-button, .tribe-button { border-radius: 3px; line-height: 1; margin: 10px; padding: 9px 12px; } input.tribe-button.sold-out, button.tribe-button.sold-out, a.tribe-button.sold-out, .tribe-button.sold-out { background: none; border: none; color: #a00; } input.tribe-button.sold-out:hover, button.tribe-button.sold-out:hover, a.tribe-button.sold-out:hover, .tribe-button.sold-out:hover { cursor: default; } /* = Global & Miscellaneous Styles ============================================= */ #tribe-events, #tribe-events-pg-template, .tribe-events-pg-template { background-color: var(--tec-color-background-events); } /* Default Events Template Base HTML Styles */ .tribe-events-after-html { clear: both; } .tribe-events-back { margin: 0 0 20px; } .events-list .tribe-events-back.tribe-events-loop { margin: 0 auto 20px; } /* Global Main Button Style */ .tribe-events-button, .tribe-events-button[href], #tribe-events .tribe-events-button, #tribe-events .tribe-events-button[href] { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); color: var(--tec-color-text-events-bar-submit-button); background-color: var(--tec-color-background-events-bar-submit-button); *display: inline; box-shadow: none; cursor: pointer; display: inline-block; vertical-align: middle; zoom: 1; } .tribe-events-button:hover, .tribe-events-button[href]:hover, #tribe-events .tribe-events-button:hover, #tribe-events .tribe-events-button[href]:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } .tribe-events-button:before, .tribe-events-button:after, .tribe-events-button[href]:before, .tribe-events-button[href]:after, #tribe-events .tribe-events-button:before, #tribe-events .tribe-events-button:after, #tribe-events .tribe-events-button[href]:before, #tribe-events .tribe-events-button[href]:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-events-button:before, .tribe-events-button[href]:before, #tribe-events .tribe-events-button:before, #tribe-events .tribe-events-button[href]:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } .tribe-events-button:after, .tribe-events-button[href]:after, #tribe-events .tribe-events-button:after, #tribe-events .tribe-events-button[href]:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } .tribe-events-button:hover:before, .tribe-events-button[href]:hover:before, #tribe-events .tribe-events-button:hover:before, #tribe-events .tribe-events-button[href]:hover:before { opacity: 0; } .tribe-events-button:hover:after, .tribe-events-button[href]:hover:after, #tribe-events .tribe-events-button:hover:after, #tribe-events .tribe-events-button[href]:hover:after { opacity: 1; } .tribe-events-button:before, .tribe-events-button[href]:before, #tribe-events .tribe-events-button:before, #tribe-events .tribe-events-button[href]:before { background-color: var(--tec-color-background-events-bar-submit-button); } .tribe-events-button:focus:after, .tribe-events-button:hover:after, .tribe-events-button[href]:focus:after, .tribe-events-button[href]:hover:after, #tribe-events .tribe-events-button:focus:after, #tribe-events .tribe-events-button:hover:after, #tribe-events .tribe-events-button[href]:focus:after, #tribe-events .tribe-events-button[href]:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-button:active, .tribe-events-button[href]:active, #tribe-events .tribe-events-button:active, #tribe-events .tribe-events-button[href]:active { color: var(--cmsmasters-button-hover-colors-color); } .tribe-events-button:active:after, .tribe-events-button[href]:active:after, #tribe-events .tribe-events-button:active:after, #tribe-events .tribe-events-button[href]:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-button:focus, .tribe-events-button:hover, .tribe-events-button[href]:focus, .tribe-events-button[href]:hover, #tribe-events .tribe-events-button:focus, #tribe-events .tribe-events-button:hover, #tribe-events .tribe-events-button[href]:focus, #tribe-events .tribe-events-button[href]:hover { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-button:active, .tribe-events-button[href]:active, #tribe-events .tribe-events-button:active, #tribe-events .tribe-events-button[href]:active { color: var(--cmsmasters-button-hover-colors-color); background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-button.tribe-active { color: var(--cmsmasters-button-hover-colors-color); background-color: var(--cmsmasters-button-hover-colors-bg); border-color: var(--cmsmasters-button-hover-colors-bd); } .tribe-events-button.tribe-inactive, .tribe-events-button:hover, #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover { color: var(--cmsmasters-button-hover-colors-color); background-color: var(--cmsmasters-button-hover-colors-bg); border-color: var(--cmsmasters-button-hover-colors-bd); } /* Calendar Add Buttons */ a.tribe-events-ical, a.tribe-events-gcal, a.tribe-events-ics { clear: both; float: right; margin-top: 21px; margin-right: 9px; } .single-tribe_events a.tribe-events-ical, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ics { float: none; } /* Google Maps */ .tribe-events-event-meta .tribe-events-gmap, .tribe-events-event-meta-desc .tribe-events-gmap { white-space: nowrap; } /* Fixes for rich snippets */ .event .entry-title { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; padding: inherit; } .updated-info { height: 0; text-indent: -9999px; } /* Featured Images */ .tribe-events-event-image { line-height: 0; margin: 0 0 20px; text-align: left; } .tribe-events-event-image a { color: var(--tec-photo-bg-color); transition: opacity .3s ease-in-out; } .tribe-events-event-image a:hover { opacity: .7; } .tribe-events-event-image img { height: auto; max-width: 100%; } /* Event Schedule Detail Styling */ .tribe-events-schedule h2 { font-family: var(--cmsmasters-text-font-family); font-weight: var(--cmsmasters-text-font-weight); font-style: var(--cmsmasters-text-font-style); text-transform: var(--cmsmasters-text-text-transform); text-decoration: var(--cmsmasters-text-text-decoration); font-size: var(--cmsmasters-text-font-size); line-height: var(--cmsmasters-text-line-height); letter-spacing: var(--cmsmasters-text-letter-spacing); display: inline-block; margin-bottom: 0; } .tribe-events-event-schedule-details { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date); display: inline-flex; margin: 0 0 10px; } .tribe-event-description p { margin: 0 0 10px; } .tribe-event-description p:last-child { margin: 0; } /* 2011 Theme Extra Calendar Room */ .events-archive { /* Remove "Edit" Link from unneeded templates */ } .events-archive .entry-content, .events-archive .entry-header { width: 98%; } .events-archive span.edit-link { display: none; } /* Remove unused header / footer elements on non-event page template */ .events-archive header.entry-header, .events-archive header.entry-meta, .events-archive footer.entry-header, .events-archive footer.entry-meta, .single-tribe_events header.entry-header, .single-tribe_events header.entry-meta, .single-tribe_events footer.entry-header, .single-tribe_events footer.entry-meta, .single-tribe_venue header.entry-header, .single-tribe_venue header.entry-meta, .single-tribe_venue footer.entry-header, .single-tribe_venue footer.entry-meta, .single-tribe_organizer header.entry-header, .single-tribe_organizer header.entry-meta, .single-tribe_organizer footer.entry-header, .single-tribe_organizer footer.entry-meta { display: none; } /* Event Notices */ .tribe-events-notices { background: var(--e-global-color-alternate); border-radius: 4px; border: 1px solid var(--e-global-color-border); margin: 10px 0 18px; padding-left: 14px; padding-right: 35px; padding-top: 8px; padding-bottom: 8px; } div.tribe-events-notices > ul, div.tribe-events-notices > ul > li { list-style: none; margin: 0; padding: 0; } /* Promotional Styles */ #tribe-events-content p.tribe-events-promo { color: #999; font-size: 12px; } #tribe-events-content p.tribe-events-promo a { color: #666; } /* Miscellaneous Helper Classes */ .clearfix, .tribe-clearfix { zoom: 1; } .clearfix::before, .clearfix::after, .tribe-clearfix::before, .tribe-clearfix::after { content: ''; display: table; } .clearfix::after, .clearfix::after, .tribe-clearfix::after, .tribe-clearfix::after { clear: both; } .tribe-clear { clear: both; } .tribe-events-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-hide-text { overflow: hidden; text-indent: 100%; white-space: nowrap; } .tribe-events-error { display: none; } .tribe-events-multi-event-day { color: var(--e-global-color-accent); } /* Tribe Spinner */ .tribe-events-spinner { height: 32px; margin-left: -16px; width: 32px; } .tribe-events-spinner-medium { height: 24px; width: 24px; } .tribe-events-spinner-small { height: 16px; margin-left: -8px; width: 16px; } /* IE7 Tweaks */ * + html .events-archive .tribe-events-page-title { padding-bottom: 30px; } * + html .events-archive .tribe-events-list .tribe-events-page-title { padding-bottom: 0; } * + html #tribe-events-header { margin-bottom: 30px; } /* General Template Headers */ .tribe-events-page-title { clear: none; margin-bottom: 50px; position: relative; text-align: center; z-index: 0; /* don't float on filter list view */ } .tribe-events-filter-view.events-list .tribe-events-page-title { width: 100%; float: none; } /* General Template Header/Footer Nav */ #tribe-events-header, #tribe-events-footer { clear: both; margin-bottom: .5em; position: relative; } #tribe-events-header .tribe-events-sub-nav, #tribe-events-footer .tribe-events-sub-nav { list-style-type: none; margin: 0; overflow: hidden; padding: 0; text-align: center; } #tribe-events-header .tribe-events-sub-nav li, #tribe-events-footer .tribe-events-sub-nav li { *display: inline; display: inline-block; margin: 0; vertical-align: middle; zoom: 1; } #tribe-events-header .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-footer .tribe-events-sub-nav li, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous { float: left; margin-right: 5px; text-align: left; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next { float: right; margin-right: 0; margin-left: 5px; text-align: right; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-left, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-left { float: left; text-align: left; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-right, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-right { float: right; text-align: right; } .tribe-events-ajax-loading { background: var(--e-global-color-tertiary); border-radius: 5px; box-shadow: none; display: none; left: 50%; margin-left: -27px; padding: 15px; position: absolute; top: 150px; z-index: 10; } .tribe-events-loading .tribe-events-ajax-loading, .tribe-events-ajax-loading.tribe-events-active-spinner, .tribe-events-ajax-loading.tribe-events-active-spinner img { display: block; } #tribe-events-header { display: none; } #tribe-events-footer { margin-bottom: 1em; } .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { border-top: 1px solid var(--e-global-color-border); padding-top: 2em; } /* List & Map & Day Nav Tweaks */ .events-list #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer { clear: both; margin: 1.25em 0 18px; } /* Single Event & Map View Nav Tweaks */ .tribe-events-map #tribe-events-header { margin: 1em 0; } .single-tribe_events #tribe-events-header { margin: 1em 0 20px; } .single-tribe_events #tribe-events-header li, .single-tribe_events #tribe-events-footer li { width: 48%; } #tribe-events-content .tribe-events-nav-date { padding-top: 16px; } select.tribe-events-dropdown { font-size: 11px; margin-left: 0; margin-right: 9px; margin-top: 33px; margin-bottom: 0; width: auto; } #tribe-events-events-picker, #tribe-events-picker { display: inline; } /* = Calendar View & List View Template Styles @ Template: month.php & list.php ============================================= */ #tribe-events-content { position: relative; } #tribe-events-content.tribe-events-list { padding: 0; } .tribe-events-othermonth div[id*='tribe-events-daynum-'], .tribe-events-othermonth .tribe-events-month-event-title { -khtml-opacity: .4; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter: alpha(opacity=40); opacity: .4; } /* = List View Template Styles @ Template: list.php ============================================= */ .tribe-events-list .tribe-events-loop .tribe-event-featured { background: var(--tec-featured-color-scheme-custom); padding: 0 1.5rem 1rem; /* Cost */ } .tribe-events-list .tribe-events-loop .tribe-event-featured.tribe-events-first { padding-top: 0; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-image { line-height: 0; display: block; float: none; margin: 0 -1.5rem 20px; width: auto; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title { display: inline-block; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title a { color: var(--e-global-color-background); opacity: 1; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title a:hover { opacity: .7; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-meta { background-color: transparent; color: var(--e-global-color-background); opacity: .9; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-content { color: var(--e-global-color-background); opacity: .9; } .tribe-events-list .tribe-events-loop .tribe-event-featured a { color: var(--e-global-color-background); transition: opacity .3s ease-in-out; } .tribe-events-list .tribe-events-loop .tribe-event-featured a:active, .tribe-events-list .tribe-events-loop .tribe-event-featured a:hover { color: var(--e-global-color-background) !important; opacity: .7; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost { margin: 30px 0; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span { border: 0; color: var(--e-global-color-background); display: block; padding: 8px 12px; text-align: center; text-overflow: ellipsis; position: relative; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span { padding: 5px 10px; } } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span:before, .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span:before { background-color: var(--e-global-color-background); opacity: .2; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost span:after { border: 1px solid var(--e-global-color-background); opacity: .4; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost .ticket-cost { background: transparent; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost .tribe-ticket-cost { margin: 0; } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost .tribe-button { color: var(--e-global-color-secondary); } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost .tribe-button:hover { color: var(--tec-featured-color-scheme-custom); } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-events-event-cost .tribe-button:active { color: var(--e-global-color-secondary); } .tribe-events-list .tribe-events-loop .tribe-event-featured .tribe-button { background: var(--e-global-color-background); color: var(--tec-featured-color-scheme-custom); } .tribe-events-list .tribe-events-loop .tribe-events-event-image { float: left; margin-left: 0; margin-right: 3%; margin-top: 0; margin-bottom: 0; width: 30%; } .tribe-events-list .tribe-events-loop .tribe-events-content { width: 100%; } .tribe-events-list .tribe-events-list-event-title { border: none; display: inline-block; margin: 0; padding: 0; } .tribe-events-list .type-tribe_events { border-bottom: 0; margin-bottom: 2.5rem; padding: 0; position: relative; } .tribe-events-list .type-tribe_events:first-of-type { margin-top: 1.5rem; } .tribe-events-list .type-tribe_events.tribe-event-end-month { border-bottom: 0; padding-bottom: 1.5em; } .tribe-events-list .tribe-events-event-image { display: inline-block; float: left; margin-left: 0; margin-right: 3%; margin-top: 0; margin-bottom: 0; /* Reset list-view descriptions to static position; fixes bug with relative positioning that prevented the full area of the .tribe-events-event-image being "clickable". */ } .tribe-events-list .tribe-events-event-image img { height: auto; margin: 0; padding: 0; width: 100%; } .tribe-events-list .tribe-events-event-image + div.tribe-events-content { display: block; float: none; position: relative; } .tribe-events-list .tribe-events-event-image + div.tribe-events-content.tribe-events-list-event-description { position: static; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo { *display: inline; display: inline-block; zoom: 1; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .event-is-recurring { position: relative; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .tribe-events-content { padding: 0; width: 100%; } .tribe-events-list .time-details, .tribe-events-list .tribe-events-venue-details { display: block; margin: 0; } .tribe-events-list .time-details { margin: 0 0 8px; } .tribe-events-list .tribe-events-venue-details { margin: 15px 0; } .tribe-events-event-details .tribe-events-event-meta address.tribe-events-address { font: inherit; } /* Date Separators */ .tribe-events-list-separator-year { color: var(--e-global-color-alternate); display: block; font-size: 38px; font-weight: bold; padding: 1em 2.25em 0; text-align: center; } .tribe-events-list-separator-month { text-align: center; display: block; margin: 1em auto; padding: 6px 10px; z-index: 1; position: relative; } .tribe-events-list-separator-year + .tribe-events-list-separator-month { margin-top: .25em; } .tribe-events-list-separator-month:after { content: ''; border-bottom: 1px solid var(--e-global-color-border); height: 1px; width: 100%; display: block; position: absolute; top: 50%; left: 0; z-index: -1; } .tribe-events-list-separator-month span { background-color: var(--e-global-color-background); padding: 0 7.5%; } /* = List View & Single Venue (Pro Version) Template Styles @ Template: list.php & single-venue.php ============================================= */ /* Loop */ .tribe-events-loop { clear: both; /* Meta */ } .tribe-events-loop .type-tribe_events.tribe-events-last { border-bottom: 0; } .tribe-events-loop .tribe-events-content { float: left; width: 60%; } .tribe-events-loop h3 { margin: 0; } .tribe-events-loop .tribe-events-event-meta { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date); border: 0; clear: both; float: none; margin: 5px 0 15px; overflow: visible; } .tribe-events-event-meta address.tribe-events-address { display: inline; font-family: inherit; font-size: inherit; font-style: normal; line-height: inherit; margin-right: 10px; } .single-tribe_venue .tribe-events-loop .tribe-events-content p { margin: 0; } .events-archive h3 .published, .single-tribe_venue h3 .published { font-size: 18px; font-style: italic; margin-top: 0; text-transform: none; } .tribe-events-event-meta-desc, .tribe-events-event-day { color: var(--e-global-color-secondary); } .venue-address { margin-top: 1em; } .venue-address > * { display: block; margin-top: 0.5em; } /* = Single Event Template Styles @ Template: single-event.php ============================================= */ .single-tribe_events .tribe-events-single-event-title { color: var(--tec-color-text-event-title); margin: 0; } .single-tribe_events .tribe-events-single-event-recurrence-description { align-items: center; display: flex; font-size: 1em; margin: 0.5em 0 1.5em; } .single-tribe_events .tribe-events-single-event-recurrence-description > img { height: 1em; } .single-tribe_events .tribe-events-single-event-recurrence-description > a { color: var(--e-global-color-accent); font-size: 0.8125em; } .single-tribe_events .tribe-events-single-event-recurrence-description > * { margin-right: 0.4375em; } #tribe-events-content .tribe-events-single-event-description .attachment-post-thumbnail { display: block; margin-left: auto; margin-right: auto; text-align: center; } .single-tribe_events .tribe-events-single-event-description p { margin: 0 0 1.5rem !important; } .single-tribe_events .tribe-events-single-event-description .cmsmasters-main__outer { width: 100%; border: none; max-width: 100%; margin: 0; position: relative; padding: 0; } .single-tribe_events .tribe-events-single-event-description .cmsmasters-content-wrap { display: block; } .single-tribe_events .tribe-events-single-event-description .cmsmasters-content { width: 100%; } .tribe-events-meta-group .tribe-events-single-section-title { font-family: var(--cmsmasters-h3-font-family); font-weight: var(--cmsmasters-h3-font-weight); font-style: var(--cmsmasters-h3-font-style); text-transform: var(--cmsmasters-h3-text-transform); text-decoration: var(--cmsmasters-h3-text-decoration); font-size: var(--cmsmasters-h3-font-size); line-height: var(--cmsmasters-h3-line-height); letter-spacing: var(--cmsmasters-h3-letter-spacing); margin: 20px 0; } .tribe-events-meta-group + .tribe-events-single-section-title { margin-top: 0; } .tribe-events-meta-group:empty { display: none !important; } .tribe-events-event-meta .tribe-events-meta-group address.tribe-events-address { display: block; margin: 0; } /* Eventbrite */ #eventbrite-embed { margin: 24px 0; min-height: 225px; width: 100%; } .eventbrite-ticket-embed { margin: 0 0 30px; } /* Date/Time */ .tribe-events-schedule { margin: 20px 0; vertical-align: middle; } .single-tribe_events { /* Featured Image */ /* Export Links */ /* Meta Sections */ /* Map */ /* Event Meta */ } .single-tribe_events .tribe-events-schedule .tribe-events-divider, .single-tribe_events .tribe-events-schedule .recurringinfo, .single-tribe_events .tribe-events-schedule .tribe-events-cost { font-family: var(--cmsmasters-text-font-family); font-weight: var(--cmsmasters-text-font-weight); font-style: var(--cmsmasters-text-font-style); text-transform: var(--cmsmasters-text-text-transform); text-decoration: var(--cmsmasters-text-text-decoration); font-size: var(--cmsmasters-text-font-size); line-height: var(--cmsmasters-text-line-height); letter-spacing: var(--cmsmasters-text-letter-spacing); font-weight: bold; color: var(--e-global-color-accent); margin-left: 10px; margin-right: 0; margin-top: 0; margin-bottom: 0; } .single-tribe_events .tribe-events-schedule h3 { *display: inline; display: inline-block; font-size: 1.2em; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; zoom: 1; } .single-tribe_events .tribe-events-schedule .tribe-events-cost { vertical-align: baseline; } .single-tribe_events .tribe-events-event-image { clear: both; margin-bottom: 30px; text-align: left; } .single-tribe_events .tribe-events-cal-links { clear: both; } .single-tribe_events .tribe-events-event-meta { background: var(--e-global-color-alternate); border: 1px solid var(--e-global-color-border); margin: 30px 0; } .single-tribe_events .tribe-events-event-meta.primary { margin-top: 60px; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .single-tribe_events .tribe-events-event-meta.primary { margin-top: 50px; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .single-tribe_events .tribe-events-event-meta.primary { margin-top: 40px; } } .single-tribe_events .tribe-events-event-meta.secondary { margin-bottom: 60px; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .single-tribe_events .tribe-events-event-meta.secondary { margin-top: 50px; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .single-tribe_events .tribe-events-event-meta.secondary { margin-top: 40px; } } .single-tribe_events .tribe-events-venue-map { background: var(--e-global-color-alternate); border: 1px solid var(--e-global-color-border); border-radius: 3px; display: inline-block; float: right; margin-left: 0; margin-right: 4%; margin-top: 20px; margin-bottom: 2%; padding: 5px; vertical-align: top; width: 90%; zoom: 1; } .single-tribe_events .tribe-events-meta-group + .tribe-events-meta-group + .tribe-events-meta-group-gmap { clear: both; display: block; float: none; width: auto; } .single-tribe_events .tribe-events-meta-group + .tribe-events-meta-group + .tribe-events-meta-group-gmap .tribe-events-venue-map { float: none; width: 100%; } .single-tribe_events .tribe-events-venue-map { width: 58%; } .single-tribe_events .sidebar .secondary .tribe-events-venue-map { width: 100%; } .single-tribe_events .tribe-events-event-meta dl { margin: 0; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { color: var(--e-global-color-secondary); clear: left; list-style: none; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { float: none; list-style: none; margin: 0 0 10px; padding: 0; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd:last-child { margin: 0; } .tribe-events-event-meta .tribe-events-meta-group, .tribe-events-event-meta .column { box-sizing: border-box; display: inline-block; float: left; margin: 0 0 20px; padding: 0 4%; text-align: left; vertical-align: top; width: 33.3333%; zoom: 1; } #tribe-events-content .tribe-events-event-meta dd span.adr { display: block; } /* Content */ .single-tribe_events .tribe-events-content { max-width: 100%; padding: 0; width: 100%; } .single-tribe_events .tribe-events-content p:empty { display: none; } /* Twenty Thirteen Conflict */ .sidebar.single-tribe_events .tribe-events-content { padding: 0; } /* = Day Grid Template Styles @ Template: day.php ============================================= */ .tribe-events-day .tribe-events-day-time-slot .tribe-events-day-time-slot-heading { margin: 0; padding: 6px 10px; text-align: center; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-bottom: 2.5rem; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events:last-child { margin-bottom: 60px; } .tribe-events-day .tribe-events-day-time-slot:last-child .type-tribe_events:last-child { margin-bottom: 2.5rem; } .tribe-events-day .tribe-event-featured { background: var(--tec-featured-color-scheme-custom); padding: 0 1.5rem 1rem; /* Cost */ } .tribe-events-day .tribe-event-featured .tribe-events-content { display: block; float: none; width: auto; } .tribe-events-day .tribe-event-featured.tribe-events-first { padding-top: 0; } .tribe-events-day .tribe-event-featured .tribe-events-event-image { line-height: 0; display: block; float: none; margin: 0 -1.5rem 20px; width: auto; } .tribe-events-day .tribe-event-featured .tribe-events-list-event-title { display: inline-block; } .tribe-events-day .tribe-event-featured .tribe-events-list-event-title a { color: var(--e-global-color-background); opacity: 1; } .tribe-events-day .tribe-event-featured .tribe-events-list-event-title a:hover { opacity: .7; } .tribe-events-day .tribe-event-featured .tribe-events-event-meta { background-color: transparent; color: var(--e-global-color-background); opacity: .9; } .tribe-events-day .tribe-event-featured .tribe-events-content { color: var(--e-global-color-background); opacity: .9; } .tribe-events-day .tribe-event-featured a { color: var(--e-global-color-background); transition: opacity .3s ease-in-out; } .tribe-events-day .tribe-event-featured a:active, .tribe-events-day .tribe-event-featured a:hover { color: var(--e-global-color-background) !important; opacity: .7; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost { margin: 30px 0; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost span { border: 0; color: var(--e-global-color-background); display: block; padding: 8px 12px; text-align: center; text-overflow: ellipsis; position: relative; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-day .tribe-event-featured .tribe-events-event-cost span { padding: 5px 10px; } } .tribe-events-day .tribe-event-featured .tribe-events-event-cost span:before, .tribe-events-day .tribe-event-featured .tribe-events-event-cost span:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost span:before { background-color: var(--e-global-color-background); opacity: .2; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost span:after { border: 1px solid var(--e-global-color-background); opacity: .4; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost .ticket-cost { background: transparent; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost .tribe-ticket-cost { margin: 0; } .tribe-events-day .tribe-event-featured .tribe-events-event-cost .tribe-button { color: var(--e-global-color-secondary); } .tribe-events-day .tribe-event-featured .tribe-events-event-cost .tribe-button:hover { color: var(--tec-featured-color-scheme-custom); } .tribe-events-day .tribe-event-featured .tribe-events-event-cost .tribe-button:active { color: var(--e-global-color-secondary); } .tribe-events-day .tribe-event-featured .tribe-button { background: var(--e-global-color-background); color: var(--tec-featured-color-scheme-custom); } .tribe-events-day .tribe-events-content { display: block; float: none; width: auto; } .tribe-events-day .type-tribe_events { margin-left: 0; } .tribe-events-day .tribe-events-event-image { display: inline-block; float: left; margin-left: 0; margin-right: 3%; margin-top: 0; margin-bottom: 0; width: 30%; } .tribe-events-day .tribe-events-content { display: inline-block; float: right; padding: 0; width: 67%; } @media screen and (min-width: 44.375em) { .tribe-events-day .tribe-events-content { margin-left: 0; margin-right: 0; } } /* = Calendar Styles (includes styles for both large & small calendars) @ Template: month.php & widgets/calendar-widget.php ============================================= */ /* Global Calendar Styles */ #tribe-events-content table.tribe-events-calendar { border-collapse: collapse; clear: both; margin: 12px 0 60px; overflow: visible; table-layout: fixed; width: 100%; } #tribe-events-content table.tribe-events-calendar .tribe-events-present .type-tribe_events h3.tribe-events-month-event-title, #tribe-events-content table.tribe-events-calendar .tribe-events-present .type-tribe_events h3.tribe-events-month-event-title a, #tribe-events-content table.tribe-events-calendar .tribe-events-present .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title, #tribe-events-content table.tribe-events-calendar .tribe-events-present .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title a { color: var(--tec-featured-color-scheme-custom); } #tribe-events-content table.tribe-events-calendar .tribe-events-present .type-tribe_events h3.tribe-events-month-event-title a:hover, #tribe-events-content table.tribe-events-calendar .tribe-events-present .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title a:hover { color: var(--tec-featured-color-scheme-custom); } #tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured { color: var(--tec-featured-color-scheme-custom); } #tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title, #tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title a { color: var(--tec-featured-color-scheme-custom); } #tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured h3.tribe-events-month-event-title a:hover { color: var(--cmsmasters-colors-hover); } #tribe-events-content table.tribe-events-calendar, #tribe-events-content .tribe-events-calendar td { border: 1px solid var(--e-global-color-border); } #tribe-events-content .tribe-events-calendar td { box-sizing: border-box; font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); height: 145px; padding: 0 0 .5em; vertical-align: top; width: 14.28%; } .tribe-events-calendar thead th { white-space: nowrap; } /* Specific Classes */ .tribe-events-calendar td.mobile-active, .tribe-events-calendar .mobile-active div[id*='tribe-events-daynum-'], .tribe-events-calendar .mobile-active div[id*='tribe-events-daynum-'] a, #tribe-events-content .tribe-events-calendar .mobile-active:hover, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*='tribe-events-daynum-'], #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*='tribe-events-daynum-'] a { color: var(--e-global-color-background); background-color: var(--e-global-color-accent); } .tribe-events-calendar .tribe-events-present.tribe-events-has-events:after { background-color: var(--e-global-color-secondary); } .tribe-events-calendar .mobile-active.tribe-events-has-events:after { background-color: var(--e-global-color-background); } .tribe-events-calendar td.tribe-events-present, #tribe-events-content .tribe-events-calendar td.tribe-events-present:hover, .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-daynum-'], .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-daynum-'] > a, .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-event-'] h3.tribe-events-month-event-title, .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a { color: var(--e-global-color-background); background-color: var(--e-global-color-accent); } .tribe-events-calendar td.tribe-events-present.mobile-active, #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-daynum-'], .tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-daynum-'] a, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-event-'] h3.tribe-events-month-event-title, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a { color: var(--e-global-color-background); background-color: var(--e-global-color-accent); } .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a { transition: opacity .3s ease-in-out; } .tribe-events-calendar td.tribe-events-present div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a:hover, .tribe-events-calendar td.tribe-events-present.mobile-active div[id*='tribe-events-event-'] h3.tribe-events-month-event-title a:hover { opacity: .6; } /* Global Tooltips */ .tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip, .tribe-events-shortcode.view-week .tribe-events-tooltip, .recurring-info-tooltip { color: var(--e-global-color-text); background-color: var(--e-global-color-background); border: 1px solid var(--e-global-color-border); bottom: 30px; display: none; left: 3px; position: absolute; width: 320px; z-index: 1001; padding: .75em 1em; -webkit-box-shadow: 3px 4px 21px rgba(0, 0, 0, 0.38); -moz-box-shadow: 3px 4px 21px rgba(0, 0, 0, 0.38); box-shadow: 3px 4px 21px rgba(0, 0, 0, 0.38); } .tribe-events-tooltip .tribe-events-arrow { color: var(--e-global-color-background); font-size: 28px; display: block; position: absolute; left: 20px; top: 100%; margin: -5px 0 0; } .tribe-events-tooltip .tribe-events-arrow:before { content: '\e8ad'; font-family: eicons; } .tribe-events-calendar .tribe-events-right .tribe-events-tooltip, .tribe-events-week .tribe-events-right .tribe-events-tooltip, .tribe-events-shortcode.view-week .tribe-events-right .tribe-events-tooltip, .recurring-info-tooltip { left: auto; right: 3px; } .tribe-events-right .tribe-events-tooltip .tribe-events-arrow { left: 100%; top: auto; bottom: 0; margin-left: -9px; margin-right: 0; margin-top: 0; margin-bottom: 10px; transform: rotate(270deg); } .tribe-events-tooltip ul, .tribe-events-tooltip ol { margin-left: 1.6em; } .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb img { max-height: 150px; max-width: 150px; } .tribe-events-tooltip.tribe-events-tooltip-flipdown:before { border: 10px solid transparent; border-bottom-color: var(--e-global-color-text); content: ' '; display: block; height: 0; left: 17px; position: absolute; top: -21px; width: 0; z-index: 2; } .tribe-events-tooltip.tribe-events-tooltip-flipdown .tribe-events-arrow { display: none; } /** Tweak location of the arrow on "flipdown" tooltips for events on the right side of the screen. */ .tribe-events-right .tribe-events-tooltip.tribe-events-tooltip-flipdown:before { left: auto; right: 43px; } @media screen { #tribe-events-content .tribe-events-tooltip ul, #tribe-events-content .tribe-events-tooltip ol { margin-left: 1.6em; } } /* Recurring info tooltip */ .recurringinfo { *display: inline; display: inline-block; position: relative; zoom: 1; } .event-is-recurring { color: rgba(0, 0, 0, 0.7); position: relative; } .event-is-recurring:hover { color: var(--e-global-color-secondary); } .tribe-event-featured .event-is-recurring { color: rgba(255, 255, 255, 0.7); } .tribe-event-featured .event-is-recurring:hover { color: var(--e-global-color-background); } .tribe-event-featured .event-is-recurring div { color: rgba(0, 0, 0, 0.7); } .recurring-info-tooltip.tribe-events-tooltip { left: 10px; padding-bottom: .8em; width: 200px; } /* Large Calendar Specifics */ .events-archive.events-gridview #tribe-events-content table .type-tribe_events { border-bottom: 1px solid #e7e7e7; margin: 0 5%; padding: 6px 8px; } .events-archive.events-gridview #tribe-events-content table .tribe-events-last { border-bottom: 0; } .tribe-events-viewmore { border-top: 1px solid #e7e7e7; font-weight: bold; line-height: 1; margin: 0 5%; padding: 9px 8px; } .tribe-events-calendar td { position: relative; } .tribe-events-calendar td .tribe-events-viewmore a { font-size: 90%; white-space: nowrap; } .tribe-events-calendar td div[id*='tribe-events-daynum-'] { padding: 6px 9px; } .tribe-events-calendar th { height: 10px; width: 14.28%; } .tribe-events-calendar div[id*='tribe-events-event-'], .tribe-events-calendar div[id*='tribe-events-daynum-'] { margin: 0; position: relative; } #tribe-events-content .tribe-events-calendar div[id*='tribe-events-event-'] h3.tribe-events-month-event-title { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); margin: 0; overflow: hidden; padding: 3%; } #tribe-events-content .tribe-events-tooltip h4 { background-color: var(--e-global-color-text); color: var(--e-global-color-background); font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 24px; margin: 0; min-height: 24px; padding: 0 6px; } .tribe-events-tooltip { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-events-tooltip .duration { margin: 3px 0; } .tribe-events-tooltip .tribe-event-title, .tribe-events-tooltip h3.entry-title { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); margin: 0 0 5px; } .tribe-events-tooltip .tribe-event-duration { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date); margin: 0 0 20px; } .tribe-events-tooltip:not(.tribe-event-featured) .tribe-events-event-thumb { padding-left: 0; padding-right: 15px; padding-top: 0; padding-bottom: 5px; } .tribe-events-tooltip.tribe-event-featured .tribe-events-event-thumb { padding: 2px 0 8px; } .tribe-events-tooltip .tribe-events-event-thumb { float: left; } .tribe-events-tooltip .tribe-events-event-thumb img { box-shadow: none; } .tribe-events-tooltip p.entry-summary { padding: 0; } #tribe-mobile-container { display: none; } /* = Events List Widget Styles (Sidebar) @ Template: widgets/list-widget.php ============================================= */ .tribe-events-list-widget .tribe-list-widget { margin: 0; } .tribe-events-list-widget .tribe-events-list-widget-events { list-style: none; margin-top: 20px; margin-bottom: 30px; } .tribe-events-list-widget .tribe-events-list-widget-events:first-child { margin-top: 0; } .tribe-events-list-widget .tribe-event-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); margin-bottom: .25rem; margin-top: 0; } .tribe-events-list-widget .tribe-event-duration { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); margin-top: 0; } .tribe-events-list-widget .tribe-event-featured { background: var(--tec-featured-color-scheme-custom); padding-bottom: .75rem; padding-left: 20px; padding-right: 20px; } .tribe-events-list-widget .tribe-event-featured .tribe-event-title { margin-top: .75rem; } .tribe-events-list-widget .tribe-event-featured .tribe-event-title a { color: var(--e-global-color-background); transition: opacity .3s ease-in-out; } .tribe-events-list-widget .tribe-event-featured .tribe-event-title a:hover { opacity: .7; } .tribe-events-list-widget .tribe-event-featured .tribe-event-image { line-height: 0; margin-left: -20px; margin-right: -20px; overflow: hidden; } .tribe-events-list-widget .tribe-event-featured .tribe-event-image a { color: var(--e-global-color-background); transition: opacity .3s ease-in-out; } .tribe-events-list-widget .tribe-event-featured .tribe-event-image a:active, .tribe-events-list-widget .tribe-event-featured .tribe-event-image a:hover { color: var(--e-global-color-background) !important; opacity: .7; } .tribe-events-list-widget .tribe-event-featured .tribe-event-duration { color: var(--e-global-color-background); } /* = Events Navigation Bar @ Template: modules/bar.php ============================================= */ /* Datepicker ========================================================================== */ .rtl .datepicker { left: auto !important; right: 0; } .rtl .datepicker .tribe-common-c-svgicon--caret-left, .rtl .datepicker .tribe-common-c-svgicon--caret-right { transform: none; } .datepicker td, .datepicker table tr td span { border-radius: 0; } .datepicker table thead th, .datepicker table thead td, .datepicker table tfoot th, .datepicker table tfoot td { font-size: calc( var(--cmsmasters-table-thead-font-size, --cmsmasters-table-font-size) * .8); } .datepicker table thead .datepicker-switch:hover, .datepicker table thead .next:hover, .datepicker table thead .prev:hover, .datepicker table thead tfoot tr th:hover, .datepicker table tfoot .datepicker-switch:hover, .datepicker table tfoot .next:hover, .datepicker table tfoot .prev:hover, .datepicker table tfoot tfoot tr th:hover { color: var(--e-global-color-background); background: var(--e-global-color-tertiary); } .datepicker table tbody tr td { font-size: calc( var(--cmsmasters-table-font-size) * .8); } .datepicker table tbody tr td.day.focused, .datepicker table tbody tr td.day:hover { color: var(--e-global-color-background); background: var(--e-global-color-tertiary); } .datepicker table tbody tr td.active.active, .datepicker table tbody tr td.active.disabled, .datepicker table tbody tr td.active.disabled.active, .datepicker table tbody tr td.active.disabled.disabled, .datepicker table tbody tr td.active.disabled:active, .datepicker table tbody tr td.active.disabled:hover, .datepicker table tbody tr td.active.disabled:hover.active, .datepicker table tbody tr td.active.disabled:hover.disabled, .datepicker table tbody tr td.active.disabled:hover:active, .datepicker table tbody tr td.active.disabled:hover:hover, .datepicker table tbody tr td.active.disabled:hover[disabled], .datepicker table tbody tr td.active.disabled[disabled], .datepicker table tbody tr td.active:active, .datepicker table tbody tr td.active:hover, .datepicker table tbody tr td.active:hover.active, .datepicker table tbody tr td.active:hover.disabled, .datepicker table tbody tr td.active:hover:active, .datepicker table tbody tr td.active:hover:hover, .datepicker table tbody tr td.active:hover[disabled], .datepicker table tbody tr td.active[disabled] { color: var(--e-global-color-background); background: var(--e-global-color-primary); } .datepicker table tr td, .datepicker table tr th { word-break: normal; border-radius: 0; border: 0 !important; transition: color .3s ease-in-out, background-color .3s ease-in-out; } .datepicker table tr td.active.active, .datepicker table tr td span.active.active { background: var(--e-global-color-primary); } .datepicker table tr td.active.active:hover, .datepicker table tr td span.active.active:hover { background: var(--e-global-color-tertiary); color: inherit; } body.admin-bar .datepicker { margin-top: 32px; } @media screen and (max-width: 782px) { body.admin-bar .datepicker { margin-top: 46px; } } #tribe-events-bar { background-color: var(--tec-filterbar-bg-color); clear: none; height: auto; margin-bottom: 60px; min-width: 220px; padding: 20px; position: relative; width: 100%; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { #tribe-events-bar { margin-bottom: 50px; } } #tribe-events-bar * { box-sizing: border-box; } #tribe-bar-form { display: flex; } #tribe-bar-form input[type='text'] { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); background: none; background-color: transparent; padding: 10px 0; border: none; border-bottom: 1px var(--cmsmasters-input-normal-bd-style) var(--e-global-color-border); border-radius: 0; box-shadow: none; width: 100%; } #tribe-bar-form input[type='text']:focus { border: none; border-bottom: 1px var(--cmsmasters-input-normal-bd-style) var(--cmsmasters-input-focus-colors-bd); border-radius: 0; box-shadow: none; } #tribe-bar-form label { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); display: block; margin: 0 0 5px; } #tribe-bar-form .tribe-bar-filters { float: left; margin: 0; padding: 10px 0; position: relative; width: 100%; } #tribe-bar-form .tribe-bar-filters-inner { display: flex; align-items: center; margin: 0; } #tribe-bar-form .tribe-bar-views-inner label { display: none; } #tribe-bar-filters-wrap { position: relative; } #tribe-bar-dates .select2-choice { border-bottom: 1px dashed #b9b9b9; } /* Tribe Bar Full Layout */ .tribe-bar-date-filter { float: left; margin-bottom: 0; padding-left: 0; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; width: 25%; } .tribe-bar-search-filter { float: left; margin-bottom: 0; padding: 10px; width: 35%; } .tribe-bar-submit { float: left; margin-bottom: 0; padding: 10px; width: 40%; text-align: right; } .tribe-bar-views-inner { display: flex; align-items: center; height: 100%; margin: 0; padding-left: 10px; padding-right: 0; padding-top: 10px; padding-bottom: 10px; } .tribe-bar-views-inner:before, .tribe-bar-views-inner:after { content: none; } #tribe-bar-views-toggle { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); width: 100%; } #tribe-bar-views-toggle:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } #tribe-bar-views-toggle:before, #tribe-bar-views-toggle:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } #tribe-bar-views-toggle:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } #tribe-bar-views-toggle:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } #tribe-bar-views-toggle:hover:before { opacity: 0; } #tribe-bar-views-toggle:hover:after { opacity: 1; } #tribe-bar-views-toggle:before { background-color: var(--tec-color-background-events-bar-submit-button); } #tribe-bar-views-toggle:focus:after, #tribe-bar-views-toggle:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } #tribe-bar-views-toggle:active { color: var(--cmsmasters-button-hover-colors-color); } #tribe-bar-views-toggle:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } #tribe-bar-views-toggle .tribe-icon-list { margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; } #tribe-bar-views-toggle .tribe-icon-list:before { content: '\e805'; font-family: eicons; } #tribe-bar-views .tribe-bar-views-list { background: var(--e-global-color-background); border-radius: 0 0 3px 3px; display: none; left: 0; margin: 0; padding: 0; position: absolute; top: auto; width: 100%; z-index: 2; } #tribe-bar-views .tribe-bar-views-option { font-family: var(--cmsmasters-text-font-family); font-weight: var(--cmsmasters-text-font-weight); font-style: var(--cmsmasters-text-font-style); text-transform: var(--cmsmasters-text-text-transform); text-decoration: var(--cmsmasters-text-text-decoration); font-size: var(--cmsmasters-text-font-size); line-height: var(--cmsmasters-text-line-height); letter-spacing: var(--cmsmasters-text-letter-spacing); color: var(--e-global-color-text); background: transparent; display: block; line-height: 14px; margin: 0; padding: 6px 15px; transition: color .3s ease-in-out, background-color .3s ease-in-out; } #tribe-bar-views .tribe-bar-views-option:hover { cursor: pointer; color: var(--cmsmasters-button-hover-colors-bg); } #tribe-bar-views .tribe-bar-views-option.tribe-bar-active { color: var(--cmsmasters-button-hover-colors-color); background: var(--cmsmasters-button-hover-colors-bg); } #tribe-bar-views .tribe-bar-views-option:last-child { border-radius: 0 0 3px 3px; } #tribe-bar-views .tribe-bar-settings { display: none; } #tribe-bar-views div.tribe-bar-views-inner { background-color: transparent; } /* Tribe Bar Mini Styles */ #tribe-bar-form.tribe-bar-mini label { overflow: hidden; } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit] { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; font-size: calc( var(--cmsmasters-button-font-size) * .8); padding-top: calc( var(--cmsmasters-button-padding-top) / 1.5); padding-right: calc( var(--cmsmasters-button-padding-right) / 1.5); padding-bottom: calc( var(--cmsmasters-button-padding-bottom) / 1.5); padding-left: calc( var(--cmsmasters-button-padding-left) / 1.5); } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:before, #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:hover:before { opacity: 0; } #tribe-bar-form.tribe-bar-mini .tribe-bar-submit input[type=submit]:hover:after { opacity: 1; } #tribe-bar-form.tribe-bar-mini .tribe-bar-views-list .tribe-bar-views-option a { padding: 4px 15px; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; font-size: calc( var(--cmsmasters-button-font-size) * .8); padding-top: calc( var(--cmsmasters-button-padding-top) / 1.5); padding-right: 20px; padding-bottom: calc( var(--cmsmasters-button-padding-bottom) / 1.5); padding-left: 20px; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:before, #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:hover:before { opacity: 0; } #tribe-bar-form.tribe-bar-mini #tribe-bar-views-toggle:hover:after { opacity: 1; } #tribe-bar-form.tribe-bar-mini.tribe-events-bar--has-views #tribe-bar-filters-wrap, #tribe-bar-form.tribe-bar-full.tribe-events-bar--has-views #tribe-bar-filters-wrap { float: left; width: 80%; } #tribe-bar-form.tribe-bar-mini.tribe-events-bar--has-filters #tribe-bar-views, #tribe-bar-form.tribe-bar-full.tribe-events-bar--has-filters #tribe-bar-views { position: relative; float: left; width: 20%; } /* Tribe Bar Collapse Styles */ #tribe-bar-collapse-toggle { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); display: none; width: 100%; position: relative; text-align: left; } #tribe-bar-collapse-toggle:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } #tribe-bar-collapse-toggle:before, #tribe-bar-collapse-toggle:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } #tribe-bar-collapse-toggle:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } #tribe-bar-collapse-toggle:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } #tribe-bar-collapse-toggle:hover:before { opacity: 0; } #tribe-bar-collapse-toggle:hover:after { opacity: 1; } #tribe-bar-collapse-toggle:before { background-color: var(--tec-color-background-events-bar-submit-button); } #tribe-bar-collapse-toggle:focus:after, #tribe-bar-collapse-toggle:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } #tribe-bar-collapse-toggle:active { color: var(--cmsmasters-button-hover-colors-color); } #tribe-bar-collapse-toggle:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } #tribe-bar-collapse-toggle.tribe-bar-filters-open span.tribe-bar-toggle-arrow::after { border-bottom-color: inherit; border-top-color: transparent; top: 0; } #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow { display: inline-block; margin-left: 10px; margin-right: 0; margin-top: 0; margin-bottom: 0; } #tribe-bar-collapse-toggle span.tribe-bar-toggle-arrow:before { content: '\e92a'; font-family: eicons; } #tribe-bar-form.tribe-bar-collapse { display: block; } #tribe-bar-form.tribe-bar-collapse #tribe-bar-collapse-toggle { display: flex; align-items: center; justify-content: space-between; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-filters { position: absolute; z-index: 21; float: none; display: none; left: auto; margin: 10px 0 0; padding-top: 5px; overflow: hidden; right: auto; top: 100%; width: 100%; background: var(--e-global-color-background); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #tribe-bar-form.tribe-bar-collapse .tribe-bar-filters-inner { flex-direction: column; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-filters-inner > div { width: 100%; padding: 10px; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-submit { text-align: center; } #tribe-bar-form.tribe-bar-collapse #tribe-bar-views { margin-top: 10px; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { padding: 10px 0 0; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-toggle { display: flex; flex-direction: row-reverse; justify-content: space-between; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-toggle .tribe-icon-list { margin-left: 10px; margin-right: 0; margin-top: 0; margin-bottom: 0; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-list { height: auto; margin: 10px 0 0; padding: 15px; top: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .tribe-bar-disabled { float: right; position: relative; z-index: 101; } .tribe-bar-disabled .tribe-events-page-title { clear: none; margin: 0; text-align: left; } .tribe-bar-disabled #tribe-events-bar { float: none; min-width: 0; width: auto; } .tribe-bar-disabled #tribe-bar-form { border-radius: 3px; width: auto; } .tribe-bar-disabled #tribe-bar-filters-wrap { float: left; min-width: 120px; width: auto; } .tribe-bar-disabled .tribe-bar-filters .tribe-bar-date-filter { padding: 5px 10px; } .tribe-bar-disabled #tribe-bar-form label { font-size: 10px; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type='text'] { border: none; display: block; font-size: 13px; line-height: 1; margin: 10px 0 0; padding: 3px 0 0; width: 100px; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views { float: right; font-size: 16px; left: 50%; min-width: 130px; padding: 0; right: auto; width: 50%; } .tribe-bar-disabled .tribe-bar-views-inner { border-radius: 0 3px 3px 0; min-width: 100px; padding: 5px 0 0; position: relative; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list, .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option { margin: 0; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { margin: 0; padding: 4px 10px; } .tribe-bar-disabled #tribe-bar-views .select2-container .select2-choice { font-size: 13px; height: auto; line-height: 18px; } .tribe-bar-disabled .tribe-select2-results-views.select2-drop .select2-results li { padding: 0 10px; } .tribe-bar-disabled #tribe-bar-collapse-toggle, .tribe-bar-disabled .tribe-bar-submit { display: none; } .tribe-bar-disabled .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-disabled .tribe-bar-date-filter { width: auto; } /* Events Bar Icons */ .tribe-bar-views span[class^='tribe-icon-'] { display: inline-block; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; } .tribe-bar-views span[class^='tribe-icon-']:before { font-family: eicons; } .tribe-bar-views span.tribe-icon-month:before { content: '\e908'; } .tribe-bar-views span.tribe-icon-list:before { content: '\e805'; } .tribe-bar-views span.tribe-icon-week:before { content: '\e908'; } .tribe-bar-views span.tribe-icon-day:before { content: '\e908'; } .tribe-bar-views span.tribe-icon-photo:before { content: '\e873'; } .tribe-bar-views span.tribe-icon-map:before { content: '\e872'; } .tribe-common .tribe-common-anchor-alt, .tribe-common .tribe-common-anchor-thin-alt, .tribe-common .tribe-events-c-messages__message-list-item-link { color: var(--tec-color-link-primary); transition: color 0.3s ease-in-out; } .tribe-common .tribe-common-anchor-alt:active, .tribe-common .tribe-common-anchor-alt:focus, .tribe-common .tribe-common-anchor-alt:hover, .tribe-common .tribe-common-anchor-thin-alt:active, .tribe-common .tribe-common-anchor-thin-alt:focus, .tribe-common .tribe-common-anchor-thin-alt:hover, .tribe-common .tribe-events-c-messages__message-list-item-link:active, .tribe-common .tribe-events-c-messages__message-list-item-link:focus, .tribe-common .tribe-events-c-messages__message-list-item-link:hover { color: var(--cmsmasters-colors-hover); } /* ========================================================================= Theme Compatibility ========================================================================== */ /* Twenty Fourteen ========================================================================== */ /* Stop themes from hiding elements with the .updated CSS class */ #tribe-events-content .tribe-updated { display: inherit; } @media screen and (max-width: 400px) { .list-view.events-archive .site-content .type-page .entry-content { display: initial; } } /* Utility Classes */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } /** * Block editor event single v2 reskin * * @since 5.10.0 */ /* = Event title ============================================= */ .single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title { font-size: revert; line-height: revert; } /* = Website block view styles ============================================= */ .tribe-block__event-website { font-family: var(--tec-font-family-sans-serif); padding: 20px 0; } .tribe-block__event-website a { background-color: var(--tec-color-accent-primary); border: none; border-radius: 4px; min-height: 40px; padding: 0 20px; } #tribe-events-content .tribe-block__event-website a, #tribe-events-content .tribe-block__event-website a:hover, #tribe-events-content .tribe-block__event-website a:focus, #tribe-events-content .tribe-block__event-website a:active { color: var(--tec-color-background); } /* = Venue block view styles ============================================= */ .tribe-block__venue { border-top: 1px solid var(--e-global-color-border); flex-direction: column-reverse; font-family: var(--tec-font-family-sans-serif); justify-content: flex-start; padding: 22.5px 0; } @media screen and (min-width: 768px) { .tribe-block__venue { flex-direction: row; padding: 32px 0; } } .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta, .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map { flex: none; width: 100%; } @media screen and (min-width: 768px) { .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta, .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map { width: 50%; } } @media screen and (min-width: 1200px) { .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta { margin-right: 20px; width: 35%; } } .tribe-block__venue .tribe-block__venue__meta { margin-top: 24px; } @media screen and (min-width: 768px) { .tribe-block__venue .tribe-block__venue__meta { margin-top: 0; } } .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3 { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); } .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address { margin-bottom: 0; } .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address a { color: var(--tec-color-link-accent); margin-top: 17px; } .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address .tribe-region.tribe-events-abbr { text-decoration: none; } .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone { margin-bottom: 0; } .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address, .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone, .tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website { color: var(--e-global-color-text); } /* = Organizer block view styles ============================================= */ .tribe-block__organizer__details { border-top: 1px solid var(--e-global-color-border); font-family: var(--tec-font-family-sans-serif); padding: 22.5px 0; } @media screen and (min-width: 768px) { .tribe-block__organizer__details { padding: 32px 0; } } .tribe-block__organizer__details h3 { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); } .tribe-block__organizer__details h3 a { color: var(--tec-color-link-accent); } .tribe-block__organizer__details p { color: var(--e-global-color-text); } /* = Sharing block view styles ============================================= */ .tribe-block__events-link { font-family: var(--tec-font-family-sans-serif); padding: 20px 0; } .tribe-block__events-link .tribe-block__btn--link:before { content: url("data:image/svg+xml,%3Csvg width='25' height='19' viewBox='0 0 25 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.431057V17.5689C0 17.807 0.162753 18 0.363518 18H17.6365C17.8372 18 18 17.807 18 17.5689V13.0039H18.0005V8.01562H18V0.431057C18 0.192991 17.8372 0 17.6365 0H0.363518C0.162753 0 0 0.192991 0 0.431057ZM18 8.01562H16.9855V4.6875H0.990723V16.7571H16.9855V13.0039H18V8.01562ZM0.990723 1.23926H16.9855V3.55366H0.990723V1.23926Z' fill='%23141827'/%3E%3Cpath d='M22.918 10.5003L9.2067 10.5002' stroke='%23141827' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6947 7.24467L23.9466 10.5174L20.7341 13.73' stroke='%23141827' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); margin-left: 0; margin-right: 5px; margin-top: 5px; margin-bottom: 0; } .tribe-block__events-link .tribe-block__btn--link a { background-color: transparent; border: none; color: var(--tec-color-link-accent); display: block; margin-left: 0; margin-right: 15px; margin-top: 10px; margin-bottom: 10px; min-height: revert; padding: 0; } .tribe-block__events-link .tribe-block__btn--link a:before { color: var(--tec-color-link-accent); content: '+'; margin-right: 3px; } .tribe-block__events-link .tribe-block__btn--link img { display: none; } /* = Price block view styles ============================================= */ .tribe-block__event-price { font-family: var(--tec-font-family-sans-serif); padding: 20px 0 10px; } /* = Recurring event label ============================================= */ .single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description { background-color: var(--tec-color-background-secondary); border-radius: 40px; display: inline-flex; font-family: var(--tec-font-family-sans-serif); min-height: 40px; padding-left: 10px; padding-right: 13px; padding-top: 0; padding-bottom: 0; position: relative; } .single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.333 3.826c0 .065 0 .13-.02.174 0 .022-.02.065-.02.087a.9.9 0 0 1-.197.37L10.45 7.37a.797.797 0 0 1-.592.26.797.797 0 0 1-.593-.26c-.316-.348-.316-.935 0-1.305l1.225-1.348H6.3c-2.547 0-4.64 2.283-4.64 5.11 0 1.369.474 2.651 1.363 3.608.316.348.316.935 0 1.304A.797.797 0 0 1 2.43 15a.797.797 0 0 1-.593-.26C.652 13.434 0 11.695 0 9.847c0-3.826 2.825-6.935 6.301-6.935h4.208L9.284 1.565c-.316-.348-.316-.935 0-1.304.316-.348.85-.348 1.185 0l2.647 2.913a.952.952 0 0 1 .198.37c0 .021.02.065.02.086v.196zM20 10.152c0 3.826-2.825 6.935-6.301 6.935H9.49l1.225 1.348c.336.348.336.935 0 1.304a.797.797 0 0 1-.593.261.83.83 0 0 1-.592-.26l-2.627-2.936a.948.948 0 0 1-.198-.37c0-.021-.02-.064-.02-.086-.02-.065-.02-.109-.02-.174 0-.065 0-.13.02-.174 0-.022.02-.065.02-.087a.9.9 0 0 1 .198-.37L9.55 12.63c.316-.347.849-.347 1.185 0 .336.348.336.935 0 1.305L9.51 15.283h4.208c2.548 0 4.641-2.283 4.641-5.11 0-1.369-.474-2.651-1.362-3.608a.97.97 0 0 1 0-1.304c.316-.348.849-.348 1.185 0C19.348 6.543 20 8.283 20 10.152z'/%3E%3C/svg%3E") 0/12px no-repeat; content: ''; height: 20px; left: 20px; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; } .single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description img { display: none; } .single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description span { color: var(--e-global-color-text); padding-left: 30px; } .single-tribe_events .tribe-blocks-editor .tribe-events-single-event-recurrence-description a { color: var(--tec-color-link-accent); } /* = Related events block view styles ============================================= */ .tribe-block__related-events__title { margin-bottom: 15px; } /** * The Events Calendar Tribe V2 Single Full Stylesheet * * @package TribeEventsCalendar * */ /* Utilities */ /* ----------------------------------------------------------------------------- * * Utilities - Variables * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Variables - needed for styling. */ :root { /* ----------------------------------------------------------------------------- * Borders - Radius * ----------------------------------------------------------------------------- */ --tec-border-radius-default: 4px; /* ----------------------------------------------------------------------------- * Borders - Width * ----------------------------------------------------------------------------- */ --tec-border-width-week-event: 2px; /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Borders - Radius * ----------------------------------------------------------------------------- */ --border-radius-default: var(--tec-border-radius-default); /* ----------------------------------------------------------------------------- * Borders - Width * ----------------------------------------------------------------------------- */ --border-width-week-event: var(--tec-border-width-week-event); } :root { /* ----------------------------------------------------------------------------- * Box Shadows * ----------------------------------------------------------------------------- */ --tec-box-shadow-default: 0 2px 5px 0 var(--tec-color-box-shadow); --tec-box-shadow-tooltip: 0 2px 12px 0 var(--tec-color-box-shadow); --tec-box-shadow-card: 0 1px 6px 2px var(--tec-color-box-shadow); --tec-box-shadow-multiday: 16px 6px 6px -2px var(--tec-color-box-shadow-secondary); /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Box Shadows * ----------------------------------------------------------------------------- */ --box-shadow-default: var(--tec-box-shadow-default); --box-shadow-tooltip: var(--tec-box-shadow-tooltip); --box-shadow-card: var(--tec-box-shadow-card); --box-shadow-multiday: var(--tec-box-shadow-multiday); } :root { /* ----------------------------------------------------------------------------- * Forms - Colors * ----------------------------------------------------------------------------- */ --tec-form-color-background: var(--tec-color-background); --tec-form-color-border-default: var(--e-global-color-text); --tec-form-color-border-active: var(--e-global-color-secondary); --tec-form-color-border-secondary: var(--e-global-color-border); --tec-form-color-accent-primary: var(--tec-color-accent-primary); /* ----------------------------------------------------------------------------- * Forms - Box Shadows * ----------------------------------------------------------------------------- */ --tec-form-box-shadow-default: var(--tec-box-shadow-default); /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Forms - Colors * ----------------------------------------------------------------------------- */ --form-color-background: var(--tec-form-color-background); --form-color-border-default: var(--tec-form-color-border-default); --form-color-border-active: var(--tec-form-color-border-active); --form-color-border-secondary: var(--tec-form-color-border-secondary); --form-color-accent-primary: var(--tec-form-color-accent-primary); /* ----------------------------------------------------------------------------- * Forms - Box Shadows * ----------------------------------------------------------------------------- */ --form-box-shadow-default: var(--tec-form-box-shadow-default); } :root { /* ----------------------------------------------------------------------------- * Opacities * ----------------------------------------------------------------------------- */ --tec-opacity-background: 0.07; --tec-opacity-select-highlighted: 0.3; --tec-opacity-icon-hover: 0.8; --tec-opacity-icon-active: 0.9; --tec-opacity-default: 1; /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Opacities * ----------------------------------------------------------------------------- */ --opacity-background: var(--tec-opacity-background); --opacity-select-highlighted: var(--tec-opacity-select-highlighted); --opacity-icon-hover: var(--tec-opacity-icon-hover); --opacity-icon-active: var(--tec-opacity-icon-active); --opacity-default: var(--tec-opacity-default); } :root { /* ----------------------------------------------------------------------------- * Font Stacks * ----------------------------------------------------------------------------- */ --tec-font-family-sans-serif: var(--e-global-typography-text-font-family); /* ----------------------------------------------------------------------------- * Font Sizing * ----------------------------------------------------------------------------- */ --tec-font-size-0: 11px; --tec-font-size-1: 12px; --tec-font-size-2: 14px; --tec-font-size-3: 16px; --tec-font-size-4: 18px; --tec-font-size-5: 20px; --tec-font-size-6: 22px; --tec-font-size-7: 24px; --tec-font-size-8: 28px; --tec-font-size-9: 32px; --tec-font-size-10: 42px; } :root { /* ----------------------------------------------------------------------------- * Gutter - Default * ----------------------------------------------------------------------------- */ --tec-grid-gutter: 48px; --tec-grid-gutter-negative: calc(var(--tec-grid-gutter) * -1); --tec-grid-gutter-half: calc(var(--tec-grid-gutter) / 2); --tec-grid-gutter-half-negative: calc(var(--tec-grid-gutter-half) * -1); --tec-grid-gutter-small: 42px; --tec-grid-gutter-small-negative: calc(var(--tec-grid-gutter-small) * -1); --tec-grid-gutter-small-half: calc(var(--tec-grid-gutter-small) / 2); --tec-grid-gutter-small-half-negative: calc(var(--tec-grid-gutter-small-half) * -1); /* ----------------------------------------------------------------------------- * Gutter - Page * ----------------------------------------------------------------------------- */ --tec-grid-gutter-page: 42px; --tec-grid-gutter-page-small: 19.5px; /* ----------------------------------------------------------------------------- * Grid Width - Default * ----------------------------------------------------------------------------- */ --tec-grid-width-default: 1176px; --tec-grid-width-min: 320px; --tec-grid-width: calc(var(--tec-grid-width-default) + 2 * var(--tec-grid-gutter-page)); /* ----------------------------------------------------------------------------- * Grid Width - Relative * ----------------------------------------------------------------------------- */ --tec-grid-width-1-of-2: 50%; --tec-grid-width-1-of-3: 33.333%; --tec-grid-width-1-of-4: 25%; --tec-grid-width-1-of-5: 20%; --tec-grid-width-1-of-7: 14.285%; --tec-grid-width-1-of-8: 12.5%; --tec-grid-width-1-of-9: 11.111%; /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Gutter - Default * ----------------------------------------------------------------------------- */ --grid-gutter: var(--tec-grid-gutter); --grid-gutter-negative: var(--tec-grid-gutter-negative); --grid-gutter-half: var(--tec-grid-gutter-half); --grid-gutter-half-negative: var(--tec-grid-gutter-half-negative); --grid-gutter-small: var(--tec-grid-gutter-small); --grid-gutter-small-negative: var(--tec-grid-gutter-small-negative); --grid-gutter-small-half: var(--tec-grid-gutter-small-half); --grid-gutter-small-half-negative: var(--tec-grid-gutter-small-half-negative); /* ----------------------------------------------------------------------------- * Gutter - Page * ----------------------------------------------------------------------------- */ --grid-gutter-page: var(--tec-grid-gutter-page); --grid-gutter-page-small: var(--tec-grid-gutter-page-small); /* ----------------------------------------------------------------------------- * Grid Width - Default * ----------------------------------------------------------------------------- */ --grid-width-default: var(--tec-grid-width-default); --grid-width-min: var(--tec-grid-width-min); --grid-width: var(--tec-grid-width); /* ----------------------------------------------------------------------------- * Grid Width - Relative * ----------------------------------------------------------------------------- */ --grid-width-1-of-2: var(--tec-grid-width-1-of-2); --grid-width-1-of-3: var(--tec-grid-width-1-of-3); --grid-width-1-of-4: var(--tec-grid-width-1-of-4); --grid-width-1-of-5: var(--tec-grid-width-1-of-5); --grid-width-1-of-7: var(--tec-grid-width-1-of-7); --grid-width-1-of-8: var(--tec-grid-width-1-of-8); --grid-width-1-of-9: var(--tec-grid-width-1-of-9); } :root { /* ----------------------------------------------------------------------------- * Spacers * ----------------------------------------------------------------------------- */ --tec-spacer-0: 4px; --tec-spacer-1: 8px; --tec-spacer-2: 12px; --tec-spacer-3: 16px; --tec-spacer-4: 20px; --tec-spacer-5: 24px; --tec-spacer-6: 28px; --tec-spacer-7: 32px; --tec-spacer-8: 40px; --tec-spacer-9: 48px; --tec-spacer-10: 56px; --tec-spacer-11: 64px; --tec-spacer-12: 80px; --tec-spacer-13: 96px; --tec-spacer-14: 160px; /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Spacers * ----------------------------------------------------------------------------- */ --spacer-0: var(--tec-spacer-0); --spacer-1: var(--tec-spacer-1); --spacer-2: var(--tec-spacer-2); --spacer-3: var(--tec-spacer-3); --spacer-4: var(--tec-spacer-4); --spacer-5: var(--tec-spacer-5); --spacer-6: var(--tec-spacer-6); --spacer-7: var(--tec-spacer-7); --spacer-8: var(--tec-spacer-8); --spacer-9: var(--tec-spacer-9); --spacer-10: var(--tec-spacer-10); --spacer-11: var(--tec-spacer-11); --spacer-12: var(--tec-spacer-12); --spacer-13: var(--tec-spacer-13); --spacer-14: var(--tec-spacer-14); } :root { /* ----------------------------------------------------------------------------- * Layers of z-index * ----------------------------------------------------------------------------- */ --tec-z-index-spinner-container: 100; --tec-z-index-views-selector: 30; --tec-z-index-dropdown: 30; --tec-z-index-events-bar-button: 20; --tec-z-index-search: 10; --tec-z-index-filters: 9; --tec-z-index-scroller: 7; --tec-z-index-week-event-hover: 5; --tec-z-index-map-event-hover: 5; --tec-z-index-map-event-hover-actions: 6; --tec-z-index-multiday-event: 5; --tec-z-index-multiday-event-bar: 2; /* ----------------------------------------------------------------------------- * For backwards Compatibility with plugins that have not been updated yet. * Remove these once all plugins have been updated to use the namespaced vars. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Layers of z-index * ----------------------------------------------------------------------------- */ --z-index-spinner-container: var(--tec-z-index-spinner-container); --z-index-views-selector: var(--tec-z-index-views-selector); --z-index-dropdown: var(--tec-z-index-dropdown); --z-index-events-bar-button: var(--tec-z-index-events-bar-button); --z-index-search: var(--tec-z-index-search); --z-index-filters: var(--tec-z-index-filters); --z-index-scroller: var(--tec-z-index-scroller); --z-index-week-event-hover: var(--tec-z-index-week-event-hover); --z-index-map-event-hover: var(--tec-z-index-map-event-hover); --z-index-map-event-hover-actions: var(--tec-z-index-map-event-hover-actions); --z-index-multiday-event: var(--tec-z-index-multiday-event); --z-index-multiday-event-bar: var(--tec-z-index-multiday-event-bar); } :root { /* ----------------------------------------------------------------------------- * Colors - Element Typography * ----------------------------------------------------------------------------- */ --tec-color-text-events-title: var(--e-global-color-secondary); --tec-color-text-event-title: var(--e-global-color-secondary); /* specifically for the single event */ --tec-color-text-event-date: var(--e-global-color-text); /* ----------------------------------------------------------------------------- * Colors - Elements * ----------------------------------------------------------------------------- */ --tec-price-bg-color: var(--e-global-color-alternate); --tec-photo-bg-color: var(--e-global-color-alternate); /* ----------------------------------------------------------------------------- * Colors - Iconography * ----------------------------------------------------------------------------- */ --tec-color-icon-error: #da394d; /* ----------------------------------------------------------------------------- * Colors - UI Base * ----------------------------------------------------------------------------- */ --tec-color-accent-primary: var(--cmsmasters-button-normal-colors-bg); --tec-color-accent-primary-background: rgba(51, 74, 255, 0.07); /* ----------------------------------------------------------------------------- * Colors - Buttons * ----------------------------------------------------------------------------- */ --tec-color-button-primary: var(--tec-color-accent-primary); --tec-color-button-primary-background: var(--tec-color-accent-primary-background); --tec-color-button-secondary: var(--e-global-color-secondary); /* ----------------------------------------------------------------------------- * Colors - Links * ----------------------------------------------------------------------------- */ --tec-color-link-primary: var(--e-global-color-text); /* ----------------------------------------------------------------------------- * Colors - Borders & Misc * ----------------------------------------------------------------------------- */ --tec-color-border-secondary: var(--e-global-color-border); --tec-color-border-active: var(--e-global-color-accent); --tec-color-background: var(--e-global-color-background); --tec-color-background-events: transparent; --tec-color-background-secondary: var(--e-global-color-alternate); --tec-color-background-transparent: rgba(255, 255, 255, 0.6); --tec-color-box-shadow: rgba(0, 0, 0, 0.14); --tec-color-box-shadow-secondary: rgba(0, 0, 0, 0.1); --tec-color-scroll-track: rgba(0, 0, 0, 0.25); --tec-color-scroll-bar: rgba(0, 0, 0, 0.5); /* ----------------------------------------------------------------------------- * Colors - Element UI * ----------------------------------------------------------------------------- */ --tec-color-background-primary-multiday: var(--e-global-color-accent); --tec-color-background-primary-multiday-hover: var(--e-global-color-accent); --tec-color-background-secondary-multiday: rgba(20, 24, 39, 0.24); --tec-color-background-secondary-multiday-hover: rgba(20, 24, 39, 0.34); --tec-color-background-secondary-datepicker: var(--tec-color-background-secondary); --tec-color-accent-primary-week-event-hover: var(--tec-color-accent-primary); --tec-color-accent-primary-background-datepicker: var(--tec-color-accent-primary-background); } /* ----------------------------------------------------------------------------- * * 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-load arrow-right-active url('../icons/arrow-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load arrow-right-secondary url('../icons/arrow-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load arrow-right-white url('../icons/arrow-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ @svg-load arrow url('../icons/arrow.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ @svg-load caret-down url('../icons/caret-down.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ @svg-load caret-left url('../icons/caret-left.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-left-active url('../icons/caret-left.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-left-disabled url('../icons/caret-left.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-left-secondary url('../icons/caret-left.svg') { path { fill: var(--tec---e-global-color-textcolor-icon-secondary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ @svg-load caret-right url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-active url('../icons/caret-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-right-disabled url('../icons/caret-right.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-right-secondary url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-white url('../icons/caret-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ @svg-load caret-up url('../icons/caret-up.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ @svg-load check-white url('../icons/check.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ @svg-load close url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } @svg-load close-secondary url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ @svg-load day url('../icons/day.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ @svg-load dropdown url('../icons/dropdown.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ @svg-load error-active url('../icons/error.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ @svg-load featured url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-active url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-white url('../icons/featured-event.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ @svg-load filters url('../icons/filters.svg') { path { stroke: var(--e-global-color-text); } circle { stroke: var(--e-global-color-text); } } @svg-load filters-active url('../icons/filters.svg') { path { stroke: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } @svg-load filters-disabled url('../icons/filters.svg') { path { stroke: var(--e-global-color-alternate); } circle { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ @svg-load link-active url('../icons/link.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ @svg-load guest-active url('../icons/guest.svg') { path { fill: var(--tec-color-accent-primary); stroke: var(--tec-color-accent-primary); } } @svg-load guest-disabled url('../icons/guest.svg') { path { fill: var(--e-global-color-alternate); stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ @svg-load list url('../icons/list.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ @svg-load location url('../icons/location.svg') { path { fill: var(--e-global-color-text); } } @svg-load location-active url('../icons/location.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load location-disabled url('../icons/location.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load location-focus url('../icons/location.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ @svg-load mail-active url('../icons/mail.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ @svg-load map url('../icons/map.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ @svg-load map-pin-active url('../icons/map-pin.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ @svg-load messages-not-found url('../icons/messages-not-found.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ @svg-load month url('../icons/month.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ @svg-load no-map url('../icons/no-map.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ @svg-load paper-plane-active url('../icons/paper-plane.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ @svg-load phone-active url('../icons/phone.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ @svg-load photo url('../icons/photo.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ @svg-load plus-focus url('../icons/plus.svg') { path { stroke: var(--e-global-color-primary); } } @svg-load plus-white url('../icons/plus.svg') { path { stroke: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ @svg-load recurring url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load recurring-active url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ @svg-load remove url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } @svg-load remove-secondary url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ @svg-load reset url('../icons/reset.svg') { path { stroke: var(--e-global-color-text); } } @svg-load reset-active url('../icons/reset.svg') { path { stroke: var(--tec-color-accent-primary); } } @svg-load reset-disabled url('../icons/reset.svg') { path { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ @svg-load search url('../icons/search.svg') { path { fill: var(--e-global-color-text); } } @svg-load search-active url('../icons/search.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load search-disabled url('../icons/search.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load search-focus url('../icons/search.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ @svg-load search-filter url('../icons/search-filter.svg') { path { fill: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ @svg-load week url('../icons/week.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ @svg-load cal-export url('../icons/cal-export.svg') {}/* stylelint-disable-line block-no-empty */ /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ /* Single Event */ /** * The Events Calendar Tribe Single Event View V2 Stylesheet * * @package TribeEventsCalendar * */ /* Recurring info block */ .tribe-events-schedule .recurringinfo, .tribe-related-event-info .recurringinfo { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); background-color: var(--tec-color-background-secondary); border-radius: 40px; margin-right: var(--tec-spacer-1); order: 2; padding: 0 var(--tec-spacer-1); position: relative; } .tribe-events-schedule .recurringinfo a:hover, .tribe-related-event-info .recurringinfo a:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-schedule .recurringinfo:before, .tribe-related-event-info .recurringinfo:before { background: svg-inline(recurring-active) 0/12px no-repeat; content: ''; height: 20px; left: 8px; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; } .tribe-events-schedule .recurringinfo .tribe-events-divider, .tribe-related-event-info .recurringinfo .tribe-events-divider { display: none; } .tribe-events-schedule .recurringinfo .event-is-recurring, .tribe-related-event-info .recurringinfo .event-is-recurring { letter-spacing: -9999px; /* To hide the "Recurring Event" label on mobile */ padding-left: var(--tec-spacer-4); visibility: hidden; } .tribe-events-schedule .recurringinfo a, .tribe-related-event-info .recurringinfo a { color: var(--tec-color-accent-primary); letter-spacing: normal; line-height: 20px; text-decoration: none; visibility: visible; } /* Recurring info block */ .tribe-events-schedule .recurringinfo { background-color: var(--tec-color-background-secondary); border-radius: 40px; margin-right: var(--tec-spacer-1); order: 2; padding: 0 var(--tec-spacer-1); font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-events-schedule .recurringinfo a:hover { color: var(--cmsmasters-colors-hover); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-schedule .recurringinfo { margin-left: var(--tec-spacer-1); padding: var(--tec-spacer-1) var(--tec-spacer-3); } } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-schedule .recurringinfo:before { left: 16px; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-schedule .recurringinfo .event-is-recurring { letter-spacing: normal; visibility: visible; } } /* Description Block */ .tribe-events-content h2, .tribe-events-content h3, .tribe-events-content h4, .tribe-events-content h5, .tribe-events-content h6 { color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-events-content h2 a:hover, .tribe-events-content h3 a:hover, .tribe-events-content h4 a:hover, .tribe-events-content h5 a:hover, .tribe-events-content h6 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-content ul, .tribe-events-content ol { list-style-position: inside; padding: 0; } .tribe-events-content ul { list-style-type: disc; } .tribe-events-content ol { list-style-type: decimal; } .tribe-events-content pre { background-color: var(--tec-color-background-secondary); margin-bottom: var(--tec-spacer-5); padding: var(--tec-spacer-5); } .tribe-events-content blockquote { quotes: auto; } .tribe-events-content blockquote:before { content: open-quote; } .tribe-events-content blockquote:after { content: close-quote; } .tribe-events-content blockquote p { display: inline-block; } /* Details block */ .tribe-events-event-meta dt, .tribe-events-event-meta dd { word-break: break-word; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-event-meta { margin-bottom: var(--tec-spacer-3); } } .tribe-events-event-meta.primary + .event-tickets, .tribe-events-event-meta.secondary + .event-tickets { margin-bottom: var(--tec-spacer-7); margin-top: calc(-1 * var(--tec-spacer-6)); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-event-meta.primary + .event-tickets, .tribe-events-event-meta.secondary + .event-tickets { margin-bottom: var(--tec-spacer-8); } } .tribe-events-event-meta.primary + .event-tickets + .event-tickets, .tribe-events-event-meta.secondary + .event-tickets + .event-tickets { margin-bottom: var(--tec-spacer-1); margin-top: calc(-1 * var(--tec-spacer-7)); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-event-meta.primary + .event-tickets + .event-tickets, .tribe-events-event-meta.secondary + .event-tickets + .event-tickets { margin-bottom: var(--tec-spacer-3); margin-top: calc(-1 * var(--tec-spacer-8)); } } /* Details column */ .tribe-events-meta-group.tribe-events-meta-group-venue { order: 1; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-meta-group.tribe-events-meta-group-venue { order: 0; } } .tribe-events-meta-group.tribe-events-meta-group-gmap { border-top: 1px solid var(--tec-color-border-secondary); flex-basis: 100%; margin-top: var(--tec-spacer-1); padding-top: var(--tec-spacer-5); width: auto; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-meta-group.tribe-events-meta-group-gmap { flex-basis: 140px; margin-top: 0; padding-top: 0; } } /* Venue block */ .tribe-events-venue-map { /* Make sure the gmap div/iframe has these specific heights */ } .tribe-events-venue-map > div, .tribe-events-venue-map > iframe { margin-bottom: 0; max-height: 241px; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-venue-map > div, .tribe-events-venue-map > iframe { max-height: 211px; } } .tribe-events-venue-map > iframe { margin: 0; } /* Related Events block */ .tribe-events-single ul.tribe-related-events li .tribe-related-event-info .recurringinfo { margin-left: 0; margin-right: var(--tec-spacer-1); margin-top: 0; margin-bottom: var(--tec-spacer-2); } .tribe-events-single ul.tribe-related-events li .tribe-related-event-info .timezone { margin-left: var(--tec-spacer-0); } /* Footer Navigation */ .tribe-events-single .tribe-events-sub-nav { display: flex; justify-content: space-between; margin-left: 0; } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; color: var(--e-global-color-text); vertical-align: middle; } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:before, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:after, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:before, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover:before, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover:after, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover:before, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover:after { opacity: initial; } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:hover, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:focus, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:hover, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:focus { color: var(--tec-color-accent-primary); } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:active, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:active { color: var(--tec-color-accent-primary); } .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a:disabled, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a:disabled { background-color: transparent; opacity: .5; color: var(--e-global-color-text); } .tribe-events-nav-previous a:before { margin-top: -2px; width: 7px; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-nav-previous a:before { margin-right: var(--tec-spacer-1); width: 9px; } } .tribe-events-nav-next a:after { margin-top: -2px; width: 7px; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events-nav-next a:after { margin-left: var(--tec-spacer-1); width: 9px; } } /** * The Events Calendar Skeleton Stylesheet * (Only includes enough css to achieve complex layouts like calendar and week view.) * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ /* Fixes for rich snippets */ .event .entry-title { line-height: inherit; padding: inherit; } .updated-info { height: 0; text-indent: -9999px; } /* 2011 Theme Extra Calendar Room */ .events-archive .entry-content, .events-archive .entry-header { width: 98%; } /* Remove "Edit" Link from unneeded templates */ .events-archive span.edit-link { display: none; } /* Miscellaneous Helper Classes */ .tribe-hide-text { overflow: hidden; text-indent: 100%; white-space: nowrap; } .tribe-events-error { display: none; } .tribe-events-multi-event-day { color: var(--tec-color-accent-primary); } /* Tribe Spinner */ .tribe-events-spinner { height: 32px; margin-left: -16px; width: 32px; } .tribe-events-spinner-small { height: 16px; margin-left: -8px; width: 16px; } /* General Template Header Nav */ #tribe-events-content li.tribe-events-nav-date { padding-top: 16px; } select.tribe-events-dropdown { font-size: 11px; margin-left: 0; margin-right: 9px; margin-top: 33px; margin-bottom: 0; width: auto; } #tribe-events-events-picker, #tribe-events-picker { display: inline; } /* = List View Template Styles @ Template: list.php ============================================= */ /* Meta */ .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo { display: inline-block; white-space: pre; zoom: 1; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .event-is-recurring { position: relative; } /* = List View & Single Venue (Pro Version) Template Styles @ Template: list.php & single-venue.php ============================================= */ /* Loop */ .events-archive h3 .published, .single-tribe_venue h3 .published { font-style: italic; margin-top: 0; text-transform: none; } .tribe-events-loop .tribe-events-event-meta dl { margin: 0; } .tribe-events-loop .tribe-events-event-meta dt { font-weight: bold; padding-right: 12px; width: auto; } .tribe-events-loop .tribe-events-event-meta dd { margin-bottom: 0.25em; margin-left: 6.5em; } /* = Single Event Template Styles @ Template: single-event.php ============================================= */ .single-tribe_events .tribe-events-schedule .recurringinfo { margin-right: 10px; } #tribe-events-content .tribe-events-single-event-description img.attachment-post-thumbnail { display: block; margin-left: auto; margin-right: auto; text-align: center; } .tribe-events-meta-group + .tribe-events-single-section-title { margin-top: 0; } /* Eventbrite */ #eventbrite-embed { margin: 24px 0; min-height: 225px; width: 100%; } .eventbrite-ticket-embed { margin: 0 0 30px; } /* Date Seperators */ .tribe-events-list .type-tribe_events.tribe-event-end-month { border-bottom: 0; padding-bottom: 0; } /* Map */ .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { float: none; margin: 0; width: 100%; } #tribe-events-content .tribe-events-event-meta dd span.adr { display: block; } /* = Calendar Styles (includes styles for both large & small calendars) @ Template: month.php & widgets/calendar-widget.php ============================================= */ /** For when a tooltip is near top edge of viewport, so displays below event title instead of above it. */ .tribe-events-tooltip.tribe-events-tooltip-flipdown .tribe-events-arrow { top: -11px; transform: rotate(180deg); } /* Recurring info tooltip */ .recurringinfo { display: inline-block; position: relative; zoom: 1; } .event-is-recurring { position: relative; } .recurring-info-tooltip.tribe-events-tooltip { left: 10px; max-width: 320px; padding-bottom: 0.8em; width: 200px; } /* Large Calendar Specifics */ .tribe-events-viewmore { font-weight: bold; line-height: 1; margin: 0 5%; padding: 6px 8px; } .tribe-events-calendar div[id*='tribe-events-event-'] h3.entry-title a { font-size: 100%; } /* Large Calendar Tooltip Specifics */ #tribe-events-content .tribe-events-tooltip h4.entry-title { font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 24px; margin: 0; min-height: 24px; padding: 0 6px; } .tribe-events-tooltip .duration { font-style: italic; margin: 3px 0; } .tribe-events-tooltip p.entry-summary { font-size: 11px; line-height: 1.5; padding: 0; } /* = Events List Widget Styles (Sidebar) @ Template: widgets/list-widget.php ============================================= */ .tribe-events-list-widget li p.entry-title.summary, .tribe-events-adv-list-widget li p.entry-title.summary { font-size: 100%; margin-bottom: 0; padding: 0; } /* = Events Navigation Bar @ Template: modules/bar.php ============================================= */ /* Views Select */ #tribe-bar-views .tribe-bar-view-select, #tribe-bar-views .tribe-bar-view-select ~ .tribe-select2 { display: none; } /* Views Select When Have Settings */ .tribe-has-settings #tribe-bar-dates { margin-left: -331px; } .tribe-has-settings #tribe-bar-views { margin-left: -142px; width: 142px; } .tribe-has-settings #tribe-bar-views .select2-container .select2-choice { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .tribe-has-settings #tribe-bar-views .select2-container .select2-choice div { background: transparent; background-image: none; border-left-width: 0; -webkit-border-radius: 0; border-radius: 0; filter: none; } /* Settings */ #tribe-events-bar .tribe-bar-settings { overflow: hidden; } #tribe-events-bar .tribe-bar-button-settings span { background-image: url("images/events-bar/icon-gear.png"); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 14px 14px; background-size: 14px 14px; display: inline-block; float: left; height: 100%; position: relative; width: 14px; } #tribe-bar-views .tribe-bar-drop-content button { width: 100%; } /* Filters Button & Dropdown Content */ #tribe-events-bar .tribe-bar-button-settings { border-left-color: transparent; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; float: left; margin-left: -1px; } .tribe-bar-settings .tribe-bar-drop-content { padding: 10px 12px 4px; right: -5px; width: 285px; } /* Bar Width Adjustments */ .tribe-bar-full #tribe-bar-views .tribe-bar-view-select, .tribe-bar-full #tribe-bar-views .tribe-bar-view-select ~ .tribe-select2 { display: none; } .tribe-bar-mini #tribe-bar-views .tribe-bar-view-select, .tribe-bar-mini #tribe-bar-views .tribe-bar-view-select ~ .tribe-select2 { display: block; } .tribe-bar-full #tribe-bar-views ul.tribe-bar-view-list { display: block; } .tribe-bar-mini #tribe-bar-views ul.tribe-bar-view-list { display: none; } /* Utility Classes */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } /** * The Events Calendar Tribe Theme Stylesheet * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ /* = Global & Miscellaneous Styles =============================================*/ /* Tribe Theme Color */ .event-is-recurring .tribe-events-divider { display: inline; } /* Meta */ .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo { padding-left: 0; vertical-align: top; } /* Date/Time */ .single-tribe_events .tribe-events-schedule .tribe-events-divider { display: inline-block; zoom: 1; *display: inline; } .single-tribe_events .tribe-events-schedule .recurringinfo { margin-right: 0.5em; } .single-tribe_events .tribe-events-schedule h3 { margin: 0; } /* = Calendar Styles (includes styles for both large & small calendars) @ Template: month.php & widgets/calendar-widget.php =============================================*/ /* Global Calendar Styles */ .tribe-events-calendar td { background: var(--tec-table-bg-color); border: 1px solid var(--e-global-color-border); border-top: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .tribe-events-calendar td:hover { background: var(--tec-highlight-color); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; } .tribe-events-calendar td.tribe-events-othermonth { background: var(--tec-highlight-color); } .tribe-events-calendar .tribe-events-othermonth:hover { -webkit-box-shadow: none; box-shadow: none; } /* Large Calendar Tooltip Specifics */ #tribe-events-content .tribe-events-tooltip h4 { margin: 0; background-color: transparent; padding: 0; } .tribe-events-tooltip .duration { margin: 0; padding: .4em 0 .5em; } .events-list.tribe-bar-is-disabled #tribe-events-content-wrapper { max-width: 700px; margin: 0 auto; } .tribe-events-map.tribe-bar-is-disabled #tribe-events-content-wrapper { max-width: none; } .tribe-events-tooltip.tribe-events-tooltip-flipdown::before { border-bottom-color: var(--e-global-color-background); top: -20px; /* Normally it's -21px, but -20px works better in Tribe Events theme because of tooltip box-shadow. */ } /** * Shortcode specific CSS */ .tribe-shortcode-align-right { float: right; } .tribe-shortcode-align-left { float: left; } .tribe-shortcode-align-center { display: table; margin-left: auto; margin-right: auto; } .tribe-shortcode.tribe-events-event-meta.tribe-shortcode-align-right { margin-right: 20px; } .tribe-shortcode.tribe-events-event-meta.tribe-shortcode-align-left { margin-left: 20px; } .tribe-shortcode.tribe-events-event-meta .tribe-events-meta-group { width: auto; min-width: 250px; } /** * The Events Calendar Tribe V2 Full Stylesheet * * @package TribeEventsCalendar * */ /* 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-load arrow-right-active url('../icons/arrow-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load arrow-right-secondary url('../icons/arrow-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load arrow-right-white url('../icons/arrow-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ @svg-load arrow url('../icons/arrow.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ @svg-load caret-down url('../icons/caret-down.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ @svg-load caret-left url('../icons/caret-left.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-left-active url('../icons/caret-left.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-left-disabled url('../icons/caret-left.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-left-secondary url('../icons/caret-left.svg') { path { fill: var(--tec---e-global-color-textcolor-icon-secondary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ @svg-load caret-right url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-active url('../icons/caret-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-right-disabled url('../icons/caret-right.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-right-secondary url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-white url('../icons/caret-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ @svg-load caret-up url('../icons/caret-up.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ @svg-load check-white url('../icons/check.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ @svg-load close url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } @svg-load close-secondary url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ @svg-load day url('../icons/day.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ @svg-load dropdown url('../icons/dropdown.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ @svg-load error-active url('../icons/error.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ @svg-load featured url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-active url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-white url('../icons/featured-event.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ @svg-load filters url('../icons/filters.svg') { path { stroke: var(--e-global-color-text); } circle { stroke: var(--e-global-color-text); } } @svg-load filters-active url('../icons/filters.svg') { path { stroke: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } @svg-load filters-disabled url('../icons/filters.svg') { path { stroke: var(--e-global-color-alternate); } circle { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ @svg-load link-active url('../icons/link.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ @svg-load guest-active url('../icons/guest.svg') { path { fill: var(--tec-color-accent-primary); stroke: var(--tec-color-accent-primary); } } @svg-load guest-disabled url('../icons/guest.svg') { path { fill: var(--e-global-color-alternate); stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ @svg-load list url('../icons/list.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ @svg-load location url('../icons/location.svg') { path { fill: var(--e-global-color-text); } } @svg-load location-active url('../icons/location.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load location-disabled url('../icons/location.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load location-focus url('../icons/location.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ @svg-load mail-active url('../icons/mail.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ @svg-load map url('../icons/map.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ @svg-load map-pin-active url('../icons/map-pin.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ @svg-load messages-not-found url('../icons/messages-not-found.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ @svg-load month url('../icons/month.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ @svg-load no-map url('../icons/no-map.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ @svg-load paper-plane-active url('../icons/paper-plane.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ @svg-load phone-active url('../icons/phone.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ @svg-load photo url('../icons/photo.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ @svg-load plus-focus url('../icons/plus.svg') { path { stroke: var(--e-global-color-primary); } } @svg-load plus-white url('../icons/plus.svg') { path { stroke: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ @svg-load recurring url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load recurring-active url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ @svg-load remove url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } @svg-load remove-secondary url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ @svg-load reset url('../icons/reset.svg') { path { stroke: var(--e-global-color-text); } } @svg-load reset-active url('../icons/reset.svg') { path { stroke: var(--tec-color-accent-primary); } } @svg-load reset-disabled url('../icons/reset.svg') { path { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ @svg-load search url('../icons/search.svg') { path { fill: var(--e-global-color-text); } } @svg-load search-active url('../icons/search.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load search-disabled url('../icons/search.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load search-focus url('../icons/search.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ @svg-load search-filter url('../icons/search-filter.svg') { path { fill: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ @svg-load week url('../icons/week.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ @svg-load cal-export url('../icons/cal-export.svg') {}/* stylelint-disable-line block-no-empty */ /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ /* Base */ /* ----------------------------------------------------------------------------- * * Base Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ :root { /* ----------------------------------------------------------------------------- * * Variables: TEC View-specific variables for fine-grained control. * * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Event Titles by View * --------------------- -------------------------------------------------------- */ --tec-color-text-events-title-day: var(--tec-color-text-events-title); --tec-color-text-events-title-latest-past: var(--tec-color-text-events-title); --tec-color-text-event-title-list: var(--tec-color-text-events-title); --tec-color-text-events-title-month-multiday: var(--tec-color-text-events-title); --tec-color-text-events-title-widget-list: var(--tec-color-text-events-title); /* ----------------------------------------------------------------------------- * Event Dates by View - Month * ----------------------------------------------------------------------------- */ --tec-color-text-event-date-secondary-month: var(--tec-color-text-event-date-secondary); --tec-color-text-event-date-secondary-month-mobile: var(--tec-color-text-event-date-secondary-month); --tec-color-text-day-of-week-month: var(--e-global-color-text); --tec-color-day-marker-month: var(--e-global-color-text); --tec-color-day-marker-month-hover: var(--tec-color-accent-primary); --tec-color-day-marker-month-active: var(--tec-color-accent-primary); --tec-color-day-marker-current-month: var(--tec-color-day-marker-month); --tec-color-day-marker-current-month-hover: var(--tec-color-day-marker-month-hover); --tec-color-day-marker-current-month-active: var(--tec-color-day-marker-month-active); --tec-color-day-marker-past-month: var(--e-global-color-text); --tec-color-day-marker-past-month-hover: var(--tec-color-day-marker-past-month); --tec-color-day-marker-past-month-active: var(--tec-color-day-marker-past-month); /* ----------------------------------------------------------------------------- * Event Dates by View - Week (move to ECP) * ----------------------------------------------------------------------------- */ --tec-color-text-day-of-week-week: var(--e-global-color-text); /* ----------------------------------------------------------------------------- * Borders by View * ----------------------------------------------------------------------------- */ --tec-featured-color-scheme-custom: var(--e-global-color-accent); --tec-table-bg-color: var(--cmsmasters-table-colors-bg); --tec-highlight-color: var(--e-global-color-alternate); --tec-color-border-secondary-month-grid: var(--tec-color-border-secondary); --tec-color-border-active-month-grid-hover: var(--tec-color-border-active); --tec-color-background-month-grid: transparent; /* ----------------------------------------------------------------------------- * Tooltips * ----------------------------------------------------------------------------- */ --tec-color-background-tooltip: var(--tec-color-background); /* ----------------------------------------------------------------------------- * Events Bar * ----------------------------------------------------------------------------- */ --tec-color-text-events-bar-input: var(--e-global-color-text); --tec-color-text-events-bar-input-placeholder: var(--e-global-color-text); --tec-opacity-events-bar-input-placeholder: var(--tec-opacity-default); --tec-color-border-events-bar: var(--tec-color-border-secondary); --tec-color-background-events-bar: var(--tec-color-background); --tec-color-background-view-selector: var(--tec-color-background-events-bar); --tec-color-background-view-selector-tabs: var(--tec-color-background-view-selector); --tec-color-background-view-selector-list-item-hover: var(--tec-color-background-secondary); --tec-color-background-subscribe-list-item-hover: var(--tec-color-background-secondary); --tec-color-text-view-selector-list-item: var(--e-global-color-text); --tec-color-text-view-selector-list-item-hover: var(--e-global-color-accent); --tec-color-background-search-container: var(--tec-color-background-events-bar); --tec-color-text-events-bar-submit-button: var(--cmsmasters-button-normal-colors-color); --tec-color-background-events-bar-submit-button: var(--tec-color-button-primary); --tec-color-icon-events-bar: var(--cmsmasters-input-normal-colors-color); --tec-color-icon-events-bar-active: var(--tec-color-accent-primary); --tec-color-icon-events-bar-hover: var(--tec-color-icon-hover); /* ----------------------------------------------------------------------------- * Body Font * ----------------------------------------------------------------------------- */ --tec-font-size: var(--cmsmasters-base-font-size); } /* Components */ /* ----------------------------------------------------------------------------- * * Components * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Breadcrumbs */ /* ----------------------------------------------------------------------------- * * Breadcrumbs * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-breadcrumbs__list { color: var(--cmsmasters-breadcrumbs-colors-text); font-family: var(--cmsmasters-breadcrumbs-font-family); font-weight: var(--cmsmasters-breadcrumbs-font-weight); font-style: var(--cmsmasters-breadcrumbs-font-style); text-transform: var(--cmsmasters-breadcrumbs-text-transform); text-decoration: var(--cmsmasters-breadcrumbs-text-decoration); font-size: var(--cmsmasters-breadcrumbs-font-size); line-height: var(--cmsmasters-breadcrumbs-line-height); letter-spacing: var(--cmsmasters-breadcrumbs-letter-spacing); } .tribe-events .tribe-events-c-breadcrumbs__list-item-link { color: var(--cmsmasters-breadcrumbs-colors-link); } .tribe-events .tribe-events-c-breadcrumbs__list-item-link:hover, .tribe-events .tribe-events-c-breadcrumbs__list-item-link:focus { color: var(--cmsmasters-breadcrumbs-colors-hover); } .tribe-events .tribe-events-c-breadcrumbs__list-item-icon-svg path { color: var(--cmsmasters-breadcrumbs-colors-link); } /* Datepicker */ /* ----------------------------------------------------------------------------- * * Datepicker * * ----------------------------------------------------------------------------- */ .tribe-events .datepicker { background-color: var(--e-global-color-background); } .tribe-events .datepicker:before, .tribe-events .datepicker:after { content: none; } .tribe-events .datepicker table { border-collapse: collapse; table-layout: fixed; } .tribe-events .datepicker table th span, .tribe-events .datepicker table td span { transition: color .3s ease-in-out, background-color .3s ease-in-out; } .tribe-events .datepicker .datepicker-switch, .tribe-events .datepicker .prev, .tribe-events .datepicker .next { padding: var(--tec-spacer-4) 0; vertical-align: middle; } .tribe-events .datepicker .datepicker-switch:hover, .tribe-events .datepicker .datepicker-switch:focus, .tribe-events .datepicker .datepicker-switch:active, .tribe-events .datepicker .prev:hover, .tribe-events .datepicker .prev:focus, .tribe-events .datepicker .prev:active, .tribe-events .datepicker .next:hover, .tribe-events .datepicker .next:focus, .tribe-events .datepicker .next:active { color: var(--cmsmasters-table-thead-colors-link); background-color: var(--cmsmasters-table-thead-colors-bg); } .tribe-events .datepicker .datepicker-switch { font-family: var(--cmsmasters-text-font-family); font-weight: var(--cmsmasters-text-font-weight); font-style: var(--cmsmasters-text-font-style); text-transform: var(--cmsmasters-text-text-transform); text-decoration: var(--cmsmasters-text-text-decoration); font-size: var(--cmsmasters-text-font-size); line-height: var(--cmsmasters-text-line-height); letter-spacing: var(--cmsmasters-text-letter-spacing); } .tribe-events .datepicker .datepicker-switch:hover, .tribe-events .datepicker .datepicker-switch:focus { color: var(--cmsmasters-table-thead-colors-hover); } .tribe-events .datepicker .datepicker-switch:active { color: var(--cmsmasters-table-thead-colors-hover); } .tribe-events .datepicker .prev, .tribe-events .datepicker .next { line-height: 0; } .tribe-events .datepicker .prev:hover .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .prev:focus .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .prev:active .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .next:hover .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .next:focus .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .next:active .tribe-events-c-top-bar__datepicker-nav-icon-svg path { fill: var(--tec-color-accent-primary, var(--cmsmasters-table-thead-colors-hover)); } .tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg, .tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg { height: 15px; margin-right: auto; width: 9px; } .tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg path { fill: currentColor; transition: fill .3s ease-in-out; } .tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg path { fill: var(--cmsmasters-table-thead-colors-hover); } .tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg { margin-left: auto; margin-right: 0; } .tribe-events .datepicker .datepicker-months th, .tribe-events .datepicker .datepicker-months td, .tribe-events .datepicker .datepicker-years th, .tribe-events .datepicker .datepicker-years td { padding: 0; } .tribe-events .datepicker .datepicker-months .datepicker-switch, .tribe-events .datepicker .datepicker-months .prev, .tribe-events .datepicker .datepicker-months .next, .tribe-events .datepicker .datepicker-years .datepicker-switch, .tribe-events .datepicker .datepicker-years .prev, .tribe-events .datepicker .datepicker-years .next { padding: var(--tec-spacer-4) 0; } .tribe-events .datepicker .dow { color: var(--cmsmasters-table-thead-colors-text); padding: 0 0 5px; width: var(--tec-grid-width-1-of-7); } .tribe-events .datepicker .day { color: var(--e-global-color-text); padding: 11px 0; width: 48px; } .tribe-events .datepicker .month, .tribe-events .datepicker .year { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); height: auto; padding: 15px 0; } .tribe-events .datepicker .past { color: var(--e-global-color-border); } .tribe-events .datepicker.disabled, .tribe-events .datepicker.disabled.focused, .tribe-events .datepicker.disabled:focus, .tribe-events .datepicker.disabled:hover { color: var(--e-global-color-border); } .tribe-events .datepicker .new { color: var(--e-global-color-tertiary); } .tribe-events .datepicker .day:hover, .tribe-events .datepicker .day:focus, .tribe-events .datepicker .day.focused, .tribe-events .datepicker .month:hover, .tribe-events .datepicker .month:focus, .tribe-events .datepicker .month.focused, .tribe-events .datepicker .year:hover, .tribe-events .datepicker .year:focus, .tribe-events .datepicker .year.focused { color: var(--tec-color-accent-primary, var(--cmsmasters-table-colors-hover)); background: var(--tec-color-background-secondary-datepicker, var(--e-global-color-tertiary)); } .tribe-events .datepicker .day.current, .tribe-events .datepicker .month.current, .tribe-events .datepicker .year.current { color: var(--tec-color-background, var(--e-global-color-background)); background: var(--tec-color-accent-primary-background-datepicker, var(--e-global-color-tertiary)); } .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .year.current:hover, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current.focused { color: var(--tec-color-background, var(--e-global-color-background)); background: var(--tec-color-accent-primary-background-datepicker, var(--e-global-color-tertiary)); } .tribe-events .datepicker .day.active, .tribe-events .datepicker .month.active, .tribe-events .datepicker .year.active { background: var(--tec-color-accent-primary, var(--e-global-color-tertiary)); color: var(--tec-color-background, var(--e-global-color-background)); text-shadow: none; } .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .year.active:hover, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active.focused { background: var(--tec-color-accent-primary, var(--e-global-color-tertiary)); color: var(--tec-color-background, var(--e-global-color-background)); text-shadow: none; } .admin-bar .tribe-events .datepicker { margin-top: var(--tec-spacer-1); } .admin-bar .tribe-events.tribe-common--breakpoint-medium .datepicker { margin-top: var(--tec-spacer-3); } /* Day marker */ /* ----------------------------------------------------------------------------- * * Day Marker * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-day-marker:after { background-color: var(--e-global-color-border); content: ''; display: block; flex: auto; height: 1px; margin-left: 20px; } /* Events bar */ /* ----------------------------------------------------------------------------- * * Events Bar * * ----------------------------------------------------------------------------- */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar { background-color: var(--tec-color-background-events-bar); } .tribe-events .tribe-events-c-events-bar { display: flex; padding: 20px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar { flex-direction: row; } .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input { background-color: transparent; color: var(--tec-color-text-events-bar-input); } .tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::placeholder { color: var(--tec-color-text-events-bar-input-placeholder); opacity: var(--tec-opacity-events-bar-input-placeholder); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border { border: 1px solid var(--tec-color-border-events-bar); } .tribe-events .tribe-events-c-events-bar__views { display: flex; flex: none; justify-content: center; } .tribe-events .tribe-events-c-events-bar__views .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button { color: var(--e-global-color-secondary); } .tribe-events .tribe-events-c-events-bar__views .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:hover, .tribe-events .tribe-events-c-events-bar__views .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:focus, .tribe-events .tribe-events-c-events-bar__views .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:active { color: var(--cmsmasters-colors-hover); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search { display: flex; flex: auto; } .tribe-events .tribe-events-c-events-bar__search-container { background-color: var(--tec-color-background-events-bar); display: none; left: 0; padding: var(--tec-spacer-1) var(--tec-grid-gutter-small-half) var(--tec-spacer-7); position: absolute; right: 0; top: calc(100% - var(--tec-spacer-1)); z-index: var(--tec-z-index-dropdown); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container { background-color: transparent; align-items: center; display: flex; flex: auto; padding: 0; position: static; z-index: auto; } .tribe-events .tribe-events-c-events-bar__search-form { width: 100%; } .tribe-events .tribe-events-c-events-bar__search-button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; color: var(--e-global-color-secondary); display: flex; align-items: center; margin-right: 20px; vertical-align: middle; position: relative; } .tribe-events .tribe-events-c-events-bar__search-button:before, .tribe-events .tribe-events-c-events-bar__search-button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events .tribe-events-c-events-bar__search-button:hover { color: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-c-events-bar__search-button:hover:before, .tribe-events .tribe-events-c-events-bar__search-button:hover:after { opacity: initial; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-button { display: none !important; visibility: hidden; } .tribe-events .tribe-events-c-events-bar__search-button:hover, .tribe-events .tribe-events-c-events-bar__search-button:focus, .tribe-events .tribe-events-c-events-bar__search-button:active { opacity: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-c-events-bar__search-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% - (2 * var(--tec-spacer-0))); } .tribe-events .tribe-events-c-events-bar__search-button--active:before { display: block; } .tribe-events .tribe-events-c-events-bar__search-button-icon-svg { width: 21px; } .tribe-events .tribe-events-c-events-bar__search-button-icon-svg path { fill: var(--tec-color-icon-events-bar-active); fill: currentColor; } /* iCal link */ .tribe-events .tribe-events-c-ical { margin-top: var(--tec-spacer-4); text-align: right; } .tribe-events .tribe-events-c-ical__link { align-items: center; display: inline-flex; justify-content: center; padding: var(--tec-spacer-2); width: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-ical__link { width: auto; } .tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-ical__link:visited { align-items: center; background-color: var(--tec-color-background); border: 1px solid var(--tec-color-accent-primary); border-radius: var(--tec-border-radius-default); color: var(--tec-color-accent-primary); } .tribe-events .tribe-events-c-ical__link:hover, .tribe-events .tribe-events-c-ical__link:focus, .tribe-events .tribe-events-c-ical__link:focus-within, .tribe-events .tribe-events-c-ical__link:active { background-color: var(--tec-color-accent-primary); color: var(--tec-color-background); } .tribe-events .tribe-events-c-ical__link:hover .tribe-events-c-ical__link-icon-svg path, .tribe-events .tribe-events-c-ical__link:focus .tribe-events-c-ical__link-icon-svg path, .tribe-events .tribe-events-c-ical__link:focus-within .tribe-events-c-ical__link-icon-svg path, .tribe-events .tribe-events-c-ical__link:active .tribe-events-c-ical__link-icon-svg path { stroke: var(--tec-color-background); } .tribe-events .tribe-events-c-ical__link-icon-svg { display: block; flex: none; margin-right: var(--tec-spacer-1); width: 10px; } .tribe-events .tribe-events-c-ical__link-icon-svg path { stroke: currentColor; } .tribe-events .tribe-events-c-subscribe-dropdown__container { display: flex; flex-flow: column; justify-content: flex-end; } .tribe-events .tribe-events-c-subscribe-dropdown { margin: var(--tec-spacer-7) 0; /* Fix for a FBAR style bug */ } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown { float: right; margin-left: auto; } .tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown { width: auto; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button { width: 100%; text-align: center; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button { width: auto; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover:before, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus:before, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within:before, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active:before { opacity: 0; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover:after, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus:after, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within:after, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active:after { opacity: 1; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text { font-family: inherit; font-weight: inherit; font-style: inherit; text-transform: inherit; text-decoration: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; cursor: pointer; transition: none; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:before, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:after { content: none; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon { display: inline-block; height: 6px; margin-left: var(--tec-spacer-1); vertical-align: middle; width: 10px; color: currentColor; stroke: currentColor; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon path { fill: currentColor; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content { display: none; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list { background-color: var(--tec-color-background); border: 1px solid var(--tec-color-border-secondary); border-radius: var(--tec-border-radius-default); box-shadow: var(--tec-box-shadow-default); list-style: none; padding: var(--tec-spacer-1); transform: translateY(var(--tec-spacer-1)); width: auto; z-index: var(--tec-z-index-dropdown); } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item { border-radius: var(--tec-border-radius-default); outline: 0; padding: var(--tec-spacer-0); text-align: left; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item a { display: inline-block; padding: 0 var(--tec-spacer-3); width: 100%; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus-within { background-color: var(--tec-color-background-subscribe-list-item-hover); } .tribe-events .tribe-events-c-subscribe-dropdown:focus, .tribe-events .tribe-events-c-subscribe-dropdown:focus-within { /* Show the submenu when we are focused anywhere inside. */ /* ...and the icon rotate */ } .tribe-events .tribe-events-c-subscribe-dropdown:focus .tribe-events-c-subscribe-dropdown__content, .tribe-events .tribe-events-c-subscribe-dropdown:focus-within .tribe-events-c-subscribe-dropdown__content { display: block; } .tribe-events .tribe-events-c-subscribe-dropdown:focus .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown:focus-within .tribe-events-c-subscribe-dropdown__button-icon { transform: rotate(180deg); } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button--active { /* ...and the icon rotate */ } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button--active + .tribe-events-c-subscribe-dropdown__content { display: block; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button--active .tribe-events-c-subscribe-dropdown__button-icon { transform: rotate(180deg); } /* Messages */ .tribe-events .tribe-events-c-messages__message { background-color: var(--e-global-color-alternate); border-radius: var(--tec-border-radius-default); } .tribe-events .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg { display: inline-block; margin-right: var(--tec-spacer-2); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-messages__message-list { text-align: center; } /* Navigation */ .tribe-events .tribe-events-c-nav { border-top: 1px solid var(--e-global-color-border); padding-top: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav { padding-top: var(--tec-spacer-6); } .tribe-events .tribe-events-c-nav__list { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .tribe-events .tribe-events-c-nav__list-item { display: flex; width: 33.33%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__list-item { width: 50%; } .tribe-events .tribe-events-c-nav__list-item--prev { justify-content: flex-start; } .tribe-events .tribe-events-c-nav__list-item--next { justify-content: flex-end; } .tribe-events .tribe-events-c-nav__list-item--today { justify-content: center; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__list-item--today { display: none !important; visibility: hidden; } .tribe-events .tribe-events-c-nav__prev-label-plural, .tribe-events .tribe-events-c-nav__next-label-plural { white-space: pre; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-label-plural, .tribe-events .tribe-events-c-nav__next-label-plural { clip: auto; height: auto; margin: 0; position: static; width: auto; } .tribe-events .tribe-events-c-nav__today:hover, .tribe-events .tribe-events-c-nav__today:focus { color: var(--e-global-color-accent); } .tribe-events .tribe-events-c-nav__today:active { color: var(--e-global-color-text); } .tribe-events .tribe-events-c-nav__prev, .tribe-events .tribe-events-c-nav__next { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; color: var(--e-global-color-text); align-items: center; display: flex; flex: none; flex-wrap: wrap; justify-content: center; } .tribe-events .tribe-events-c-nav__prev:before, .tribe-events .tribe-events-c-nav__prev:after, .tribe-events .tribe-events-c-nav__next:before, .tribe-events .tribe-events-c-nav__next:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events .tribe-events-c-nav__prev:hover, .tribe-events .tribe-events-c-nav__next:hover { color: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-c-nav__prev:hover:before, .tribe-events .tribe-events-c-nav__prev:hover:after, .tribe-events .tribe-events-c-nav__next:hover:before, .tribe-events .tribe-events-c-nav__next:hover:after { opacity: initial; } .tribe-events .tribe-events-c-nav__prev:hover, .tribe-events .tribe-events-c-nav__prev:focus, .tribe-events .tribe-events-c-nav__next:hover, .tribe-events .tribe-events-c-nav__next:focus { color: var(--tec-color-accent-primary); } .tribe-events .tribe-events-c-nav__prev:active, .tribe-events .tribe-events-c-nav__next:active { color: var(--tec-color-accent-primary); } .tribe-events .tribe-events-c-nav__prev:disabled, .tribe-events .tribe-events-c-nav__next:disabled { background-color: transparent; opacity: .5; color: var(--e-global-color-text); } .tribe-events .tribe-events-c-nav__prev-icon-svg, .tribe-events .tribe-events-c-nav__next-icon-svg { display: none; } .tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg, .tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path, .tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path { fill: var(--tec-color-accent-primary); } .tribe-events .tribe-events-c-nav__prev:active:before { opacity: var(--tec-opacity-default); } .tribe-events .tribe-events-c-nav__prev:disabled .tribe-events-c-nav__prev-icon-svg path { fill: var(--e-global-color-text); } .tribe-events .tribe-events-c-nav__prev-icon-svg { display: block; margin-right: 8px; width: 7px; } .tribe-events .tribe-events-c-nav__prev-icon-svg path { fill: var(--e-global-color-text); transition: fill .3s ease-in-out; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg { margin-right: 15px; width: 9px; } .tribe-events .tribe-events-c-nav__next:hover .tribe-events-c-nav__next-icon-svg, .tribe-events .tribe-events-c-nav__next:focus .tribe-events-c-nav__next-icon-svg { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-c-nav__next:hover .tribe-events-c-nav__next-icon-svg path, .tribe-events .tribe-events-c-nav__next:focus .tribe-events-c-nav__next-icon-svg path { fill: var(--tec-color-accent-primary); } .tribe-events .tribe-events-c-nav__next:active:after { opacity: var(--tec-opacity-default); } .tribe-events .tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-icon-svg path { fill: var(--e-global-color-text); } .tribe-events .tribe-events-c-nav__next:disabled:hover .tribe-events-c-nav__next-icon-svg path, .tribe-events .tribe-events-c-nav__next:disabled:focus .tribe-events-c-nav__next-icon-svg path { fill: var(--e-global-color-text); } .tribe-events .tribe-events-c-nav__next-icon-svg { display: block; margin-left: 8px; width: 7px; } .tribe-events .tribe-events-c-nav__next-icon-svg path { fill: var(--e-global-color-text); transition: fill .3s ease-in-out; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next-icon-svg { margin-left: 15px; width: 9px; } /* Small CTA */ /* ----------------------------------------------------------------------------- * * Small CTA (Tooltips - ET, ET+, RSVP) * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-small-cta__stock { color: var(--e-global-color-text); } /* Search */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search { display: flex; align-items: center; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-group { display: flex; flex: auto; } .tribe-events .tribe-events-c-search__input-control { position: relative; display: flex; flex-direction: row-reverse; flex: auto; } .tribe-events .tribe-events-c-search__input-control + .tribe-events-c-search__input-control { margin: 0 0 10px; } .tribe-events .tribe-events-c-search__input-control .tribe-common-c-svgicon--location { width: 12px; margin-left: 0; margin-right: 14px; margin-top: 0; margin-bottom: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control { flex: auto; margin: 0; padding-left: 0; padding-right: 3%; padding-top: 0; padding-bottom: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control:last-child { padding: 0; } .tribe-events .tribe-events-c-search__input-control-icon-svg { color: var(--tec-color-icon-events-bar); display: block; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; } .tribe-events .tribe-events-c-search__input-control-icon-svg path { fill: currentColor; } .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:focus ~ .tribe-events-c-search__input-control-icon-svg path, .tribe-events .tribe-events-c-search__input-control--location .tribe-events-c-search__input:focus ~ .tribe-events-c-search__input-control-icon-svg path { fill: currentColor; } .tribe-events .tribe-events-c-search__input-control--keyword-focus .tribe-events-c-search__input ~ .tribe-events-c-search__input-control-icon-svg path, .tribe-events .tribe-events-c-search__input-control--location-focus .tribe-events-c-search__input ~ .tribe-events-c-search__input-control-icon-svg path { fill: currentColor; } .tribe-events button.tribe-events-c-search__button { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); } .tribe-events button.tribe-events-c-search__button:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } .tribe-events button.tribe-events-c-search__button:before, .tribe-events button.tribe-events-c-search__button:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-events button.tribe-events-c-search__button:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } .tribe-events button.tribe-events-c-search__button:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } .tribe-events button.tribe-events-c-search__button:hover:before { opacity: 0; } .tribe-events button.tribe-events-c-search__button:hover:after { opacity: 1; } .tribe-events button.tribe-events-c-search__button:before { background-color: var(--tec-color-background-events-bar-submit-button); } .tribe-events button.tribe-events-c-search__button:focus:after, .tribe-events button.tribe-events-c-search__button:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events button.tribe-events-c-search__button:active { color: var(--cmsmasters-button-hover-colors-color); } .tribe-events button.tribe-events-c-search__button:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } /* Tooltip */ /* ----------------------------------------------------------------------------- * * Tooltip * * ----------------------------------------------------------------------------- */ /* Defining our tooltipster theme. */ .tooltipster-base.tribe-events-tooltip-theme { background-color: var(--tec-color-background-tooltip); border: 1px solid var(--e-global-color-border); border-radius: var(--tec-border-radius-default); box-shadow: var(--tec-box-shadow-tooltip); position: absolute; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box .tooltipster-content { color: var(--e-global-color-text); overflow: inherit; } .tooltipster-base.tribe-events-tooltip-theme--hover { background-color: var(--tec-color-background-tooltip); } /* Top bar */ /* ----------------------------------------------------------------------------- * * Top Bar * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-top-bar__datepicker-button:hover, .tribe-events .tribe-events-c-top-bar__datepicker-button:focus { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-c-top-bar__datepicker-button:active { opacity: var(--tec-opacity-icon-active); } .tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg { display: block; margin-left: var(--tec-spacer-1); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg { height: 8px; width: 11px; } .tribe-events .tribe-events-c-top-bar__datepicker-button--open .tribe-events-c-top-bar__datepicker-button-icon-svg { transform: rotate(180deg); } /* View Selector */ .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; color: var(--cmsmasters-colors-hover); vertical-align: middle; } .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:before, .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:hover { color: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:hover:before, .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:hover:after { opacity: initial; } .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:hover { color: var(--e-global-color-accent); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button-icon-caret-svg { color: var(--tec-color-icon-events-bar); display: block; flex: none; height: 6px; margin-left: var(--tec-spacer-1); width: 10px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button-icon-caret-svg path { fill: currentColor; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button--active .tribe-events-c-view-selector__button-icon-caret-svg { transform: rotate(180deg); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button-text { color: var(--tec-color-text-view-selector-list-item); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__content { box-shadow: var(--tec-box-shadow-default); } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content { background-color: var(--tec-color-background-view-selector); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content { border: 0; border-radius: 0; box-shadow: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after { background-color: var(--e-global-color-secondary); bottom: -1px; content: ''; display: block; height: 2px; position: absolute; width: 100%; } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link .tribe-events-c-view-selector__list-item-text { color: var(--tec-color-text-view-selector-list-item-hover); } .tribe-events .tribe-events-c-view-selector__button { text-align: left; } .tribe-events .tribe-events-c-view-selector__button:hover, .tribe-events .tribe-events-c-view-selector__button:focus { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-c-view-selector__button:active { opacity: var(--tec-opacity-icon-active); } .tribe-events .tribe-events-c-view-selector__button:before { background-color: var(--tec-color-accent-primary); content: ''; display: none; height: 2px; pointer-events: none; position: absolute; top: 100%; transform: translateY(var(--tec-spacer-0)); width: calc(100% - (2 * var(--tec-spacer-0))); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__button:before { transform: none; width: calc(100% - (2 * var(--tec-spacer-1))); } .tribe-events .tribe-events-c-view-selector__button--active:before { display: block; } .tribe-events .tribe-events-c-view-selector__content { background-color: var(--tec-color-background-view-selector); border: 1px solid var(--tec-color-border-secondary); border-radius: var(--tec-border-radius-default); box-shadow: var(--tec-box-shadow-tooltip); } .tribe-events .tribe-events-c-view-selector__list-item-link { color: var(--tec-color-text-view-selector-list-item); border-radius: var(--tec-border-radius-default); } .tribe-events .tribe-events-c-view-selector__list-item-link .tribe-events-c-view-selector__list-item-icon { transition: opacity .3s ease-in-out; } .tribe-events .tribe-events-c-view-selector__list-item-link .tribe-events-c-view-selector__list-item-text { transition: color .3s ease-in-out; } .tribe-events .tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-icon, .tribe-events .tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-icon { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-text, .tribe-events .tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-text { color: var(--tec-color-text-view-selector-list-item-hover); } /* ----------------------------------------------------------------------------- * * Components * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Breadcrumbs */ /* ----------------------------------------------------------------------------- * * Breadcrumbs * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-breadcrumbs { margin-bottom: var(--tec-spacer-5); width: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs { margin-bottom: var(--tec-spacer-9); } .tribe-events .tribe-events-c-breadcrumbs__list { display: flex; flex-wrap: wrap; } .tribe-events .tribe-events-c-breadcrumbs__list-item { align-items: center; display: inline-flex; } .tribe-events .tribe-events-c-breadcrumbs__list-item:last-child .tribe-events-c-breadcrumbs__list-item-icon-svg { display: none; } .tribe-events .tribe-events-c-breadcrumbs__list-item-icon-svg { display: inline-block; height: 14px; margin: 0 6px; width: 6px; } .tribe-events .tribe-events-c-breadcrumbs__list-item-icon-svg path { fill: currentColor; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list-item-icon-svg { height: 16px; margin: 0 10px; width: 10px; } /* Day marker */ /* ----------------------------------------------------------------------------- * * Day Marker * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-day-marker { align-items: center; display: flex; } .tribe-events .tribe-events-c-day-marker__date { flex: none; } /* Loader */ /* ----------------------------------------------------------------------------- * * Loader * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-view-loader { align-items: flex-start; background-color: transparent; bottom: 0; display: flex; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 100; } /* Messages */ .tribe-events .tribe-events-c-messages { display: flex; flex-direction: column; } .tribe-events .tribe-events-c-messages__message { align-items: center; display: flex; padding: var(--tec-spacer-2); width: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-messages__message { justify-content: center; padding: var(--tec-spacer-3); } /* Promo */ /* ----------------------------------------------------------------------------- * * Promo * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-promo { margin-top: var(--tec-spacer-4); } /* Read More */ /* ----------------------------------------------------------------------------- * * Read More * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-read-more { margin-top: var(--tec-spacer-2); } /* Small CTA */ /* ----------------------------------------------------------------------------- * * Small CTA (Tooltips - ET, ET+, RSVP) * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-small-cta > * { margin-left: var(--tec-spacer-1); } .tribe-events .tribe-events-c-small-cta > *:first-child { margin-left: 0; } .tribe-events .tribe-events-c-small-cta__link { cursor: pointer; } .tribe-events .tribe-events-c-small-cta__stock { margin-left: var(--tec-spacer-0); } /* Tooltip */ /* ----------------------------------------------------------------------------- * * Tooltip * * ----------------------------------------------------------------------------- */ /* Defining our tooltipster theme. */ .tooltipster-base.tribe-events-tooltip-theme { height: auto !important; max-width: 254px; padding: var(--tec-spacer-5); } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box { margin: 0; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box .tooltipster-content { padding: 0; word-break: break-word; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-arrow { display: none; } /* Top bar */ /* ----------------------------------------------------------------------------- * * Top Bar * * ----------------------------------------------------------------------------- */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav { display: block !important; flex: none; padding-right: 20px; visibility: visible; } .tribe-events .tribe-events-c-top-bar__nav-list { display: flex; } .tribe-events .tribe-events-c-top-bar__nav-list-item { flex: none; padding-left: 0; padding-right: 10px; } .tribe-events .tribe-events-c-top-bar__nav-list-item > * { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; vertical-align: middle; } .tribe-events .tribe-events-c-top-bar__nav-list-item > *:before, .tribe-events .tribe-events-c-top-bar__nav-list-item > *:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events .tribe-events-c-top-bar__nav-list-item > *:hover { color: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-c-top-bar__nav-list-item > *:hover:before, .tribe-events .tribe-events-c-top-bar__nav-list-item > *:hover:after { opacity: initial; } .tribe-events .tribe-events-c-top-bar__nav-list-item + .tribe-events-c-top-bar__nav-list-item, .tribe-events .tribe-events-c-top-bar__nav-list-date + .tribe-events-c-top-bar__nav-list-item { padding-left: 10px; padding-right: 0; } .tribe-events .tribe-events-c-top-bar__nav-link { display: block; line-height: 0; } .tribe-events .tribe-events-c-top-bar__nav-link:hover:before { background-color: transparent; } .tribe-events .tribe-events-c-top-bar__nav-link:before, .tribe-events .tribe-events-c-top-bar__nav-link:after { background-color: transparent; } .tribe-events .tribe-events-c-top-bar__nav-link-icon-svg { height: 19px; width: 11px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button { display: block !important; flex: none; margin-right: 15px; visibility: visible; } .tribe-events .tribe-events-c-top-bar__datepicker { flex: auto; position: relative; } .tribe-events .tribe-events-c-top-bar__datepicker-separator { white-space: pre; } .tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-mobile { display: none !important; visibility: hidden; } .tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop { display: block !important; visibility: visible; } .tribe-events .tribe-events-c-top-bar__datepicker-button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; align-items: center; display: flex; flex: none; transition: color .3s ease-in-out; } .tribe-events .tribe-events-c-top-bar__datepicker-button:before, .tribe-events .tribe-events-c-top-bar__datepicker-button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events .tribe-events-c-top-bar__datepicker-button:hover { color: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-c-top-bar__datepicker-button:hover:before, .tribe-events .tribe-events-c-top-bar__datepicker-button:hover:after { opacity: initial; } .tribe-events .tribe-events-c-top-bar__datepicker-container { bottom: 0; left: 0; max-width: calc(100% + 29px); /* view selector buttons have 29px width */ position: absolute; width: 363px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-container { max-width: none; min-width: 363px; } .tribe-events .tribe-events-header--has-event-search .tribe-events-c-top-bar__datepicker-container { max-width: calc(100% + 66px); /* mobile search and view selector buttons have 66px width */ } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-top-bar__datepicker-container { max-width: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__actions { display: block !important; flex: none; margin-left: auto; visibility: visible; } #top .main_color .tribe-events .tribe-events-c-top-bar__datepicker-input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .entry-content-wrapper .tribe-events .tribe-events-c-top-bar__nav-list-item { padding-right: 15px; } /* View Selector */ .tribe-events .tribe-events-c-view-selector { display: flex; align-items: center; position: static; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector { position: relative; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button { height: 100%; padding-left: 20px; padding-right: 0; padding-top: 0; padding-bottom: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button-icon { display: none !important; visibility: hidden; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button-text { clip: auto; height: auto; margin: 0; position: static; width: auto; flex: auto; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__content { padding: var(--tec-spacer-1); right: -21px; transform: translateY(var(--tec-spacer-1)); width: 180px; } .tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__list-item--active { display: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__list-item-link { padding-left: var(--tec-spacer-3); padding-right: var(--tec-spacer-7); padding-top: var(--tec-spacer-0); padding-bottom: var(--tec-spacer-0); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__button { display: none !important; visibility: hidden; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-icon { display: none !important; visibility: hidden; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content { display: block; height: 100%; padding-left: var(--tec-spacer-2); padding-right: 0; padding-top: 0; padding-bottom: 0; position: static; transform: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list { display: flex; justify-content: flex-end; height: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item { padding: 0 var(--tec-spacer-1); } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active { display: block; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item-link { height: 100%; padding: 10px 0; position: relative; } .tribe-events .tribe-events-c-view-selector__button { align-items: center; display: flex; flex-wrap: wrap; padding: var(--tec-spacer-0); position: relative; width: 100%; } .tribe-events .tribe-events-c-view-selector__button:before, .tribe-events .tribe-events-c-view-selector__button:after { content: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__button { padding: var(--tec-spacer-1); } .tribe-events .tribe-events-c-view-selector__button-icon { display: block; height: 21px; width: 21px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__button-icon { height: 23px; width: 23px; } .tribe-events .tribe-events-c-view-selector__button-icon-caret-svg { display: none; } .tribe-events .tribe-events-c-view-selector__content { display: none; width: 180px; padding: var(--tec-spacer-2) calc(var(--tec-spacer-2) / 2); position: absolute; right: -21px; top: 100%; transform: translateY(var(--tec-spacer-3)); z-index: var(--tec-z-index-dropdown); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__content { transform: translateY(var(--tec-spacer-2)); } .tribe-events .tribe-events-c-view-selector__list-item-link { align-items: center; display: flex; padding-left: var(--tec-spacer-2); padding-right: var(--tec-spacer-5); padding-top: var(--tec-spacer-1); padding-bottom: var(--tec-spacer-1); } .tribe-events .tribe-events-c-view-selector__list-item-icon { flex: none; height: 18px; margin-right: 12px; width: 18px; } .tribe-events .tribe-events-c-view-selector__list-item-text { flex: auto; } /* Views */ /* ----------------------------------------------------------------------------- * * Views Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Header */ /** * The Events Calendar Tribe Header V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events .tribe-events-header { align-items: center; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; margin: 0 0 var(--tec-spacer-3); position: relative; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header { margin: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__events-bar { width: 100%; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__top-bar { width: 100%; } .tribe-events .tribe-events-header__messages { margin-bottom: var(--tec-spacer-3); width: 100%; } .tribe-events .tribe-events-header__messages.tribe-events-header__messages--mobile { margin-top: 10px; } .tribe-events .tribe-events-header__messages:not(.tribe-events-header__messages--mobile) { display: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages { margin-bottom: var(--tec-spacer-7); order: 1; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages:not(.tribe-events-header__messages--mobile) { display: flex; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages.tribe-events-header__messages--mobile { display: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar { margin-bottom: 30px; } .tribe-events .tribe-events-header__top-bar { flex: auto; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar { margin-bottom: var(--tec-spacer-7); } /* List */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ html .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after { background-color: var(--tec-featured-color-scheme-custom); border-radius: var(--tec-border-radius-default); content: ''; height: 100%; position: absolute; right: calc(100% - 3px); width: 3px; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after { right: -1px; width: 4px; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-wrapper { padding-left: var(--tec-grid-gutter-half); } } html .tribe-events .tribe-events-calendar-list__event-row { flex-wrap: nowrap; margin-bottom: var(--tec-spacer-5); margin-top: var(--tec-spacer-7); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-row { margin-bottom: var(--tec-spacer-8); margin-top: var(--tec-spacer-9); } } html .tribe-events .tribe-events-calendar-list__event-row:last-child { margin-bottom: var(--tec-spacer-8); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-row:last-child { margin-bottom: var(--tec-spacer-11); } } html .tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row { margin-top: var(--tec-spacer-4); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row { margin-top: var(--tec-spacer-8); } } html .tribe-events .tribe-events-calendar-list__event-date-tag { flex: none; position: relative; width: 54px; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-date-tag { min-width: 90px; width: var(--tec-grid-width-1-of-9); padding: 0 var(--tec-grid-gutter-half); } } html .tribe-events .tribe-events-calendar-list__event-date-tag-datetime { display: flex; flex-direction: column; height: 100%; padding-top: var(--tec-spacer-0); text-align: center; } html .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); margin-bottom: calc(var(--tec-spacer-0) * -1); color: var(--e-global-color-text); text-transform: uppercase; } html .tribe-events .tribe-events-calendar-list__event-wrapper { flex: 1; width: calc((3 * var(--tec-grid-width-1-of-4)) + var(--tec-grid-gutter-small-half)); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-wrapper { flex: 1 1 calc(8 * var(--tec-grid-width-1-of-9)); } } html .tribe-events .tribe-events-calendar-list__event { flex-direction: column; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event { flex-direction: row-reverse; justify-content: flex-end; } } html .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper { flex: none; margin-bottom: var(--tec-spacer-3); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper { margin-bottom: 0; width: calc(3 * var(--tec-grid-width-1-of-8)); } } html .tribe-events .tribe-events-calendar-list__event-featured-image-link, html .tribe-events .tribe-events-calendar-list__event-featured-image { display: block; } html .tribe-events .tribe-events-calendar-list__event-featured-image-link { transition: opacity 0.3s ease-in-out; } html .tribe-events .tribe-events-calendar-list__event-featured-image-link:hover, html .tribe-events .tribe-events-calendar-list__event-featured-image-link:focus { opacity: var(--tec-opacity-icon-hover); } html .tribe-events .tribe-events-calendar-list__event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } html .tribe-events .tribe-events-calendar-list__event-details { flex: none; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-details { width: calc(5 * var(--tec-grid-width-1-of-8)); } } html .tribe-events .tribe-events-calendar-list__event-header > *:last-child { margin-bottom: 0; } html .tribe-events .tribe-events-calendar-list__event-datetime-wrapper, html .tribe-events .tribe-events-calendar-list__event-title { margin: 0 0 var(--tec-spacer-2); } html .tribe-events .tribe-events-calendar-list__event-datetime-wrapper:last-child, html .tribe-events .tribe-events-calendar-list__event-title:last-child { margin-bottom: 0; } html .tribe-events .tribe-events-calendar-list__event-datetime-wrapper { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); } html .tribe-events .tribe-events-calendar-list__event-title { color: var(--tec-color-text-event-title-list); } html .tribe-events .tribe-events-calendar-list__event-datetime { color: var(--tec-color-text-event-date); } html .tribe-events .tribe-events-calendar-list__event-datetime-featured-icon { color: var(--tec-featured-color-scheme-custom); display: inline-block; margin-right: var(--tec-spacer-0); } html .tribe-events .tribe-events-calendar-list__event-datetime-featured-text { color: var(--tec-featured-color-scheme-custom); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-datetime-featured-text { clip: auto; height: auto; margin: 0; position: static; width: auto; margin-right: var(--tec-spacer-1); } } html .tribe-events .tribe-events-calendar-list__event-venue { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); margin-bottom: var(--tec-spacer-1); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-venue { margin-bottom: var(--tec-spacer-3); } } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-description { display: block !important; margin-top: var(--tec-spacer-5); visibility: visible; } } html .tribe-events .tribe-events-calendar-list__event-cost { margin-top: var(--tec-spacer-3); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-list__event-cost { margin-top: var(--tec-spacer-3); } } .tribe-events .tribe-events-calendar-list__month-separator { align-items: center; display: flex; } .tribe-events .tribe-events-calendar-list__month-separator:after { background-color: var(--e-global-color-border); content: ''; display: block; flex: auto; height: 1px; margin-left: 20px; } .tribe-events .tribe-events-calendar-list__month-separator-text { flex: none; } .tribe-events .tribe-events-calendar-list-nav { border-top: 1px solid var(--e-global-color-border); padding-top: var(--tec-spacer-5); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav { padding-top: var(--tec-spacer-7); } /* Month */ /** * The Events Calendar Tribe Month View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events .tribe-events-calendar-month { margin-bottom: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month { margin: 0; } .tribe-events .tribe-events-calendar-month__body { background-color: var(--tec-color-background-month-grid); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body { border-top: 1px solid var(--tec-color-border-secondary-month-grid); } .tribe-events .tribe-events-calendar-month__week { display: flex; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week { border-left: 1px solid var(--tec-color-border-secondary-month-grid); } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event { opacity: 0.64; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event-datetime { color: var(--tec-color-text-event-date); opacity: 0.94; /* This opacity is compounded with the calendar-event opacity above */ } .tribe-events .tribe-events-calendar-month__calendar-event--featured:before { background-color: var(--tec-featured-color-scheme-custom); content: ''; height: 100%; left: 7px; position: absolute; width: 2px; } .tribe-events .tribe-events-calendar-month__calendar-event--featured:last-child:before { height: calc(100% - var(--tec-spacer-3)); } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link { transition: opacity 0.3s ease-in-out; } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link:hover, .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link:focus { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events .tribe-events-calendar-month__calendar-event { margin: var(--tec-spacer-1) 0; padding: 0 var(--tec-spacer-3); position: relative; } .tribe-events .tribe-events-calendar-month__calendar-event:first-child { margin-top: 0; } .tribe-events .tribe-events-calendar-month__calendar-event:last-child { margin-bottom: 0; padding-bottom: var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-month__multiday-event-wrapper + .tribe-events-calendar-month__calendar-event { margin-top: 0; } .tribe-events .tribe-events-calendar-month__multiday-event-wrapper + .tribe-events-calendar-month__calendar-event--featured { margin-top: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month__calendar-event-datetime-featured-icon { display: inline-block; line-height: 0; margin-right: var(--tec-spacer-0); } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-wrapper { margin-bottom: var(--tec-spacer-0); } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link, .tribe-events .tribe-events-calendar-month__calendar-event-featured-image { display: block; } .tribe-events .tribe-events-calendar-month__calendar-event-datetime { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date-secondary); } .tribe-events .tribe-events-calendar-month__calendar-event-datetime > * { vertical-align: middle; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper { margin-bottom: var(--tec-spacer-2); width: 206px; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper:last-child { margin-bottom: 0; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image { display: block; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link { transition: opacity 0.3s ease-in-out; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link:hover, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link:focus { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); display: flex; align-items: center; margin-bottom: var(--tec-spacer-0); } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime > * { vertical-align: middle; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime-featured-icon { color: var(--tec-featured-color-scheme-custom); margin-right: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title { margin-bottom: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description { margin-bottom: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description:last-child { margin-bottom: 0; } .tribe-events .tribe-events-calendar-month__calendar-event-title { margin: 0; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-cost { margin-top: var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-month__header-row { display: flex; } .tribe-events .tribe-events-calendar-month__header-column { text-transform: uppercase; padding-bottom: var(--tec-spacer-3); width: var(--tec-grid-width-1-of-7); } .tribe-events .tribe-events-calendar-month__header-column-title { color: var(--tec-color-text-day-of-week-month); text-align: center; margin: 0; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title { text-align: left; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title-mobile { display: none !important; visibility: hidden; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title-desktop { display: block !important; visibility: visible; } .tribe-events .tribe-events-calendar-month__day { aspect-ratio: 1 / 0.5; height: auto; min-height: 36px; overflow: hidden; position: relative; width: var(--tec-grid-width-1-of-7); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day { aspect-ratio: auto; border-top: 0; border-right: 1px solid var(--tec-color-border-secondary-month-grid); border-bottom: 1px solid var(--tec-color-border-secondary-month-grid); border-left: 0; min-height: 168px; overflow: visible; padding-top: 0; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events .tribe-events-calendar-month__day { aspect-ratio: 1 / 1; padding-top: var(--grid-width-1-of-7); } } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:after { background-color: transparent; bottom: 0; content: ''; display: block; height: 2px; left: -1px; position: absolute; transition: background-color 0.3s ease-in-out; width: calc(100% + 2px); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after { background-color: var(--tec-color-border-active-month-grid-hover); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-cell--desktop { display: flex !important; flex-direction: column; visibility: visible; } .tribe-events .tribe-events-calendar-month__day-date { margin: 0; } html .tribe-events .tribe-events-calendar-month__day-date { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-date { flex: none; padding: var(--tec-spacer-1) var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-month__day-date-link { color: var(--tec-color-day-marker-month); } .tribe-events .tribe-events-calendar-month__day-date-link:hover, .tribe-events .tribe-events-calendar-month__day-date-link:focus { color: var(--tec-color-day-marker-month-hover); } .tribe-events .tribe-events-calendar-month__day-date-link:active { color: var(--tec-color-day-marker-month-active); } .tribe-events .tribe-events-calendar-month__day-date-daynum { color: var(--tec-color-day-marker-month); } .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link { color: var(--tec-color-day-marker-current-month); } .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:hover, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:focus { color: var(--tec-color-day-marker-month-current-hover); } .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:active { color: var(--tec-color-day-marker-month-current-active); } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date { color: var(--tec-color-day-marker-past-month); opacity: 0.6; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link { color: var(--tec-color-day-marker-past-month); } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:hover, .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:focus { color: var(--tec-color-day-marker-month-past-hover); } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link:active { color: var(--tec-color-day-marker-month-past-active); } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link .tribe-events-calendar-month__day-date-daynum { color: inherit; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event { background-color: var(--tec-color-accent-primary); opacity: 0.6; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--featured { opacity: 0.6; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--featured .tribe-events-calendar-month__mobile-events-icon-svg path { fill: var(--tec-featured-color-scheme-custom); } .tribe-events .tribe-events-calendar-month__day-cell { height: 100%; width: 100%; } .tribe-events .tribe-events-calendar-month__day-cell--mobile { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; color: var(--e-global-color-accent); align-items: center; display: flex; justify-content: center; flex-direction: column; position: absolute; text-align: center; top: 0; } .tribe-events .tribe-events-calendar-month__day-cell--mobile:before, .tribe-events .tribe-events-calendar-month__day-cell--mobile:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover { color: var(--cmsmasters-colors-hover); } .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover:before, .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover:after { opacity: initial; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-cell--mobile { display: none !important; visibility: hidden; } .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover, .tribe-events .tribe-events-calendar-month__day-cell--mobile:focus { background-color: var(--tec-color-background-secondary); } .tribe-events .tribe-events-calendar-month__day-cell--mobile .tribe-events-calendar-month__day-date + .tribe-events-calendar-month__mobile-events-icon { margin-top: 5px; } .tribe-events .tribe-events-calendar-month__day-cell--selected { background-color: var(--tec-color-accent-primary); border-radius: var(--tec-border-radius-default); } .tribe-events .tribe-events-calendar-month__day-cell--selected:hover, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus { background-color: var(--tec-color-accent-primary); } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date { color: var(--tec-color-background); opacity: var(--tec-opacity-default); } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum { color: var(--tec-color-background); } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event { background-color: var(--tec-color-background); opacity: var(--tec-opacity-default); } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--featured { opacity: var(--tec-opacity-default); } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--featured .tribe-events-calendar-month__mobile-events-icon-svg path { fill: var(--tec-color-background); } .tribe-events .tribe-events-calendar-month__events { flex: auto; } .tribe-events .tribe-events-calendar-month__mobile-events-icon--event { background-color: var(--tec-featured-color-scheme-custom); background-color: currentColor; border-radius: 50%; height: 8px; width: 8px; } .tribe-events .tribe-events-calendar-month__mobile-events-icon--featured { line-height: 0; width: 8px; } .tribe-events .tribe-events-calendar-month__mobile-events-icon--featured .tribe-events-calendar-month__mobile-events-icon-svg path { fill: currentColor; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month-mobile-events { display: none !important; visibility: hidden; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day { display: none; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show { display: block; } .tribe-events .tribe-events-calendar-month-mobile-events__day-marker { padding-top: var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event { display: flex; padding: var(--tec-spacer-9) 0; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event { flex-direction: column; padding: var(--tec-spacer-7) 0; } } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event + .tribe-events-calendar-month-mobile-events__mobile-event { border-top: 1px solid var(--e-global-color-border); } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper { flex: none; margin-bottom: 0; padding-right: var(--tec-grid-gutter-half); width: calc(3 * var(--tec-grid-width-1-of-8)); } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper { width: 100%; padding-right: 0; margin-bottom: var(--tec-spacer-2); } } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper img { display: block; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper + .tribe-events-calendar-month-mobile-events__mobile-event-details { flex: none; width: calc(5 * var(--tec-grid-width-1-of-8)); } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper + .tribe-events-calendar-month-mobile-events__mobile-event-details { width: 100%; } } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date-secondary-month-mobile); display: flex; align-items: center; margin-bottom: var(--tec-spacer-0); } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime > * { vertical-align: middle; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-featured-icon { color: var(--tec-color-accent-primary); display: inline-block; line-height: 0; margin-right: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-featured-text { color: var(--tec-color-accent-primary); margin-right: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-link:hover .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-icon-svg path, .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-link:focus .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-icon-svg path { fill: currentColor; stroke: currentColor; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title { margin: 0; } html .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-cost { margin-top: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-month-mobile-events__more-events { padding: var(--tec-spacer-0) 0 var(--tec-spacer-4); } .tribe-events .tribe-events-calendar-month__more-events { border-top: 1px solid var(--tec-color-border-secondary); display: flex; flex: none; margin: 0 var(--tec-spacer-3); padding: var(--tec-spacer-1) 0 var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-month__more-events-link { flex: none; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__more-events-link { opacity: 0.5; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { .tribe-events .tribe-events-calendar-month__multiday-event-wrapper { height: 19px; margin-bottom: var(--tec-spacer-0); position: relative; } } .tribe-events .tribe-events-calendar-month__multiday-event--width-2 .tribe-events-calendar-month__multiday-event-bar { width: calc(200% + 1px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-3 .tribe-events-calendar-month__multiday-event-bar { width: calc(300% + 2px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-4 .tribe-events-calendar-month__multiday-event-bar { width: calc(400% + 3px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-5 .tribe-events-calendar-month__multiday-event-bar { width: calc(500% + 4px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-6 .tribe-events-calendar-month__multiday-event-bar { width: calc(600% + 5px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-7 .tribe-events-calendar-month__multiday-event-bar { width: calc(700% + 6px); } .tribe-events .tribe-events-calendar-month__multiday-event-hidden { height: 100%; opacity: 0; position: absolute; width: 100%; z-index: var(--tec-z-index-multiday-event); } .tribe-events .tribe-events-calendar-month__multiday-event-hidden-title { margin: 0; overflow: hidden; white-space: nowrap; } .tribe-events .tribe-events-calendar-month__multiday-event-hidden-link { display: block; height: 100%; } .tribe-events .tribe-events-calendar-month__multiday-event-bar { background-color: var(--tec-color-background); overflow: hidden; position: relative; width: 100%; z-index: var(--tec-z-index-multiday-event-bar); } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner { align-items: center; cursor: pointer; display: flex; flex-wrap: nowrap; padding: 1px var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:before { content: ''; background-color: var(--tec-color-background-primary-multiday); width: 100%; height: 100%; opacity: .25; position: absolute; left: 0; top: 0; transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover:before, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus:before { opacity: .34; background-color: var(--tec-color-background-primary-multiday-hover); } .tribe-events .tribe-events-calendar-month__multiday-event-bar-featured-icon { color: var(--tec-color-accent-primary); flex: none; line-height: 0; margin-right: 5px; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-title { color: var(--tec-color-text-events-title-month-multiday); text-overflow: ellipsis; flex: none; margin: 0; max-width: 100%; overflow: hidden; white-space: nowrap; } .tribe-events .tribe-events-calendar-month__multiday-event--start .tribe-events-calendar-month__multiday-event-bar { border-bottom-left-radius: 9.5px; border-top-left-radius: 9.5px; } .tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar { border-bottom-right-radius: 9.5px; border-top-right-radius: 9.5px; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--focus:before, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover:before { opacity: .34; background-color: var(--tec-color-background-primary-multiday-hover); } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner { background-color: var(--tec-color-background-secondary-multiday); } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner:hover, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner:focus { background-color: var(--tec-color-background-secondary-multiday-hover); } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner--focus, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner--hover { background-color: var(--tec-color-background-secondary-multiday-hover); } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-featured-icon, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-title { opacity: 0.64; } .tribe-events .tribe-events-calendar-month-nav { padding-top: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month-nav { display: none !important; visibility: hidden; } /* Day */ /** * The Events Calendar Tribe Day V2 Stylesheet * * @package TribeEventsCalendar * */ html .tribe-events .tribe-events-calendar-day__event { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: var(--tec-spacer-5); margin-top: var(--tec-spacer-7); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event { margin-bottom: var(--tec-spacer-8); margin-top: var(--tec-spacer-9); } } html .tribe-events .tribe-events-calendar-day__event:last-child { margin-bottom: var(--tec-spacer-8); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event:last-child { margin-bottom: var(--tec-spacer-11); } } html .tribe-events .tribe-events-calendar-day__time-separator + .tribe-events-calendar-day__event, html .tribe-events .tribe-events-calendar-day__type-separator + .tribe-events-calendar-day__event { margin-top: var(--tec-spacer-4); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__time-separator + .tribe-events-calendar-day__event, html .tribe-events .tribe-events-calendar-day__type-separator + .tribe-events-calendar-day__event { margin-top: var(--tec-spacer-8); } } html .tribe-events .tribe-events-calendar-day__event-content { flex: none; margin: 0 !important; padding: 0 !important; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-content { display: flex; flex: 1 1 calc(8 * var(--tec-grid-width-1-of-9)); flex-direction: row-reverse; justify-content: flex-end; } } html .tribe-events .tribe-events-calendar-day__event-featured-image-wrapper { line-height: 0; margin-bottom: var(--tec-spacer-3); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-featured-image-wrapper { flex: none; margin-bottom: 0; padding-left: calc(var(--tec-grid-gutter-half) * 2); width: calc(3 * var(--tec-grid-width-1-of-8)); } } html .tribe-events .tribe-events-calendar-day__event-featured-image-link, html .tribe-events .tribe-events-calendar-list__event-featured-image { display: block; } html .tribe-events .tribe-events-calendar-day__event-details { position: relative; } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-details { flex: none; width: calc(5 * var(--tec-grid-width-1-of-8)); } } html .tribe-events .tribe-events-calendar-day__event-header > *:last-child { margin-bottom: 0; } html .tribe-events .tribe-events-calendar-day__event-datetime-wrapper, html .tribe-events .tribe-events-calendar-day__event-title { margin: 0 0 var(--tec-spacer-2); } html .tribe-events .tribe-events-calendar-day__event-datetime-wrapper:last-child, html .tribe-events .tribe-events-calendar-day__event-title:last-child { margin-bottom: 0; } html .tribe-events .tribe-events-calendar-day__event-datetime-wrapper { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); } html .tribe-events .tribe-events-calendar-day__event-datetime { color: var(--tec-color-text-event-date); } html .tribe-events .tribe-events-calendar-day__event-title { color: var(--tec-color-text-events-title-day); } html .tribe-events .tribe-events-calendar-day__event--featured { border-left: 3px solid var(--tec-featured-color-scheme-custom); padding-left: 30px; position: relative; } .tribe-common--breakpoint-mediumhtml .tribe-events .tribe-events-calendar-day__event--featured { border-left-width: 4px; padding-left: 40px; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { html .tribe-events .tribe-events-calendar-day__event--featured { padding-left: 20px; } } html .tribe-events .tribe-events-calendar-day__event-featured-image-link { transition: opacity 0.3s ease-in-out; } html .tribe-events .tribe-events-calendar-day__event-featured-image-link:hover, html .tribe-events .tribe-events-calendar-day__event-featured-image-link:focus { opacity: var(--tec-opacity-icon-hover); } html .tribe-events .tribe-events-calendar-day__event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } html .tribe-events .tribe-events-calendar-day__event-datetime-featured-icon { color: var(--tec-featured-color-scheme-custom); display: inline-block; margin-right: var(--tec-spacer-0); } html .tribe-events .tribe-events-calendar-day__event-datetime-featured-text { color: var(--tec-featured-color-scheme-custom); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-datetime-featured-text { clip: auto; height: auto; margin: 0; position: static; width: auto; margin-right: var(--tec-spacer-1); } } html .tribe-events .tribe-events-calendar-day__event-venue { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); margin-bottom: var(--tec-spacer-1); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-venue { margin-bottom: var(--tec-spacer-3); } } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-description { display: block !important; margin-top: var(--tec-spacer-5); visibility: visible; } } html .tribe-events .tribe-events-calendar-day__event-cost { margin-top: var(--tec-spacer-3); } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) { html .tribe-events .tribe-events-calendar-day__event-cost { margin-top: var(--tec-spacer-4); } } .tribe-events .tribe-events-calendar-day__time-separator { align-items: center; display: flex; } .tribe-events .tribe-events-calendar-day__time-separator:after { background-color: var(--e-global-color-border); content: ''; display: block; flex: auto; height: 1px; margin-left: 20px; } .tribe-events .tribe-events-calendar-day__time-separator-text { flex: none; } .tribe-events .tribe-events-calendar-day__type-separator { align-items: center; display: flex; } .tribe-events .tribe-events-calendar-day__type-separator:after { background-color: var(--e-global-color-border); content: ''; display: block; flex: auto; height: 1px; margin-left: 20px; } .tribe-events .tribe-events-calendar-day__type-separator-text { flex: none; } /* Latest Past */ /** * The Events Calendar Tribe Latest Past Events View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events .tribe-events-calendar-latest-past__event-row--featured .tribe-events-calendar-latest-past__event-date-tag-datetime:after { background-color: var(--tec-featured-color-scheme-custom); content: ''; height: 100%; position: absolute; right: calc(100% - 3px); width: 3px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row--featured .tribe-events-calendar-latest-past__event-date-tag-datetime:after { right: -1px; width: 4px; } .tribe-events .tribe-events-calendar-latest-past__event-row { flex-wrap: nowrap; margin-bottom: var(--tec-spacer-5); margin-top: var(--tec-spacer-7); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row { margin-bottom: var(--tec-spacer-8); margin-left: var(--tec-grid-gutter-half-negative); margin-right: var(--tec-grid-gutter-half-negative); margin-top: var(--tec-spacer-9); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row > .tribe-common-g-col { padding-left: var(--tec-grid-gutter-half); padding-right: var(--tec-grid-gutter-half); } .tribe-events .tribe-events-calendar-latest-past__event-row:last-child { margin-bottom: var(--tec-spacer-8); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row:last-child { margin-bottom: var(--tec-spacer-11); } .tribe-events .tribe-events-calendar-latest-past__event-date-tag { flex: none; position: relative; width: 54px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-date-tag { min-width: 90px; width: var(--tec-grid-width-1-of-9); } .tribe-events .tribe-events-calendar-latest-past__event-date-tag-datetime { display: flex; flex-direction: column; height: 100%; text-align: center; } .tribe-events .tribe-events-calendar-latest-past__event-date-tag-month, .tribe-events .tribe-events-calendar-latest-past__event-date-tag-daynum { margin-bottom: calc(var(--tec-spacer-0) * -1); } .tribe-events .tribe-events-calendar-latest-past__event-date-tag-month, .tribe-events .tribe-events-calendar-latest-past__event-date-tag-year { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-events .tribe-events-calendar-latest-past__event-date-tag-month { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); text-transform: uppercase; } .tribe-events .tribe-events-calendar-latest-past__event-wrapper { flex: 1; width: calc((3 * var(--tec-grid-width-1-of-4)) + var(--tec-grid-gutter-small-half)); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-wrapper { flex: 1 1 calc(8 * var(--tec-grid-width-1-of-9)); } .tribe-events .tribe-events-calendar-latest-past__event { flex-direction: column; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event { flex-direction: row-reverse; justify-content: flex-end; } .tribe-events .tribe-events-calendar-latest-past__event-featured-image-wrapper { flex: none; margin-bottom: var(--tec-spacer-3); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-featured-image-wrapper { margin-bottom: 0; width: calc(3 * var(--tec-grid-width-1-of-8)); } .tribe-events .tribe-events-calendar-latest-past__event-featured-image-link, .tribe-events .tribe-events-calendar-latest-past__event-featured-image { display: block; } .tribe-events .tribe-events-calendar-latest-past__event-featured-image-link { transition: opacity 0.3s ease-in-out; } .tribe-events .tribe-events-calendar-latest-past__event-featured-image-link:hover, .tribe-events .tribe-events-calendar-latest-past__event-featured-image-link:focus { opacity: var(--tec-opacity-icon-hover); } .tribe-events .tribe-events-calendar-latest-past__event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events .tribe-events-calendar-latest-past__event-details { flex: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-details { width: calc(5 * var(--tec-grid-width-1-of-8)); } .tribe-events .tribe-events-calendar-latest-past__event-header > *:last-child { margin-bottom: 0; } .tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper, .tribe-events .tribe-events-calendar-latest-past__event-title { margin: 0 0 var(--tec-spacer-1); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper, .tribe-events .tribe-events-calendar-latest-past__event-title { margin: 0 0 var(--tec-spacer-3); } .tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper:last-child, .tribe-events .tribe-events-calendar-latest-past__event-title:last-child { margin-bottom: 0; } .tribe-events .tribe-events-calendar-latest-past__event-title { color: var(--tec-color-text-events-title-latest-past); } .tribe-events .tribe-events-calendar-latest-past__event-datetime-featured-icon { display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events .tribe-events-calendar-latest-past__event-datetime { color: var(--tec-color-text-event-date); } .tribe-events .tribe-events-calendar-latest-past__event-datetime-featured-text { color: var(--tec-featured-color-scheme-custom); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-datetime-featured-text { clip: auto; height: auto; margin: 0; position: static; width: auto; margin-right: var(--tec-spacer-1); } .tribe-events .tribe-events-calendar-latest-past__event-venue { margin-bottom: var(--tec-spacer-1); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-venue { margin-bottom: var(--tec-spacer-3); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-description { display: block !important; margin-top: var(--tec-spacer-3); visibility: visible; } .tribe-events .tribe-events-calendar-latest-past__event-cost { margin-top: var(--tec-spacer-2); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-cost { margin-top: var(--tec-spacer-3); } /* Event Status */ /* ----------------------------------------------------------------------------- * Event Status. * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-status-label__text { color: var(--tec-color-icon-error); } /* ----------------------------------------------------------------------------- * Single. * ----------------------------------------------------------------------------- */ .tribe-events-single .tribe-events-status-single__header { color: var(--tec-color-icon-error); } .tribe-events-single .tribe-events-status-single__header--alert-icon { align-items: center; display: inline-flex; } .tribe-events-single .tribe-events-status-single__header--alert-icon:before { background-image: url("images/alert.svg"); background-repeat: no-repeat; background-size: var(--tec-spacer-3); content: ''; display: inline-block; height: var(--tec-spacer-3); margin-right: var(--tec-spacer-1); min-width: var(--tec-spacer-3); } .tribe-events-single .tribe-events-status-single { border: 1px solid var(--tec-color-border-active); border-left-color: var(--tec-color-icon-error); border-left-width: var(--tec-spacer-0); display: inline-flex; margin-bottom: var(--tec-spacer-4); padding: var(--tec-spacer-2) var(--tec-spacer-4); } .tribe-events-single .tribe-events-status-single__description { color: var(--e-global-color-text); padding-left: var(--tec-spacer-5); } /*! * Datepicker for Bootstrap v1.7.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: none; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { cursor: default; } .datepicker table tr td.highlighted { border-radius: 0; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { border-radius: 0; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { cursor: default; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 20px; padding: 4px 5px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; border: 1px solid var(--e-global-color-border); margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; border: 1px solid var(--e-global-color-border); border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; color: var(--e-global-color-text); } /** * The Events Calendar Full Mobile Stylesheet * (Some of these styles may override your current theme's styles) * * Default Breakpoint: 768px * * This breakpoint can be customized using the 'tribe_events_mobile_breakpoint' filter, * or the responsive nature of the plugins can be removed by using the 'tribe_events_kill_responsive' filter. * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { /* = General Template Header/Footer Nav =============================================*/ #tribe-events #tribe-events-header, #tribe-events #tribe-events-footer { padding: 0; } .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { border-top: 0; } #tribe-events-header .tribe-events-sub-nav li, #tribe-events-footer .tribe-events-sub-nav li { box-sizing: border-box; display: block; width: 50%; } #tribe-events-header .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-footer .tribe-events-sub-nav li, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous { margin-right: 0; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next { margin-left: 0; } } /* Hide Header when no events are found */ .tribe-events-notices + #tribe-events-header { display: none; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { /* = List View Template Styles @ Template: list.php =============================================*/ .tribe-events-list .tribe-events-event-image + div.tribe-events-content { float: none; position: relative; width: 100%; } .tribe-events-list .tribe-events-event-image + div.tribe-events-content.tribe-events-list-event-description { position: static; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo { display: block; margin: 4px 0 0; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo .tribe-events-divider { display: none; } } .tribe-events-list-separator-year { display: none; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-list-separator-month { margin: 20px 0; } } .tribe-events-event-cost .tribe-out-of-stock, .tribe-events-event-cost .tribe-tickets-left { font-size: 12px; line-height: 15px; white-space: nowrap; } /* = Single Event Template Styles @ Template: single-event.php =============================================*/ @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .single-tribe_events .tribe-events-schedule h3, .single-tribe_events .tribe-events-schedule .tribe-events-cost { display: block; margin: 0; } .single-tribe_events .tribe-events-schedule h3 { margin-bottom: 2px; white-space: normal; } .single-tribe_events .tribe-events-schedule .recurringinfo .tribe-events-divider, .single-tribe_events .tribe-events-schedule .tribe-events-divider { display: none; } .single-tribe_events .tribe-events-event-image { margin-bottom: 10px; } .single-tribe_events .tribe-events-cal-links a { margin-top: 15px; } .single-tribe_events .tribe-events-venue-map { width: auto; min-width: 90%; margin: 10px 4% 20px; display: block; float: none; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-event-meta .tribe-events-meta-group, .tribe-events-event-meta .column { float: none; width: 100%; } } /* = Global Grid Template Styles (Large Calendar & Week) @ Template: month.php & week.php =============================================*/ @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .tribe-events-calendar .tribe-events-has-events:after { content: ''; display: block; height: 8px; width: 8px; padding: 0; border-radius: 50%; background-color: var(--e-global-color-text); margin: 5px auto; transition: background-color .3s ease-in-out; } } .tribe-events-calendar .tribe-events-has-events.tribe-events-othermonth:after { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter: alpha(opacity=40); -moz-opacity: .4; -khtml-opacity: .4; opacity: .4; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { /* Actual Event Styles */ #tribe-mobile-container { display: block; margin: 0 auto 30px; } #tribe-mobile-container .type-tribe_events { padding: 20px 0; margin-bottom: 0; } #tribe-mobile-container .type-tribe_events ~ .type-tribe_events { border-top: 1px solid var(--e-global-color-border); } #tribe-mobile-container .type-tribe_events .time-details { font-size: 13px; font-weight: bold; margin: 0 0 2px; } #tribe-mobile-container .type-tribe_events .tribe-events-event-image { float: left; width: 25%; margin-left: 0; margin-right: 15px; margin-top: 5px; margin-bottom: 10px; } #tribe-mobile-container .type-tribe_events .tribe-events-event-image a { display: block; } #tribe-mobile-container .type-tribe_events .tribe-events-event-image img { display: block; } #tribe-mobile-container .type-tribe_events .entry-summary.description { padding: 0; margin-bottom: 0; } #tribe-mobile-container .type-tribe_events .tribe-events-read-more { margin-top: 8px; display: inline-block; } } .tribe-mobile-day-heading { margin-bottom: 0; } /* = Calendar (large) Grid Template Styles @ Template: month.php =============================================*/ @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .tribe-events-calendar th { text-align: center; } .tribe-events-calendar td.tribe-events-has-events:hover { cursor: pointer; } .tribe-events-calendar td.tribe-events-has-events:hover:after { background-color: var(--e-global-color-accent); } #tribe-events-content .tribe-events-calendar td { height: 45px; padding: 0; } .tribe-events-calendar td .tribe-events-viewmore, .tribe-events-calendar td .type-tribe_events { display: none; } .tribe-events-calendar td div[id*='tribe-events-daynum-'], .tribe-events-calendar td div[id*='tribe-events-daynum-'] a { background: none; margin-top: 6px; padding: 0; text-align: center; } } #tribe-mobile-container .tribe-events-viewmore { border-top: 1px solid var(--e-global-color-border); margin: 5px 0 0; padding: 15px 0 5px; } /* = Events Navigation Bar @ Template: modules/bar.php =============================================*/ .tribe-bar-disabled { float: none; width: 100%; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list { padding: 0; } /* = Events Page Template Styles =============================================*/ .tribe-events-promo { margin-top: 10px; text-align: center; } #tribe-events-footer ~ a.tribe-events-ical.tribe-events-button { border-radius: 0; display: block; float: none; font-size: 12px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 auto 10px; padding: 0 10px; text-align: center; } .tribe-is-responsive.tribe-mobile .tribe-events-page-title { margin-bottom: 40px; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { /* Actual Event Styles */ #tribe-mobile-container { margin: 0 auto 20px; } #tribe-events-content table.tribe-events-calendar { margin-bottom: 40px; } .tribe-events-calendar thead th { padding: 10px 5px; font-size: 14px; } #tribe-events-content .tribe-events-calendar td { height: 42px; } .tribe-events-calendar td div[id*='tribe-events-daynum-'], .tribe-events-calendar td div[id*='tribe-events-daynum-'] a { margin-top: 5px; } .tribe-events-calendar .tribe-events-has-events:after { height: 6px; width: 6px; margin: 4px auto; } } /** * The Events Calendar Pro Full Stylesheet * (Some of these styles may override your current theme's styles) * * To add your own custom styles, create a stylesheet with the name * tribe-events-pro.css in the tribe-events/pro/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_pro_stylesheet_url' filter. * * @package TribeEventsCalendarPro * */ .tribe-events-user-recurrence-toggle { clear: both; display: block; font-size: 12px; font-style: italic; margin-bottom: 15px; text-align: center; } .tribe-events-user-recurrence-toggle label:hover { cursor: pointer; } .tribe-events-user-recurrence-toggle input { margin-right: 5px; } /* = Week Grid Template Styles @ Template: Week.php =============================================*/ /* grid structure */ .tribe-events-grid { border: 1px solid var(--cmsmasters-table-colors-bd); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 60px; position: relative; width: 100%; } .tribe-events-grid * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tribe-events-grid .tribe-scroller { height: 500px; overflow: hidden; position: relative; width: 100%; } .tribe-events-grid .tribe-scroller > .scroller-content { bottom: 0; left: 0; overflow: scroll; overflow-x: hidden; position: absolute; right: 0; top: 0; } .tribe-events-grid .tribe-scroller > .scroller-content:focus { outline: thin dotted; } .tribe-events-grid .tribe-scroller > .scroller-content::-webkit-scrollbar { display: none; } .tribe-events-grid .tribe-scroller > .scroller-pane { background: rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 0; opacity: .01; position: absolute; right: 0; top: 0; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ width: 10px; z-index: 1000 !important; } .tribe-events-grid .tribe-scroller > .scroller-pane > .scroller-slider { background: var(--e-global-color-secondary); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 1px; position: relative; } .tribe-events-grid .tribe-scroller:hover > .scroller-pane, .tribe-events-grid .scroller-pane.active { opacity: .99; visibility: visible\9; /* Target only IE7 and IE8 with this hack */ } .tribe-events-grid .has-scrollbar > .scroller-content::-webkit-scrollbar { display: block; } .tribe-events-grid .tribe-grid-content-wrap .column { border-left: 1px solid var(--cmsmasters-table-colors-bd); display: inline-block; float: left; vertical-align: top; width: 14.2857%; zoom: 1; position: relative; } .tribe-events-grid .type-tribe_events { padding: 4px; } .tribe-events-grid .type-tribe_events + .type-tribe_events { margin-top: 4px; } .tribe-events-grid .type-tribe_events.hentry { box-shadow: none; } .tribe-events-grid div[id*='tribe-events-event-'] { visibility: hidden; } .tribe-events-grid .type-tribe_events h3.entry-title { height: 100%; margin: 0; overflow: hidden; padding: 4px 6px; } .tribe-events-grid .type-tribe_events a { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); display: block; height: 100%; outline: none; overflow: hidden; padding: 0; width: 100%; } .tribe-events-grid .tribe-grid-header .tribe-week-today { background-color: var(--e-global-color-tertiary); } /* grid header */ .tribe-grid-header { background-color: var(--cmsmasters-table-thead-colors-bg); border-bottom: 1px solid var(--cmsmasters-table-colors-bd); } .tribe-grid-header .column { color: var(--cmsmasters-table-thead-colors-text); border-left: 4px solid var(--cmsmasters-table-thead-colors-bd) !important; padding: 1em 0; text-align: center; } .tribe-grid-header .column a { color: var(--cmsmasters-table-thead-colors-link); } .tribe-grid-header .column a:hover { color: var(--cmsmasters-table-thead-colors-hover); } /* columns & structure */ .tribe-week-grid-wrapper { height: 500px; overflow-y: scroll; position: relative; } .scroller-pane.flashed { opacity: .99; visibility: visible\9; /* Target only IE7 and IE8 with this hack */ } .tribe-grid-body { overflow: visible; position: relative; } .tribe-grid-body .tribe-events-week-hourly-single { margin: 4px; } .tribe-grid-body .type-tribe_events { height: 100%; width: 100%; } .tribe-grid-body div[id*='tribe-events-event-'] { position: absolute; width: 94%; z-index: 500; } .tribe-grid-body div[id*='tribe-events-event-']:hover { z-index: 800; } .tribe-week-grid-hours { background-color: var(--cmsmasters-table-colors-bg); position: relative; z-index: 20; } .tribe-events-grid .column.first, .tribe-week-grid-hours { border-left-width: 0; float: left; margin-right: -40px; width: 40px; } .tribe-events-grid .column.first div, .tribe-week-grid-hours div { font-size: 9px; height: 60px; position: relative; text-align: center; } .tribe-grid-content-wrap { float: left; padding-left: 40px; width: 100%; } .tribe-grid-allday .tribe-events-week-allday-single, .tribe-grid-body .tribe-events-week-hourly-single { background-color: var(--e-global-color-alternate); border: 1px solid var(--e-global-color-border); -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; width: 100%; transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; } .tribe-grid-allday .tribe-events-week-allday-single:hover, .tribe-grid-body .tribe-events-week-hourly-single:hover { color: var(--e-global-color-background); background-color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); } .tribe-grid-allday .tribe-events-week-allday-single:hover a, .tribe-grid-body .tribe-events-week-hourly-single:hover a { color: var(--e-global-color-background); } /* All day */ .tribe-grid-allday { color: var(--cmsmasters-table-colors-text); background-color: var(--cmsmasters-table-colors-bg); border-bottom: 1px solid var(--cmsmasters-table-colors-bd); position: relative; } .tribe-grid-allday a { color: var(--cmsmasters-table-colors-link); } .tribe-grid-allday a:hover { color: var(--cmsmasters-table-colors-hover); } .tribe-grid-allday .column { font-size: 9px; text-align: center; min-height: 60px; padding: 4px; } .tribe-grid-allday .column.first { top: 0; } .tribe-grid-allday .type-tribe_events { margin: 0; position: relative; } .tribe-grid-allday .type-tribe_events h3.entry-title { padding: 0; /* Truncated all day titles */ } .tribe-grid-allday .type-tribe_events h3.entry-title a.url { overflow: hidden; padding: 8px 6px; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 1; zoom: 1; } .tribe-grid-allday .type-tribe_events.tribe-dayspan2 > div { width: 200%; } .tribe-grid-allday .type-tribe_events.tribe-dayspan3 > div { width: 300%; } .tribe-grid-allday .type-tribe_events.tribe-dayspan4 > div { width: 400%; } .tribe-grid-allday .type-tribe_events.tribe-dayspan5 > div { width: 500%; } .tribe-grid-allday .type-tribe_events.tribe-dayspan6 > div { width: 600%; } .tribe-grid-allday .type-tribe_events.tribe-dayspan7 > div { width: 700%; } /* Tooltip */ .tribe-events-grid div[id*='tribe-events-tooltip-'] { text-align: left; } /* Specific Classes */ .tribe-week-today { background-color: var(--e-global-color-alternate); } /* Week view grid background */ .tribe-week-grid-outer-wrap { position: relative; z-index: 10; } .tribe-week-grid-inner-wrap { position: absolute; width: 100%; } .tribe-week-grid-block { height: 60px !important; margin: 0 !important; padding: 0 !important; } .tribe-week-grid-block div { border-bottom: 1px dotted #ddd; border-top: 1px solid #ddd; height: 30px; margin-bottom: 30px; border-top-color: #d2d2d2; } /* = Photo View Template Styles @ Template: Photo.php =============================================*/ /* CSS3 Transitions */ .tribe-events-photo-grid-sizer { width: 32%; } .tribe-events-photo-gutter-sizer { width: 2%; } #tribe-events-content.tribe-events-list { padding: 1px 0 !important; } .isotope, .isotope .isotope-item { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } #tribe-events-photo-events { position: relative; -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; } #tribe-events-photo-events.isotope { opacity: 0; } #tribe-events-photo-events .isotope-item { -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } #tribe-events-photo-events.photo-two-col .type-tribe_events.tribe-events-photo-event { width: 45.9%; } #tribe-events-photo-events.photo-hidden { opacity: 0 !important; } #tribe-events-photo-events .type-tribe_events.tribe-events-photo-event { float: left; margin-bottom: 20px; width: 32%; } /** * This prevents Isotope conflicting not showing events * We need to use !important here because we have no control over how Isotope * creates the opacity on their script, which requires the usage of !important. */ .tribe-mobile #tribe-events-photo-events, .tribe-mobile #tribe-events-photo-events.photo-hidden { opacity: 1 !important; } .photo-loader { left: 50%; position: absolute; top: 200px; } /* Tile Styling */ .tribe-events-photo-event { position: relative; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; } .tribe-events-list .tribe-events-photo-event .tribe-events-event-details { float: none; width: 100%; word-wrap: break-word; } .tribe-events-loop .tribe-events-photo-event .tribe-events-list-event-description { float: none; margin-top: 10px; } .tribe-events-photo #tribe-events-content .tribe-events-list-event-description p, .tribe-events-loop .tribe-events-photo-event .time-details { margin-bottom: 0; } .tribe-events-photo #tribe-events-content .tribe-events-list-event-description p.tribe-event-categories { margin-top: 1em; } .tribe-events-list .tribe-events-loop .tribe-events-photo-event .tribe-events-event-meta .recurringinfo { display: block; margin: 8px 0 0; } .tribe-events-loop .tribe-events-photo-event .recurringinfo .tribe-events-divider { display: none; } .tribe-events-list #tribe-events-photo-events .tribe-events-event-details h2 { margin-bottom: 10px; padding-right: 0; } .tribe-events-photo-event { outline: none; } .tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap { background-color: transparent; } .tribe-events-photo-event .tribe-events-photo-event-wrap { background-color: var(--tec-photo-bg-color); padding: 20px; } .tribe-events-photo-event .tribe-events-photo-event-wrap .entry-title a { -webkit-transition: .2s ease-in; -moz-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .tribe-events-photo-event .tribe-events-photo-event-wrap .tribe-events-event-image { line-height: 0; float: none; display: block; margin: -20px -20px 15px; width: auto; min-width: 100%; } .tribe-events-photo-event .tribe-events-photo-event-wrap .tribe-events-event-image a { color: var(--tec-photo-bg-color); } .tribe-events-photo-event .tribe-events-photo-event-wrap .tribe-events-list-event-title { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); } .tribe-events-photo-event .tribe-events-photo-event-wrap .tribe-events-event-cost { display: none; } .tribe-events-photo-event .tribe-events-photo-event-wrap .date-divider { padding: 0 5px; } .tribe-events-photo .tribe-events-ical { clear: both; } /* = Map View Template Styles @ Template: Map.php =============================================*/ #tribe-geo-map-wrapper { background: var(--e-global-color-alternate); border: 1px solid var(--e-global-color-border); margin-bottom: 60px; padding: 2px; position: relative; z-index: 2; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { #tribe-geo-map-wrapper { margin-bottom: 50px; } } #tribe-geo-map { height: 400px; position: relative; width: 100%; z-index: 3; } #tribe-geo-map label { display: inline; width: auto; } #tribe-geo-map img { max-width: none; } #tribe-geo-options { background: var(--e-global-color-background); border: 1px solid #b9b9b9; margin-top: 12px; padding: 10px; position: absolute; top: auto; z-index: 9999; } #tribe-geo-options:before, #tribe-geo-options:after { border-bottom: 8px solid #b9b9b9; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ''; height: 0; left: 10px; position: absolute; top: -9px; width: 0; z-index: 9999; } #tribe-geo-options:after { border-bottom-color: var(--e-global-color-background); top: -8px; } .tribe-bar-collapse #tribe-geo-options { left: auto; position: relative; top: auto; } .tribe-bar-collapse #tribe-geo-options:before, .tribe-bar-collapse #tribe-geo-options:after { display: none; } /* tribe geo location option links (displayed when multiple locations found) */ #tribe-geo-results h2, #tribe-geo-options h2 { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); margin: 0 0 6px; padding: 0; } #tribe-geo-results h2 a, #tribe-geo-options h2 a { color: var(--e-global-color-secondary); } #tribe-geo-options { display: none; margin-bottom: 20px; } #tribe-geo-links { margin-top: 20px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; } .tribe-geo-option-link { border-bottom: 1px solid #eee; color: var(--e-global-color-secondary); display: block; padding: 3px 6px; text-decoration: none; -webkit-transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; transition: .1s ease-in-out; } .tribe-geo-option-link:hover { background: #f5f5f5; } .tribe-geo-option-link:hover, .tribe-geo-option-link:focus { text-decoration: none; } .tribe-option-loaded, .tribe-geo-option-link.tribe-option-loaded:hover { background: var(--e-global-color-text); color: var(--e-global-color-background); } .tribe-bar-collapse .tribe-geo-option-link { padding: 10px; } .timer { color: red; margin: 20px 0; text-align: center; width: 100%; } #tribe-geo-results #tribe_events_filters_wrapper { display: none; } #tribe-geo-results #tribe-events-content { float: none; width: 100%; } .tribe-events-distance { background-color: var(--e-global-color-text); -webkit-border-radius: 3px; border-radius: 3px; color: var(--e-global-color-background); display: inline-block; font-size: 14px; font-weight: bold; margin: 2.5em 0 1em; padding: 6px 10px; } /* = View Loading / Pagination Styles @ Template: Map.php & Photo.php =============================================*/ #tribe-geo-loading { background: var(--e-global-color-background); display: none; height: 100%; left: 0; position: absolute; top: 0; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; webkit-transition: all 1s linear; width: 100%; z-index: 4; } #tribe-geo-loading img { left: 50%; margin-left: -16px; margin-right: 0; margin-top: -16px; margin-bottom: 0; position: absolute; top: 50%; } /* = Single Venue Template Styles (Pro Version) @ Template: single-venue.php =============================================*/ .tribe-events-venue .tribe-events-map-wrap { background: var(--e-global-color-alternate); border: 1px solid var(--e-global-color-border); -webkit-border-radius: 3px; border-radius: 3px; float: right; margin-left: 30px; margin-right: 0; margin-top: 5px; margin-bottom: 30px; padding: 5px; width: 50%; } .tribe-events-venue h3.tribe-events-upcoming { margin-bottom: 30px; } .tribe-events-venue .tribe-events-user-recurrence-toggle { display: none; } .tribe-events-venue .tribe-events-map-wrap #tribe-events-gmap { height: 0 !important; margin: 0 !important; padding-top: 50%; width: 100% !important; } .tribe-events-venue .tribe-events-venue-meta { margin-bottom: 30px; } #tribe-events-content.tribe-events-venue { padding: 0; } .tribe-events-venue-meta h2.entry-title { display: inline; font-size: 1.4em; line-height: 1.4; margin: 0; padding: 0; } .tribe-events-venue-meta address { font-style: normal; font-weight: bold; margin: 0; } .tribe-events-venue address.venue-address { display: block; } .tribe-events-venue address.venue-address span { line-height: 1; margin: 5px 0; } .tribe-events-venue address.venue-address span.tel, .tribe-events-venue address.venue-address span.url { display: block; } .tribe-events-venue .tribe-venue-description { margin: 3% 0 0; } /* = Single Organizer Template Styles (Pro Version) @ Template: Single_Organizer.php =============================================*/ #tribe-events-content.tribe-events-organizer { padding: 0; } .single-tribe_organizer .tribe_organizer h2.entry-title { margin: 0 0 .5em; padding: 0; } /* = Single Organizer Template Styles (Pro Version) @ Template: Single_Organizer.php =============================================*/ .tribe-events-organizer .tribe-events-organizer-meta { margin-bottom: 30px; } .tribe-events-organizer address.organizer-address { font-style: normal; margin-top: 0; margin-bottom: 1.25em; word-wrap: break-word; } .tribe-events-organizer address.organizer-address span { white-space: pre; } .tribe-events-organizer .tribe-organizer-description { margin-bottom: 1em; } .tribe-events-organizer .tribe-events-divider { display: inline-block; margin: 0 10px; } .tribe-events-organizer .tribe-events-user-recurrence-toggle { display: none; } /* = Related Events @ Template: Single_Event.php =============================================*/ .related-events-title { font-size: 18px; line-height: 1.4; } ul.related-events { display: block; margin: 0; } ul.related-events li { display: block; float: left; list-style-type: none; min-width: 160px; position: relative; vertical-align: text-bottom; } .related-event-date { font-size: .75em; text-transform: uppercase; } h3.tribe-events-related-events-title { font-size: 1.4em; margin-bottom: 2%; } .tribe-events-single ul.tribe-related-events, .post .tribe-events-single ul.tribe-related-events { border: none; margin: 0 0 8%; padding: 0; } .tribe-events-single ul.tribe-related-events li { background: var(--e-global-color-alternate); border: none; border: 1px solid var(--e-global-color-border); -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; list-style: none; margin-left: 0; margin-right: 4%; margin-top: 0; margin-bottom: 2%; padding: 15px; width: 29.3333%; } .tribe-events-single ul.tribe-related-events li .date-divider { padding: 0 5px; } .tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail { margin: 0 0 10px; } .tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail a { display: block; overflow: hidden; padding-top: 75%; /* 4:3 aspect ratio */ position: relative; } .tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail img { border: none; width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0; position: absolute; left: 50%; right: 0; top: 50%; bottom: 0; transform: translate(-50%, -50%) scale(2); /* Maintain the normal scale for placeholder images */ } .tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail img[src$="tribe-related-events-placeholder.png"] { transform: translate(-50%, -50%) scale(1); } .tribe-events-single ul.tribe-related-events .tribe-related-event-info { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-events-single ul.tribe-related-events .tribe-related-events-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); margin: 0 0 10px; } .tribe-events-single ul.tribe-related-events .recurringinfo { display: block; margin: 4% 0; } .tribe-events-single ul.tribe-related-events .recurringinfo .tribe-events-divider { display: none; } /* = Events Calendar Widget Styles (Sidebar) @ Template: widgets/list-widget.php =============================================*/ .tribe-events-adv-list-widget ol li { list-style: none; margin-bottom: 30px; } .tribe-events-adv-list-widget .tribe-venue { display: block; margin-top: 10px; } .tribe-events-adv-list-widget .tribe-organizer { display: block; } .tribe-events-adv-list-widget .tribe-events-event-cost { display: inline; } .tribe-events-adv-list-widget .duration { display: inline; } .tribe-events-adv-list-widget .event-is-recurring .tribe-events-divider { display: none; } .tribe-events-adv-list-widget .event-is-recurring { color: inherit; } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event { background-color: var(--tec-featured-color-scheme-custom); padding: 20px; } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event .tribe-event-image { margin: -20px -20px 15px; } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event a { color: var(--e-global-color-background); transition: opacity .3s ease-in-out; } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event a:active, .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event a:hover { color: var(--e-global-color-background) !important; opacity: .7; } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event .list-date { border: 3px solid var(--e-global-color-background); padding: 0; } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event .list-date .list-dayname { background: var(--tec-featured-color-scheme-custom); color: var(--e-global-color-background); } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event .list-date .list-daynumber { color: var(--tec-featured-color-scheme-custom); background: var(--e-global-color-background); } .tribe-mini-calendar-list-wrapper .type-tribe_events.tribe-event-featured .tribe-mini-calendar-event .list-info { color: var(--e-global-color-background); } .tribe-mini-calendar-list-wrapper .type-tribe_events { margin: 0; padding: 0; } /* = Events Countdown Widget @ Template: widgets/countdown-widget.php =============================================*/ .tribe-countdown-timer span.tribe-countdown-seconds, .tribe-countdown-timer span.format, .tribe-countdown-timer h3.tribe-countdown-complete { display: none; } div.tribe-countdown-timer { padding-top: 10px; text-align: center; } div.tribe-countdown-number { font-family: var(--cmsmasters-h2-font-family); font-weight: var(--cmsmasters-h2-font-weight); font-style: var(--cmsmasters-h2-font-style); text-transform: var(--cmsmasters-h2-text-transform); text-decoration: var(--cmsmasters-h2-text-decoration); font-size: var(--cmsmasters-h2-font-size); line-height: var(--cmsmasters-h2-line-height); letter-spacing: var(--cmsmasters-h2-letter-spacing); color: var(--e-global-color-secondary); float: left; } div.tribe-countdown-number br { display: none; } span.tribe-countdown-under { font-family: var(--cmsmasters-taxonomy-font-family); font-weight: var(--cmsmasters-taxonomy-font-weight); font-style: var(--cmsmasters-taxonomy-font-style); text-transform: var(--cmsmasters-taxonomy-text-transform); text-decoration: var(--cmsmasters-taxonomy-text-decoration); font-size: var(--cmsmasters-taxonomy-font-size); line-height: var(--cmsmasters-taxonomy-line-height); letter-spacing: var(--cmsmasters-taxonomy-letter-spacing); display: block; margin: 5px 0 0; position: relative; } div.tribe-countdown-colon { font-family: var(--cmsmasters-h2-font-family); font-weight: var(--cmsmasters-h2-font-weight); font-style: var(--cmsmasters-h2-font-style); text-transform: var(--cmsmasters-h2-text-transform); text-decoration: var(--cmsmasters-h2-text-decoration); font-size: var(--cmsmasters-h2-font-size); line-height: var(--cmsmasters-h2-line-height); letter-spacing: var(--cmsmasters-h2-letter-spacing); float: left; padding: 0 4px; } div.tribe-countdown-right { float: left; } div.tribe-countdown-text { clear: both; margin: 0 0 10px; } .tribe-events-list-photo-description { width: 100%; } /* = Events Venue Widget @ Template: widgets/venue-widget.php =============================================*/ .tribe-venue-widget-venue { margin: 0 0 20px; } .tribe-venue-widget-list { margin: 0; list-style: none; } .tribe-venue-widget-list li { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-venue-widget-list li + li { margin-top: 15px; } .tribe-venue-widget-list .tribe-event-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); margin: 0 0 5px; } .tribe-venue-widget-list .tribe-events-event-schedule-details { display: inline; } .tribe-venue-widget-list .entry-title { margin: 0 0 5px; } .tribe-venue-widget-list .type-tribe_events { margin: 0 0 20px; } .tribe-venue-widget-list .type-tribe_events:last-child { margin: 0; } .tribe-venue-widget-thumbnail { margin: 10px 0 20px; } .tribe-venue-widget-thumbnail img { display: block; height: auto; max-width: 100%; } /* = Events Calendar Tribe Bar Styles =============================================*/ .tribe-events-uses-geolocation .tribe-bar-date-filter, .tribe-events-uses-geolocation .tribe-bar-search-filter, .tribe-bar-geoloc-filter, .tribe-events-uses-geolocation .tribe-bar-submit { float: left; margin-bottom: 0; width: 25%; } .tribe-bar-geoloc-filter { padding: 10px; } .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-date-filter { padding: 10px; } .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-search-filter { padding: 10px; } .tribe-events-uses-geolocation .tribe-bar-mini .tribe-bar-submit { padding: 10px; } .tribe-bar-mini .tribe-bar-geoloc-filter { padding: 10px; } .tribe-grid-allday .tribe-event-featured.tribe-events-week-allday-single a, .tribe-grid-allday .tribe-event-featured.tribe-events-week-hourly-single a, .tribe-grid-body .tribe-event-featured.tribe-events-week-allday-single a, .tribe-grid-body .tribe-event-featured.tribe-events-week-hourly-single a { color: var(--e-global-color-accent); } .tribe-grid-allday .tribe-event-featured.tribe-events-week-allday-single:hover a, .tribe-grid-allday .tribe-event-featured.tribe-events-week-hourly-single:hover a, .tribe-grid-body .tribe-event-featured.tribe-events-week-allday-single:hover a, .tribe-grid-body .tribe-event-featured.tribe-events-week-hourly-single:hover a { color: var(--e-global-color-background); } .gm-style button, .gm-style .gm-bundled-control button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; } .gm-style button:before, .gm-style button:after, .gm-style .gm-bundled-control button:before, .gm-style .gm-bundled-control button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .gm-style button:hover, .gm-style .gm-bundled-control button:hover { color: var(--cmsmasters-colors-hover); } .gm-style button:hover:before, .gm-style button:hover:after, .gm-style .gm-bundled-control button:hover:before, .gm-style .gm-bundled-control button:hover:after { opacity: initial; } /** * The Events Calendar Pro Full Mobile Stylesheet * (Some of these styles may override your current theme's styles) * * Default Breakpoint: 768px * * This breakpoint can be customized using the 'tribe_events_mobile_breakpoint' filter, * or the responsive nature of the plugins can be removed by using the 'tribe_events_kill_responsive' filter. * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/pro/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { /* = Week Grid Template Styles @ Template: Week.php =============================================*/ .tribe-events-week .tribe-events-grid { display: none; } .tribe-mobile-day-date { font-family: var(--cmsmasters-h3-font-family); font-weight: var(--cmsmasters-h3-font-weight); font-style: var(--cmsmasters-h3-font-style); text-transform: var(--cmsmasters-h3-text-transform); text-decoration: var(--cmsmasters-h3-text-decoration); font-size: var(--cmsmasters-h3-font-size); line-height: var(--cmsmasters-h3-line-height); letter-spacing: var(--cmsmasters-h3-letter-spacing); background-color: var(--e-global-color-alternate); margin: 20px 0 0 !important; padding: 6px 10px; } .tribe-events-week #tribe-mobile-container { margin-top: 20px; } .tribe-events-week #tribe-mobile-container .summary { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); margin: 0 0 5px; } .tribe-events-week #tribe-mobile-container .tribe-event-schedule-details { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-events-week #tribe-mobile-container .tribe-events-read-more { margin: 20px 0 0; } /* = Photo View Template Styles @ Template: Photo.php =============================================*/ #tribe-events-content { overflow: hidden; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { #tribe-events-photo-events .type-tribe_events.tribe-events-photo-event { width: 45.9%; } } .tribe-events-photo .tribe-events-loop .type-tribe_events .time-details { padding: 0; } .tribe-events-list .tribe-events-loop .tribe-events-photo-event .tribe-events-event-meta .recurringinfo { margin-top: 2px; } #tribe-events .tribe-events-list-photo-description p { margin-bottom: 0; } .tribe-events-venue .tribe-events-venue-meta .tribe-events-event-image { margin-top: 15px; } #tribe-events .tribe-venue-description.tribe-events-content, #tribe-events .tribe-organizer-description.tribe-events-content { padding: 0; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { /* = Single Venue Template Styles (Pro Version) @ Template: single-venue.php =============================================*/ .tribe-events-venue .tribe-events-map-wrap { float: none; margin: 0px 0 20px; width: 100%; } .tribe-events-event-meta address.tribe-events-address, .tribe-events-event-meta address.venue-address { margin: 0; } /* = Single Organizer Template Styles (Pro Version) @ Template: Single_Organizer.php =============================================*/ .tribe-events-organizer .tribe-events-organizer-meta h2.entry-title { margin-bottom: 15px; padding: 0; } .tribe-events-organizer .tribe-events-organizer-meta .tribe-events-event-image { margin-bottom: 12px; } .tribe-events-organizer address.organizer-address { margin: 20px 0; } .tribe-events-organizer address.organizer-address span { display: block; } .tribe-events-organizer address.organizer-address span ~ span { margin-top: 5px; } .tribe-events-organizer address.organizer-address .tribe-events-divider { display: none; } } /* = Map View Template Styles @ Template: Map.php =============================================*/ #tribe-geo-map { height: 250px; } .tribe-events-map #tribe-events-header { margin-bottom: 30px; } /* = Related Events @ Template: Single_Event.php =============================================*/ h3.tribe-events-related-events-title { margin-bottom: 12px; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-single ul.tribe-related-events { margin: 0; } .tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail { float: right; width: 30%; } .tribe-events-single ul.tribe-related-events .tribe-related-events-title { margin-bottom: 4px; } .tribe-events-single ul.tribe-related-events .recurringinfo { margin: 2px 0 0; } .tribe-events-single ul.tribe-related-events li { float: none; margin-bottom: 12px; margin-right: 0; padding: 10px; width: 100%; zoom: 1; } .tribe-events-single ul.tribe-related-events li::after { clear: both; content: ''; display: table; } .tribe-events-single ul.tribe-related-events li .tribe-related-event-info { float: left; padding-left: 0; padding-right: 10px; padding-top: 0; padding-bottom: 10px; width: 60%; } } /* = Mobile Styles: Photo View (max-width: 600px) =============================================*/ @media (max-width: 600px) { /* = Photo View Template Styles @ Template: Photo.php =============================================*/ div#tribe-events-photo-events { height: auto !important; width: 100%; } #tribe-events-photo-events .type-tribe_events.tribe-events-photo-event, #tribe-events-photo-events.photo-two-col .type-tribe_events.tribe-events-photo-event { float: none; margin: 0 auto 30px; max-width: 400px; position: static !important; width: auto; } } /** * The Events Calendar Pro Skeleton Stylesheet * (Only includes enough css to achieve complex layouts like calendar and week view.) * * To add your own custom styles, create a stylesheet with the name * tribe-events-pro.css in the tribe-events/pro/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_pro_stylesheet_url' filter. * * @package TribeEventsCalendar * */ /* Events Loop */ .tribe-events-loop .tribe-events-loop .type-tribe_events { margin: 0; } .tribe-events-loop h2.tribe-events-page-title { padding-left: 0; } .tribe-events-loop .published { margin-top: 0; } .tribe-events-loop .entry-title { margin: 15px 0 6px; padding: 0; } /* = Photo View Template Styles @ Template: Photo.php =============================================*/ /* Tile Styling */ #tribe-events-photo-events .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .tribe-events-loop .tribe-events-photo-event .entry-content { float: none; margin-top: 10px; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .event-is-recurring img { display: inline; } /* = Map View Template Styles @ Template: Map.php =============================================*/ /* tribe geo location results list formatting */ #tribe-geo-results .tribe-events-notices { text-align: center; margin: 2.25em 0 0 0; } .tribe-geo-result-entry { position: relative; overflow: auto; border-bottom: 1px solid #ddd; padding: 2.25em 0; } .tribe-geo-result-last { border-bottom: none; padding-bottom: none; } .tribe-geo-result-thumb { float: left; width: 30%; margin-right: 2%; } .tribe-geo-result-thumb a { display: block; border: 1px solid #ddd; padding: 2px; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } .tribe-geo-result-thumb a img { max-width: 100%; width: 100%; display: block; } .tribe-geo-result-data { float: right; width: 68%; } .tribe-geo-result-date { display: block; font-size: 16px; font-style: italic; margin: 10px 0 0 0; text-transform: none; } .tribe-geo-result-venue { display: block; margin: 10px 0 0 0; font-size: 16px; } .tribe-geo-result-excerpt { margin: 10px 0 0 0; } .tribe-geo-result-entry .tribe-geo-result-excerpt p { font-size: 14px; } .tribe-geo-result-entry h2 { float: left; width: 80%; } .tribe-geo-result-cost { width: 18%; float: right; } .tribe-geo-result-cost span { display: block; font-weight: bold; padding: 8px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .timer { text-align: center; width: 100%; color: red; margin: 20px 0; } /* = Events Calendar Widget Styles (Sidebar) @ Template: widgets/calendar-widget.php =============================================*/ .tribe-events-calendar-widget #tribe-events-calendar-wrap { width: 100%; } .tribe-events-calendar-widget .tribe-events-calendar .tribe-events-tooltip { width: 100px; left: 0; text-align: left; padding: 5px 10px; margin-bottom: 1.625em; } .tribe-events-calendar-widget table.tribe-events-calendar { width: 100%; table-layout: fixed; margin-top: 0; border-collapse: collapse; } .tribe-events-calendar-widget table.tribe-events-calendar, .tribe-events-calendar-widget .tribe-events-calendar td { border: 1px solid #bbb; } .tribe-events-calendar-widget th { font-size: 10px; background-color: var(--e-global-color-alternate); color: var(--e-global-color-text); width: 14.28%; } .tribe-events-calendar-widget td { height: auto; text-align: center; } .tribe-events-calendar-widget td div[id*="tribe-events-daynum-"] { padding: 6px 0; background-color: var(--e-global-color-alternate); } .tribe-events-calendar-widget td a.tribe-events-day-has-event { color: var(--e-global-color-accent); cursor: default; } .tribe-events-calendar-widget div[id*="tribe-events-daynum-"], .tribe-events-calendar-widget td a { font-size: 10px; } .tribe-events-calendar-widget .tribe-events-tooltip .tribe-events-arrow { left: 2px; } .tribe-events-calendar-widget .tribe-events-right .tribe-events-tooltip { right: 0; left: auto; } .tribe-events-calendar-widget .tribe-events-right .tribe-events-tooltip .tribe-events-arrow { left: auto; right: 2px; } .tribe-events-calendar-widget h5.entry-title { font-size: 11px; line-height: 1.5; padding: 0; } .tribe-view-all-events { float: right; } #ajax-loading-mini { display: none; } /** * The Events Calendar Pro Tribe Theme Stylesheet * * To add your own custom styles, create a stylesheet with the name * tribe-events-pro.css in the tribe-events/pro/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_pro_stylesheet_url' filter. * * @package TribeEventsCalendarPro * */ /* = Map View Template Styles @ Template: Map.php =============================================*/ /* tribe geolocation map area */ .tribe-bar-is-disabled.events-list .tribe-events-loop { max-width: none; } #tribe-geo-results .tribe-events-visuallyhidden + .type-tribe_events { margin-top: 0; } .tribe-events-map #tribe-events-header { position: relative; } .tribe-events-map #tribe-events-header li { display: inline-block; zoom: 1; } #tribe-events-header .tribe-events-ajax-loading { top: -8px; } /* = Photo View Template Styles @ Template: Photo.php =============================================*/ /* Tile Styling */ .tribe-events-loop .tribe-events-photo-event .tribe-events-list-event-description { margin-top: .5em; } .tribe-events-photo .tribe-events-loop .tribe-events-event-meta .recurringinfo { padding-left: 0; } /* = Related Events @ Template: Single_Event.php =============================================*/ .tribe-events-single ul.tribe-related-events .tribe-events-event-schedule-details { padding-right: 4px; } /* Reset */ /* ----------------------------------------------------------------------------- * * Resets Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Reset */ .tribe-common { color: var(--e-global-color-text); font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size); } .tribe-common figure { line-height: 0; } .tribe-common figcaption { line-height: normal; } .tribe-common a { background-color: transparent; -webkit-text-decoration-skip: objects; } .tribe-common code, .tribe-common kbd, .tribe-common pre, .tribe-common samp { font-family: monospace; font-size: 1em; } .tribe-common b, .tribe-common strong { font-weight: inherit; font-weight: bolder; } .tribe-common dfn { font-style: italic; } .tribe-common mark { background-color: var(--e-global-color-accent); color: var(--e-global-color-secondary); } .tribe-common small { font-size: 80%; } .tribe-common sub, .tribe-common sup { font-size: 75%; line-height: 0; } .tribe-common hr { border: 0; height: 0; } .tribe-common input[type="text"], .tribe-common input[type="email"], .tribe-common input[type="url"], .tribe-common input[type="search"], .tribe-common input[type="submit"], .tribe-common input[type="password"], .tribe-common input[type="reset"], .tribe-common input[type="button"], .tribe-common button, .tribe-common textarea { appearance: none; } .tribe-common input, .tribe-common button, .tribe-common select, .tribe-common textarea, .tribe-common optgroup { color: inherit; font: inherit; -webkit-font-smoothing: antialiased; line-height: normal; } .tribe-common input, .tribe-common button, .tribe-common select, .tribe-common textarea { border-radius: 0; outline: 0; } .tribe-common select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .tribe-common optgroup { font-weight: bold; } .tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p { text-rendering: optimizeLegibility; } /* Components */ /* ----------------------------------------------------------------------------- * * Components Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Buttons */ .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); } .tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } .tribe-common .tribe-common-c-btn-border:before, .tribe-common .tribe-common-c-btn-border:after, .tribe-common a.tribe-common-c-btn-border:before, .tribe-common a.tribe-common-c-btn-border:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-common .tribe-common-c-btn-border:before, .tribe-common a.tribe-common-c-btn-border:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } .tribe-common .tribe-common-c-btn-border:after, .tribe-common a.tribe-common-c-btn-border:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } .tribe-common .tribe-common-c-btn-border:hover:before, .tribe-common a.tribe-common-c-btn-border:hover:before { opacity: 0; } .tribe-common .tribe-common-c-btn-border:hover:after, .tribe-common a.tribe-common-c-btn-border:hover:after { opacity: 1; } .tribe-common .tribe-common-c-btn-border:before, .tribe-common a.tribe-common-c-btn-border:before { background-color: var(--tec-color-background-events-bar-submit-button); } .tribe-common .tribe-common-c-btn-border:focus:after, .tribe-common .tribe-common-c-btn-border:hover:after, .tribe-common a.tribe-common-c-btn-border:focus:after, .tribe-common a.tribe-common-c-btn-border:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn-border:active, .tribe-common a.tribe-common-c-btn-border:active { color: var(--cmsmasters-button-hover-colors-color); } .tribe-common .tribe-common-c-btn-border:active:after, .tribe-common a.tribe-common-c-btn-border:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn-border:focus, .tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:focus, .tribe-common a.tribe-common-c-btn-border:hover { color: var(--tec-color-background); } .tribe-common .tribe-common-c-btn-border--secondary, .tribe-common a.tribe-common-c-btn-border--secondary { border-color: var(--tec-color-button-secondary); color: var(--tec-color-button-secondary); } .tribe-common .tribe-common-c-btn-border--secondary:focus, .tribe-common .tribe-common-c-btn-border--secondary:hover, .tribe-common a.tribe-common-c-btn-border--secondary:focus, .tribe-common a.tribe-common-c-btn-border--secondary:hover { background-color: var(--tec-color-button-secondary); } .tribe-common .tribe-common-c-btn-border--secondary:active, .tribe-common a.tribe-common-c-btn-border--secondary:active { opacity: 0.9; } .tribe-common .tribe-common-c-btn-border--alt, .tribe-common a.tribe-common-c-btn-border--alt { border-color: var(--tec-color-border-secondary); color: var(--e-global-color-text); } .tribe-common .tribe-common-c-btn-border--alt:focus, .tribe-common .tribe-common-c-btn-border--alt:hover, .tribe-common a.tribe-common-c-btn-border--alt:focus, .tribe-common a.tribe-common-c-btn-border--alt:hover { background-color: var(--tec-color-background); border-color: var(--tec-color-border-active); color: var(--e-global-color-text); } .tribe-common .tribe-common-c-btn-border--alt:active, .tribe-common a.tribe-common-c-btn-border--alt:active { opacity: 0.9; } .tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); padding: 6px 15px; } .tribe-common .tribe-common-c-btn-border-small:hover, .tribe-common a.tribe-common-c-btn-border-small:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } .tribe-common .tribe-common-c-btn-border-small:before, .tribe-common .tribe-common-c-btn-border-small:after, .tribe-common a.tribe-common-c-btn-border-small:before, .tribe-common a.tribe-common-c-btn-border-small:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-common .tribe-common-c-btn-border-small:before, .tribe-common a.tribe-common-c-btn-border-small:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } .tribe-common .tribe-common-c-btn-border-small:after, .tribe-common a.tribe-common-c-btn-border-small:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } .tribe-common .tribe-common-c-btn-border-small:hover:before, .tribe-common a.tribe-common-c-btn-border-small:hover:before { opacity: 0; } .tribe-common .tribe-common-c-btn-border-small:hover:after, .tribe-common a.tribe-common-c-btn-border-small:hover:after { opacity: 1; } .tribe-common .tribe-common-c-btn-border-small:before, .tribe-common a.tribe-common-c-btn-border-small:before { background-color: var(--tec-color-background-events-bar-submit-button); } .tribe-common .tribe-common-c-btn-border-small:focus:after, .tribe-common .tribe-common-c-btn-border-small:hover:after, .tribe-common a.tribe-common-c-btn-border-small:focus:after, .tribe-common a.tribe-common-c-btn-border-small:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn-border-small:active, .tribe-common a.tribe-common-c-btn-border-small:active { color: var(--cmsmasters-button-hover-colors-color); } .tribe-common .tribe-common-c-btn-border-small:active:after, .tribe-common a.tribe-common-c-btn-border-small:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn-icon--caret-left:active .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-left:hover .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-left:focus .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:active .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:hover .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:focus .tribe-common-c-btn-icon__icon-svg path { fill: var(--e-global-color-accent); } .tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path { fill: var(--e-global-color-alternate); } .tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path, .tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path { fill: var(--e-global-color-border); transition: fill .3s ease-in-out; } .tribe-common .tribe-common-c-btn-icon--border { align-items: center; background-color: var(--tec-color-background); border: 1px solid var(--e-global-color-border); display: inline-flex; height: 56px; justify-content: center; transition: none; width: 56px; } .tribe-common .tribe-common-c-btn-icon--border:hover, .tribe-common .tribe-common-c-btn-icon--border:focus { background-color: var(--tec-color-background); } .tribe-common .tribe-common-c-btn-icon--border:active { border-color: var(--tec-color-border-active); } .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); width: 100%; } .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } .tribe-common .tribe-common-c-btn:before, .tribe-common .tribe-common-c-btn:after, .tribe-common a.tribe-common-c-btn:before, .tribe-common a.tribe-common-c-btn:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-common .tribe-common-c-btn:before, .tribe-common a.tribe-common-c-btn:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } .tribe-common .tribe-common-c-btn:after, .tribe-common a.tribe-common-c-btn:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } .tribe-common .tribe-common-c-btn:hover:before, .tribe-common a.tribe-common-c-btn:hover:before { opacity: 0; } .tribe-common .tribe-common-c-btn:hover:after, .tribe-common a.tribe-common-c-btn:hover:after { opacity: 1; } .tribe-common .tribe-common-c-btn:before, .tribe-common a.tribe-common-c-btn:before { background-color: var(--tec-color-background-events-bar-submit-button); } .tribe-common .tribe-common-c-btn:focus:after, .tribe-common .tribe-common-c-btn:hover:after, .tribe-common a.tribe-common-c-btn:focus:after, .tribe-common a.tribe-common-c-btn:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn:active, .tribe-common a.tribe-common-c-btn:active { color: var(--cmsmasters-button-hover-colors-color); } .tribe-common .tribe-common-c-btn:active:after, .tribe-common a.tribe-common-c-btn:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn { width: auto; } .tribe-common .tribe-common-c-btn:before, .tribe-common a.tribe-common-c-btn:before { background-color: var(--tec-color-button-primary); } .tribe-common .tribe-common-c-btn:after, .tribe-common a.tribe-common-c-btn:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn:active:after, .tribe-common a.tribe-common-c-btn:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-common .tribe-common-c-btn:disabled:after, .tribe-common a.tribe-common-c-btn:disabled:after { background-color: var(--tec-color-button-primary-background); } /* Other */ .tribe-common .tribe-common-c-loader__dot circle { animation-direction: normal; animation-duration: 2.24s; animation-iteration-count: infinite; animation-name: tribe-common-c-loader-bounce; fill: currentColor; opacity: var(--tec-opacity-background); } .tribe-common .tribe-common-c-loader__dot--first circle { animation-delay: 0.45s; } .tribe-common .tribe-common-c-loader__dot--second circle { animation-delay: 1.05s; } .tribe-common .tribe-common-c-loader__dot--third circle { animation-delay: 1.35s; } @keyframes tribe-common-c-loader-bounce { 50% { opacity: var(--tec-opacity-default); } } .tribe-common .tribe-common-c-svgicon--featured path { fill: currentColor; } .tribe-common .tribe-common-c-svgicon--recurring path { fill: var(--tec-color-accent-primary); stroke: var(--tec-color-accent-primary); } .tribe-common .tribe-common-c-svgicon--close path, .tribe-common .tribe-common-c-svgicon--close-alt path { stroke: var(--e-global-color-text); } .tribe-common .tribe-common-c-svgicon--messages-not-found path { stroke: var(--tec-color-accent-primary); } .tribe-common .tribe-common-c-svgicon--messages-not-found .tribe-common-c-svgicon__svg-stroke { stroke: currentColor; } .tribe-common .tribe-common-c-svgicon__svg-fill { fill: currentColor; } /* Reset */ /* ----------------------------------------------------------------------------- * * Resets Skeleton * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Reset */ .tribe-common { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .tribe-common * { box-sizing: border-box; } .tribe-common article, .tribe-common aside, .tribe-common details, .tribe-common figcaption, .tribe-common figure, .tribe-common footer, .tribe-common header, .tribe-common main, .tribe-common menu, .tribe-common nav, .tribe-common section, .tribe-common summary { display: block; } .tribe-common svg:not(:root) { overflow: hidden; } .tribe-common audio, .tribe-common canvas, .tribe-common progress, .tribe-common video { display: inline-block; } .tribe-common audio:not([controls]) { display: none; height: 0; } .tribe-common progress { vertical-align: baseline; } .tribe-common template, .tribe-common [hidden] { display: none; } .tribe-common pre { overflow: auto; } .tribe-common sub, .tribe-common sup { position: relative; vertical-align: baseline; } .tribe-common sup { top: -0.5em; } .tribe-common sub { bottom: -0.25em; } .tribe-common input, .tribe-common button, .tribe-common select, .tribe-common textarea { box-sizing: border-box; margin: 0; } .tribe-common input[type="number"]::-webkit-inner-spin-button, .tribe-common input[type="number"]::-webkit-outer-spin-button { height: auto; } .tribe-common legend { color: inherit; display: table; max-width: 100%; white-space: normal; } .tribe-common textarea { overflow: auto; resize: none; } .tribe-common button, .tribe-common input[type="button"], .tribe-common input[type="reset"], .tribe-common input[type="submit"] { cursor: pointer; overflow: visible; } .tribe-common button[disabled], .tribe-common input[disabled] { cursor: default; } .tribe-common button::-moz-focus-inner, .tribe-common input::-moz-focus-inner { border: 0; padding: 0; } .tribe-common div, .tribe-common span, .tribe-common applet, .tribe-common object, .tribe-common iframe, .tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p, .tribe-common blockquote, .tribe-common pre, .tribe-common a, .tribe-common abbr, .tribe-common acronym, .tribe-common address, .tribe-common big, .tribe-common cite, .tribe-common code, .tribe-common del, .tribe-common dfn, .tribe-common em, .tribe-common img, .tribe-common ins, .tribe-common kbd, .tribe-common q, .tribe-common s, .tribe-common samp, .tribe-common small, .tribe-common strike, .tribe-common strong, .tribe-common sub, .tribe-common sup, .tribe-common tt, .tribe-common var, .tribe-common b, .tribe-common u, .tribe-common i, .tribe-common center, .tribe-common dl, .tribe-common dt, .tribe-common dd, .tribe-common ol, .tribe-common ul, .tribe-common li, .tribe-common fieldset, .tribe-common form, .tribe-common label, .tribe-common legend, .tribe-common table, .tribe-common caption, .tribe-common tbody, .tribe-common tfoot, .tribe-common thead, .tribe-common tr, .tribe-common th, .tribe-common td, .tribe-common article, .tribe-common aside, .tribe-common canvas, .tribe-common details, .tribe-common embed, .tribe-common figure, .tribe-common figcaption, .tribe-common footer, .tribe-common header, .tribe-common main, .tribe-common menu, .tribe-common nav, .tribe-common output, .tribe-common ruby, .tribe-common section, .tribe-common summary, .tribe-common time, .tribe-common mark, .tribe-common audio, .tribe-common video { border: 0; margin: 0; padding: 0; } .tribe-common ol, .tribe-common ul { list-style: none; } .tribe-common img { border-style: none; height: auto; -ms-interpolation-mode: bicubic; max-width: 100%; } .tribe-common iframe, .tribe-common video, .tribe-common embed { max-height: 100%; max-width: 100%; } /* Base */ /* ----------------------------------------------------------------------------- * * Base Skeleton * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Forms */ .tribe-common .tribe-common-form-control-checkbox, .tribe-common .tribe-common-form-control-radio { align-items: flex-start; display: flex; } .tribe-common .tribe-common-form-control-checkbox__label, .tribe-common .tribe-common-form-control-radio__label { cursor: pointer; margin-left: 15px; } .tribe-common .tribe-common-form-control-checkbox__input, .tribe-common .tribe-common-form-control-radio__input { cursor: pointer; flex: none; margin: 1px 0 0; } #top .main_color .tribe-common .tribe-common-form-control-checkbox__input { margin: 1px 0 0; } .tribe-common .tribe-common-form-control-checkbox-radio-group > * { margin-bottom: 15px; } .tribe-common .tribe-common-form-control-checkbox-radio-group > *:last-child { margin-bottom: 0; } .tribe-common .tribe-common-form-control-slider__input { cursor: pointer; display: inline-block; margin: 0; padding: 0; vertical-align: middle; width: 120px; } .tribe-common .tribe-common-form-control-slider__label { cursor: pointer; display: inline-block; margin-left: 11px; vertical-align: middle; } .tribe-common .tribe-common-form-control-slider--vertical .tribe-common-form-control-slider__label { display: block; margin: 0 0 6px; } .tribe-common .tribe-common-form-control-text__label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-common .tribe-common-form-control-text__input { background-image: none; outline: none; height: auto; width: 100%; max-width: 100%; vertical-align: middle; flex-grow: 1; text-shadow: none; font-family: var(--cmsmasters-input-font-family); font-weight: var(--cmsmasters-input-font-weight); font-style: var(--cmsmasters-input-font-style); text-transform: var(--cmsmasters-input-text-transform); text-decoration: var(--cmsmasters-input-text-decoration); font-size: var(--cmsmasters-input-font-size); line-height: var(--cmsmasters-input-line-height); letter-spacing: var(--cmsmasters-input-letter-spacing); color: var(--cmsmasters-input-normal-colors-color); background-color: var(--cmsmasters-input-normal-colors-bg); border-color: var(--cmsmasters-input-normal-colors-bd); border-style: var(--cmsmasters-input-normal-bd-style); border-top-width: var(--cmsmasters-input-normal-bd-width-top); border-right-width: var(--cmsmasters-input-normal-bd-width-right); border-bottom-width: var(--cmsmasters-input-normal-bd-width-bottom); border-left-width: var(--cmsmasters-input-normal-bd-width-left); border-radius: var(--cmsmasters-input-normal-bd-radius); box-shadow: var(--cmsmasters-input-normal-box-shadow); padding-top: var(--cmsmasters-input-padding-top); padding-right: var(--cmsmasters-input-padding-right); padding-bottom: var(--cmsmasters-input-padding-bottom); padding-left: var(--cmsmasters-input-padding-left); transition: all .3s ease-in-out; border: 0; } .tribe-common .tribe-common-form-control-text__input::-webkit-input-placeholder { color: var(--cmsmasters-input-placeholder-color); transition: color .2s ease-in-out; } .tribe-common .tribe-common-form-control-text__input::-moz-placeholder { color: var(--cmsmasters-input-placeholder-color); transition: color .2s ease-in-out; } .tribe-common .tribe-common-form-control-text__input:focus { color: var(--cmsmasters-input-focus-colors-color); background-color: var(--cmsmasters-input-focus-colors-bg); border-color: var(--cmsmasters-input-focus-colors-bd); border-radius: var(--cmsmasters-input-focus-bd-radius); box-shadow: var(--cmsmasters-input-focus-box-shadow); } .tribe-common .tribe-common-form-control-text__input:focus::-webkit-input-placeholder { color: transparent; } .tribe-common .tribe-common-form-control-text__input:focus::-moz-placeholder { color: transparent; } .tribe-common .tribe-common-form-control-toggle__input { cursor: pointer; display: inline-block; vertical-align: middle; } .tribe-common .tribe-common-form-control-toggle__label { cursor: pointer; display: inline-block; margin-left: 11px; vertical-align: middle; } .tribe-common .tribe-common-form-control-toggle--vertical .tribe-common-form-control-toggle__label { display: block; margin: 0 0 6px; } #top .main_color .tribe-common .tribe-common-form-control-toggle__input { display: inline-block; margin: 5px 0; } /* Grid */ .tribe-common .tribe-common-g-col { min-width: 0; width: 100%; } .tribe-common .tribe-common-g-row { display: flex; flex-wrap: wrap; } .tribe-common .tribe-common-g-row--gutters { margin-left: var(--tec-grid-gutter-small-half-negative); margin-right: var(--tec-grid-gutter-small-half-negative); } .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters { margin-left: var(--tec-grid-gutter-half-negative); margin-right: var(--tec-grid-gutter-half-negative); } .tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col { padding-left: var(--tec-grid-gutter-small-half); padding-right: var(--tec-grid-gutter-small-half); } .tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters > .tribe-common-g-col { padding-left: var(--tec-grid-gutter-half); padding-right: var(--tec-grid-gutter-half); } /* A11y */ /* ----------------------------------------------------------------------------- * * A11y * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ .tribe-common .tribe-common-a11y-hidden { display: none !important; visibility: hidden; } .tribe-common .tribe-common-a11y-visual-hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-common .tribe-common-a11y-visual-show { clip: auto; height: auto; margin: 0; position: static; width: auto; } /* Components */ /* ----------------------------------------------------------------------------- * * Components Skeleton * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Other */ .tribe-common .tribe-common-c-image { display: block; height: auto; margin-left: auto; margin-right: auto; width: 100%; } .tribe-common .tribe-common-c-image--bg { position: relative; } .tribe-common .tribe-common-c-image__bg { background: center center no-repeat; background-size: cover; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .tribe-common .tribe-common-c-loader { display: flex; width: 61px; height: 15px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .tribe-common .tribe-common-c-loader__dot:not(:first-of-type) { margin-left: 8px; } .tribe-common .tribe-common-c-loader__dot circle { fill: currentColor; } .tribe-common .tribe-common-c-svgicon--featured { width: 8px; } .tribe-common .tribe-common-c-svgicon--recurring { width: 12px; } .tribe-common .tribe-common-c-svgicon--search { width: 16px; } .tribe-common .tribe-common-c-svgicon--location { width: 10px; } .tribe-common .tribe-common-c-svgicon--month, .tribe-common .tribe-common-c-svgicon--day, .tribe-common .tribe-common-c-svgicon--photo, .tribe-common .tribe-common-c-svgicon--week, .tribe-common .tribe-common-c-svgicon--map { height: 100%; width: 100%; } .tribe-common .tribe-common-c-svgicon--close path, .tribe-common .tribe-common-c-svgicon--close-alt path { stroke: currentColor; } .tribe-common .tribe-common-c-svgicon--no-map, .tribe-common .tribe-common-c-svgicon--phone, .tribe-common .tribe-common-c-svgicon--mail, .tribe-common .tribe-common-c-svgicon--website, .tribe-common .tribe-common-c-svgicon--map-pin { fill: none; } .tribe-common .tribe-common-c-svgicon--hybrid circle { fill: none; } .tribe-common .tribe-common-c-svgicon--messages-not-found g, .tribe-common .tribe-common-c-svgicon--virtual g { fill: none; } .tribe-common .tribe-common-c-svgicon--messages-not-found { width: 22px; } .tribe-common .tribe-common-c-svgicon--messages-not-found path { stroke: currentColor; } .tribe-common .tribe-common-c-svgicon--error { width: 18px; } .tribe-common .tribe-common-c-svgicon--error g { fill: none; } .tribe-common .tribe-common-c-svgicon--reset path { fill: none; } .tribe-common .tribe-common-c-svgicon__svg-stroke { stroke: currentColor; } /* Reset */ /* ----------------------------------------------------------------------------- * * Resets Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Reset */ .tribe-common { color: var(--e-global-color-text); font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size); } .tribe-common figure { line-height: 0; } .tribe-common figcaption { line-height: normal; } .tribe-common a { background-color: transparent; -webkit-text-decoration-skip: objects; } .tribe-common code, .tribe-common kbd, .tribe-common pre, .tribe-common samp { font-family: monospace; font-size: 1em; } .tribe-common b, .tribe-common strong { font-weight: inherit; font-weight: bolder; } .tribe-common dfn { font-style: italic; } .tribe-common mark { background-color: var(--e-global-color-accent); color: var(--e-global-color-secondary); } .tribe-common small { font-size: 80%; } .tribe-common sub, .tribe-common sup { font-size: 75%; line-height: 0; } .tribe-common hr { border: 0; height: 0; } .tribe-common input[type="text"], .tribe-common input[type="email"], .tribe-common input[type="url"], .tribe-common input[type="search"], .tribe-common input[type="submit"], .tribe-common input[type="password"], .tribe-common input[type="reset"], .tribe-common input[type="button"], .tribe-common button, .tribe-common textarea { appearance: none; } .tribe-common input, .tribe-common button, .tribe-common select, .tribe-common textarea, .tribe-common optgroup { color: inherit; font: inherit; -webkit-font-smoothing: antialiased; line-height: normal; } .tribe-common input, .tribe-common button, .tribe-common select, .tribe-common textarea { border-radius: 0; outline: 0; } .tribe-common select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .tribe-common optgroup { font-weight: bold; } .tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p { text-rendering: optimizeLegibility; } /* Base */ /* ----------------------------------------------------------------------------- * * Base Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Forms */ .tribe-common .tribe-common-form-control-checkbox, .tribe-common .tribe-common-form-control-radio { line-height: 0; } .tribe-common .tribe-common-form-control-checkbox__label:hover, .tribe-common .tribe-common-form-control-radio__label:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-common .tribe-common-form-control-checkbox__input, .tribe-common .tribe-common-form-control-radio__input { appearance: none; background-color: var(--tec-form-color-background); border: 1px solid var(--tec-form-color-border-default); height: 20px; position: relative; width: 20px; } .tribe-common .tribe-common-form-control-checkbox__input:active, .tribe-common .tribe-common-form-control-checkbox__input:focus, .tribe-common .tribe-common-form-control-checkbox__input:hover, .tribe-common .tribe-common-form-control-radio__input:active, .tribe-common .tribe-common-form-control-radio__input:focus, .tribe-common .tribe-common-form-control-radio__input:hover { border-color: var(--tec-form-color-border-active); opacity: var(--tec-opacity-icon-hover); } .tribe-common .tribe-common-form-control-checkbox__input:checked, .tribe-common .tribe-common-form-control-radio__input:checked { background-color: var(--tec-form-color-border-active); } .tribe-common .tribe-common-form-control-checkbox__input { border-radius: 4px; } .tribe-common .tribe-common-form-control-checkbox__input:checked:before { background-image: svg-inline(check-white); background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 9px; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 12px; } .rtl .tribe-common .tribe-common-form-control-checkbox__input:checked:before { transform: translate(50%, -50%); } .tribe-common .tribe-common-form-control-checkbox__input:focus + .tribe-common-form-control-checkbox__label, .tribe-common .tribe-common-form-control-checkbox__input:hover + .tribe-common-form-control-checkbox__label { opacity: var(--tec-opacity-icon-hover); } .tribe-common .tribe-common-form-control-radio__input { border-radius: 50%; } .tribe-common .tribe-common-form-control-radio__input:checked:before { background-color: var(--tec-form-color-background); border-radius: 50%; content: ''; display: block; height: 8px; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 8px; } .rtl .tribe-common .tribe-common-form-control-radio__input:checked:before { transform: translate(50%, -50%); } .tribe-common .tribe-common-form-control-radio__input:focus + .tribe-common-form-control-radio__label, .tribe-common .tribe-common-form-control-radio__input:hover + .tribe-common-form-control-radio__label { opacity: var(--tec-opacity-icon-hover); } .tribe-common .tribe-common-form-control-slider { line-height: 0; } .tribe-common .tribe-common-form-control-slider__input { appearance: none; background-color: transparent; border: 0; } .tribe-common .tribe-common-form-control-slider__input::-webkit-slider-runnable-track { border: none; border-radius: 5px; height: 10px; margin: 5px 0; padding: 0; position: relative; transition: background-color 0.3s ease-in-out; background-color: var(--tec-form-color-accent-primary); } .tribe-common .tribe-common-form-control-slider__input::-moz-range-track { border: none; border-radius: 5px; height: 10px; margin: 5px 0; padding: 0; position: relative; transition: background-color 0.3s ease-in-out; background-color: var(--tec-form-color-accent-primary); } .tribe-common .tribe-common-form-control-slider__input::-ms-track { background-color: transparent; border-color: transparent; border-width: 5px 0; color: transparent; height: 10px; } .tribe-common .tribe-common-form-control-slider__input::-ms-fill-lower, .tribe-common .tribe-common-form-control-slider__input::-ms-fill-upper { background-color: var(--tec-form-color-accent-primary); border-radius: 10px; } .tribe-common .tribe-common-form-control-slider__input::-webkit-slider-thumb { 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; appearance: none; } .tribe-common .tribe-common-form-control-slider__input::-moz-range-thumb { 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; } .tribe-common .tribe-common-form-control-slider__input::-ms-thumb { 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; box-shadow: none; margin-top: -1px; } .tribe-common .tribe-common-form-control-slider__label { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--e-global-color-text); } .tribe-common .tribe-common-form-control-toggle { line-height: 0; position: relative; } .tribe-common .tribe-common-form-control-toggle__input { border: none; border-radius: 5px; height: 10px; margin: 5px 0; padding: 0; position: relative; transition: background-color 0.3s ease-in-out; appearance: none; background-color: var(--tec-form-color-border-secondary); width: 40px; } .tribe-common .tribe-common-form-control-toggle__input::-ms-check { display: none; } .tribe-common .tribe-common-form-control-toggle__input + label:before { 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; content: ''; left: 0; position: absolute; top: 0; transition: transform 0.3s ease-in-out; } .tribe-common .tribe-common-form-control-toggle__input:checked { background-color: var(--tec-form-color-accent-primary); } .tribe-common .tribe-common-form-control-toggle__input:checked + label:before { transform: translateX(20px); } .tribe-common .tribe-common-form-control-toggle__label { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--e-global-color-text); } /* Typography */ .tribe-common .tribe-common-b3 { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-common .tribe-common-b3--min-medium { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-common .tribe-common-cta { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-common .tribe-common-cta--alt, .tribe-common .tribe-common-cta--thin-alt { color: var(--tec-color-link-primary); transition: color 0.3s ease-in-out; } .tribe-common .tribe-common-cta--alt:active, .tribe-common .tribe-common-cta--alt:focus, .tribe-common .tribe-common-cta--alt:hover, .tribe-common .tribe-common-cta--thin-alt:active, .tribe-common .tribe-common-cta--thin-alt:focus, .tribe-common .tribe-common-cta--thin-alt:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h1 { font-family: var(--cmsmasters-h1-font-family); font-weight: var(--cmsmasters-h1-font-weight); font-style: var(--cmsmasters-h1-font-style); text-transform: var(--cmsmasters-h1-text-transform); text-decoration: var(--cmsmasters-h1-text-decoration); font-size: var(--cmsmasters-h1-font-size); line-height: var(--cmsmasters-h1-line-height); letter-spacing: var(--cmsmasters-h1-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h1 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h2 { font-family: var(--cmsmasters-h2-font-family); font-weight: var(--cmsmasters-h2-font-weight); font-style: var(--cmsmasters-h2-font-style); text-transform: var(--cmsmasters-h2-text-transform); text-decoration: var(--cmsmasters-h2-text-decoration); font-size: var(--cmsmasters-h2-font-size); line-height: var(--cmsmasters-h2-line-height); letter-spacing: var(--cmsmasters-h2-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h2 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h3 { font-family: var(--cmsmasters-h3-font-family); font-weight: var(--cmsmasters-h3-font-weight); font-style: var(--cmsmasters-h3-font-style); text-transform: var(--cmsmasters-h3-text-transform); text-decoration: var(--cmsmasters-h3-text-decoration); font-size: var(--cmsmasters-h3-font-size); line-height: var(--cmsmasters-h3-line-height); letter-spacing: var(--cmsmasters-h3-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h3 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h4 { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h4 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h5 { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h5 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h6 { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h6 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h7 { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h7 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h8 { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h8 a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h3--min-medium { font-family: var(--cmsmasters-h3-font-family); font-weight: var(--cmsmasters-h3-font-weight); font-style: var(--cmsmasters-h3-font-style); text-transform: var(--cmsmasters-h3-text-transform); text-decoration: var(--cmsmasters-h3-text-decoration); font-size: var(--cmsmasters-h3-font-size); line-height: var(--cmsmasters-h3-line-height); letter-spacing: var(--cmsmasters-h3-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h3--min-medium a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h4--min-medium { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h4--min-medium a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h5--min-medium { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h5--min-medium a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h6--min-medium { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h6--min-medium a:hover { color: var(--cmsmasters-colors-hover); } .tribe-common .tribe-common-h7--min-medium { font-family: var(--cmsmasters-h6-font-family); font-weight: var(--cmsmasters-h6-font-weight); font-style: var(--cmsmasters-h6-font-style); text-transform: var(--cmsmasters-h6-text-transform); text-decoration: var(--cmsmasters-h6-text-decoration); font-size: var(--cmsmasters-h6-font-size); line-height: var(--cmsmasters-h6-line-height); letter-spacing: var(--cmsmasters-h6-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); } .tribe-common .tribe-common-h7--min-medium a:hover { color: var(--cmsmasters-colors-hover); } /* Other */ .tribe-common button { background-color: transparent; border: none; } .tribe-common button:hover, .tribe-common button:focus { background-color: transparent; } /* Views */ /* ----------------------------------------------------------------------------- * * Views Full * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Photo */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events-pro .tribe-events-pro-photo__event { margin-bottom: var(--tec-spacer-9); } .tribe-common--breakpoint-xsmall.tribe-events-pro .tribe-events-pro-photo__event { width: var(--tec-grid-width-1-of-2); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-photo__event { margin-bottom: var(--tec-spacer-11); width: var(--tec-grid-width-1-of-3); } .tribe-events-pro .tribe-events-pro-photo__event-featured-image-wrapper { flex: none; margin-bottom: var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-photo__event-featured-image, .tribe-events-pro .tribe-events-pro-photo__event-featured-image-link { display: block; } .tribe-events-pro .tribe-events-pro-photo__event-featured-image-link { transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-photo__event-featured-image-link:focus, .tribe-events-pro .tribe-events-pro-photo__event-featured-image-link:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-events-pro .tribe-events-pro-photo__event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events-pro .tribe-events-pro-photo__event-details-wrapper { display: flex; } .tribe-events-pro .tribe-events-pro-photo__event-details { flex: auto; } .tribe-events-pro .tribe-events-pro-photo__event-details > :last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-photo__event-date-tag { flex: none; margin-right: var(--tec-spacer-2); width: 40px; } .tribe-events-pro .tribe-events-pro-photo__event-date-tag-datetime { display: flex; flex-direction: column; text-align: center; } .tribe-events-pro .tribe-events-pro-photo__event-date-tag-month { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); text-transform: uppercase; margin-bottom: calc(var(--tec-spacer-0) * -1); } .tribe-events-pro .tribe-events-pro-photo__event-title-link { color: var(--tec-color-text-events-title); } .tribe-events-pro .tribe-events-pro-photo__event-datetime { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date); margin: 0 0 5px; } .tribe-events-pro .tribe-events-pro-photo__event-datetime-featured-icon { color: var(--tec-color-accent-primary); } .tribe-events-pro .tribe-events-pro-photo__event-datetime-featured-text { color: var(--tec-color-accent-primary); } .tribe-events-pro .tribe-events-pro-photo__event-datetime-recurring-link:focus .tribe-events-pro-photo__event-datetime-recurring-icon-svg path, .tribe-events-pro .tribe-events-pro-photo__event-datetime-recurring-link:hover .tribe-events-pro-photo__event-datetime-recurring-icon-svg path { fill: currentColor; stroke: currentColor; } .tribe-events-pro .tribe-events-pro-photo__event-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); margin: 0 0 10px; } /* Summary */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events-pro .tribe-events-pro-summary__event-row--featured .tribe-events-pro-summary__event-date-tag-datetime:after { content: ''; background-color: var(--tec-featured-color-scheme-custom); border-radius: var(--tec-border-radius-default); width: 3px; height: 100%; position: absolute; right: calc(100% - 3px); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-row--featured .tribe-events-pro-summary__event-date-tag-datetime:after { right: -1px; width: 4px; } .tribe-events-pro .tribe-events-pro-summary__event-datetime-featured-text { color: var(--tec-featured-color-scheme-custom); } .tribe-events-pro .tribe-events-pro-summary__month-separator { display: flex; align-items: center; margin: calc(var(--tec-spacer-3) * 2) 0 0; } .tribe-events-pro .tribe-events-pro-summary__month-separator:after { background-color: var(--e-global-color-border); content: ''; display: block; flex: auto; height: 1px; margin-left: 0; } .tribe-events-pro .tribe-events-pro-summary__month-separator + .tribe-events-pro-summary__date-separator { display: none; } .tribe-events-pro .tribe-events-pro-summary__month-separator + .tribe-events-pro-summary__event-row { margin-top: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__month-separator + .tribe-events-pro-summary__event-row { margin-top: var(--tec-spacer-8); } .tribe-events-pro .tribe-events-pro-summary__month-separator-text { flex: none; text-align: center; white-space: nowrap; } .tribe-events-pro .tribe-events-pro-summary__event-row { flex-wrap: nowrap; margin: var(--tec-spacer-3) 0; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-row { align-items: center; } .tribe-events-pro .tribe-events-pro-summary__event-row:last-child { margin-bottom: var(--tec-spacer-8); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-row:last-child { margin-bottom: var(--tec-spacer-11); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-row > .tribe-common-g-col { padding-left: var(--tec-grid-gutter-half); padding-right: var(--tec-grid-gutter-half); } .tribe-events-pro .tribe-events-pro-summary__date-separator { background-color: var(--e-global-color-border); display: block; flex: auto; height: 1px; margin: 0; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__date-separator { margin-left: 112px; } .tribe-events-pro .tribe-events-pro-summary__event-date-tag { flex: none; position: relative; width: 74px; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-date-tag { align-self: flex-start; margin-top: 3px; min-width: 90px; } .tribe-events-pro .tribe-events-pro-summary__event-date-tag-datetime { display: flex; flex-direction: column; height: 100%; padding-top: var(--tec-spacer-0); text-align: center; } .tribe-events-pro .tribe-events-pro-summary__event-date-tag-weekday { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); text-transform: uppercase; margin-bottom: calc(var(--tec-spacer-0) * -1); } .tribe-events-pro .tribe-events-pro-summary__event-wrapper { flex: 1; width: calc(var(--tec-grid-width-1-of-4) * 3 + var(--tec-grid-gutter-small-half)); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-wrapper { flex: 1 1 calc(var(--tec-grid-width-1-of-9) * 8); } .tribe-events-pro .tribe-events-pro-summary__event { flex-direction: column; margin-bottom: var(--tec-spacer-2); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event { flex-direction: row-reverse; justify-content: flex-end; margin-bottom: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-summary__event:last-child { margin-bottom: var(--tec-spacer-1); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-summary__event:only-child { margin-bottom: 0; margin-top: 0; } .tribe-events-pro .tribe-events-pro-summary__event-details { flex: none; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-details { width: calc(var(--tec-grid-width-1-of-8) * 5); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-header { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; } .tribe-events-pro .tribe-events-pro-summary__event-header > :last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-summary__event-datetime-wrapper, .tribe-events-pro .tribe-events-pro-summary__event-title { margin: 0 0 var(--tec-spacer-1); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-datetime-wrapper, .tribe-events-pro .tribe-events-pro-summary__event-title { display: block; flex-grow: 0; } .tribe-events-pro .tribe-events-pro-summary__event-datetime-wrapper:last-child, .tribe-events-pro .tribe-events-pro-summary__event-title:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-summary__event-datetime-wrapper { align-self: baseline; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary__event-datetime-wrapper { display: block; flex-grow: 0; flex-shrink: 0; line-height: 1.89; margin-bottom: 0; width: 174px; } .tribe-events-pro .tribe-events-pro-summary__event-title-link { color: var(--tec-color-text-events-title); margin-left: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-summary__event-title-link:first-child { margin-left: 0; } .tribe-events-pro .tribe-events-pro-summary__event-title-icon { color: var(--tec-featured-color-scheme-custom); margin-left: 0; margin-right: 0; } .tribe-events-pro .tribe-events-pro-summary__event-title-icon svg { display: inline-block; } .tribe-events-pro .tribe-events-pro-summary__event-datetime-featured-icon { display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-summary__event-cost { display: inline-block; flex-grow: 0; margin-left: var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-summary__event-datetime-recurring-link { vertical-align: text-top; } .tribe-events-pro .tribe-events-pro-summary__event-datetime-recurring-icon-svg { display: inline-block; position: relative; top: -2px; } .tribe-events-pro .tribe-events-pro-summary-nav { border-top: 1px solid var(--e-global-color-border); padding-top: var(--tec-spacer-5); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-summary-nav { padding-top: var(--tec-spacer-7); } .tribe-events-pro .tribe-events-pro-summary__event-datetime { color: var(--tec-color-text-event-date); } .tribe-events-pro-summary .tribe-events-c-small-cta > * { margin-left: 2px; } .tribe-events-pro-summary .tribe-events-c-small-cta__text { margin-left: 0; } .tribe-events-pro-summary a.tribe-events-c-small-cta__text { border-bottom: 1px solid var(--e-global-color-primary); } .tribe-events-pro-summary .tribe-events-c-small-cta__price { display: inline-block; margin-bottom: 0; margin-top: 0; border-radius: 10px; } .tribe-events--filter-bar-vertical.tribe-common--breakpoint-medium .tribe-events-l-container > .tribe-events-pro-summary { width: calc(100% - 266px); } /* Map */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events-pro .tribe-events-pro-map__map { border-top: 1px solid var(--e-global-color-border); border-left: 1px solid var(--e-global-color-border); border-bottom: 0; border-right: 1px solid var(--e-global-color-border); height: 300px; position: relative; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__map { border-top-width: 1px; border-left-width: 0; border-bottom-width: 1px; border-right-width: 1px; height: 720px; width: 60%; } .tribe-events-pro .tribe-events-pro-map__google-maps-default, .tribe-events-pro .tribe-events-pro-map__google-maps-premium { height: 100%; width: 100%; } .rtl .tribe-events-pro .tribe-events-pro-map__google-maps-default td[style="text-align: right;"], .rtl .tribe-events-pro .tribe-events-pro-map__google-maps-premium td[style="text-align: right;"] { text-align: left !important; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); color: var(--cmsmasters-button-normal-colors-color); border-color: var(--cmsmasters-button-normal-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); border-radius: var(--cmsmasters-button-normal-bd-radius); text-shadow: var(--cmsmasters-button-text-shadow); box-shadow: var(--cmsmasters-button-normal-box-shadow); padding-top: var(--cmsmasters-button-padding-top); padding-right: var(--cmsmasters-button-padding-right); padding-bottom: var(--cmsmasters-button-padding-bottom); padding-left: var(--cmsmasters-button-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; color: var(--tec-color-text-events-bar-submit-button); font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); padding: 6px 15px; height: auto; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover { color: var(--cmsmasters-button-hover-colors-color); border-color: var(--cmsmasters-button-hover-colors-bd); border-radius: var(--cmsmasters-button-hover-bd-radius); text-decoration: var(--cmsmasters-button-hover-text-decoration); text-shadow: var(--cmsmasters-button-hover-text-shadow); box-shadow: var(--cmsmasters-button-hover-box-shadow); } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:before, .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:after, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:before, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:before, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:before { background-color: var(--cmsmasters-button-normal-colors-bg); background-image: var(--cmsmasters-button-normal-colors-bg-image); opacity: 1; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:after, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:after { background-color: var(--cmsmasters-button-hover-colors-bg); background-image: var(--cmsmasters-button-hover-colors-bg-image); opacity: 0; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover:before, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover:before { opacity: 0; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover:after, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover:after { opacity: 1; } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:before, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:before { background-color: var(--tec-color-background-events-bar-submit-button); } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:focus:after, .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover:after, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:focus:after, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:active, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:active { color: var(--cmsmasters-button-hover-colors-color); } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:active:after, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:active:after { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover, .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover:focus, .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:hover:focus:not(:focus-visible), .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:focus, .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:focus:not(:focus-visible), .tribe-events-pro .tribe-events-pro-map__google-maps-default .dismissButton:active, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover:focus, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:hover:focus:not(:focus-visible), .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:focus, .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:focus:not(:focus-visible), .tribe-events-pro .tribe-events-pro-map__google-maps-premium .dismissButton:active { outline: none; box-shadow: none; background-color: transparent; border-color: var(--cmsmasters-button-hover-colors-bd); border-style: var(--cmsmasters-button-normal-bd-style); border-top-width: var(--cmsmasters-button-normal-bd-width-top); border-right-width: var(--cmsmasters-button-normal-bd-width-right); border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom); border-left-width: var(--cmsmasters-button-normal-bd-width-left); } .tribe-events-pro .tribe-events-pro-map__google-maps-default table td, .tribe-events-pro .tribe-events-pro-map__google-maps-premium table td { padding: 5px 0; border-color: var(--e-global-color-border); } .tribe-events-pro .gm-style img { max-width: none; } .tribe-events-pro .tribe-events-pro-map__no-venue-modal { background-color: var(--tec-color-background); left: 50%; max-width: 333px; text-align: center; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% - var(--tec-spacer-6) * 2); } .rtl .tribe-events-pro .tribe-events-pro-map__no-venue-modal { transform: translate(50%, -50%); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; padding: var(--tec-spacer-1); position: absolute; right: var(--tec-spacer-1); top: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close:before, .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close:hover:before, .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close:hover:after { opacity: initial; } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-close-icon { line-height: 0; display: block; width: 10px; } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-content { display: flex; align-items: center; flex-direction: column; padding: var(--tec-spacer-9) var(--tec-spacer-5) var(--tec-spacer-5); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__no-venue-modal-content { padding: var(--tec-spacer-8) var(--tec-spacer-9); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-icon { align-self: center; margin-bottom: var(--tec-spacer-5); width: 64px; } .tribe-events-pro .tribe-events-pro-map__no-venue-modal-text { margin-bottom: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal--default { background-color: var(--tec-color-background-secondary); height: 100%; max-width: none; width: 100%; } .tribe-events-pro .tribe-events-pro-map__no-venue-modal--default .tribe-events-pro-map__no-venue-modal-content { left: 50%; max-width: 333px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .rtl .tribe-events-pro .tribe-events-pro-map__no-venue-modal--default .tribe-events-pro-map__no-venue-modal-content { transform: translate(50%, -50%); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal--default .tribe-events-pro-map__no-venue-modal-icon { margin-bottom: var(--tec-spacer-6); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal--default .tribe-events-pro-map__no-venue-modal-text { margin-bottom: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-map__no-venue-modal--premium { box-shadow: var(--tec-box-shadow-default); } .tribe-events-pro .tribe-events-pro-map__event-column { display: flex; flex-direction: column; height: 290px; position: relative; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__event-column { height: 720px; width: 40%; } .tribe-events-pro .tribe-events-pro-map__event-column:after, .tribe-events-pro .tribe-events-pro-map__event-column:before { background-color: var(--e-global-color-border); content: ''; height: 100%; position: absolute; top: 0; width: 1px; } .tribe-events-pro .tribe-events-pro-map__event-column:before { left: 0; } .tribe-events-pro .tribe-events-pro-map__event-column:after { right: 0; } .tribe-events-pro .tribe-events-pro-map__event-cards-wrapper { flex: auto; overflow: hidden; position: relative; } .tribe-events-pro .tribe-events-pro-map__event-cards-wrapper:hover .tribe-events-pro-map__event-cards-scroll-pane { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-map__event-cards-wrapper:after, .tribe-events-pro .tribe-events-pro-map__event-cards-wrapper:before { background-color: var(--e-global-color-border); content: ''; height: 1px; left: 0; position: absolute; width: 100%; } .tribe-events-pro .tribe-events-pro-map__event-cards-wrapper:before { top: 0; } .tribe-events-pro .tribe-events-pro-map__event-cards-wrapper:after { bottom: 0; } .tribe-events-pro .tribe-events-pro-map__event-cards { height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; } .rtl .tribe-events-pro .tribe-events-pro-map__event-cards { left: -17px; right: 0 !important; } .tribe-events-pro .tribe-events-pro-map__event-cards:focus + .tribe-events-pro-map__event-cards-scroll-pane { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-map__event-cards--active { overflow-y: scroll; } .tribe-events-pro .tribe-events-pro-map__event-cards-scroll-pane { background-color: var(--tec-color-scroll-track); border-radius: 3px; bottom: 0; position: absolute; right: 0; top: 0; width: 3px; z-index: var(--tec-z-index-scroller); opacity: 0; transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-map__event-cards-scroll-pane.active { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-map__event-cards-scroll-slider { background: var(--tec-color-scroll-bar); border-radius: 3px; position: relative; } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper { position: relative; } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper:not(:first-child) { margin-top: -1px; } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper--has-thumbnail .tribe-events-pro-map__event-details { width: calc(var(--tec-grid-width-1-of-8) * 5); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__event-card-wrapper--has-thumbnail .tribe-events-pro-map__event-details-spacer { width: calc(var(--tec-grid-width-1-of-8) * 5); } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper--has-thumbnail .tribe-events-pro-map__event-spacer:after { content: ''; } .tribe-events-pro .tribe-events-pro-map__event-card, .tribe-events-pro .tribe-events-pro-map__event-card-spacer { padding: var(--tec-spacer-3) var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-map__event-card-spacer { border-left: 1px solid transparent; border-right: 1px solid transparent; padding-bottom: 0; padding-top: 0; } .tribe-events-pro .tribe-events-pro-map__event-card-button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; border: 1px solid var(--e-global-color-border); text-align: left; position: relative; width: 100%; } .tribe-events-pro .tribe-events-pro-map__event-card-button:before, .tribe-events-pro .tribe-events-pro-map__event-card-button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events-pro .tribe-events-pro-map__event-card-button:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-pro .tribe-events-pro-map__event-card-button:hover:before, .tribe-events-pro .tribe-events-pro-map__event-card-button:hover:after { opacity: initial; } .tribe-events-pro .tribe-events-pro-map__event-card-button:before, .tribe-events-pro .tribe-events-pro-map__event-card-button:after { content: none; } .tribe-events-pro .tribe-events-pro-map__event-card-button:focus, .tribe-events-pro .tribe-events-pro-map__event-card-button:hover { border-color: var(--tec-color-accent-primary); z-index: var(--tec-z-index-map-event-hover); } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper--active .tribe-events-pro-map__event-card-button { border-color: var(--tec-color-accent-primary); box-shadow: var(--tec-box-shadow-card); z-index: var(--tec-z-index-map-event-hover); } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper--active .tribe-events-pro-map__event-actions--linked { bottom: calc(var(--tec-spacer-3) + 1px); position: absolute; width: calc(100% - 18px); z-index: var(--tec-z-index-map-event-hover-actions); } .tribe-events-pro .tribe-events-pro-map__event-card-wrapper--active .tribe-events-pro-map__event-actions--spacer { display: block; visibility: hidden; } .tribe-events-pro .tribe-events-pro-map__event-row, .tribe-events-pro .tribe-events-pro-map__event-row-spacer { flex-wrap: nowrap; margin-left: -9px; margin-right: -9px; } .tribe-events-pro .tribe-events-pro-map__event-row-spacer > .tribe-common-g-col, .tribe-events-pro .tribe-events-pro-map__event-row > .tribe-common-g-col { padding-left: 9px; padding-right: 9px; } .tribe-events-pro .tribe-events-pro-map__event-date-tag, .tribe-events-pro .tribe-events-pro-map__event-row-spacer:before { flex: none; margin-right: 0; min-width: 52px; width: var(--tec-grid-width-1-of-8); } .tribe-events-pro .tribe-events-pro-map__event-row-spacer:before { content: ''; } .tribe-events-pro .tribe-events-pro-map__event-date-tag-datetime { display: flex; flex-direction: column; text-align: center; } .tribe-events-pro .tribe-events-pro-map__event-date-tag-month { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); text-transform: uppercase; margin-bottom: calc(var(--tec-spacer-0) * -1); } .tribe-events-pro .tribe-events-pro-map__event-wrapper, .tribe-events-pro .tribe-events-pro-map__event-wrapper-spacer { flex: auto; } .tribe-events-pro .tribe-events-pro-map__event, .tribe-events-pro .tribe-events-pro-map__event-spacer { margin-left: -9px; margin-right: -9px; } .tribe-events-pro .tribe-events-pro-map__event-spacer > .tribe-common-g-col, .tribe-events-pro .tribe-events-pro-map__event > .tribe-common-g-col { padding-left: 9px; padding-right: 9px; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__event-featured-image-wrapper, .tribe-events-pro .tribe-events-pro-map__event-spacer:after { display: block !important; margin-bottom: 0; visibility: visible; width: calc(var(--tec-grid-width-1-of-8) * 3); } .tribe-events-pro .tribe-events-pro-map__event-featured-image-link { display: block; transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-map__event-featured-image-link:focus, .tribe-events-pro .tribe-events-pro-map__event-featured-image-link:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-events-pro .tribe-events-pro-map__event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events-pro .tribe-events-pro-map__event-details, .tribe-events-pro .tribe-events-pro-map__event-details-spacer { flex: none; } .tribe-events-pro .tribe-events-pro-map__event-details-spacer { position: relative; } .tribe-events-pro .tribe-events-pro-map__event-datetime-wrapper, .tribe-events-pro .tribe-events-pro-map__event-tooltip-datetime-wrapper { color: var(--tec-color-text-event-date); } .tribe-events-pro .tribe-events-pro-map__event-datetime-wrapper { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); margin-bottom: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-map__event-datetime-wrapper:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-map__event-datetime-featured-icon { color: var(--tec-color-accent-primary); display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-map__event-datetime-featured-text { color: var(--tec-color-accent-primary); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__event-datetime-featured-text { clip: auto; height: auto; margin: 0; position: static; width: auto; margin-right: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-map__event-datetime-recurring-icon { display: inline-block; margin-left: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-map__event-title { color: var(--tec-color-text-events-title); margin: 0 0 6px; transition: color .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-map__event-title:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-map__event-venue { color: var(--e-global-color-text); margin-bottom: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-map__event-venue:last-child { margin-bottom: 0; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__event-distance { display: block !important; visibility: visible; } .tribe-events-pro .tribe-events-pro-map__event-actions { display: none; margin-top: var(--tec-spacer-1); position: relative; } .tribe-events-pro .tribe-events-pro-map__event-tooltip { padding-bottom: var(--tec-spacer-5); } .tribe-events-pro .tribe-events-pro-map__event-tooltip--has-slider { padding-bottom: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-slider-wrapper { flex-wrap: nowrap; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-slide { flex: none; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-datetime-wrapper { margin-bottom: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-datetime-featured-icon { display: inline-block; margin-right: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-title { margin: 0; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-title-link { color: var(--tec-color-text-events-title); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-venue { margin-top: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-cost { margin-top: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation { padding-top: var(--tec-spacer-4); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-list { flex-wrap: nowrap; justify-content: space-between; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-list-item { flex: none; width: auto; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button { align-items: center; display: flex; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button:focus, .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button:active { opacity: var(--tec-opacity-icon-active); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button-icon-svg { flex: none; height: 10px; width: 13px; } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--prev .tribe-events-pro-map__event-tooltip-navigation-button-icon-svg { margin-right: var(--tec-spacer-1); transform: rotate(180deg); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--next .tribe-events-pro-map__event-tooltip-navigation-button-icon-svg { margin-left: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--disabled { color: var(--e-global-color-alternate); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--disabled:active, .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--disabled:focus, .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--disabled:hover { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-map__event-tooltip-navigation-button--disabled .tribe-events-pro-map__event-tooltip-navigation-button-icon-svg path { fill: var(--e-global-color-alternate); } .tribe-events-pro .gm-style .gm-style-iw-c { max-height: none !important; padding: var(--tec-spacer-5) var(--tec-spacer-5) 0 !important; } .tribe-events-pro .gm-style .gm-style-iw-c { border-radius: var(--tec-border-radius-default); } .tribe-events-pro .gm-style .gm-style-iw-c > button { right: 0 !important; top: -2px !important; } .tribe-events-pro .gm-style .gm-style-iw-c > button img { height: 16px !important; width: 16px !important; } .tribe-events-pro .gm-style .gm-style-iw-d { max-height: none !important; max-width: 206px !important; overflow: hidden !important; width: 100%; } .tribe-events-pro .tribe-events-pro-map__nav { border-color: var(--e-global-color-border); border-style: solid; border-top: 0; border-left: 1px solid var(--e-global-color-border); border-bottom: 1px solid var(--e-global-color-border); border-right: 1px solid var(--e-global-color-border); flex: none; padding: var(--tec-spacer-3) var(--tec-spacer-2); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-map__nav { padding: var(--tec-spacer-3) var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-map__nav .tribe-events-c-nav__next-icon-svg, .tribe-events-pro .tribe-events-pro-map__nav .tribe-events-c-nav__prev-icon-svg { height: 12px; } .tribe-events-pro .tribe-events-pro-map__nav .tribe-events-c-nav__prev-icon-svg { margin-right: 8px; } .tribe-events-pro .tribe-events-pro-map__nav .tribe-events-c-nav__next-icon-svg { margin-left: 8px; } /* Week */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events-pro.tribe-events-view--week .datepicker .day.current { position: relative; } .tribe-events-pro.tribe-events-view--week .datepicker .focused .day, .tribe-events-pro.tribe-events-view--week .datepicker .focused .day:hover, .tribe-events-pro.tribe-events-view--week .datepicker .hovered .day, .tribe-events-pro.tribe-events-view--week .datepicker .hovered .day:hover { background: var(--tec-color-accent-primary-background); } .tribe-events-pro.tribe-events-view--week .datepicker .focused .day.current, .tribe-events-pro.tribe-events-view--week .datepicker .hovered .day.current { background: var(--tec-color-accent-primary-background-datepicker, var(--e-global-color-tertiary)); } .tribe-events-pro.tribe-events-view--week .datepicker .active .day, .tribe-events-pro.tribe-events-view--week .datepicker .active .day:hover, .tribe-events-pro.tribe-events-view--week .datepicker .active .day, .tribe-events-pro.tribe-events-view--week .datepicker .active .day:hover { color: var(--tec-color-accent-primary, var(--e-global-color-tertiary)); background: var(--tec-color-accent-primary-background); } .tribe-events-pro .tribe-events-pro-week-day-selector { margin-bottom: var(--tec-spacer-6); position: relative; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-week-day-selector { display: none !important; visibility: hidden; } .tribe-events-pro .tribe-events-pro-week-day-selector__days-list { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 0 20px; } .tribe-events-pro .tribe-events-pro-week-day-selector__days-list .tribe-events-pro-week-day-selector__day-daynum { margin: 3px 0 0; } .tribe-events-pro .tribe-events-pro-week-day-selector__days-list-item { flex: none; width: var(--tec-grid-width-1-of-7); min-width: min-content; } .tribe-events-pro .tribe-events-pro-week-day-selector--hide-weekends .tribe-events-pro-week-day-selector__days-list-item { width: var(--tec-grid-width-1-of-5); } .tribe-events-pro .tribe-events-pro-week-day-selector__day { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; border: 1px solid transparent; border-radius: var(--tec-border-radius-default); display: block; position: relative; width: 100%; transition: border-color 0.3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-day-selector__day:before, .tribe-events-pro .tribe-events-pro-week-day-selector__day:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events-pro .tribe-events-pro-week-day-selector__day:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-pro .tribe-events-pro-week-day-selector__day:hover:before, .tribe-events-pro .tribe-events-pro-week-day-selector__day:hover:after { opacity: initial; } .tribe-events-pro .tribe-events-pro-week-day-selector__day:before, .tribe-events-pro .tribe-events-pro-week-day-selector__day:after { content: none; } .tribe-events-pro .tribe-events-pro-week-day-selector__day:focus .tribe-events-pro-week-day-selector__day-weekday, .tribe-events-pro .tribe-events-pro-week-day-selector__day:hover .tribe-events-pro-week-day-selector__day-weekday { color: var(--tec-color-accent-primary); } .tribe-events-pro .tribe-events-pro-week-day-selector__day.tribe-events-pro-week-day-selector__day--active .tribe-events-pro-week-day-selector__day-weekday, .tribe-events-pro .tribe-events-pro-week-day-selector__day:active .tribe-events-pro-week-day-selector__day-weekday { color: var(--tec-color-text-event-date); } .tribe-events-pro .tribe-events-pro-week-day-selector__day--active { border-color: var(--tec-color-accent-primary); } .tribe-events-pro .tribe-events-pro-week-day-selector__events-icon { background-color: currentColor; background-color: var(--tec-color-accent-primary); border-radius: 50%; display: block; width: 5px; height: 5px; margin: auto !important; position: absolute; left: 0; right: 0; top: var(--tec-spacer-0); bottom: auto; } .tribe-events-pro .tribe-events-pro-week-day-selector__day-daynum, .tribe-events-pro .tribe-events-pro-week-day-selector__day-weekday { display: block; } .tribe-events-pro .tribe-events-pro-week-day-selector__day-weekday { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); transition: color .3s ease-in-out; margin: 13px 0 -7px; text-transform: uppercase; } .tribe-events-pro .tribe-events-pro-week-day-selector__day-daynum { margin-bottom: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-day-selector__nav { position: absolute; top: calc(50% - var(--tec-spacer-1)); width: 100%; } .tribe-events-pro .tribe-events-pro-week-day-selector__next, .tribe-events-pro .tribe-events-pro-week-day-selector__prev { display: block; height: 38px; position: absolute; width: 20px; margin: auto !important; top: 0; bottom: 0; } .tribe-events-pro .tribe-events-pro-week-day-selector__next:focus .tribe-events-pro-week-day-selector__next-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__next:focus .tribe-events-pro-week-day-selector__prev-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__next:hover .tribe-events-pro-week-day-selector__next-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__next:hover .tribe-events-pro-week-day-selector__prev-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__prev:focus .tribe-events-pro-week-day-selector__next-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__prev:focus .tribe-events-pro-week-day-selector__prev-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__prev:hover .tribe-events-pro-week-day-selector__next-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__prev:hover .tribe-events-pro-week-day-selector__prev-icon-svg path { fill: var(--tec-color-accent-primary); } .tribe-events-pro .tribe-events-pro-week-day-selector__prev { right: auto; left: 0; } .tribe-events-pro .tribe-events-pro-week-day-selector__next { left: auto; right: 0; } .tribe-events-pro .tribe-events-pro-week-day-selector__next-icon-svg, .tribe-events-pro .tribe-events-pro-week-day-selector__prev-icon-svg { color: var(--e-global-color-border); height: 15px; position: absolute; width: 12px; margin: auto !important; top: 0; bottom: 0; } .tribe-events-pro .tribe-events-pro-week-day-selector__next-icon-svg path, .tribe-events-pro .tribe-events-pro-week-day-selector__prev-icon-svg path { fill: currentColor; transition: fill .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-day-selector__prev-icon-svg { right: auto; left: 0; } .tribe-events-pro .tribe-events-pro-week-day-selector__next-icon-svg { left: auto; right: 0; } .tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum, .tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link { color: var(--tec-color-accent-primary); } .tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link:focus, .tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link:hover { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-pro .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link:active { background-color: var(--cmsmasters-button-hover-colors-bg); } .tribe-events-pro .tribe-events-pro-week-grid__header-column-weekday { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); text-transform: uppercase; } .entry-content .tribe-events-pro .tribe-events-pro-week-day-selector__days-list { display: flex; margin: 0 var(--tec-spacer-3); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-week-grid { display: block !important; visibility: visible; } .tribe-events-pro .tribe-events-pro-week-grid__header-row { border-right: 1px solid var(--tec-color-border-secondary); display: flex; padding-top: var(--tec-spacer-7); } .tribe-events-pro .tribe-events-pro-week-grid__header-column { border-top: 0; border-left: 0; border-bottom: 1px solid var(--tec-color-border-secondary); border-left: 1px solid var(--tec-color-border-secondary); flex: none; width: calc(var(--tec-grid-width-1-of-7) - var(--tec-spacer-11) / 7); } .tribe-events-pro .tribe-events-pro-week-grid__header-column--empty { border: 0; flex: none; margin-left: var(--tec-spacer-3); width: var(--tec-spacer-9); } .tribe-events-pro .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__header-column { width: calc(var(--tec-grid-width-1-of-5) - var(--tec-spacer-11) / 5); } .tribe-events-pro .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__header-column--empty { width: var(--tec-spacer-9); } .tribe-events-pro .tribe-events-pro-week-grid__header-column-title { margin: 0; } .tribe-events-pro .tribe-events-pro-week-grid__header-column--border-bottom { border-bottom: 1px solid var(--tec-color-border-secondary); } .tribe-events-pro .tribe-events-pro-week-grid__header-column-datetime { align-items: center; display: flex; flex-direction: column; margin-top: calc(var(--tec-spacer-7) * -1); padding-bottom: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-week-grid__body { overflow: hidden; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-row-outer-wrapper { border-bottom: 1px solid var(--tec-color-background-secondary); border-right: 1px solid var(--tec-color-border-secondary); margin-left: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-week-grid__events-row-outer-wrapper { border-bottom: 1px solid var(--tec-color-border-secondary); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-row-wrapper { box-shadow: var(--tec-box-shadow-multiday); margin: 0 calc(var(--tec-spacer-3) * -1); } .tribe-events-pro .tribe-events-pro-week-grid__events-row-wrapper { height: 638px; overflow-y: hidden; } .rtl .tribe-events-pro .tribe-events-pro-week-grid__events-row-wrapper { margin-right: 0 !important; margin-left: -17px; } .tribe-events-pro .tribe-events-pro-week-grid__events-row-wrapper:focus + .tribe-events-pro-week-grid__events-row-scroll-pane { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-week-grid__events-row-wrapper--active { overflow-y: scroll; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-row { margin-right: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-week-grid__events-row, .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-row { display: flex; } .tribe-events-pro .tribe-events-pro-week-grid__events-row-header, .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-row-header { flex: none; position: relative; width: var(--tec-spacer-11); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; color: var(--e-global-color-text); bottom: var(--tec-spacer-1); line-height: 0; margin-right: var(--tec-spacer-3); padding: var(--tec-spacer-0); position: absolute; right: 0; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:before, .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:hover:before, .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:hover:after { opacity: initial; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:focus, .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button:active { opacity: var(--tec-opacity-icon-active); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button--open .tribe-events-pro-week-grid__multiday-toggle-button-icon-svg { transform: rotate(180deg); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-toggle-button-icon-svg { display: inline-block; height: 9px; width: 12px; } .tribe-events-pro .tribe-events-pro-week-grid__events-row-header { padding-bottom: var(--tec-spacer-9); } .tribe-events-pro .tribe-events-pro-week-grid__events-day, .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-day { border-left: 1px solid var(--tec-color-border-secondary); flex: none; width: calc(var(--tec-grid-width-1-of-7) - var(--tec-spacer-11) / 7); } .tribe-events-pro .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__events-day, .tribe-events-pro .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__multiday-events-day { width: calc(var(--tec-grid-width-1-of-5) - var(--tec-spacer-11) / 5); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-day, .tribe-events-pro .tribe-events-pro-week-grid__multiday-events-row-header { padding-top: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__events-day { position: relative; } .tribe-events-pro .tribe-events-pro-week-grid__events-scroll-wrapper { border-right: 1px solid var(--tec-color-border-secondary); overflow: hidden; position: relative; } .tribe-events-pro .tribe-events-pro-week-grid__events-scroll-wrapper:hover .tribe-events-pro-week-grid__events-row-scroll-pane { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-week-grid__events-time-tag { font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-0); align-items: center; display: flex; height: var(--tec-spacer-9); justify-content: flex-end; position: relative; transform: translateY(var(--tec-spacer-5)); } .tribe-events-pro .tribe-events-pro-week-grid__events-time-tag:after { background-color: var(--tec-color-border-secondary); content: ''; display: block; height: 1px; margin-left: var(--tec-spacer-1); margin-right: 0; margin-top: 1px; margin-bottom: 0; width: 10px; } .tribe-events-pro .tribe-events-pro-week-grid__events-time-tag--first, .tribe-events-pro .tribe-events-pro-week-grid__events-time-tag--last { height: 1px; position: absolute; } .tribe-events-pro .tribe-events-pro-week-grid__events-row-scroll-pane { background-color: var(--tec-color-scroll-track); border-radius: 3px; bottom: 0; position: absolute; right: 0; top: 0; width: 6px; z-index: var(--tec-z-index-scroller); opacity: 0; transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-grid__events-row-scroll-pane.active { opacity: var(--tec-opacity-default); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--start .tribe-events-pro-week-grid__multiday-event-bar { border-bottom-left-radius: 9.5px; border-top-left-radius: 9.5px; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--end .tribe-events-pro-week-grid__multiday-event-bar { border-bottom-right-radius: 9.5px; border-top-right-radius: 9.5px; } .tribe-events-pro .tribe-events-pro-week-grid__events-row-scroll-slider { background: var(--tec-color-scroll-bar); border-radius: 3px; position: relative; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-wrapper { height: 18px; margin-bottom: var(--tec-spacer-0); position: relative; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar { background-color: var(--tec-color-background); overflow: hidden; position: relative; width: 100%; z-index: var(--tec-z-index-multiday-event-bar); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--width-2 .tribe-events-pro-week-grid__multiday-event-bar { width: calc(200% + 1px); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--width-3 .tribe-events-pro-week-grid__multiday-event-bar { width: calc(300% + 2px); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--width-4 .tribe-events-pro-week-grid__multiday-event-bar { width: calc(400% + 3px); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--width-5 .tribe-events-pro-week-grid__multiday-event-bar { width: calc(500% + 4px); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--width-6 .tribe-events-pro-week-grid__multiday-event-bar { width: calc(600% + 5px); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--width-7 .tribe-events-pro-week-grid__multiday-event-bar { width: calc(700% + 6px); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-hidden { height: 100%; opacity: 0; position: absolute; width: 100%; z-index: var(--tec-z-index-multiday-event); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-hidden-link { display: block; height: 100%; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-hidden-title { margin: 0; overflow: hidden; white-space: nowrap; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-inner { background-color: var(--tec-color-accent-primary-multiday); align-items: center; cursor: pointer; display: flex; flex-wrap: nowrap; padding: 1px var(--tec-spacer-3); transition: background-color .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-inner:focus, .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-inner:hover { background-color: var(--tec-color-accent-primary-multiday-hover); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-title-link { color: var(--tec-color-text-events-title); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner { background-color: var(--tec-color-background-secondary); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner--focus, .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner--hover, .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner:focus, .tribe-events-pro .tribe-events-pro-week-grid__multiday-event--past .tribe-events-pro-week-grid__multiday-event-bar-inner:hover { background-color: var(--e-global-color-background); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-inner--focus, .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-inner--hover { background-color: var(--tec-color-accent-primary-multiday-hover); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-title { text-overflow: ellipsis; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-featured-icon { color: var(--tec-color-accent-primary); flex: none; line-height: 0; margin-right: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-recurring-icon { flex: none; line-height: 0; margin-left: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-event-bar-title { flex: none; margin: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-overflow-events { display: none; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events { display: flex; flex: none; margin-bottom: var(--tec-spacer-0); padding: 1px var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events-button { font-family: var(--cmsmasters-base-font-family); font-weight: var(--cmsmasters-base-font-weight); font-style: var(--cmsmasters-base-font-style); text-transform: var(--cmsmasters-base-text-transform); text-decoration: var(--cmsmasters-base-text-decoration); font-size: var(--cmsmasters-base-font-size); line-height: var(--cmsmasters-base-line-height); letter-spacing: var(--cmsmasters-base-letter-spacing); color: var(--cmsmasters-colors-link); background-color: transparent; background-image: none; border: 0; padding: 0; box-shadow: none; text-shadow: none; border-radius: 0; font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--e-global-color-secondary); display: block; flex: none; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events-button:before, .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events-button:after { background-color: transparent; background-image: none; width: auto; height: auto; position: static; left: auto; top: auto; z-index: initial; opacity: initial; transition: initial; } .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events-button:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events-button:hover:before, .tribe-events-pro .tribe-events-pro-week-grid__multiday-more-events-button:hover:after { opacity: initial; } .tribe-events-pro .tribe-events-pro-week-grid__event { height: var(--tec-spacer-5); position: absolute; right: 1px; top: 0; width: calc(100% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event-title-featured-icon { display: none; } .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-link-inner { padding: 2px var(--tec-spacer-1); } .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-datetime { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-title-featured-icon { display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__event--featured .tribe-events-pro-week-grid__event-link-inner:before { background-color: var(--tec-featured-color-scheme-custom); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 2px; } .tribe-events-pro .tribe-events-pro-week-grid__event--past .tribe-events-pro-week-grid__event-link-inner { background-color: var(--tec-color-background-secondary); } .tribe-events-pro .tribe-events-pro-week-grid__event-link { border: var(--tec-border-width-week-event) solid var(--tec-color-background); border-radius: calc(var(--tec-border-radius-default) + var(--tec-border-width-week-event)); background-color: var(--tec-color-background); height: 100%; overflow: hidden; position: absolute; width: 100%; } .tribe-events-pro .tribe-events-pro-week-grid__event-link--intended { z-index: var(--tec-z-index-week-event-hover); } .tribe-events-pro .tribe-events-pro-week-grid__event-link-inner { display: block; height: 100%; padding: var(--tec-spacer-0) var(--tec-spacer-1); width: 100%; transition: background-color .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-2 { width: calc(90% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-3 { width: calc(80% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-4 { width: calc(70% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-5 { width: calc(60% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-6 { width: calc(50% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-7 { width: calc(40% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--seq-8 { width: calc(30% - 2px); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-1 { height: calc(var(--tec-spacer-5) * 2); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-1-5 { height: calc(var(--tec-spacer-5) * 3); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-2 { height: calc(var(--tec-spacer-5) * 4); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-2-5 { height: calc(var(--tec-spacer-5) * 5); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-3 { height: calc(var(--tec-spacer-5) * 6); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-3-5 { height: calc(var(--tec-spacer-5) * 7); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-4 { height: calc(var(--tec-spacer-5) * 8); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-4-5 { height: calc(var(--tec-spacer-5) * 9); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-5 { height: calc(var(--tec-spacer-5) * 10); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-5-5 { height: calc(var(--tec-spacer-5) * 11); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-6 { height: calc(var(--tec-spacer-5) * 12); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-6-5 { height: calc(var(--tec-spacer-5) * 13); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-7 { height: calc(var(--tec-spacer-5) * 14); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-7-5 { height: calc(var(--tec-spacer-5) * 15); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-8 { height: calc(var(--tec-spacer-5) * 16); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-8-5 { height: calc(var(--tec-spacer-5) * 17); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-9 { height: calc(var(--tec-spacer-5) * 18); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-9-5 { height: calc(var(--tec-spacer-5) * 19); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-10 { height: calc(var(--tec-spacer-5) * 20); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-10-5 { height: calc(var(--tec-spacer-5) * 21); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-11 { height: calc(var(--tec-spacer-5) * 22); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-11-5 { height: calc(var(--tec-spacer-5) * 23); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-12 { height: calc(var(--tec-spacer-5) * 24); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-12-5 { height: calc(var(--tec-spacer-5) * 25); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-13 { height: calc(var(--tec-spacer-5) * 26); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-13-5 { height: calc(var(--tec-spacer-5) * 27); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-14 { height: calc(var(--tec-spacer-5) * 28); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-14-5 { height: calc(var(--tec-spacer-5) * 29); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-15 { height: calc(var(--tec-spacer-5) * 30); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-15-5 { height: calc(var(--tec-spacer-5) * 31); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-16 { height: calc(var(--tec-spacer-5) * 32); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-16-5 { height: calc(var(--tec-spacer-5) * 33); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-17 { height: calc(var(--tec-spacer-5) * 34); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-17-5 { height: calc(var(--tec-spacer-5) * 35); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-18 { height: calc(var(--tec-spacer-5) * 36); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-18-5 { height: calc(var(--tec-spacer-5) * 37); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-19 { height: calc(var(--tec-spacer-5) * 38); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-19-5 { height: calc(var(--tec-spacer-5) * 39); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-20 { height: calc(var(--tec-spacer-5) * 40); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-20-5 { height: calc(var(--tec-spacer-5) * 41); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-21 { height: calc(var(--tec-spacer-5) * 42); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-21-5 { height: calc(var(--tec-spacer-5) * 43); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-22 { height: calc(var(--tec-spacer-5) * 44); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-22-5 { height: calc(var(--tec-spacer-5) * 45); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-23 { height: calc(var(--tec-spacer-5) * 46); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-23-5 { height: calc(var(--tec-spacer-5) * 47); } .tribe-events-pro .tribe-events-pro-week-grid__event--h-24 { height: calc(var(--tec-spacer-5) * 48); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-0-5 { top: var(--tec-spacer-5); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-1 { top: calc(var(--tec-spacer-5) * 2); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-1-5 { top: calc(var(--tec-spacer-5) * 3); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-2 { top: calc(var(--tec-spacer-5) * 4); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-2-5 { top: calc(var(--tec-spacer-5) * 5); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-3 { top: calc(var(--tec-spacer-5) * 6); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-3-5 { top: calc(var(--tec-spacer-5) * 7); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-4 { top: calc(var(--tec-spacer-5) * 8); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-4-5 { top: calc(var(--tec-spacer-5) * 9); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-5 { top: calc(var(--tec-spacer-5) * 10); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-5-5 { top: calc(var(--tec-spacer-5) * 11); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-6 { top: calc(var(--tec-spacer-5) * 12); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-6-5 { top: calc(var(--tec-spacer-5) * 13); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-7 { top: calc(var(--tec-spacer-5) * 14); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-7-5 { top: calc(var(--tec-spacer-5) * 15); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-8 { top: calc(var(--tec-spacer-5) * 16); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-8-5 { top: calc(var(--tec-spacer-5) * 17); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-9 { top: calc(var(--tec-spacer-5) * 18); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-9-5 { top: calc(var(--tec-spacer-5) * 19); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-10 { top: calc(var(--tec-spacer-5) * 20); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-10-5 { top: calc(var(--tec-spacer-5) * 21); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-11 { top: calc(var(--tec-spacer-5) * 22); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-11-5 { top: calc(var(--tec-spacer-5) * 23); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-12 { top: calc(var(--tec-spacer-5) * 24); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-12-5 { top: calc(var(--tec-spacer-5) * 25); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-13 { top: calc(var(--tec-spacer-5) * 26); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-13-5 { top: calc(var(--tec-spacer-5) * 27); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-14 { top: calc(var(--tec-spacer-5) * 28); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-14-5 { top: calc(var(--tec-spacer-5) * 29); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-15 { top: calc(var(--tec-spacer-5) * 30); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-15-5 { top: calc(var(--tec-spacer-5) * 31); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-16 { top: calc(var(--tec-spacer-5) * 32); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-16-5 { top: calc(var(--tec-spacer-5) * 33); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-17 { top: calc(var(--tec-spacer-5) * 34); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-17-5 { top: calc(var(--tec-spacer-5) * 35); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-18 { top: calc(var(--tec-spacer-5) * 36); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-18-5 { top: calc(var(--tec-spacer-5) * 37); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-19 { top: calc(var(--tec-spacer-5) * 38); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-19-5 { top: calc(var(--tec-spacer-5) * 39); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-20 { top: calc(var(--tec-spacer-5) * 40); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-20-5 { top: calc(var(--tec-spacer-5) * 41); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-21 { top: calc(var(--tec-spacer-5) * 42); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-21-5 { top: calc(var(--tec-spacer-5) * 43); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-22 { top: calc(var(--tec-spacer-5) * 44); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-22-5 { top: calc(var(--tec-spacer-5) * 45); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-23 { top: calc(var(--tec-spacer-5) * 46); } .tribe-events-pro .tribe-events-pro-week-grid__event--t-23-5 { top: calc(var(--tec-spacer-5) * 47); } .tribe-events-pro .tribe-events-pro-week-grid__event-title { color: var(--tec-color-text-events-title); flex: auto; margin: 0; } .tribe-events-pro .tribe-events-pro-week-grid__event--h-1 .tribe-events-pro-week-grid__event-title, .tribe-events-pro [class*=tribe-events-pro-week-grid__event--h-0] .tribe-events-pro-week-grid__event-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tribe-events-pro .tribe-events-pro-week-grid__event-datetime { font-family: var(--tec-font-family-sans-serif); font-size: var(--tec-font-size-0); color: var(--tec-color-text-event-date); white-space: nowrap; } .tribe-events-pro .tribe-events-pro-week-grid__event-datetime > * { vertical-align: middle; } .tribe-events-pro .tribe-events-pro-week-grid__event-datetime-featured-icon { display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__event-datetime-recurring-icon { display: inline-block; margin-left: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__event-featured-image-wrapper { margin: var(--tec-spacer-0) 0; } .tribe-events-pro .tribe-events-pro-week-grid__event-featured-image { padding-bottom: 56.25%; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-wrapper { margin-bottom: var(--tec-spacer-2); width: 206px; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-wrapper:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-link { display: block; transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-link:focus, .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-link:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-featured-image-link img { display: block; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-title-link { color: var(--tec-color-text-events-title); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date); margin-bottom: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime > * { vertical-align: middle; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-link:focus .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-icon-svg path, .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-link:hover .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-icon-svg path { fill: currentColor; stroke: currentColor; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime-featured-icon, .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-icon { display: inline-block; line-height: 0; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime-featured-icon { color: var(--tec-featured-color-scheme-custom); margin-right: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-icon { margin-left: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-title { margin-bottom: var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-description { margin-bottom: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-description:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-week-grid__event-tooltip-cost { margin-top: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-week-nav { padding-top: var(--tec-spacer-4); } .tribe-common--breakpoint-medium:not(.tribe-events-widget).tribe-events-pro .tribe-events-pro-week-nav { display: none !important; visibility: hidden; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-title-link { color: var(--tec-color-text-events-title); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-week-mobile-events { display: none !important; visibility: hidden; } .tribe-events-pro .tribe-events-pro-week-mobile-events__day { display: none; } .tribe-events-pro .tribe-events-pro-week-mobile-events__day--active { display: block; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event { display: flex; flex-direction: column; margin-bottom: var(--tec-spacer-9); margin-top: var(--tec-spacer-5); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event:last-child { margin-bottom: var(--tec-spacer-7); } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-pro .tribe-events-pro-week-mobile-events__event:last-child { margin-bottom: var(--tec-spacer-6); } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-pro .tribe-events-pro-week-mobile-events__event { margin-bottom: var(--tec-spacer-8); } } .tribe-events-pro .tribe-events-pro-week-mobile-events__event--featured { padding-left: calc(var(--tec-grid-gutter-small-half-negative) * -1.5); position: relative; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-events-pro .tribe-events-pro-week-mobile-events__event--featured { padding-left: calc(var(--tec-grid-gutter-small-half-negative) * -1); } } .tribe-events-pro .tribe-events-pro-week-mobile-events__event--featured:before { background-color: var(--tec-featured-color-scheme-custom); content: ''; height: 100%; left: calc(var(--tec-grid-gutter-small-half-negative) * -1); position: absolute; width: 3px; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-cost { margin-top: 0; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-time-separator + .tribe-events-pro-week-mobile-events__event { margin-top: var(--tec-spacer-4); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image-wrapper { flex: none; margin-bottom: var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image-link { display: block; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image-link { transition: opacity .3s ease-in-out; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image-link:focus, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image-link:hover { opacity: var(--tec-opacity-icon-hover); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-featured-image-link:active { opacity: var(--tec-opacity-icon-active); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-recurring-link { color: var(--tec-color-text-event-date); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-recurring-link:focus .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-icon-svg path, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-recurring-link:focus .tribe-events-pro-week-mobile-events__event-datetime-recurring-icon-svg path, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-recurring-link:hover .tribe-events-pro-week-grid__event-tooltip-datetime-recurring-icon-svg path, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-recurring-link:hover .tribe-events-pro-week-mobile-events__event-datetime-recurring-icon-svg path { fill: currentColor; stroke: currentColor; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-details { flex: none; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-details > :last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-wrapper, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-title { margin: 0 0 var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-wrapper:last-child, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-title:last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-wrapper { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); color: var(--tec-color-text-event-date); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-featured-icon { color: var(--tec-featured-color-scheme-custom); display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-datetime-recurring-icon { display: inline-block; margin-left: var(--tec-spacer-0); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-venue { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); margin-top: 0; margin-bottom: var(--tec-spacer-2); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-time-separator:after, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-type-separator:after { background-color: var(--e-global-color-border); content: ''; display: block; flex: auto; height: 1px; margin-left: 20px; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-time-separator { align-items: center; display: flex; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-time-separator-text { flex: none; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-type-separator { align-items: center; display: flex; margin-top: calc(var(--tec-spacer-7) + var(--tec-spacer-5)); } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-type-separator:first-child { margin-top: 0; } .tribe-events-pro .tribe-events-pro-week-mobile-events__event-type-separator-text { flex: none; } .tribe-events-view { background-color: var(--tec-color-background-events); } /** * The Events Calendar Tribe V2 Single Full Stylesheet * * @package TribeEventsCalendar * */ /* Single Event */ /** * The Events Calendar Tribe Single Event View V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events-pro .tribe-events-pro-organizer__meta { background-color: var(--tec-color-background); border: 1px solid var(--e-global-color-border); margin-bottom: var(--tec-spacer-5); padding: var(--tec-spacer-5); width: 100%; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-organizer__meta { margin-bottom: var(--tec-spacer-8); padding: var(--tec-spacer-7); } .tribe-events-pro .tribe-events-pro-organizer__meta-title { margin: 0 0 var(--tec-spacer-3); } .tribe-events-pro .tribe-events-pro-organizer__meta-title:last-child { margin-bottom: 0; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-organizer__meta-row { display: flex; flex-direction: row-reverse; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-organizer__meta-content { flex: none; width: calc(var(--tec-grid-width-1-of-8) * 5); } .tribe-events-pro .tribe-events-pro-organizer__meta-details { margin-bottom: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-organizer__meta-details { flex: none; margin-bottom: 0; width: calc(var(--tec-grid-width-1-of-8) * 3); } .tribe-events-pro .tribe-events-pro-organizer__meta-details:last-child { margin-bottom: 0; width: 100%; } .tribe-events-pro .tribe-events-pro-organizer__meta-details > :last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-organizer__meta-email, .tribe-events-pro .tribe-events-pro-organizer__meta-phone, .tribe-events-pro .tribe-events-pro-organizer__meta-website { display: flex; align-items: center; margin-bottom: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-organizer__meta-email-icon-svg, .tribe-events-pro .tribe-events-pro-organizer__meta-phone-icon-svg, .tribe-events-pro .tribe-events-pro-organizer__meta-website-icon-svg { display: inline-block; height: 16px; margin-right: var(--tec-spacer-1); width: 16px; } .tribe-events-pro .tribe-events-pro-organizer__meta-website-icon-svg { width: 15px; } .tribe-events-pro .tribe-events-pro-venue__meta { background: var(--tec-color-background); } .tribe-events-pro .tribe-events-pro-venue__meta, .tribe-events-pro .tribe-events-pro-venue__meta-map { border: 1px solid var(--e-global-color-border); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta-map { border: 0; } .tribe-events-pro .tribe-events-pro-venue__meta { margin-bottom: var(--tec-spacer-5); width: 100%; } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta { margin-bottom: var(--tec-spacer-8); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta--has-map .tribe-events-pro-venue__meta-data, .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta--has-map .tribe-events-pro-venue__meta-map { outline: none; width: var(--tec-grid-width-1-of-2); } .tribe-events-pro .tribe-events-pro-venue__meta-data { padding: var(--tec-spacer-5); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta-data { padding: var(--tec-spacer-7); } .tribe-events-pro .tribe-events-pro-venue__meta-data > :last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-venue__meta-map { margin: 0 var(--tec-spacer-5) var(--tec-spacer-5); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta-map { margin: 0; } .tribe-events-pro .tribe-events-pro-venue__meta-title { margin: 0 0 var(--tec-spacer-3); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta-title { margin-bottom: var(--tec-spacer-5); } .tribe-events-pro .tribe-events-pro-venue__meta-details { margin-bottom: var(--tec-spacer-3); } .tribe-common--breakpoint-medium.tribe-events-pro .tribe-events-pro-venue__meta-details { margin-bottom: var(--tec-spacer-6); } .tribe-events-pro .tribe-events-pro-venue__meta-details > :last-child { margin-bottom: 0; } .tribe-events-pro .tribe-events-pro-venue__meta-address, .tribe-events-pro .tribe-events-pro-venue__meta-phone, .tribe-events-pro .tribe-events-pro-venue__meta-website { display: flex; align-items: center; margin-bottom: var(--tec-spacer-1); } .tribe-events-pro .tribe-events-pro-venue__meta-address-details { flex: 1 1 100%; } .tribe-events-pro .tribe-events-pro-venue__meta-address-details .tribe-address { display: block; } .tribe-events-pro .tribe-events-pro-venue__meta-address-icon-svg, .tribe-events-pro .tribe-events-pro-venue__meta-phone-icon-svg, .tribe-events-pro .tribe-events-pro-venue__meta-website-icon-svg { display: inline-block; height: 16px; margin-right: var(--tec-spacer-2); width: 16px; } .tribe-events-pro .tribe-events-pro-venue__meta-website-icon-svg { width: 15px; } .tribe-events-pro .tribe-events-pro-venue__meta-address-icon-svg { width: 14px; } .tribe-events-pro .tribe-events-pro-venue__meta-data-google-maps-default { height: 100%; width: 100%; } /** * The Events Calendar Widget Events List Tribe V2 Full Stylesheet * * @package TribeEventsCalendar * */ /* 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-load arrow-right-active url('../icons/arrow-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load arrow-right-secondary url('../icons/arrow-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load arrow-right-white url('../icons/arrow-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ @svg-load arrow url('../icons/arrow.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ @svg-load caret-down url('../icons/caret-down.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ @svg-load caret-left url('../icons/caret-left.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-left-active url('../icons/caret-left.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-left-disabled url('../icons/caret-left.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-left-secondary url('../icons/caret-left.svg') { path { fill: var(--tec---e-global-color-textcolor-icon-secondary); } } /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ @svg-load caret-right url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-active url('../icons/caret-right.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load caret-right-disabled url('../icons/caret-right.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load caret-right-secondary url('../icons/caret-right.svg') { path { fill: var(--e-global-color-text); } } @svg-load caret-right-white url('../icons/caret-right.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ @svg-load caret-up url('../icons/caret-up.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ @svg-load check-white url('../icons/check.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ @svg-load close url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } @svg-load close-secondary url('../icons/close.svg') { path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ @svg-load day url('../icons/day.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ @svg-load dropdown url('../icons/dropdown.svg') { path { fill: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ @svg-load error-active url('../icons/error.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ @svg-load featured url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-active url('../icons/featured-event.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load featured-white url('../icons/featured-event.svg') { path { fill: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ @svg-load filters url('../icons/filters.svg') { path { stroke: var(--e-global-color-text); } circle { stroke: var(--e-global-color-text); } } @svg-load filters-active url('../icons/filters.svg') { path { stroke: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } @svg-load filters-disabled url('../icons/filters.svg') { path { stroke: var(--e-global-color-alternate); } circle { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ @svg-load link-active url('../icons/link.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ @svg-load guest-active url('../icons/guest.svg') { path { fill: var(--tec-color-accent-primary); stroke: var(--tec-color-accent-primary); } } @svg-load guest-disabled url('../icons/guest.svg') { path { fill: var(--e-global-color-alternate); stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ @svg-load list url('../icons/list.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ @svg-load location url('../icons/location.svg') { path { fill: var(--e-global-color-text); } } @svg-load location-active url('../icons/location.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load location-disabled url('../icons/location.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load location-focus url('../icons/location.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ @svg-load mail-active url('../icons/mail.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ @svg-load map url('../icons/map.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ @svg-load map-pin-active url('../icons/map-pin.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ @svg-load messages-not-found url('../icons/messages-not-found.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ @svg-load month url('../icons/month.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ @svg-load no-map url('../icons/no-map.svg') {}/* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ @svg-load paper-plane-active url('../icons/paper-plane.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ @svg-load phone-active url('../icons/phone.svg') { path { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ @svg-load photo url('../icons/photo.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ @svg-load plus-focus url('../icons/plus.svg') { path { stroke: var(--e-global-color-primary); } } @svg-load plus-white url('../icons/plus.svg') { path { stroke: var(--tec-color-background); } } /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ @svg-load recurring url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load recurring-active url('../icons/recurring-events.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ @svg-load remove url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } @svg-load remove-secondary url('../icons/remove.svg') { circle, path { stroke: var(--e-global-color-text); } } /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ @svg-load reset url('../icons/reset.svg') { path { stroke: var(--e-global-color-text); } } @svg-load reset-active url('../icons/reset.svg') { path { stroke: var(--tec-color-accent-primary); } } @svg-load reset-disabled url('../icons/reset.svg') { path { stroke: var(--e-global-color-alternate); } } /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ @svg-load search url('../icons/search.svg') { path { fill: var(--e-global-color-text); } } @svg-load search-active url('../icons/search.svg') { path { fill: var(--tec-color-accent-primary); } } @svg-load search-disabled url('../icons/search.svg') { path { fill: var(--e-global-color-alternate); } } @svg-load search-focus url('../icons/search.svg') { path { fill: var(--e-global-color-primary); } } /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ @svg-load search-filter url('../icons/search-filter.svg') { path { fill: var(--tec-color-accent-primary); } circle { stroke: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ @svg-load week url('../icons/week.svg') { path { fill: var(--tec-color-accent-primary); } } /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ @svg-load cal-export url('../icons/cal-export.svg') {}/* stylelint-disable-line block-no-empty */ /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ /* Widgets */ .tribe-events-widget { margin-bottom: var(--tec-spacer-7); /* ----------------------------------------------------------------------------- * Event Status (Canceled, Postponed) * ----------------------------------------------------------------------------- */ } .tribe-events-widget .tribe-events-widget-events-list__header { margin-bottom: var(--tec-spacer-5); } .cmsmasters-sidebar .tribe-events-widget .tribe-events-widget-events-list__header-title { font-family: var(--cmsmasters-sidebar-widgets-title-font-family); font-weight: var(--cmsmasters-sidebar-widgets-title-font-weight); font-style: var(--cmsmasters-sidebar-widgets-title-font-style); text-transform: var(--cmsmasters-sidebar-widgets-title-text-transform); text-decoration: var(--cmsmasters-sidebar-widgets-title-text-decoration); font-size: var(--cmsmasters-sidebar-widgets-title-font-size); line-height: var(--cmsmasters-sidebar-widgets-title-line-height); letter-spacing: var(--cmsmasters-sidebar-widgets-title-letter-spacing); color: var(--cmsmasters-sidebar-widgets-title-colors-color); text-align: var(--cmsmasters-sidebar-widgets-title-box-alignment); background-color: var(--cmsmasters-sidebar-widgets-title-box-bg-color); border-style: var(--cmsmasters-sidebar-widgets-title-box-bd-style); border-top-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-top); border-right-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-left); border-color: var(--cmsmasters-sidebar-widgets-title-box-bd-color); border-radius: var(--cmsmasters-sidebar-widgets-title-box-bd-radius); box-shadow: var(--cmsmasters-sidebar-widgets-title-box-box-shadow); padding-top: var(--cmsmasters-sidebar-widgets-title-box-padding-top); padding-right: var(--cmsmasters-sidebar-widgets-title-box-padding-right); padding-bottom: var(--cmsmasters-sidebar-widgets-title-box-padding-bottom); padding-left: var(--cmsmasters-sidebar-widgets-title-box-padding-left); margin-top: var(--cmsmasters-sidebar-widgets-title-box-margin-top); margin-right: var(--cmsmasters-sidebar-widgets-title-box-margin-right); margin-bottom: var(--cmsmasters-sidebar-widgets-title-box-margin-bottom); margin-left: var(--cmsmasters-sidebar-widgets-title-box-margin-left); } .cmsmasters-sidebar .tribe-events-widget .tribe-events-widget-events-list__header-title a { color: var(--cmsmasters-sidebar-widgets-title-colors-link); } .cmsmasters-sidebar .tribe-events-widget .tribe-events-widget-events-list__header-title a:hover { color: var(--cmsmasters-sidebar-widgets-title-colors-hover); } .cmsmasters-footer-widgets .tribe-events-widget .tribe-events-widget-events-list__header-title { font-family: var(--cmsmasters-footer-widgets-title-font-family); font-weight: var(--cmsmasters-footer-widgets-title-font-weight); font-style: var(--cmsmasters-footer-widgets-title-font-style); text-transform: var(--cmsmasters-footer-widgets-title-text-transform); text-decoration: var(--cmsmasters-footer-widgets-title-text-decoration); font-size: var(--cmsmasters-footer-widgets-title-font-size); line-height: var(--cmsmasters-footer-widgets-title-line-height); letter-spacing: var(--cmsmasters-footer-widgets-title-letter-spacing); color: var(--cmsmasters-footer-widgets-title-colors-color); text-align: var(--cmsmasters-footer-widgets-title-box-alignment); background-color: var(--cmsmasters-footer-widgets-title-box-bg-color); border-style: var(--cmsmasters-footer-widgets-title-box-bd-style); border-top-width: var(--cmsmasters-footer-widgets-title-box-bd-width-top); border-right-width: var(--cmsmasters-footer-widgets-title-box-bd-width-right); border-bottom-width: var(--cmsmasters-footer-widgets-title-box-bd-width-bottom); border-left-width: var(--cmsmasters-footer-widgets-title-box-bd-width-left); border-color: var(--cmsmasters-footer-widgets-title-box-bd-color); border-radius: var(--cmsmasters-footer-widgets-title-box-bd-radius); box-shadow: var(--cmsmasters-footer-widgets-title-box-box-shadow); padding-top: var(--cmsmasters-footer-widgets-title-box-padding-top); padding-right: var(--cmsmasters-footer-widgets-title-box-padding-right); padding-bottom: var(--cmsmasters-footer-widgets-title-box-padding-bottom); padding-left: var(--cmsmasters-footer-widgets-title-box-padding-left); margin-top: var(--cmsmasters-footer-widgets-title-box-margin-top); margin-right: var(--cmsmasters-footer-widgets-title-box-margin-right); margin-bottom: var(--cmsmasters-footer-widgets-title-box-margin-bottom); margin-left: var(--cmsmasters-footer-widgets-title-box-margin-left); } .cmsmasters-footer-widgets .tribe-events-widget .tribe-events-widget-events-list__header-title a { color: var(--cmsmasters-footer-widgets-title-colors-link); } .cmsmasters-footer-widgets .tribe-events-widget .tribe-events-widget-events-list__header-title a:hover { color: var(--cmsmasters-footer-widgets-title-colors-hover); } .tribe-events-widget .tribe-events-widget-events-list__event-row { flex-wrap: nowrap; margin-bottom: var(--tec-spacer-7); } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-row { margin-bottom: var(--tec-spacer-4); } .tribe-events-widget .tribe-events-widget-events-list__event-row:last-child { margin-bottom: 0; } .tribe-events-widget .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after { background-color: var(--tec-featured-color-scheme-custom); border-radius: 1.5px; content: ''; height: 100%; left: 0; position: absolute; width: 3px; } .tribe-events-widget .tribe-events-widget-events-list__event-date-tag { flex: none; position: relative; width: var(--tec-spacer-11); } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-date-tag { width: calc(var(--tec-spacer-11) + var(--tec-spacer-1)); } .tribe-events-widget .tribe-events-widget-events-list__event-date-tag + .tribe-events-widget-events-list__event-wrapper { margin-top: var(--tec-spacer-1); } .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime { display: flex; flex-direction: column; height: 100%; text-align: center; } .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month, .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum { margin-bottom: calc(var(--tec-spacer-0) * -1); } .tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month, .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum { margin-bottom: -2px; } .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); text-transform: uppercase; } .tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper { font-family: var(--cmsmasters-meta-font-family); font-weight: var(--cmsmasters-meta-font-weight); font-style: var(--cmsmasters-meta-font-style); text-transform: var(--cmsmasters-meta-text-transform); text-decoration: var(--cmsmasters-meta-text-decoration); font-size: var(--cmsmasters-meta-font-size); line-height: var(--cmsmasters-meta-line-height); letter-spacing: var(--cmsmasters-meta-letter-spacing); display: flex; align-items: center; margin-bottom: var(--tec-spacer-0); } .tribe-events-widget .tribe-events-widget-events-list__event-datetime-featured-icon { color: var(--tec-featured-color-scheme-custom); display: inline-block; margin-right: var(--tec-spacer-1); } .tribe-events-widget .tribe-events-widget-events-list__event-title { color: var(--tec-color-text-events-title-widget-list); } .tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); } .tribe-events-widget .tribe-events-widget-events-list__view-more { margin-top: var(--tec-spacer-4); } .tribe-events-widget .tribe-events-widget-events-list__view-more-link { font-family: var(--cmsmasters-link-font-family); font-weight: var(--cmsmasters-link-font-weight); font-style: var(--cmsmasters-link-font-style); text-transform: var(--cmsmasters-link-text-transform); text-decoration: var(--cmsmasters-link-text-decoration); font-size: var(--cmsmasters-link-font-size); line-height: var(--cmsmasters-link-line-height); letter-spacing: var(--cmsmasters-link-letter-spacing); color: var(--tec-color-link-accent); } .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link, .main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link, .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited, .main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited { color: var(--cmsmasters-colors-hover); } .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active, .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus, .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover { color: var(--cmsmasters-colors-hover); } .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active, .main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active, .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus, .main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus, .site-footer .widget-area .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover, .main_color .sidebar .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages { display: flex; flex-direction: column; } .tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message { background-color: transparent; border-radius: 0; align-items: center; display: flex; padding: 0; width: 100%; } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message { justify-content: flex-start; padding: 0; } .tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg { display: inline-block; margin-right: var(--tec-spacer-2); } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message-list { text-align: left; } .tribe-events-widget .tribe-events-status-label__text { color: var(--tec-color-icon-error); } /** * The Events Calendar Widget Calendar Full Stylesheet * * To add your own custom styles, create a stylesheet with the name * widget-calendar.css in the tribe-events/pro/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_pro_widget_calendar_stylesheet_url' filter. * * @package TribeEventsCalendarPro * */ .tribe-mini-calendar-wrapper { width: 100%; } .tribe-events-widget-link { margin: 20px 0 0; } /* calendar css */ .tribe-mini-calendar-grid-wrapper { margin-bottom: 10px; } .tribe-events-venue-widget abbr { text-decoration: none; } .tribe-mini-calendar { border-collapse: collapse; margin-left: -1px; margin-bottom: 0; width: 100%; line-height: 1; } .tribe-mini-calendar td, .tribe-mini-calendar th { width: 14.2857142857%; padding: 0; text-align: center; vertical-align: top; border: 1px solid var(--e-global-color-border); } .tribe-mini-calendar div[id*='daynum-'] a { display: block; text-decoration: none; padding: 5px 0 15px; position: relative; } .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a:before { content: ''; display: block; height: 7px; width: 7px; padding: 0; background: var(--e-global-color-tertiary); margin-left: -4px; margin-right: auto; margin-top: 5px; margin-bottom: 0; position: absolute; left: 50%; bottom: 4px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; transition: background .3s ease-in-out; } .tribe-mini-calendar .tribe-events-has-events.tribe-mini-calendar-today:hover { background: var(--e-global-color-text); } .tribe-mini-calendar .tribe-events-has-events.tribe-mini-calendar-today a { color: var(--e-global-color-background); } .tribe-mini-calendar .tribe-events-has-events.tribe-mini-calendar-today div[id*='daynum-'] a::before { background: var(--e-global-color-background); } .tribe-mini-calendar .tribe-events-past { opacity: .5; } .tribe-events-has-events.tribe-events-present div[id*='daynum-'] a::before { background: var(--e-global-color-background); } .tribe-events-has-events.tribe-events-present div[id*='daynum-'] a:hover:before { background: var(--e-global-color-background); } .tribe-events-has-events div[id*='daynum-'] a:hover::before { background: var(--e-global-color-accent); } .tribe-mini-calendar-dayofweek { padding: 3px 0; } .tribe-mini-calendar-no-event { color: #999; font-weight: bold; display: block; text-decoration: none; padding: 5px 5px 15px; } .tribe-mini-calendar-nav { text-align: center; vertical-align: middle; border: 1px solid var(--cmsmasters-table-thead-colors-bd); } .tribe-mini-calendar-nav th, .tribe-mini-calendar-nav td { color: var(--tec-calendar-datebar-color); background-color: var(--tec-calendar-header-color); } .tribe-mini-calendar-nav div { position: relative; } .tribe-mini-calendar-nav span { margin: 0 auto; display: inline-block; } .tribe-mini-calendar-nav span.active { visibility: hidden; } .tribe-mini-calendar-nav .tribe-mini-calendar-nav-link { color: var(--tec-calendar-datebar-color, var(--cmsmasters-table-thead-colors-link)); display: inline-block; padding: 5px; } .tribe-mini-calendar-nav .tribe-mini-calendar-nav-link:hover { color: var(--cmsmasters-table-thead-colors-hover); } .tribe-mini-calendar-nav .prev-month { margin-left: 0; margin-right: 20px; margin-top: 0; margin-bottom: 0; } .tribe-mini-calendar-nav .next-month { margin-left: 20px; margin-right: 0; margin-top: 0; margin-bottom: 0; } .tribe-mini-calendar-nav #ajax-loading-mini { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-right: 0; margin-top: -8px; margin-bottom: 0; display: none; width: 16px; height: 16px; } /* event list css */ .tribe-mini-calendar-list-wrapper .type-tribe_events { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--e-global-color-border); } .tribe-mini-calendar-event { overflow: hidden; width: 100%; } .tribe-mini-calendar-event.first { margin-top: 10px; } .tribe-mini-calendar-event .tribe-event-image { line-height: 0; margin: 0 0 10px; } .tribe-mini-calendar-event .tribe-event-image a { color: var(--tec-photo-bg-color); transition: opacity .3s ease-in-out; } .tribe-mini-calendar-event .tribe-event-image a:hover { opacity: .7; } .tribe-mini-calendar-event .list-date { float: left; font-weight: 700; overflow: hidden; margin-left: 0; margin-right: 5%; margin-top: 5px; margin-bottom: 10px; padding: 3px; width: 15%; text-align: center; display: inline; background: var(--e-global-color-tertiary); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tribe-mini-calendar-event:first-of-type .list-info { margin-top: 0; } .tribe-mini-calendar-event .list-info { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); margin: 10px 0; display: inline; float: left; width: 80%; } .tribe-mini-calendar-event .list-info h2 { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); margin: 0 0 5px; } .tribe-mini-calendar-event .list-info .tribe-events-duration { margin-top: 0; } .tribe-mini-calendar-event .list-info p { display: none; margin: 5px 0; } .tribe-mini-calendar-event .list-date .list-dayname { background: var(--e-global-color-background); color: var(--e-global-color-tertiary); padding: 3px; font-size: 11px; text-transform: uppercase; width: 100%; text-align: center; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tribe-mini-calendar-event .list-date .list-daynumber { color: var(--e-global-color-background); font-size: 15px; width: 100%; line-height: 22px; display: block; text-align: center; } .tribe-mini-calendar-event.first .list-info p { display: block; } .tribe-mini-calendar-event .tribe-events-divider { display: inline; } .tribe-mini-calendar-event .tribe-events-event-schedule-details { display: inline-block; } .tribe-mini-calendar-event-cost { font-weight: bold; } .tribe-mini-calendar-right .tribe-mini-calendar-event:last-child { border: 0; } .tribe-mini-calendar-event .tribe-events-event-schedule-details, .tribe-mini-calendar-event-venue { margin: 5px 0 0; } .tribe-mini-calendar-wrapper a.tribe-events-button { margin-top: 10px; display: inline-block; background-color: var(--e-global-color-text); color: var(--e-global-color-background); background-image: none; font-size: 11px; font-weight: bold; padding: 6px 9px; text-align: center; text-transform: uppercase; letter-spacing: 1px; -webkit-border-radius: 3px; border-radius: 3px; border: 0; line-height: normal; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } .tribe-mini-calendar td { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .tribe-mini-calendar-no-event { color: var(--e-global-color-background); padding: 5px 0 15px 0; } .tribe-mini-calendar th:first { border-left-color: #fff; } .tribe-mini-calendar td.tribe-events-has-events.tribe-events-present, .tribe-mini-calendar td.tribe-events-has-events.tribe-events-present a, .tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today, .tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today a { color: var(--e-global-color-background); background-color: var(--e-global-color-accent); } .tribe-mini-calendar .tribe-events-has-events.tribe-events-present a:hover, .tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today a:hover { background-color: var(--e-global-color-accent); } /** * The Events Calendar Pro Widget This Week Full Stylesheet * * To add your own custom styles, create a stylesheet with the name * widget-this-week.css in the tribe-events/pro/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylesheet altogether, you can use the 'tribe_events_pro_widget_calendar_stylesheet_url' filter. * * @package TribeEventsCalendarPro * */ /* * This Week Widget CSS */ .tribe-this-week-widget-wrapper { position: relative; width: 100%; } .tribe-this-week-widget-wrapper .tribe-events-sub-nav { margin: 0 0 15px; overflow: hidden; } .tribe-this-week-widget-weekday-wrapper { margin-bottom: 10px; min-height: 170px; overflow: hidden; } .tribe-this-week-widget-wrapper .tribe-events-page-title { font-family: var(--cmsmasters-h5-font-family); font-weight: var(--cmsmasters-h5-font-weight); font-style: var(--cmsmasters-h5-font-style); text-transform: var(--cmsmasters-h5-text-transform); text-decoration: var(--cmsmasters-h5-text-decoration); font-size: var(--cmsmasters-h5-font-size); line-height: var(--cmsmasters-h5-line-height); letter-spacing: var(--cmsmasters-h5-letter-spacing); text-align: left; margin: 0 0 10px; } .tribe-events-visuallyhidden { display: none; } /* * This Week Widget Nav CSS */ .entry-content ul.tribe-events-sub-nav, .tribe-this-week-widget-wrapper ul.tribe-events-sub-nav { margin: 0 0 5px; overflow: hidden; } .tribe-events-sub-nav .tribe-this-week-nav-link.nav-next, .tribe-events-sub-nav .tribe-this-week-nav-link.nav-previous { border: none; display: inline-block; float: left; list-style-type: none; margin-left: 0; margin-right: 0.5%; margin-top: 0; margin-bottom: 0; padding: .5rem 0; text-align: left; } .tribe-events-sub-nav .tribe-this-week-nav-link.nav-next { float: right; margin-left: 0.5%; margin-right: 0; margin-top: 0; margin-bottom: 0; text-align: right; } /* * This Week Widget Common CSS */ .tribe-this-week-widget-header-date { font-family: var(--cmsmasters-button-font-family); font-weight: var(--cmsmasters-button-font-weight); font-style: var(--cmsmasters-button-font-style); text-transform: var(--cmsmasters-button-text-transform); text-decoration: var(--cmsmasters-button-text-decoration); font-size: var(--cmsmasters-button-font-size); line-height: var(--cmsmasters-button-line-height); letter-spacing: var(--cmsmasters-button-letter-spacing); background-color: var(--e-global-color-tertiary); border: none; color: var(--e-global-color-background); margin-bottom: 8px; padding: 5px 0; text-align: center; } .tribe-this-week-widget-day-wrap { padding-left: 0; padding-right: 6px; padding-top: 0; padding-bottom: 6px; } .tribe-this-week-event { border-left: 4px solid var(--e-global-color-border); margin-bottom: 8px; padding-left: 6px; padding-right: 0; padding-top: 0; padding-bottom: 0; } .tribe-this-week-widget-wrapper .entry-title, .tribe-this-week-widget-wrapper .entry-title a { margin: 0; } .tribe-this-week-widget-wrapper .tribe-this-week-widget-day .tribe-venue a { text-decoration: underline; } .tribe-this-week-widget-day { margin: 0; } /* * This Week Widget Vertical CSS */ .tribe-this-week-widget-vertical .tribe-this-week-widget-day { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; margin: 10px 0 0; } .tribe-this-week-widget-vertical .tribe-this-week-widget-day:first-child { margin: 0; } .tribe-this-week-widget-vertical .tribe-this-week-widget-header-date { padding-left: 15px; text-align: left; } /* * This Week Widget Horizontal CSS */ .tribe-this-week-widget-horizontal .tribe-this-week-widget-day { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; vertical-align: top; width: 14.28%; } .tribe-this-week-widget-horizontal .tribe-this-week-widget-hide-weekends .tribe-this-week-widget-day { width: 20%; } .tribe-this-week-widget-horizontal .tribe-this-week-widget-header-date { font-size: 14px; } .tribe-this-week-widget-horizontal .tribe-this-week-widget-day-wrap { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .tribe-this-week-widget-horizontal .tribe-this-week-widget-hide-weekends .tribe-this-week-widget-day, .tribe-this-week-widget-horizontal .tribe-this-week-widget-day { margin: 10px 0 0; } .tribe-this-week-widget-horizontal .tribe-this-week-widget-hide-weekends .tribe-this-week-widget-day:first-child, .tribe-this-week-widget-horizontal .tribe-this-week-widget-day:first-child { margin: 0; } .tribe-this-week-widget-horizontal .tribe-this-week-widget-hide-weekends .tribe-this-week-widget-day, .tribe-this-week-widget-horizontal .tribe-this-week-widget-day { width: 100%; } } /* * AJAX */ .tribe-events-ajax-loading { background: var(--e-global-color-tertiary); border-radius: 5px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; display: none; left: 50%; margin-left: -27px; padding: 15px; position: absolute; top: 150px; z-index: 10; } .tribe-events-spinner-medium { height: 24px; width: 24px; } .tribe-events-ajax-loading.tribe-events-active-spinner, .tribe-events-ajax-loading.tribe-events-active-spinner img, .tribe-events-loading .tribe-events-ajax-loading { display: block; } .this-week-today .tribe-this-week-widget-header-date { background-color: var(--e-global-color-accent); } .this-week-past .tribe-this-week-widget-header-date { color: var(--e-global-color-secondary); background-color: var(--e-global-color-alternate); } .this-week-past .type-tribe_events { filter: Alpha(opacity=50); opacity: .5; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .tribe-events-header { flex-direction: column; flex-wrap: nowrap; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .tribe-events-widget-header__top-bar { width: 100%; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .tribe-events-c-top-bar__nav-list { justify-content: space-between; align-items: center; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-widget-month__view-more, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-widget-month__view-more { padding: 0 var(--tec-spacer-4); } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month__day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month__day { aspect-ratio: 1/1; height: auto; min-height: 36px; padding-top: 14.285%; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month-mobile-events__day-marker, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month-mobile-events__day-marker { padding: 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month-mobile-events__mobile-event, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month-mobile-events__mobile-event { padding: var(--tec-spacer-5) 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper { padding-right: 20px; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month__day-cell--mobile, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month__day-cell--mobile { position: absolute; top: 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month-mobile-events__mobile-event-datetime-featured-text, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month-mobile-events__mobile-event-datetime-featured-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-row-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-row-wrapper { height: auto; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__header-column--empty, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-column--empty { display: none; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-mobile-events__event-datetime-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-mobile-events__event-datetime-wrapper { display: flex; align-items: center; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-row-outer-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-scroll-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__header-row, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__multiday-events-row-outer-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-row-outer-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-scroll-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-row, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__multiday-events-row-outer-wrapper { border: 0; width: 100%; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__header-column, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-column { border-bottom: 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-day { display: flex; flex-flow: column; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-scroll-wrapper, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-scroll-wrapper { display: flex; flex-flow: row; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__header-column, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__multiday-events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-column, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__multiday-events-day { width: var(--tec-grid-width-1-of-7); } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__events-day:last-child, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__header-column:last-child, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__multiday-events-day:last-child, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__events-day:last-child, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-column:last-child, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__multiday-events-day:last-child { border-right: 1px solid var(--tec-color-border-secondary); } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__header-column, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__multiday-events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__events-day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__header-column, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid--hide-weekends .tribe-events-pro-week-grid__multiday-events-day { width: var(--tec-grid-width-1-of-5); } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__event, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__event { margin: 0 auto; position: static; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-calendar-week__more-events-link, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-calendar-week__more-events-link { line-height: 1; margin: 0 auto; padding-top: 8px; } .tribe-common--breakpoint-medium.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-calendar-week__more-events-link, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-calendar-week__more-events-link { margin: var(--tec-spacer-2) var(--tec-spacer-0) 0; padding-top: 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--h-], .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week [class*=tribe-events-pro-week-grid__event--h-] { height: auto; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--seq], .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week [class*=tribe-events-pro-week-grid__event--seq] { width: 100%; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week [class*=tribe-events-pro-week-grid__event--t], .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week [class*=tribe-events-pro-week-grid__event--t] { display: flex; flex-flow: column; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__event-link, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__event-link-inner, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__event-link, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__event-link-inner { display: inline-block; position: relative; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-virtual-virtual-event__text, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-virtual-virtual-event__text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg { display: inline; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-c-top-bar__nav-link, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-c-top-bar__nav-link { display: inline-block; line-height: inherit; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week li.tribe-events-c-top-bar__nav-list-item, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week li.tribe-events-c-top-bar__nav-list-item { display: none; } .tribe-common--breakpoint-medium.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week li.tribe-events-c-top-bar__nav-list-item, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week li.tribe-events-c-top-bar__nav-list-item { display: list-item; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-widget-events-week__view-more, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more { margin-top: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-pro-week-grid__body, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__body { margin-bottom: var(--tec-spacer-8); } .tribe-common--breakpoint-medium.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-c-nav, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-c-nav { padding-top: var(--tec-spacer-4); } .tribe-common--breakpoint-medium.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-c-nav__list-item, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-c-nav__list-item { width: 33.33%; } .tribe-common--breakpoint-medium.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-week .tribe-events-c-nav__list-item--today, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-shortcode-events-week .tribe-events-c-nav__list-item--today { display: flex !important; visibility: visible; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .widget_tribe-widget-events-month .tribe-events-widget-shortcode__header-title .widget-title, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .widget_tribe-widget-events-week .tribe-events-widget-shortcode__header-title .widget-title { margin: 0; } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .widget_tribe-widget-events-month .tribe-events-widget-shortcode__header-title { margin-bottom: var(--tec-spacer-5); } .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .widget_tribe-widget-events-week .tribe-events-widget-shortcode__header-title { margin-bottom: var(--tec-spacer-2); } .tribe-events-widget-events-month__view-more-link { font-family: var(--cmsmasters-link-font-family); font-weight: var(--cmsmasters-link-font-weight); font-style: var(--cmsmasters-link-font-style); text-transform: var(--cmsmasters-link-text-transform); text-decoration: var(--cmsmasters-link-text-decoration); font-size: var(--cmsmasters-link-font-size); line-height: var(--cmsmasters-link-line-height); letter-spacing: var(--cmsmasters-link-letter-spacing); color: var(--tec-color-link-accent); } .site-footer .widget-area .tribe-events-widget-events-month__view-more-link, .main_color .sidebar .tribe-events-widget-events-month__view-more-link, .site-footer .widget-area .tribe-events-widget-events-month__view-more-link:visited, .main_color .sidebar .tribe-events-widget-events-month__view-more-link:visited { color: var(--cmsmasters-colors-hover); } .tribe-events-widget-events-month__view-more-link:active, .tribe-events-widget-events-month__view-more-link:focus, .tribe-events-widget-events-month__view-more-link:hover { color: var(--cmsmasters-colors-hover); } .site-footer .widget-area .tribe-events-widget-events-month__view-more-link:active, .main_color .sidebar .tribe-events-widget-events-month__view-more-link:active, .site-footer .widget-area .tribe-events-widget-events-month__view-more-link:focus, .main_color .sidebar .tribe-events-widget-events-month__view-more-link:focus, .site-footer .widget-area .tribe-events-widget-events-month__view-more-link:hover, .main_color .sidebar .tribe-events-widget-events-month__view-more-link:hover { color: var(--cmsmasters-colors-hover); } .tribe-events-pro.tribe-events-view--week .datepicker .day { border-radius: 0; } .tribe-events-pro.tribe-events-view--week .datepicker .day:first-child { border-bottom-left-radius: var(--tec-border-radius-default); border-top-left-radius: var(--tec-border-radius-default); } .tribe-events-pro.tribe-events-view--week .datepicker .day:last-child { border-bottom-right-radius: var(--tec-border-radius-default); border-top-right-radius: var(--tec-border-radius-default); } .tribe-events-pro.tribe-events-view--week .datepicker .day.disabled, .tribe-events-pro.tribe-events-view--week .datepicker .day.disabled.focused, .tribe-events-pro.tribe-events-view--week .datepicker .day.disabled:focus, .tribe-events-pro.tribe-events-view--week .datepicker .day.disabled:hover { color: var(--e-global-color-border); } .tribe-events-pro.tribe-events-view--week .datepicker .day.active { background: transparent; color: var(--tec-color-accent-primary); } .tribe-events-pro.tribe-events-view--week .datepicker .day.active:hover { background: transparent; } .tribe-events-pro.tribe-events-view--week .datepicker .day.past, .tribe-events-pro.tribe-events-view--week .datepicker .day.past.focused, .tribe-events-pro.tribe-events-view--week .datepicker .day.past:focus, .tribe-events-pro.tribe-events-view--week .datepicker .day.past:hover { color: var(--e-global-color-border); } .tribe-events-pro.tribe-events-view--week .datepicker .day.current { color: var(--tec-color-background); position: relative; } .tribe-events-pro.tribe-events-view--week .datepicker .day.current.focused, .tribe-events-pro.tribe-events-view--week .datepicker .day.current:focus, .tribe-events-pro.tribe-events-view--week .datepicker .day.current:hover { color: var(--tec-color-background); } .tribe-events-pro.tribe-events-view--week .datepicker .day.current:before { background: var(--tec-color-accent-primary); border-radius: var(--tec-border-radius-default); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .tribe-events-pro.tribe-events-view--week .datepicker .focused .day, .tribe-events-pro.tribe-events-view--week .datepicker .focused .day:hover, .tribe-events-pro.tribe-events-view--week .datepicker .hovered .day, .tribe-events-pro.tribe-events-view--week .datepicker .hovered .day:hover { background: var(--tec-color-background-secondary); } .tribe-events-pro.tribe-events-view--week .datepicker .focused .day.current, .tribe-events-pro.tribe-events-view--week .datepicker .hovered .day.current { background: transparent; } .tribe-events-pro.tribe-events-view--week .datepicker .active .day, .tribe-events-pro.tribe-events-view--week .datepicker .active .day:hover { background: var(--tec-color-accent-primary-background); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--cmsmasters-small-normal-colors-color); border-color: var(--cmsmasters-small-normal-colors-bd); border-style: var(--cmsmasters-small-normal-bd-style); border-top-width: var(--cmsmasters-small-normal-bd-width-top); border-right-width: var(--cmsmasters-small-normal-bd-width-right); border-bottom-width: var(--cmsmasters-small-normal-bd-width-bottom); border-left-width: var(--cmsmasters-small-normal-bd-width-left); border-radius: var(--cmsmasters-small-normal-bd-radius); text-shadow: var(--cmsmasters-small-text-shadow); box-shadow: var(--cmsmasters-small-normal-box-shadow); padding-top: var(--cmsmasters-small-padding-top); padding-right: var(--cmsmasters-small-padding-right); padding-bottom: var(--cmsmasters-small-padding-bottom); padding-left: var(--cmsmasters-small-padding-left); display: inline-block; cursor: pointer; word-break: normal; position: relative; z-index: 0; transition: all .3s ease-in-out; overflow: hidden; background-color: transparent; background-image: none; border-radius: var(--tec-border-radius-default); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover { color: var(--cmsmasters-small-hover-colors-color); border-color: var(--cmsmasters-small-hover-colors-bd); border-radius: var(--cmsmasters-small-hover-bd-radius); text-decoration: var(--cmsmasters-small-hover-text-decoration); text-shadow: var(--cmsmasters-small-hover-text-shadow); box-shadow: var(--cmsmasters-small-hover-box-shadow); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:before, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: opacity .3s ease-in-out; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:before { background-color: var(--cmsmasters-small-normal-colors-bg); background-image: var(--cmsmasters-small-normal-colors-bg-image); opacity: 1; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:after { background-color: var(--cmsmasters-small-hover-colors-bg); background-image: var(--cmsmasters-small-hover-colors-bg-image); opacity: 0; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover:before { opacity: 0; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover:after { opacity: 1; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover { border-radius: var(--tec-border-radius-default); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:after { background-color: var(--tec-color-accent-primary-week-event-hover); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus:before, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover:before { opacity: 0; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:focus:after, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--mobile:hover:after { opacity: .2; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--selected:before, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell--selected:after { opacity: 1 !important; background-color: var(--tec-color-accent-primary); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__multiday-events-row-wrapper { box-shadow: none; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-calendar-week__more-events { border-top: 1px solid var(--tec-color-border-secondary); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-pro-week-grid__header-column-weekday { letter-spacing: normal; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-c-nav { border-top: 0; } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link { font-family: var(--cmsmasters-link-font-family); font-weight: var(--cmsmasters-link-font-weight); font-style: var(--cmsmasters-link-font-style); text-transform: var(--cmsmasters-link-text-transform); text-decoration: var(--cmsmasters-link-text-decoration); font-size: var(--cmsmasters-link-font-size); line-height: var(--cmsmasters-link-line-height); letter-spacing: var(--cmsmasters-link-letter-spacing); color: var(--tec-color-link-accent); } .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:visited, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:visited, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:visited, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:visited { color: var(--cmsmasters-colors-hover); } .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:active, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:focus, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:hover, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:active, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:focus, .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:hover { color: var(--cmsmasters-colors-hover); } .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:active, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:active, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:focus, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:focus, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:hover, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-events-week__view-more-link:hover, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:active, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:active, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:focus, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:focus, .site-footer .widget-area .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:hover, .main_color .sidebar .tribe-common.tribe-events.tribe-events-widget-shortcode.tribe-events-widget-shortcode-events-week .tribe-events-widget-week__view-more-link:hover { color: var(--cmsmasters-colors-hover); } /** * The Events Calendar Widget Events List Tribe V2 Full Stylesheet * * @package TribeEventsCalendar * */ /* Widgets */ .tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-link { margin-left: var(--tec-spacer-0); } .tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-link:focus .tribe-events-widget-events-list__event-datetime-recurring-icon-svg path, .tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-link:hover .tribe-events-widget-events-list__event-datetime-recurring-icon-svg path { fill: currentColor; stroke: currentColor; } .tribe-events-widget .tribe-events-widget-events-list__event-datetime-recurring-icon { display: inline-block; } .tribe-events-widget .tribe-events-widget-events-list__event-cost, .tribe-events-widget .tribe-events-widget-events-list__event-organizer, .tribe-events-widget .tribe-events-widget-events-list__event-venue, .tribe-events-widget .tribe-events-widget-events-list__event-venue-address { margin-top: var(--tec-spacer-1); } .tribe-events-widget .tribe-events-widget-events-list__event-venue, .tribe-events-widget .tribe-events-widget-events-list__event-organizers { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); } .tribe-events-widget .tribe-events-widget-events-list__event-venue a, .tribe-events-widget .tribe-events-widget-events-list__event-organizers a { font: inherit; } .tribe-events-widget .tribe-events-widget-events-list__event-organizer-meta { margin-top: var(--tec-spacer-0); } /** * The Events Calendar Widget Events List Tribe V2 Full Stylesheet * * @package TribeEventsCalendar * */ /* Widgets */ .tribe-events-widget { margin-bottom: var(--tec-spacer-7); } .tribe-events-widget .tribe-events-widget-countdown__header { margin-bottom: var(--tec-spacer-2); } .tribe-events-widget .tribe-events-widget-countdown__event-title { margin-bottom: var(--tec-spacer-3); } .tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-countdown__event-title { min-height: 82px; margin-bottom: var(--tec-spacer-4); } .tribe-events-widget .tribe-events-widget-countdown__time { display: flex; flex-wrap: wrap; margin: 0; } .tribe-events-widget .tribe-events-widget-countdown__number { font-family: var(--cmsmasters-h4-font-family); font-weight: var(--cmsmasters-h4-font-weight); font-style: var(--cmsmasters-h4-font-style); text-transform: var(--cmsmasters-h4-text-transform); text-decoration: var(--cmsmasters-h4-text-decoration); font-size: var(--cmsmasters-h4-font-size); line-height: var(--cmsmasters-h4-line-height); letter-spacing: var(--cmsmasters-h4-letter-spacing); color: var(--e-global-color-secondary); font-family: var(--tec-font-family-sans-serif); margin-right: var(--tec-spacer-5); min-width: 35px; text-align: center; } .tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-countdown__number { min-height: 82px; } .tribe-events-widget .tribe-events-widget-countdown__under { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); font-family: var(--tec-font-family-sans-serif); color: var(--tec-color-text-event-date); display: block; margin-top: var(--tec-spacer-0); } .tribe-events-widget .tribe-events-widget-countdown__complete { margin: 0 0 10px; min-height: 68px; } .tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-countdown__complete { min-height: 82px; } /** * The Events Calendar Widget Events List Tribe V2 Full Stylesheet * * @package TribeEventsCalendar * */ /* Widgets */ .tribe-events-widget .tribe-events-widget-featured-venue__header { margin-bottom: var(--tec-spacer-2); } .tribe-events-widget .tribe-events-widget-featured-venue__venue { margin-bottom: var(--tec-spacer-6); } .tribe-events-widget .tribe-events-widget-featured-venue__venue-info-group { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--e-global-color-text); display: flex; align-items: center; margin: var(--tec-spacer-1); } .tribe-events-widget .tribe-events-widget-featured-venue__venue-icon { margin-left: 0; margin-right: var(--tec-spacer-3); margin-top: var(--tec-spacer-0); margin-bottom: 0; min-width: 17px; } .tribe-events-widget .tribe-events-widget-featured-venue__venue-icon-svg--address { width: 13px; } .tribe-events-widget .tribe-events-widget-featured-venue__venue-icon-svg--phone { width: 17px; } .tribe-events-widget .tribe-events-widget-featured-venue__venue-icon-svg--website { width: 15px; } .tribe-events-widget .tribe-events-widget-featured-venue__event-row { flex-wrap: nowrap; margin-bottom: var(--tec-spacer-3); } .tribe-events-widget .tribe-events-widget-featured-venue__event-row:last-child { margin-bottom: 0; } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-featured-venue__event-row { margin-bottom: var(--tec-spacer-4); } .tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag { flex: none; margin-right: var(--tec-spacer-3); position: relative; width: var(--tec-spacer-7); } .tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag-datetime { display: flex; flex-direction: column; height: 100%; text-align: center; } .tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag-daynum, .tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag-month { margin-bottom: calc(var(--tec-spacer-0) * -1); } .tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag-daynum, .tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag-month { margin-bottom: -2px; } .tribe-events-widget .tribe-events-widget-featured-venue__event-date-tag-month { font-family: var(--cmsmasters-small-font-family); font-weight: var(--cmsmasters-small-font-weight); font-style: var(--cmsmasters-small-font-style); text-transform: var(--cmsmasters-small-text-transform); text-decoration: var(--cmsmasters-small-text-decoration); font-size: var(--cmsmasters-small-font-size); line-height: var(--cmsmasters-small-line-height); letter-spacing: var(--cmsmasters-small-letter-spacing); color: var(--tec-color-text-event-date); text-transform: uppercase; } .tribe-events-widget .tribe-events-widget-featured-venue__event-datetime-wrapper { margin-bottom: var(--tec-spacer-0); } .tribe-events-widget .tribe-events-widget-featured-venue__event-datetime-featured-icon { color: var(--tec-color-accent-primary); display: inline-block; margin-right: var(--tec-spacer-0); } .tribe-events-widget .tribe-events-widget-featured-venue__view-more { margin-top: var(--tec-spacer-4); } .tribe-events-widget .tribe-events-widget-featured-venue .tribe-events-c-messages__message-list { text-align: left; } .tribe-events-widget .tribe-events-widget-featured-venue .tribe-events-c-messages { display: flex; flex-direction: column; } .tribe-events-widget .tribe-events-widget-featured-venue .tribe-events-c-messages__message { background-color: rgba(var(--tec-color-background-secondary), 0.5); border-radius: var(--tec-border-radius-default); align-items: center; display: flex; padding: 10px 18px; width: 100%; } .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-featured-venue .tribe-events-c-messages__message { justify-content: flex-start; padding: 0; } .tribe-events-widget .tribe-events-widget-featured-venue .tribe-events-c-messages__message--notice .tribe-events-c-messages__message-icon-svg { display: inline-block; margin-right: var(--tec-spacer-2); } .tribe-events-widget .tribe-events-widget-featured-venue__event-datetime-recurring-link { margin-left: var(--tec-spacer-0); } .tribe-events-widget .tribe-events-widget-featured-venue__event-datetime-recurring-link:focus .tribe-events-widget-featured-venue__event-datetime-recurring-icon-svg path, .tribe-events-widget .tribe-events-widget-featured-venue__event-datetime-recurring-link:hover .tribe-events-widget-featured-venue__event-datetime-recurring-icon-svg path { fill: currentColor; stroke: currentColor; } .tribe-events-widget .tribe-events-status-label__text { color: var(--tec-color-icon-error); } .tribe-events-widget .tribe-events-widget-featured-venue__event-datetime-recurring-icon { display: inline-block; } .ast-separate-container .tribe-events-widget .tribe-events-widget-featured-venue__event { background-color: transparent; border: 0; padding: 0; } .entry-content .tribe-events-widget .tribe-events-widget-featured-venue__event-title { margin-bottom: 0; margin-top: 0; } .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link { font-family: var(--cmsmasters-link-font-family); font-weight: var(--cmsmasters-link-font-weight); font-style: var(--cmsmasters-link-font-style); text-transform: var(--cmsmasters-link-text-transform); text-decoration: var(--cmsmasters-link-text-decoration); font-size: var(--cmsmasters-link-font-size); line-height: var(--cmsmasters-link-line-height); letter-spacing: var(--cmsmasters-link-letter-spacing); color: var(--tec-color-link-accent); } .site-footer .widget-area .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link, .main_color .sidebar .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link, .site-footer .widget-area .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:visited, .main_color .sidebar .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:visited { color: var(--cmsmasters-colors-hover); } .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:active, .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:focus, .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:hover { color: var(--cmsmasters-colors-hover); } .site-footer .widget-area .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:active, .main_color .sidebar .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:active, .site-footer .widget-area .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:focus, .main_color .sidebar .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:focus, .site-footer .widget-area .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:hover, .main_color .sidebar .tribe-events-widget .tribe-events-widget-featured-venue__view-more-link:hover { color: var(--cmsmasters-colors-hover); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.06 |
proxy
|
phpinfo
|
Настройка