/** * This CSS file was auto-generated via PostCSS * * Contributors should avoid editing this file, but instead edit the associated * src/resources/postcss/ file. For more information, check out our engineering * docs on how we handle CSS in our engineering docs. * * @see: http://moderntribe.github.io/products-engineering/css/ */ /** * 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 */ :root { /* ----------------------------------------------------------------------------- * Borders - Radius * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Borders - Width * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Box Shadows * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Layers of z-index * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Colors - Typography * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Colors - Iconography * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Colors - UI * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Colors - Borders & Misc * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Forms - Colors * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Forms - Box Shadows * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Gutter - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Gutter - Page * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Grid Width - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Grid Width - Relative * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Opacities * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Spacers * ----------------------------------------------------------------------------- */ } /* ----------------------------------------------------------------------------- * SVG - Arrow Right * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ :root { /* ----------------------------------------------------------------------------- * Transitions * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Font Stacks * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Font Weights * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Font Sizing * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Line Height * ----------------------------------------------------------------------------- */ } /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 4 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 5 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 6 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 7 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 8 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Alt * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Thin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Thin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Solid * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Border * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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. * * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * * View: Events View * * ----------------------------------------------------------------------------- */ /* .tribe-events { */ /* ----------------------------------------------------------------------------- * * Layout: Events Content Container * * ----------------------------------------------------------------------------- */ /* } */ /* 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 { font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 24px; line-height: 1.42; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list { font-size: 42px; line-height: 1.38; } .tribe-events .tribe-events-c-breadcrumbs__list-item-link { color: #5D5D5D; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .tribe-events .tribe-events-c-breadcrumbs__list-item-link:visited { color: #5D5D5D; } .tribe-events .tribe-events-c-breadcrumbs__list-item-link:hover, .tribe-events .tribe-events-c-breadcrumbs__list-item-link:focus { color: #141827; } /* Datepicker */ /* ----------------------------------------------------------------------------- * * Datepicker * * ----------------------------------------------------------------------------- */ .tribe-events { /* ----------------------------------------------------------------------------- * * Datepicker: Theme Overrides * * ----------------------------------------------------------------------------- */ } .tribe-events .datepicker { background-color: #FFFFFF; border: 1px solid #D5D5D5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0, 0.14); } .tribe-events .datepicker:before, .tribe-events .datepicker:after { content: none; } .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 { background-color: #FFFFFF; } .tribe-events .datepicker .datepicker-switch { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.62; font-weight: 400; } .tribe-events .datepicker .datepicker-switch:hover, .tribe-events .datepicker .datepicker-switch:focus { color: rgba(20,24,39, 0.8); } .tribe-events .datepicker .datepicker-switch:active { color: rgba(20,24,39, 0.9); } .tribe-events .datepicker .dow { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; } .tribe-events .datepicker .day { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.62; font-weight: 400; } .tribe-events .datepicker .month, .tribe-events .datepicker .year { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 12px; line-height: 1.38; font-weight: 400; } .tribe-events .datepicker .past { color: rgba(20,24,39, 0.62); } .tribe-events .datepicker .day, .tribe-events .datepicker .month, .tribe-events .datepicker .year { border-radius: 4px; } .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 { background: #F7F6F6; } .tribe-events .datepicker .day.current, .tribe-events .datepicker .month.current, .tribe-events .datepicker .year.current { background: rgba(51,74,255, 0.07); } .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 { background: rgba(51,74,255, 0.07); } .tribe-events .datepicker .day.active, .tribe-events .datepicker .month.active, .tribe-events .datepicker .year.active { color: #FFFFFF; background: #334AFF; 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 { color: #FFFFFF; background: #334AFF; text-shadow: none; } /* ----------------------------------------------------------------------------- * * Datepicker: V1 Style Overrides * * ----------------------------------------------------------------------------- */ .admin-bar .tribe-events .datepicker { margin-top: 8px; } .admin-bar .tribe-events.tribe-common--breakpoint-medium .datepicker { margin-top: 16px; } /* ----------------------------------------------------------------------------- * Theme Overrides - Enfold * ----------------------------------------------------------------------------- */ .tribe-theme-enfold .tribe-events .datepicker { border: 1px solid #D5D5D5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0, 0.14); } .tribe-theme-enfold .tribe-events .datepicker .datepicker-switch { color: #141827 !important; } .tribe-theme-enfold .tribe-events .datepicker .datepicker-switch:hover, .tribe-theme-enfold .tribe-events .datepicker .datepicker-switch:focus { color: rgba(20,24,39, 0.8) !important; } .tribe-theme-enfold .tribe-events .datepicker .datepicker-switch:active { color: rgba(20,24,39, 0.9) !important; } .tribe-theme-enfold .tribe-events .datepicker .day { background-color: #FFFFFF; } .tribe-theme-enfold .tribe-events .datepicker .day.old, .tribe-theme-enfold .tribe-events .datepicker .day.new { opacity: 1; } .tribe-theme-enfold .tribe-events .datepicker .day, .tribe-theme-enfold .tribe-events .datepicker .month, .tribe-theme-enfold .tribe-events .datepicker .year { color: #141827; background-color: #FFFFFF; } .tribe-theme-enfold .tribe-events .datepicker .day:hover, .tribe-theme-enfold .tribe-events .datepicker .day:focus, .tribe-theme-enfold .tribe-events .datepicker .day.focused, .tribe-theme-enfold .tribe-events .datepicker .month:hover, .tribe-theme-enfold .tribe-events .datepicker .month:focus, .tribe-theme-enfold .tribe-events .datepicker .month.focused, .tribe-theme-enfold .tribe-events .datepicker .year:hover, .tribe-theme-enfold .tribe-events .datepicker .year:focus, .tribe-theme-enfold .tribe-events .datepicker .year.focused { background: #F7F6F6; } .tribe-theme-enfold .tribe-events .datepicker .day.past, .tribe-theme-enfold .tribe-events .datepicker .month.past, .tribe-theme-enfold .tribe-events .datepicker .year.past { color: rgba(20,24,39, 0.62); } .tribe-theme-enfold .tribe-events .datepicker .day.current, .tribe-theme-enfold .tribe-events .datepicker .month.current, .tribe-theme-enfold .tribe-events .datepicker .year.current { background: rgba(51,74,255, 0.07); } .tribe-theme-enfold .tribe-events .datepicker .day.current:hover, .tribe-theme-enfold .tribe-events .datepicker .day.current:focus, .tribe-theme-enfold .tribe-events .datepicker .day.current.focused, .tribe-theme-enfold .tribe-events .datepicker .month.current:hover, .tribe-theme-enfold .tribe-events .datepicker .month.current:focus, .tribe-theme-enfold .tribe-events .datepicker .month.current.focused, .tribe-theme-enfold .tribe-events .datepicker .year.current:hover, .tribe-theme-enfold .tribe-events .datepicker .year.current:focus, .tribe-theme-enfold .tribe-events .datepicker .year.current.focused { background: rgba(51,74,255, 0.07); } .tribe-theme-enfold .tribe-events .datepicker .day.active, .tribe-theme-enfold .tribe-events .datepicker .month.active, .tribe-theme-enfold .tribe-events .datepicker .year.active { color: #FFFFFF; background: #334AFF; } .tribe-theme-enfold .tribe-events .datepicker .day.active:hover, .tribe-theme-enfold .tribe-events .datepicker .day.active:focus, .tribe-theme-enfold .tribe-events .datepicker .day.active.focused, .tribe-theme-enfold .tribe-events .datepicker .month.active:hover, .tribe-theme-enfold .tribe-events .datepicker .month.active:focus, .tribe-theme-enfold .tribe-events .datepicker .month.active.focused, .tribe-theme-enfold .tribe-events .datepicker .year.active:hover, .tribe-theme-enfold .tribe-events .datepicker .year.active:focus, .tribe-theme-enfold .tribe-events .datepicker .year.active.focused { color: #FFFFFF; background: #334AFF; } /* ----------------------------------------------------------------------------- * Theme Overrides - Avada * ----------------------------------------------------------------------------- */ .tribe-theme-avada .tribe-events .datepicker { border: 1px solid #D5D5D5; border-radius: 4px; } .tribe-theme-avada .tribe-events .datepicker tbody td { border: 0; } .tribe-theme-avada .tribe-events .datepicker .datepicker-switch, .tribe-theme-avada .tribe-events .datepicker .prev, .tribe-theme-avada .tribe-events .datepicker .next { background-color: #FFFFFF; } .tribe-theme-avada .tribe-events .datepicker .datepicker-switch:hover, .tribe-theme-avada .tribe-events .datepicker .prev:hover, .tribe-theme-avada .tribe-events .datepicker .next:hover { background-color: #FFFFFF; } .tribe-theme-avada .tribe-events .datepicker .day.old, .tribe-theme-avada .tribe-events .datepicker .day.new { background-color: transparent !important; color: #141827 !important; } .tribe-theme-avada .tribe-events .datepicker .day.old:hover, .tribe-theme-avada .tribe-events .datepicker .day.old:focus, .tribe-theme-avada .tribe-events .datepicker .day.old.focused, .tribe-theme-avada .tribe-events .datepicker .day.new:hover, .tribe-theme-avada .tribe-events .datepicker .day.new:focus, .tribe-theme-avada .tribe-events .datepicker .day.new.focused { background: #F7F6F6 !important; } .tribe-theme-avada .tribe-events .datepicker .day, .tribe-theme-avada .tribe-events .datepicker .month { background-color: transparent; color: #141827; } .tribe-theme-avada .tribe-events .datepicker .day:hover, .tribe-theme-avada .tribe-events .datepicker .day:focus, .tribe-theme-avada .tribe-events .datepicker .day.focused, .tribe-theme-avada .tribe-events .datepicker .month:hover, .tribe-theme-avada .tribe-events .datepicker .month:focus, .tribe-theme-avada .tribe-events .datepicker .month.focused { background: #F7F6F6; } .tribe-theme-avada .tribe-events .datepicker .day.past, .tribe-theme-avada .tribe-events .datepicker .month.past { color: rgba(20,24,39, 0.62) !important; } .tribe-theme-avada .tribe-events .datepicker .day.current, .tribe-theme-avada .tribe-events .datepicker .month.current { background: rgba(51,74,255, 0.07); } .tribe-theme-avada .tribe-events .datepicker .day.current:hover, .tribe-theme-avada .tribe-events .datepicker .day.current:focus, .tribe-theme-avada .tribe-events .datepicker .day.current.focused, .tribe-theme-avada .tribe-events .datepicker .month.current:hover, .tribe-theme-avada .tribe-events .datepicker .month.current:focus, .tribe-theme-avada .tribe-events .datepicker .month.current.focused { background: rgba(51,74,255, 0.07); } .tribe-theme-avada .tribe-events .datepicker .day.active, .tribe-theme-avada .tribe-events .datepicker .month.active { color: #FFFFFF !important; background: #334AFF !important; } .tribe-theme-avada .tribe-events .datepicker .day.active:hover, .tribe-theme-avada .tribe-events .datepicker .day.active:focus, .tribe-theme-avada .tribe-events .datepicker .day.active.focused, .tribe-theme-avada .tribe-events .datepicker .month.active:hover, .tribe-theme-avada .tribe-events .datepicker .month.active:focus, .tribe-theme-avada .tribe-events .datepicker .month.active.focused { color: #FFFFFF !important; background: #334AFF !important; } /* Day marker */ /* ----------------------------------------------------------------------------- * * Day Marker * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-day-marker:after { background-color: #D5D5D5; content: ''; display: block; -webkit-box-flex: 1; flex: auto; height: 1px; margin-left: 20px; } /* Events bar */ /* ----------------------------------------------------------------------------- * * Events Bar * * ----------------------------------------------------------------------------- */ .tribe-events { /* ----------------------------------------------------------------------------- * * Events Bar: Theme Overrides * * ----------------------------------------------------------------------------- */ } .tribe-events .tribe-events-c-events-bar { background-color: #FFFFFF; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border { border: 1px solid #E4E4E4; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__filters { border-right: 1px solid #E4E4E4; } .tribe-events .tribe-events-c-events-bar__search-button:hover .tribe-events-c-events-bar__search-button-icon, .tribe-events .tribe-events-c-events-bar__search-button:focus .tribe-events-c-events-bar__search-button-icon { opacity: 0.8; } .tribe-events .tribe-events-c-events-bar__search-button:active .tribe-events-c-events-bar__search-button-icon { opacity: 0.9; } .tribe-events .tribe-events-c-events-bar__search-button:before { background-color: #334AFF; content: ''; display: none; height: 2px; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translateY(4px); transform: translateY(4px); width: calc(100% - 8px); } .tribe-events .tribe-events-c-events-bar__search-button--active:before { display: block; } .tribe-events .tribe-events-c-events-bar__tab { border-radius: 4px; } .tribe-events .tribe-events-c-events-bar__tab:hover .tribe-events-c-events-bar__tab-text, .tribe-events .tribe-events-c-events-bar__tab:focus .tribe-events-c-events-bar__tab-text, .tribe-events .tribe-events-c-events-bar__tab:active .tribe-events-c-events-bar__tab-text { font-weight: 700; } .tribe-events .tribe-events-c-events-bar__tab--active { background-color: #F7F6F6; } .tribe-events .tribe-events-c-events-bar__tab--active:hover, .tribe-events .tribe-events-c-events-bar__tab--active:focus { background-color: #F7F6F6; } .tribe-events .tribe-events-c-events-bar__tab--active .tribe-events-c-events-bar__tab-text { font-weight: 700; } /* ----------------------------------------------------------------------------- * Theme Overrides - Twenty Seventeen * ----------------------------------------------------------------------------- */ .tribe-theme-twentyseventeen .tribe-events .tribe-events-c-events-bar__tab--active { background-color: #F7F6F6; } .tribe-theme-twentyseventeen .tribe-events .tribe-events-c-events-bar__tab--active:hover, .tribe-theme-twentyseventeen .tribe-events .tribe-events-c-events-bar__tab--active:focus { background-color: #F7F6F6; } /* iCal link */ /* ----------------------------------------------------------------------------- * * iCal Link * * ----------------------------------------------------------------------------- */ /* Loader */ /* ----------------------------------------------------------------------------- * * Loader * * ----------------------------------------------------------------------------- */ /* Messages */ /* ----------------------------------------------------------------------------- * * Messages * * Example: *
*
* *
*
* * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-messages__message { background-color: rgba(20,24,39, 0.07); border-radius: 4px; } .tribe-events .tribe-events-c-messages__message--notice:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 23'%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23141827' d='M.5 2.5h20v20H.5z'/%3E%3Cpath stroke='%23334AFF' stroke-linecap='round' d='M7.58333333 11.58333333l5.83333334 5.83333334m0-5.83333334l-5.83333334 5.83333334'/%3E%3Cpath stroke='%23141827' stroke-linecap='round' d='M4.5.5v4m12-4v4'/%3E%3Cpath stroke='%23141827' stroke-linecap='square' d='M.5 7.5h20'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 22px; display: inline-block; content: ''; min-width: 22px; height: 24px; margin-right: 12px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-messages__message-list { text-align: center; } /* Navigation */ /* ----------------------------------------------------------------------------- * * Navigation * * Example: * * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-nav { border-top: 1px solid #D5D5D5; } .tribe-events .tribe-events-c-nav__list { list-style: none; } .tribe-events .tribe-events-c-nav__prev-label-plural, .tribe-events .tribe-events-c-nav__next-label-plural { white-space: pre; } .tribe-events .tribe-events-c-nav__today:hover, .tribe-events .tribe-events-c-nav__today:focus { color: rgba(20,24,39, 0.8); } .tribe-events .tribe-events-c-nav__today:active { color: #141827; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next { color: #5D5D5D; } .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: rgba(20,24,39, 0.8); } .tribe-events .tribe-events-c-nav__prev:active, .tribe-events .tribe-events-c-nav__next:active { color: #141827; } .tribe-events .tribe-events-c-nav__prev:disabled, .tribe-events .tribe-events-c-nav__next:disabled { background-color: transparent; color: #D5D5D5; } .tribe-events .tribe-events-c-nav__prev:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.916 17.841L10 19.757l-9.9-9.9L10-.041l1.916 1.916-7.983 7.984z' fill='%23141827'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; height: 12px; margin-right: 8px; width: 7px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.916 17.841L10 19.757l-9.9-9.9L10-.041l1.916 1.916-7.983 7.984z' fill='%235D5D5D'/%3E%3C/svg%3E"); height: 14px; margin-right: 15px; width: 9px; } .tribe-events .tribe-events-c-nav__prev:hover:before, .tribe-events .tribe-events-c-nav__prev:focus:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.916 17.841L10 19.757l-9.9-9.9L10-.041l1.916 1.916-7.983 7.984z' fill='%23141827'/%3E%3C/svg%3E"); opacity: 0.8; } .tribe-events .tribe-events-c-nav__prev:active:before { opacity: 1; } .tribe-events .tribe-events-c-nav__prev:disabled:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.916 17.841L10 19.757l-9.9-9.9L10-.041l1.916 1.916-7.983 7.984z' fill='%23D5D5D5'/%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-nav__next:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23141827'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; height: 12px; margin-left: 8px; width: 7px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%235D5D5D'/%3E%3C/svg%3E"); height: 14px; margin-left: 15px; width: 9px; } .tribe-events .tribe-events-c-nav__next:hover:after, .tribe-events .tribe-events-c-nav__next:focus:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23141827'/%3E%3C/svg%3E"); opacity: 0.8; } .tribe-events .tribe-events-c-nav__next:active:after { opacity: 1; } .tribe-events .tribe-events-c-nav__next:disabled:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23D5D5D5'/%3E%3C/svg%3E"); } /* Promo */ /* ----------------------------------------------------------------------------- * * Promo * * ----------------------------------------------------------------------------- */ /* Read More */ /* ----------------------------------------------------------------------------- * * Read More * * ----------------------------------------------------------------------------- */ /* Small CTA */ /* ----------------------------------------------------------------------------- * * Small CTA (Tooltips - ET, ET+, RSVP) * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-small-cta__stock { color: #5D5D5D; } /* Search */ .tribe-events { /* ----------------------------------------------------------------------------- * * Search: Theme Overrides * * ----------------------------------------------------------------------------- */ } /* ----------------------------------------------------------------------------- * * Search * * Example: *
*
*
* * *
*
* * *
*
* * *
*
* *
* * ----------------------------------------------------------------------------- */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control { border-right: 1px solid #E4E4E4; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control:last-child { border-right: 0; } .tribe-events .tribe-events-c-search__input--icon { background-repeat: no-repeat; background-position: right center; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input--icon { background-position: 16px center; } .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%235D5D5D'/%3E%3C/svg%3E"); background-size: 16px; } .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:focus { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%23334AFF'/%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-search__input-control--keyword-focus .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%23334AFF'/%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-search__input-control--location .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.682 1.548a5.166 5.166 0 0 0-7.375 0C-3.073 5.984 4.959 15.36 4.994 15.36c.051-.001 8.092-9.35 3.688-13.812zM4.994 2.833c1.27 0 2.301 1.043 2.301 2.331 0 1.287-1.03 2.33-2.301 2.33-1.272 0-2.3-1.043-2.3-2.33 0-1.288 1.028-2.331 2.3-2.331z' fill='%235D5D5D' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 10px 15px; } .tribe-events .tribe-events-c-search__input-control--location .tribe-events-c-search__input:focus { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.682 1.548a5.166 5.166 0 0 0-7.375 0C-3.073 5.984 4.959 15.36 4.994 15.36c.051-.001 8.092-9.35 3.688-13.812zM4.994 2.833c1.27 0 2.301 1.043 2.301 2.331 0 1.287-1.03 2.33-2.301 2.33-1.272 0-2.3-1.043-2.3-2.33 0-1.288 1.028-2.331 2.3-2.331z' fill='%23334AFF' fill-rule='evenodd'/%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-search__input-control--location-focus .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.682 1.548a5.166 5.166 0 0 0-7.375 0C-3.073 5.984 4.959 15.36 4.994 15.36c.051-.001 8.092-9.35 3.688-13.812zM4.994 2.833c1.27 0 2.301 1.043 2.301 2.331 0 1.287-1.03 2.33-2.301 2.33-1.272 0-2.3-1.043-2.3-2.33 0-1.288 1.028-2.331 2.3-2.331z' fill='%23334AFF' fill-rule='evenodd'/%3E%3C/svg%3E"); } /* ----------------------------------------------------------------------------- * Theme Overrides - Enfold * ----------------------------------------------------------------------------- */ #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input--icon { background-repeat: no-repeat; background-position: right center; } #top.tribe-theme-enfold .tribe-events.tribe-common--breakpoint-medium .tribe-events-c-search__input--icon { background-position: 16px center; } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%235D5D5D'/%3E%3C/svg%3E"); background-size: 16px; } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input:focus { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%23334AFF'/%3E%3C/svg%3E"); } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input-control--keyword-focus .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 18.711l-6.044-6.044a7.782 7.782 0 0 0 1.688-4.845c0-2.089-.822-4.044-2.288-5.533C11.866.822 9.91 0 7.822 0S3.778.822 2.29 2.289A7.801 7.801 0 0 0 0 7.822c0 2.09.822 4.045 2.289 5.534a7.801 7.801 0 0 0 5.533 2.288c1.778 0 3.467-.6 4.845-1.688L18.71 20 20 18.711zM3.578 12.067c-2.334-2.334-2.334-6.156 0-8.49a5.968 5.968 0 0 1 4.244-1.755c1.6 0 3.111.622 4.245 1.756 2.333 2.333 2.333 6.155 0 8.489a5.968 5.968 0 0 1-4.245 1.755c-1.6 0-3.11-.622-4.244-1.755z' fill='%23334AFF'/%3E%3C/svg%3E"); } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input-control--location .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.682 1.548a5.166 5.166 0 0 0-7.375 0C-3.073 5.984 4.959 15.36 4.994 15.36c.051-.001 8.092-9.35 3.688-13.812zM4.994 2.833c1.27 0 2.301 1.043 2.301 2.331 0 1.287-1.03 2.33-2.301 2.33-1.272 0-2.3-1.043-2.3-2.33 0-1.288 1.028-2.331 2.3-2.331z' fill='%235D5D5D' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 10px 15px; } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input-control--location .tribe-events-c-search__input:focus { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.682 1.548a5.166 5.166 0 0 0-7.375 0C-3.073 5.984 4.959 15.36 4.994 15.36c.051-.001 8.092-9.35 3.688-13.812zM4.994 2.833c1.27 0 2.301 1.043 2.301 2.331 0 1.287-1.03 2.33-2.301 2.33-1.272 0-2.3-1.043-2.3-2.33 0-1.288 1.028-2.331 2.3-2.331z' fill='%23334AFF' fill-rule='evenodd'/%3E%3C/svg%3E"); } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input-control--location-focus .tribe-events-c-search__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.682 1.548a5.166 5.166 0 0 0-7.375 0C-3.073 5.984 4.959 15.36 4.994 15.36c.051-.001 8.092-9.35 3.688-13.812zM4.994 2.833c1.27 0 2.301 1.043 2.301 2.331 0 1.287-1.03 2.33-2.301 2.33-1.272 0-2.3-1.043-2.3-2.33 0-1.288 1.028-2.331 2.3-2.331z' fill='%23334AFF' fill-rule='evenodd'/%3E%3C/svg%3E"); } /* Tooltip */ /* ----------------------------------------------------------------------------- * * Tooltip * * ----------------------------------------------------------------------------- */ /* Defining our tooltipster theme. */ .tooltipster-base.tribe-events-tooltip-theme { background-color: #FFFFFF; border: 1px solid #D5D5D5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0, 0.14); } .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: #141827; overflow: inherit; } /* Top bar */ /* ----------------------------------------------------------------------------- * * Top Bar * * ----------------------------------------------------------------------------- */ .tribe-events { /* ----------------------------------------------------------------------------- * * Top Bar: Theme Overrides * * ----------------------------------------------------------------------------- */ } .tribe-events .tribe-events-c-top-bar__datepicker-button { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .tribe-events .tribe-events-c-top-bar__datepicker-button:hover, .tribe-events .tribe-events-c-top-bar__datepicker-button:focus { opacity: 0.8; } .tribe-events .tribe-events-c-top-bar__datepicker-button:active { opacity: 0.9; } .tribe-events .tribe-events-c-top-bar__datepicker-button:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21.85L6 5.64 10.79.85 11.94 2 6 7.94.06 2z' fill='%23141827' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; display: block; margin-left: 8px; height: 6px; width: 10px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-button:after { height: 7px; width: 12px; } .tribe-events .tribe-events-c-top-bar__datepicker-button--open:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21 7.15L6 2.36l4.79 4.79L11.94 6 6 .06.06 6z' fill='%23141827' fill-rule='nonzero'/%3E%3C/svg%3E"); } /* View Selector */ /* ----------------------------------------------------------------------------- * * View Selector * * Example (Select): *
* * *
* * Example (Tabs): *
* ... (same as above) *
* * ----------------------------------------------------------------------------- */ .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:before { content: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21.85L6 5.64 10.79.85 11.94 2 6 7.94.06 2z' fill='%23141827' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; display: block; -webkit-box-flex: 0; flex: none; height: 6px; margin-left: 8px; width: 10px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button--active:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.21 7.15L6 2.36l4.79 4.79L11.94 6 6 .06.06 6z' fill='%23141827' fill-rule='nonzero'/%3E%3C/svg%3E"); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__button-text { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.62; font-weight: 400; font-weight: 700; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--labels .tribe-events-c-view-selector__content { box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.14); } .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 { background-color: transparent; } .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: #141827; bottom: -1px; content: ''; display: block; height: 2px; position: absolute; width: 100%; } .tribe-events .tribe-events-c-view-selector__button { text-align: left; } .tribe-events .tribe-events-c-view-selector__button:hover .tribe-events-c-view-selector__button-icon, .tribe-events .tribe-events-c-view-selector__button:focus .tribe-events-c-view-selector__button-icon { opacity: 0.8; } .tribe-events .tribe-events-c-view-selector__button:active .tribe-events-c-view-selector__button-icon { opacity: 0.9; } .tribe-events .tribe-events-c-view-selector__button:before { background-color: #334AFF; content: ''; display: none; height: 2px; pointer-events: none; position: absolute; top: 100%; -webkit-transform: translateY(4px); transform: translateY(4px); width: calc(100% - 8px); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__button:before { width: calc(100% - 16px); -webkit-transform: none; transform: none; } .tribe-events .tribe-events-c-view-selector__button--active:before { display: block; } .tribe-events .tribe-events-c-view-selector__content { border: 1px solid #E4E4E4; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0, 0.14); } .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link { background-color: #F7F6F6; } .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text { font-weight: 700; } .tribe-events .tribe-events-c-view-selector__list-item-link { border-radius: 4px; } .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: 0.8; } .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: rgba(20,24,39, 0.8); } .tribe-events .tribe-events-c-view-selector__list-item-text { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.62; font-weight: 400; } /* 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 {} */ /* List */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ /* ----------------------------------------------------------------------------- * Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after { background-color: #334AFF; content: ''; height: 100%; right: calc(100% - 3px); position: absolute; width: 3px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after { right: -1px; width: 4px; } .tribe-events .tribe-events-calendar-list__event-venue { font-style: normal; } .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; color: #5D5D5D; text-transform: uppercase; } .tribe-events .tribe-events-calendar-list__event-featured-image-link { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .tribe-events .tribe-events-calendar-list__event-featured-image-link:hover, .tribe-events .tribe-events-calendar-list__event-featured-image-link:focus { opacity: 0.8; } .tribe-events .tribe-events-calendar-list__event-featured-image-link:active { opacity: 0.9; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text { color: #334AFF; font-weight: 700; } .tribe-events .tribe-events-calendar-list__event-datetime-recurring-link:hover .tribe-events-calendar-list__event-datetime-recurring-icon, .tribe-events .tribe-events-calendar-list__event-datetime-recurring-link:focus .tribe-events-calendar-list__event-datetime-recurring-icon { background-image: 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.3C3.753 4.717 1.66 7 1.66 9.827c0 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.913c.099.109.158.239.198.37 0 .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' fill='%23334AFF'/%3E%3C/svg%3E"); } /* ----------------------------------------------------------------------------- * Month Separator * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-list__month-separator:after { background-color: #D5D5D5; content: ''; display: block; -webkit-box-flex: 1; flex: auto; height: 1px; margin-left: 20px; } /* ----------------------------------------------------------------------------- * Nav * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-list-nav { border-top: 1px solid #D5D5D5; } /* Month */ /** * The Events Calendar Tribe Month View V2 Stylesheet * * @package TribeEventsCalendar * */ /* .tribe-events { */ /* ----------------------------------------------------------------------------- * Calendar * ----------------------------------------------------------------------------- */ /* } */ /* .tribe-events { */ /* ----------------------------------------------------------------------------- * Calendar Body * ----------------------------------------------------------------------------- */ /* } */ /* ----------------------------------------------------------------------------- * Calendar Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event { opacity: 0.5; } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .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: 0.8; } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-link:active { opacity: 0.9; } .tribe-events .tribe-events-calendar-month__calendar-event-datetime { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; color: #5D5D5D; } .tribe-events .tribe-events-calendar-month__calendar-event--featured:before { background-color: #334AFF; content: ''; height: 100%; left: 7px; position: absolute; width: 2px; } .tribe-events .tribe-events-calendar-month__calendar-event--featured:last-child:before { height: calc(100% - 16px); } .tribe-events .tribe-events-calendar-month__calendar-event-datetime-recurring-link:hover .tribe-events-calendar-month__calendar-event-datetime-recurring-icon, .tribe-events .tribe-events-calendar-month__calendar-event-datetime-recurring-link:focus .tribe-events-calendar-month__calendar-event-datetime-recurring-icon { background-image: 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.3C3.753 4.717 1.66 7 1.66 9.827c0 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.913c.099.109.158.239.198.37 0 .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' fill='%23334AFF'/%3E%3C/svg%3E"); } /* ----------------------------------------------------------------------------- * Calendar Event Tooltip * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .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: 0.8; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-link:active { opacity: 0.9; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-link:hover .tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-icon, .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-link:focus .tribe-events-calendar-month__calendar-event-tooltip-datetime-recurring-icon { background-image: 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.3C3.753 4.717 1.66 7 1.66 9.827c0 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.913c.099.109.158.239.198.37 0 .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' fill='%23334AFF'/%3E%3C/svg%3E"); } /* ----------------------------------------------------------------------------- * Calendar Header * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__header-column { text-transform: uppercase; } .tribe-events .tribe-events-calendar-month__header-column-title { color: #5D5D5D; text-align: center; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title { text-align: left; } .tribe-events { /* ----------------------------------------------------------------------------- * Day: Theme Overrides * ----------------------------------------------------------------------------- */ } /* ----------------------------------------------------------------------------- * Day * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__day { border-radius: 4px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day { border-radius: 0; } .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; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; width: calc(100% + 2px); } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after { background-color: #141827; } .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: #334AFF; font-weight: 700; } .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: rgba(51,74,255, 0.8); } .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:active { color: rgba(51,74,255, 0.9); } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date { opacity: 0.4; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event { background-color: #141827; opacity: 0.5; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--featured { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v20l-7.902-5.122L0 20z' fill='%23141827'/%3E%3C/svg%3E"); opacity: 0.5; } .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover, .tribe-events .tribe-events-calendar-month__day-cell--mobile:focus { background-color: #F7F6F6; } .tribe-events .tribe-events-calendar-month__day-cell--selected { background-color: #334AFF; } .tribe-events .tribe-events-calendar-month__day-cell--selected:hover, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus { background-color: #334AFF; } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date { color: #FFFFFF; opacity: 1; } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event { background-color: #FFFFFF; opacity: 1; } .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--featured { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v20l-7.902-5.122L0 20z' fill='%23FFFFFF'/%3E%3C/svg%3E"); opacity: 1; } .tribe-events .tribe-events-calendar-month__day-date-link { color: #141827; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .tribe-events .tribe-events-calendar-month__day-date-link:hover, .tribe-events .tribe-events-calendar-month__day-date-link:focus { color: rgba(20,24,39, 0.8); } .tribe-events .tribe-events-calendar-month__day-date-link:active { color: rgba(20,24,39, 0.9); } .tribe-events .tribe-events-calendar-month__mobile-events-icon--event { background-color: #334AFF; } .tribe-events .tribe-events-calendar-month__mobile-events-icon--featured { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v20l-7.902-5.122L0 20z' fill='%23334AFF'/%3E%3C/svg%3E"); } /* ------------------------------------------------------------------------- * Theme Overrides - Twenty Seventeen * ------------------------------------------------------------------------- */ .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:hover, .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:focus { color: rgba(51,74,255, 0.8); } .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:active { color: rgba(51,74,255, 0.9); } .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day-cell--selected:hover, .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day-cell--selected:focus { background-color: #334AFF; } .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day-date-link:hover, .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day-date-link:focus { color: rgba(20,24,39, 0.8); } .tribe-theme-twentyseventeen .tribe-events .tribe-events-calendar-month__day-date-link:active { color: rgba(20,24,39, 0.9); } /* ------------------------------------------------------------------------- * Theme Overrides - Twenty Twenty * ------------------------------------------------------------------------- */ .tribe-theme-twentytwenty .tribe-events .tribe-events-calendar-month__day-cell--selected { background-color: #334AFF; } /* ----------------------------------------------------------------------------- * Theme Overrides - Avada * ----------------------------------------------------------------------------- */ .tribe-theme-avada #main .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date { color: #FFFFFF; } /* ----------------------------------------------------------------------------- * Mobile Events * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event + .tribe-events-calendar-month-mobile-events__mobile-event { border-top: 1px solid #D5D5D5; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime { color: #5D5D5D; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-featured-text { color: #334AFF; font-weight: 700; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-link:hover .tribe-events-calendar-month-mobile-events__mobile-event-datetime-icon, .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring-link:focus .tribe-events-calendar-month-mobile-events__mobile-event-datetime-icon { background-image: 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.3C3.753 4.717 1.66 7 1.66 9.827c0 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.913c.099.109.158.239.198.37 0 .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' fill='%23334AFF'/%3E%3C/svg%3E"); } /* ----------------------------------------------------------------------------- * More Events * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__more-events { border-top: 1px solid #E4E4E4; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__more-events-link { opacity: 0.5; } /* ----------------------------------------------------------------------------- * Multiday Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__multiday-event--start .tribe-events-calendar-month__multiday-event-bar { border-top-left-radius: 9.5px; border-bottom-left-radius: 9.5px; } .tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar { border-top-right-radius: 9.5px; border-bottom-right-radius: 9.5px; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner { background-color: rgba(51,74,255, 0.24); -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:focus { background-color: rgba(51,74,255, 0.34); } .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--focus, .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover { background-color: rgba(51,74,255, 0.34); } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner { background-color: #F7F6F6; } .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: #F0EEEE; } .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: #F0EEEE; } .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.5; } .tribe-events .tribe-events-calendar-month__multiday-event-bar-title { font-weight: 400; text-overflow: ellipsis; } /* ----------------------------------------------------------------------------- * Theme Overrides - Avada * ----------------------------------------------------------------------------- */ .tribe-theme-avada #main .tribe-events .tribe-events-calendar-month__multiday-event-bar-title { font-weight: 400; } /* .tribe-events { */ /* ----------------------------------------------------------------------------- * Nav * ----------------------------------------------------------------------------- */ /* } */ /* Day */ /** * The Events Calendar Tribe Day V2 Stylesheet * * @package TribeEventsCalendar * */ /* ----------------------------------------------------------------------------- * Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day__event--featured { position: relative; } .tribe-events .tribe-events-calendar-day__event--featured:after { background-color: #334AFF; content: ''; height: 100%; left: 21px; position: absolute; width: 3px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event--featured:after { left: calc(11.111% - 24px); width: 4px; } .tribe-events .tribe-events-calendar-day__event-venue { font-style: normal; } .tribe-events .tribe-events-calendar-day__event-featured-image-link { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .tribe-events .tribe-events-calendar-day__event-featured-image-link:hover, .tribe-events .tribe-events-calendar-day__event-featured-image-link:focus { opacity: 0.8; } .tribe-events .tribe-events-calendar-day__event-featured-image-link:active { opacity: 0.9; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-featured-text { color: #334AFF; font-weight: 700; } .tribe-events .tribe-events-calendar-day__event-datetime-recurring-link:hover .tribe-events-calendar-day__event-datetime-recurring-icon, .tribe-events .tribe-events-calendar-day__event-datetime-recurring-link:focus .tribe-events-calendar-day__event-datetime-recurring-icon { background-image: 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.3C3.753 4.717 1.66 7 1.66 9.827c0 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.913c.099.109.158.239.198.37 0 .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' fill='%23334AFF'/%3E%3C/svg%3E"); } /* ----------------------------------------------------------------------------- * Nav * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day-nav { border-top: 1px solid #D5D5D5; } /* ----------------------------------------------------------------------------- * Time separator * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day__time-separator:after { background-color: #D5D5D5; content: ''; display: block; -webkit-box-flex: 1; flex: auto; height: 1px; margin-left: 20px; } /* ----------------------------------------------------------------------------- * Type separator * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day__type-separator:after { background-color: #D5D5D5; content: ''; display: block; -webkit-box-flex: 1; flex: auto; height: 1px; margin-left: 20px; }