/** * 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 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 * ----------------------------------------------------------------------------- */ } :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 - Day * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * * View: Events View * * ----------------------------------------------------------------------------- */ .tribe-events-view { position: relative; } /* ----------------------------------------------------------------------------- * * Layout: Events Content Container * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-l-container { padding-bottom: 80px; padding-top: 64px; } /* Components */ /* ----------------------------------------------------------------------------- * * Components * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Datepicker */ /* ----------------------------------------------------------------------------- * * Datepicker * * ----------------------------------------------------------------------------- */ .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); margin-top: 8px; padding: 0 16px 16px; } .tribe-events .datepicker:before, .tribe-events .datepicker:after { content: none; } .tribe-events .datepicker table { border-collapse: collapse; } .tribe-events .datepicker .datepicker-switch, .tribe-events .datepicker .prev, .tribe-events .datepicker .next { padding: 20px 0; } .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 .prev .tribe-common-svgicon, .tribe-events .datepicker .next .tribe-common-svgicon { display: block; height: 14px; width: 9px; } .tribe-events .datepicker .prev:hover .tribe-common-svgicon, .tribe-events .datepicker .prev:focus .tribe-common-svgicon, .tribe-events .datepicker .prev:active .tribe-common-svgicon { 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"); } .tribe-events .datepicker .prev .tribe-common-svgicon { 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='%23BABABA'/%3E%3C/svg%3E"); margin-right: auto; } .tribe-events .datepicker .next:hover .tribe-common-svgicon, .tribe-events .datepicker .next:focus .tribe-common-svgicon, .tribe-events .datepicker .next:active .tribe-common-svgicon { 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"); } .tribe-events .datepicker .next .tribe-common-svgicon { 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='%23BABABA'/%3E%3C/svg%3E"); margin-left: auto; } .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: 20px 0 8px; } .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; padding: 0; width: 14.285%; } .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; padding: 11px 0; width: 48px; } /* this is a hack to max out the day width to the container, not exactly 48px */ .tribe-events .datepicker .day.old { color: #D5D5D5; } .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; height: auto; margin: 0; padding: 15px 0; width: 25%; } .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.active, .tribe-events .datepicker .month.active, .tribe-events .datepicker .year.active { color: #FFFFFF; background: #334AFF; } .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; } .tribe-events.tribe-events-view--week .datepicker tbody tr.active { position: relative; } .tribe-events.tribe-events-view--week .datepicker tbody tr.active:after { border: 1px solid #334AFF; border-radius: 4px; content: ''; display: block; height: 47px; left: 16px; pointer-events: none; position: absolute; -webkit-transform: translateY(-1px); transform: translateY(-1px); width: calc(100% - 34px); /* 16px left padding + 16px right padding + 1px left border + 1px right border */ } .tribe-events.tribe-events-view--week .datepicker .day { border-radius: 0; } .tribe-events.tribe-events-view--week .datepicker .day:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .tribe-events.tribe-events-view--week .datepicker .day:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .tribe-events.tribe-events-view--week .datepicker .day.active { color: #141827; background: transparent; } .tribe-events.tribe-events-view--week .datepicker .day.active:hover { background: transparent; } .tribe-events.tribe-events-view--week .datepicker .day.disabled { color: #141827; cursor: pointer; } .tribe-events.tribe-events-view--week .datepicker .day.disabled:hover, .tribe-events.tribe-events-view--week .datepicker .day.disabled:focus, .tribe-events.tribe-events-view--week .datepicker .day.disabled.focused { color: #141827; } .tribe-events.tribe-events-view--week .datepicker .day.old { color: #D5D5D5; } .tribe-events.tribe-events-view--week .datepicker .day.old:hover, .tribe-events.tribe-events-view--week .datepicker .day.old:focus, .tribe-events.tribe-events-view--week .datepicker .day.old.focused { color: #D5D5D5; } .tribe-events.tribe-events-view--week .datepicker .hovered .day, .tribe-events.tribe-events-view--week .datepicker .focused .day { background: #F7F6F6; } .tribe-events.tribe-events-view--week .datepicker .hovered .day:hover, .tribe-events.tribe-events-view--week .datepicker .focused .day:hover { background: #F7F6F6; } /* ----------------------------------------------------------------------------- * Theme Overrides - Divi * ----------------------------------------------------------------------------- */ .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-switch, .tribe-theme-divi #content-area .tribe-events .datepicker .prev, .tribe-theme-divi #content-area .tribe-events .datepicker .next { padding: 20px 0; } .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-months .datepicker-switch, .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-months .prev, .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-months .next, .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-years .datepicker-switch, .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-years .prev, .tribe-theme-divi #content-area .tribe-events .datepicker .datepicker-years .next { padding: 20px 0 8px; } .tribe-theme-divi #content-area .tribe-events .datepicker .dow { padding: 0; } .tribe-theme-divi #content-area .tribe-events .datepicker .day { padding: 11px 0; } /* ----------------------------------------------------------------------------- * 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); min-width: 0; padding: 0 16px 16px; } .tribe-theme-enfold .tribe-events .datepicker .datepicker-switch { color: #141827 !important; cursor: pointer !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.old { color: #D5D5D5; } .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.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; } /* ----------------------------------------------------------------------------- * * Datepicker: Theme Overrides * * ----------------------------------------------------------------------------- */ .tribe-theme-enfold .tribe-events.tribe-events-view--week .datepicker .day.active { color: #141827; background: transparent; } .tribe-theme-enfold .tribe-events.tribe-events-view--week .datepicker .day.active:hover { background: transparent; } .tribe-theme-enfold .tribe-events.tribe-events-view--week .datepicker .hovered .day, .tribe-theme-enfold .tribe-events.tribe-events-view--week .datepicker .focused .day { background: #F7F6F6; } .tribe-theme-enfold .tribe-events.tribe-events-view--week .datepicker .hovered .day:hover, .tribe-theme-enfold .tribe-events.tribe-events-view--week .datepicker .focused .day:hover { background: #F7F6F6; } /* ----------------------------------------------------------------------------- * Theme Overrides - Avada * ----------------------------------------------------------------------------- */ .tribe-theme-avada .tribe-events .datepicker { border: 1px solid #D5D5D5; border-radius: 4px; padding: 0 16px 16px; } .tribe-theme-avada .tribe-events .datepicker tbody td { border: 0; } .tribe-theme-avada .tribe-events .datepicker .datepicker-months td { padding: 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; } .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.old { color: #D5D5D5 !important; } .tribe-theme-avada .tribe-events .datepicker .day.new { color: #141827 !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.active, .tribe-theme-avada .tribe-events .datepicker .month.active { color: #FFFFFF; background: #334AFF; } .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; background: #334AFF; } .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .day.active { color: #141827; background: transparent; } .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .day.active:hover { background: transparent; } .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .hovered .day, .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .focused .day { background: #F7F6F6; } .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .hovered .day:hover, .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .focused .day:hover { background: #F7F6F6; } .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .hovered .day.old, .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .hovered .day.new, .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .focused .day.old, .tribe-theme-avada .tribe-events.tribe-events-view--week .datepicker .focused .day.new { background-color: #F7F6F6 !important; } /* Day marker */ /* ----------------------------------------------------------------------------- * * Day Marker * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-day-marker { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; } .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; } .tribe-events .tribe-events-c-day-marker__date { -webkit-box-flex: 0; flex: none; } /* Events bar */ /* ----------------------------------------------------------------------------- * * Events Bar * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-events-bar { background-color: #FFFFFF; display: -webkit-box; display: flex; } .tribe-events .tribe-events-c-events-bar__views { display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: none; -webkit-box-pack: center; justify-content: center; } .tribe-events .tribe-events-c-events-bar__search-filters-container { background-color: #FFFFFF; display: none; left: 0; padding: 12px 21px; position: absolute; right: 0; top: calc(100% - 12px); z-index: 30; } .tribe-events .tribe-events-c-events-bar__search-form { width: 100%; } .tribe-events .tribe-events-c-events-bar__filters { display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: none; -webkit-box-pack: end; justify-content: flex-end; margin-right: -12px; } .tribe-events .tribe-events-c-events-bar__filters-button { display: none !important; visibility: hidden; } .tribe-events .tribe-events-c-events-bar__search-button { display: inline-block; margin-right: 8px; padding: 4px; position: relative; } .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__search-button-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='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='%23141827'/%3E%3C/svg%3E"); display: block; height: 21px; width: 21px; } .tribe-events .tribe-events-c-events-bar__search-button-icon--filter { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='22'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23141827' fill-rule='nonzero' d='M30.128 21.41c.22.221.554.247.743.058l.6-.6c.19-.189.163-.524-.057-.744l-6.557-6.557c-.55-.55-1.83.743-1.278 1.295l6.549 6.549z'/%3E%3Ccircle cx='18.777' cy='8.777' r='7.564' stroke='%23141827' stroke-width='1.5' transform='rotate(4 18.777 8.777)'/%3E%3Cpath fill='%23141827' fill-rule='nonzero' d='M7.442 9.533C7.75 9.533 8 9.293 8 9v-.467A.547.547 0 0 0 7.442 8H.558A.547.547 0 0 0 0 8.533V9c0 .293.25.533.558.533h6.884zM9.533 2.5c.257 0 .467-.24.467-.533v-.434C10 1.24 9.79 1 9.533 1H.467C.21 1 0 1.24 0 1.533v.434c0 .293.21.533.467.533h9.066zM.535 16.533h3.93c.294 0 .535-.24.535-.533v-.467A.536.536 0 0 0 4.465 15H.535a.536.536 0 0 0-.535.533V16c0 .293.24.533.535.533z'/%3E%3C/g%3E%3C/svg%3E"); width: 31px; } .tribe-events .tribe-events-c-events-bar__search-button-icon--filter + .tribe-events-c-events-bar__search-button-icon { display: none !important; visibility: hidden; } .tribe-events .tribe-events-c-events-bar__tabs { display: -webkit-box; display: flex; padding-bottom: 12px; } .tribe-events .tribe-events-c-events-bar__tab { -webkit-box-align: center; align-items: center; border-radius: 4px; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 1 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0 4px; padding: 16px 0; } .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:hover .tribe-common-svgicon--search, .tribe-events .tribe-events-c-events-bar__tab:focus .tribe-common-svgicon--search, .tribe-events .tribe-events-c-events-bar__tab:active .tribe-common-svgicon--search { 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='%23141827'/%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-events-bar__tab:hover .tribe-common-svgicon--filters, .tribe-events .tribe-events-c-events-bar__tab:focus .tribe-common-svgicon--filters, .tribe-events .tribe-events-c-events-bar__tab:active .tribe-common-svgicon--filters { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Cpath d='M3 3V0M3 15v-2' stroke='%23141827'/%3E%3Ccircle cx='3' cy='9' r='3' stroke='%23141827'/%3E%3Cpath d='M12 9v6' stroke='%23141827'/%3E%3Ccircle cx='12' cy='3' r='3' transform='matrix(1 0 0 -1 0 6)' stroke='%23141827'/%3E%3C/g%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-events-bar__tab:first-of-type { margin-left: 0; } .tribe-events .tribe-events-c-events-bar__tab:last-of-type { margin-right: 0; } .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; } .tribe-events .tribe-events-c-events-bar__tab--active .tribe-common-svgicon--search { 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='%23141827'/%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-events-bar__tab--active .tribe-common-svgicon--filters { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Cpath d='M3 3V0M3 15v-2' stroke='%23141827'/%3E%3Ccircle cx='3' cy='9' r='3' stroke='%23141827'/%3E%3Cpath d='M12 9v6' stroke='%23141827'/%3E%3Ccircle cx='12' cy='3' r='3' transform='matrix(1 0 0 -1 0 6)' stroke='%23141827'/%3E%3C/g%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-events-bar__tab-icon { height: 16px; margin-bottom: 4px; width: 16px; } /* Navigation */ /* ----------------------------------------------------------------------------- * * Navigation * * Example: * * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-nav { border-top: 1px solid #D5D5D5; padding-top: 20px; } .tribe-events .tribe-events-c-nav__list { display: -webkit-box; display: flex; list-style: none; width: 100%; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .tribe-events .tribe-events-c-nav__list-item { display: -webkit-box; display: flex; width: 33.33%; } .tribe-events .tribe-events-c-nav__list-item--prev { -webkit-box-pack: start; justify-content: flex-start; } .tribe-events .tribe-events-c-nav__list-item--next { -webkit-box-pack: end; justify-content: flex-end; } .tribe-events .tribe-events-c-nav__list-item--today { -webkit-box-pack: center; justify-content: center; } .tribe-events .tribe-events-c-nav__prev-label-plural, .tribe-events .tribe-events-c-nav__next-label-plural { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: pre; } .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, .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__prev:active, .tribe-events .tribe-events-c-nav__next:active, .tribe-events .tribe-events-c-nav__today:active { color: #141827; font-weight: 700; } .tribe-events .tribe-events-c-nav__prev, .tribe-events .tribe-events-c-nav__next { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: none; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; } .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-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-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"); } /* Small CTA */ /* ----------------------------------------------------------------------------- * * Small CTA (Tooltips - ET, ET+, RSVP) * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-small-cta__link { cursor: pointer; } .tribe-events .tribe-events-c-small-cta__price { color: #141827; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 12px; line-height: 1.38; font-weight: 400; padding-left: 10px; } /* Search */ .tribe-events { /* ----------------------------------------------------------------------------- * * Search: Theme Overrides * * ----------------------------------------------------------------------------- */ } /* ----------------------------------------------------------------------------- * * Search * * Example: *
*
*
* * *
*
* * *
*
* * *
*
* *
* * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-search__input--icon { background-repeat: no-repeat; background-position: right 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='%23727272'/%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='%23727272' 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"); } .tribe-events .tribe-events-c-search__button { margin-top: 24px; } /* ----------------------------------------------------------------------------- * 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-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='%23727272'/%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='%23727272' 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"); } /* ----------------------------------------------------------------------------- * Theme Overrides - Avada * ----------------------------------------------------------------------------- */ /* Tooltip */ /* ----------------------------------------------------------------------------- * * Tooltip * * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__calendar-event-tooltip { position: absolute; visibility: hidden; /* A11y purposes */ } /* 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); height: auto !important; padding: 24px; max-width: 254px; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-box .tooltipster-content { color: #141827; overflow: inherit; padding: 0; } .tooltipster-base.tribe-events-tooltip-theme .tooltipster-arrow { display: none; } /* Top bar */ /* ----------------------------------------------------------------------------- * * Top Bar * * ----------------------------------------------------------------------------- */ .tribe-events { /* ----------------------------------------------------------------------------- * * Top Bar: Theme Overrides * * ----------------------------------------------------------------------------- */ } .tribe-events .tribe-events-c-top-bar__nav { display: none !important; visibility: hidden; } .tribe-events .tribe-events-c-top-bar__nav-list { display: -webkit-box; display: flex; } .tribe-events .tribe-events-c-top-bar__nav-list-item { -webkit-box-flex: 0; flex: none; padding-right: 15px; } .tribe-events .tribe-events-c-top-bar__nav-link { display: block; } .tribe-events .tribe-events-c-top-bar__today-button { display: none !important; visibility: hidden; } .tribe-events .tribe-events-c-top-bar__datepicker { position: relative; } .tribe-events .tribe-events-c-top-bar__datepicker-button { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: none; -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-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"); } .tribe-events .tribe-events-c-top-bar__datepicker-container { bottom: 0; left: 0; max-width: calc(100% + 66px); /* mobile search and view selector buttons have 66px width */ position: absolute; width: 363px; } .tribe-events .tribe-events-c-top-bar__actions { display: none !important; visibility: hidden; } /* ----------------------------------------------------------------------------- * Theme Overrides - Enfold * ----------------------------------------------------------------------------- */ #top.tribe-theme-enfold .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; } /* ----------------------------------------------------------------------------- * Theme Overrides - Avada * ----------------------------------------------------------------------------- */ .tribe-theme-avada .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; } /* View Selector */ /* ----------------------------------------------------------------------------- * * View Selector * * Example (Select): *
* * *
* * Example (Tabs): *
* ... (same as above) *
* * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-c-view-selector { position: relative; width: 29px; } .tribe-events .tribe-events-c-view-selector__button { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; padding: 4px; position: relative; text-align: left; width: 100%; } .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-events .tribe-events-c-view-selector__button--active:before { display: block; } .tribe-events .tribe-events-c-view-selector__button-icon { display: block; height: 21px; width: 21px; } .tribe-events .tribe-events-c-view-selector__button-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tribe-events .tribe-events-c-view-selector__content { display: none; background-color: #FFFFFF; border: 1px solid #E4E4E4; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0, 0.14); padding: 12px 6px; position: absolute; right: 0; top: 100%; -webkit-transform: translateY(16px); transform: translateY(16px); z-index: 30; } /* .tribe-events-c-view-selector__list-item {} */ .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-c-view-selector__list {} */ .tribe-events .tribe-events-c-view-selector__list-item-link { -webkit-box-align: center; align-items: center; border-radius: 4px; display: -webkit-box; display: flex; padding: 8px 24px 8px 12px; } .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-icon { -webkit-box-flex: 0; flex: none; height: 18px; margin-right: 12px; width: 18px; } .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; -webkit-box-flex: 1; flex: auto; } /* Views */ /* ----------------------------------------------------------------------------- * * Views * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Loader for the Views Container */ .tribe-events .tribe-events-view-loader { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(255,255,255, 0.6); } .tribe-events .tribe-events-view-loader .tribe-events-view-loader__spinner { /* placeholder for when spinner is added */ } /* Header */ /** * The Events Calendar Tribe Header V2 Stylesheet * * @package TribeEventsCalendar * */ .tribe-events .tribe-events-header { -webkit-box-align: center; align-items: center; background-color: #FFFFFF; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: justify; justify-content: space-between; margin: 0 -21px; padding: 0 21px 16px; position: relative; } .tribe-events .tribe-events-header__events-bar { -webkit-box-flex: 0; flex: none; } .tribe-events .tribe-events-header__top-bar { -webkit-box-flex: 1; flex: auto; } /* List */ /** * The Events Calendar Tribe List View V2 Stylesheet * * @package TribeEventsCalendar * */ /* ----------------------------------------------------------------------------- * Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-list__event-row { margin-bottom: 24px; margin-top: 32px; } .tribe-events .tribe-events-calendar-list__event-row:last-child { margin-bottom: 40px; } .tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row { margin-top: 20px; } .tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after { background: #334AFF; content: ''; height: 100%; right: calc(100% - 3px); position: absolute; width: 3px; } .tribe-events .tribe-events-calendar-list__event-date-tag { -webkit-box-flex: 0; flex: none; width: 54px; position: relative; } .tribe-events .tribe-events-calendar-list__event-date-tag-datetime { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; text-align: center; } .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: #727272; margin-bottom: -4px; text-transform: uppercase; } .tribe-events .tribe-events-calendar-list__event-wrapper { -webkit-box-flex: 1; flex: 1; width: calc(75% + 21px); } .tribe-events .tribe-events-calendar-list__event { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper { -webkit-box-flex: 0; flex: none; margin-bottom: 16px; } .tribe-events .tribe-events-calendar-list__event-featured-image { padding-bottom: 56.25%; } .tribe-events .tribe-events-calendar-list__event-details { -webkit-box-flex: 0; flex: none; } .tribe-events .tribe-events-calendar-list__event-header > *:last-child { margin-bottom: 0; } .tribe-events .tribe-events-calendar-list__event-datetime-wrapper { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; margin-bottom: 8px; position: relative; } .tribe-events .tribe-events-calendar-list__event-datetime-featured-icon { margin-right: 8px; } .tribe-events .tribe-events-calendar-list__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-events .tribe-events-calendar-list__event-title { margin-bottom: 8px; } /* .tribe-events-calendar-list__event-title-link {} */ .tribe-events .tribe-events-calendar-list__event-venue { margin-bottom: 8px; } .tribe-events .tribe-events-calendar-list__event-description { display: none !important; visibility: hidden; } /* ----------------------------------------------------------------------------- * Month Separator * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-list__month-separator { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .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; } .tribe-events .tribe-events-calendar-list__month-separator-text { -webkit-box-flex: 0; flex: none; } /* ----------------------------------------------------------------------------- * Nav * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-list-nav { border-top: 1px solid #D5D5D5; padding-top: 24px; } /* Month */ /** * The Events Calendar Tribe Month View V2 Stylesheet * * @package TribeEventsCalendar * */ /* ----------------------------------------------------------------------------- * Calendar * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month { margin-bottom: 8px; } /* ----------------------------------------------------------------------------- * Calendar Body * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__week { display: -webkit-box; display: flex; } /* ----------------------------------------------------------------------------- * Calendar Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__calendar-event { margin: 8px 0; padding: 0 16px; 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: 16px; } .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event { opacity: 0.5; } .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: 8px; } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image-wrapper { margin-bottom: 4px; } .tribe-events .tribe-events-calendar-month__calendar-event-featured-image { padding-bottom: 56.25%; } .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: #727272; } .tribe-events .tribe-events-calendar-month__calendar-event-datetime > * { vertical-align: middle; } .tribe-events .tribe-events-calendar-month__calendar-event--featured:before { background: #334AFF; content: ''; height: 100%; left: 3px; 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-featured, .tribe-events .tribe-events-calendar-month__calendar-event-datetime-recurring { display: inline-block; } .tribe-events .tribe-events-calendar-month__calendar-event-datetime-featured { margin-right: 3px; } .tribe-events .tribe-events-calendar-month__calendar-event-datetime-recurring { margin-left: 3px; } /* .tribe-events-calendar-month__calendar-event-title-link {} */ .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper { margin-bottom: 16px; } /* .tribe-events-calendar-month__calendar-event-title {} */ .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image { padding-bottom: 56.25%; } .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-cta { margin-top: 16px; } /* ----------------------------------------------------------------------------- * Calendar Header * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__header-row { display: -webkit-box; display: flex; } .tribe-events .tribe-events-calendar-month__header-column { text-transform: uppercase; width: 14.285%; padding-bottom: 16px; } .tribe-events .tribe-events-calendar-month__header-column-title { color: #727272; text-align: center; } .tribe-events { /* ----------------------------------------------------------------------------- * Day: Theme Overrides * ----------------------------------------------------------------------------- */ } /* ----------------------------------------------------------------------------- * Day * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__day { border-radius: 4px; height: 48px; overflow: hidden; position: relative; width: 14.285%; } .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-cell { height: 100%; width: 100%; } .tribe-events .tribe-events-calendar-month__day-cell--mobile { -webkit-box-align: center; align-items: center; border-bottom: 2px solid transparent; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; -webkit-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover, .tribe-events .tribe-events-calendar-month__day-cell--mobile:focus { border-bottom-color: #334AFF; } .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; } .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"); } .tribe-events .tribe-events-calendar-month__day-date-link { color: #141827; } .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; border-radius: 50%; height: 8px; width: 8px; } .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"); background-repeat: no-repeat; background-size: contain; height: 10px; width: 8px; } .tribe-events .tribe-events-calendar-month__events { -webkit-box-flex: 1; flex: auto; } /* ----------------------------------------------------------------------------- * 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-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: 16px; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event { border-bottom: 1px solid #D5D5D5; padding: 12px 0; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event:last-child { border: 0; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event--featured { padding-bottom: 20px; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event--featured .tribe-events-calendar-month-mobile-events__mobile-event-details { border-left: 3px solid #334AFF; padding-left: 20px; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image-wrapper { margin-bottom: 16px; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-featured-image { padding-bottom: 75%; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime { color: #727272; margin-bottom: 4px; } .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, .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-recurring { display: inline-block; margin-right: 3px; } .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-cta { margin-top: 8px; } /* ----------------------------------------------------------------------------- * More Events * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month__more-events { border-top: 1px solid #E4E4E4; display: -webkit-box; display: flex; -webkit-box-flex: 0; flex: none; margin: 0 16px; padding: 8px 0 16px; } .tribe-events .tribe-events-calendar-month__more-events-link { -webkit-box-flex: 0; flex: none; } .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 { background-color: #FFFFFF; overflow: hidden; position: relative; width: 100%; z-index: 5; } .tribe-events .tribe-events-calendar-month__multiday-event--width-2 { width: calc(200% + 1px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-3 { width: calc(300% + 2px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-4 { width: calc(400% + 3px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-5 { width: calc(500% + 4px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-6 { width: calc(600% + 5px); } .tribe-events .tribe-events-calendar-month__multiday-event--width-7 { width: calc(700% + 6px); } /* .tribe-events-calendar-month__multiday-event--empty {} */ .tribe-events .tribe-events-calendar-month__multiday-event--hidden { opacity: 0; } .tribe-events .tribe-events-calendar-month__multiday-event--start { border-top-left-radius: 9.5px; border-bottom-left-radius: 9.5px; } .tribe-events .tribe-events-calendar-month__multiday-event--end { border-top-right-radius: 9.5px; border-bottom-right-radius: 9.5px; } .tribe-events .tribe-events-calendar-month__multiday-event-inner { -webkit-box-align: center; align-items: center; background-color: rgba(51,74,255, 0.24); cursor: pointer; display: -webkit-box; display: flex; flex-wrap: nowrap; padding: 1px 16px; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .tribe-events .tribe-events-calendar-month__multiday-event-inner:hover, .tribe-events .tribe-events-calendar-month__multiday-event-inner:focus { background-color: rgba(51,74,255, 0.34); } .tribe-events .tribe-events-calendar-month__multiday-event-inner--focus, .tribe-events .tribe-events-calendar-month__multiday-event-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-inner { background-color: #F7F6F6; } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-inner:hover, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-inner:focus { background-color: #F7F6F6; } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-inner--focus, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-inner--hover { background-color: #F7F6F6; } .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-featured-icon, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-title { opacity: 0.5; } .tribe-events .tribe-events-calendar-month__multiday-event-featured-icon { -webkit-box-flex: 0; flex: none; margin-right: 5px; } .tribe-events .tribe-events-calendar-month__multiday-event-title { -webkit-box-flex: 1; flex: auto; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ----------------------------------------------------------------------------- * Nav * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-month-nav--calendar { padding-top: 16px; } .tribe-events .tribe-events-calendar-month-nav--mobile { padding-top: 20px; } /* Day */ /** * The Events Calendar Tribe Day V2 Stylesheet * * @package TribeEventsCalendar * */ /* ----------------------------------------------------------------------------- * Event * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day__event { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 24px; margin-top: 32px; padding-left: calc(25% - 10.5px); } .tribe-events .tribe-events-calendar-day__event:last-child { margin-bottom: 40px; } .tribe-events .tribe-events-calendar-day__time-separator + .tribe-events-calendar-day__event { margin-top: 20px; } .tribe-events .tribe-events-calendar-day__event-featured-image-wrapper { -webkit-box-flex: 0; flex: none; margin-bottom: 16px; } .tribe-events .tribe-events-calendar-day__event-featured-image { padding-bottom: 56.25%; } .tribe-events .tribe-events-calendar-day__event-details { -webkit-box-flex: 0; flex: none; } .tribe-events .tribe-events-calendar-day__event-header > *:last-child { margin-bottom: 0; } .tribe-events .tribe-events-calendar-day__event-datetime-wrapper { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; margin-bottom: 8px; position: relative; } .tribe-events .tribe-events-calendar-day__event-datetime-featured-icon { margin-left: 10px; } .tribe-events .tribe-events-calendar-day__event-title { margin-bottom: 8px; } /* .tribe-events-calendar-day__event-title-link {} */ .tribe-events .tribe-events-calendar-day__event-venue { margin-bottom: 8px; } .tribe-events .tribe-events-calendar-day__event-description { display: none !important; visibility: hidden; } /* ----------------------------------------------------------------------------- * Nav * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day-nav { border-top: 1px solid #D5D5D5; padding-top: 24px; } /* ----------------------------------------------------------------------------- * Time separator * ----------------------------------------------------------------------------- */ .tribe-events .tribe-events-calendar-day__time-separator { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .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; } .tribe-events .tribe-events-calendar-day__time-separator-text { -webkit-box-flex: 0; flex: none; } @media (min-width: 768px) { .tribe-events .tribe-events-l-container { padding-bottom: 160px; padding-top: 96px } .tribe-events .datepicker { margin-top: 16px } .tribe-events .tribe-events-c-events-bar { border: 1px solid #E4E4E4; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin-bottom: 32px } .tribe-events .tribe-events-c-events-bar__search-filters-container { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: auto; padding: 0; position: static } .tribe-events .tribe-events-c-events-bar__search { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: auto } .tribe-events .tribe-events-c-events-bar__filters { border-right: 1px solid #E4E4E4; margin: 12px 0 } .tribe-events .tribe-events-c-events-bar__filters-button { -webkit-box-align: center; align-items: center; display: -webkit-box !important; display: flex !important; margin: -12px 0; padding: 20px 24px; visibility: visible } .tribe-events .tribe-events-c-events-bar__filters-button:hover:before, .tribe-events .tribe-events-c-events-bar__filters-button:focus:before, .tribe-events .tribe-events-c-events-bar__filters-button:active:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Cpath d='M3 3V0M3 15v-2' stroke='%23141827'/%3E%3Ccircle cx='3' cy='9' r='3' stroke='%23141827'/%3E%3Cpath d='M12 9v6' stroke='%23141827'/%3E%3Ccircle cx='12' cy='3' r='3' transform='matrix(1 0 0 -1 0 6)' stroke='%23141827'/%3E%3C/g%3E%3C/svg%3E"); } .tribe-events .tribe-events-c-events-bar__filters-button:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23727272' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Cpath d='M3 3V0M3 15v-2' stroke='%23727272'/%3E%3Ccircle cx='3' cy='9' r='3' stroke='%23727272'/%3E%3Cpath d='M12 9v6' stroke='%23727272'/%3E%3Ccircle cx='12' cy='3' r='3' transform='matrix(1 0 0 -1 0 6)' stroke='%23727272'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-size: 17px; content: ''; display: inline-block; -webkit-box-flex: 0; flex: none; height: 17px; margin-right: 8px; width: 17px } .tribe-events .tribe-events-c-events-bar__search-button { display: none !important; visibility: hidden } .tribe-events .tribe-events-c-events-bar__tabs { display: none !important; visibility: hidden } .tribe-events .tribe-events-c-nav { padding-top: 28px } .tribe-events .tribe-events-c-nav__list-item { width: 50% } .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 { clip: auto; width: auto; height: auto; margin: 0; position: static } .tribe-events .tribe-events-c-nav__prev, .tribe-events .tribe-events-c-nav__next { color: #727272 } .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='%23727272'/%3E%3C/svg%3E"); height: 14px; margin-right: 15px; width: 9px } .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='%23727272'/%3E%3C/svg%3E"); height: 14px; margin-left: 15px; width: 9px } .tribe-events .tribe-events-c-search { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center } .tribe-events .tribe-events-c-search__input-group { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: auto } .tribe-events .tribe-events-c-search__input-control { border-right: 1px solid #E4E4E4; -webkit-box-flex: 1; flex: auto; margin: 12px 0 } .tribe-events .tribe-events-c-search__input-control:last-child { border-right: 0 } .tribe-events .tribe-events-c-search__input { margin: -12px 0 } .tribe-events .tribe-events-c-search__input--icon { background-position: 16px center } .tribe-events .tribe-events-c-search__button { -webkit-box-flex: 0; flex: none; margin-top: 0 } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input { margin: -12px 0 } #top.tribe-theme-enfold .tribe-events .tribe-events-c-search__input--icon { background-position: 16px center } .tribe-theme-avada .tribe-events .tribe-events-c-search__input { margin: -12px 0 } .tribe-events .tribe-events-c-top-bar { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; margin-bottom: 16px; width: 100% } .tribe-events .tribe-events-c-top-bar__nav { display: block !important; -webkit-box-flex: 0; flex: none; visibility: visible } .tribe-events .tribe-events-c-top-bar__nav-link:before { height: 18px; width: 11px } .tribe-events .tribe-events-c-top-bar__today-button { display: block !important; -webkit-box-flex: 0; flex: none; margin-right: 15px; visibility: visible } .tribe-events .tribe-events-c-top-bar__datepicker { margin: 0; padding: 0 } .tribe-events .tribe-events-c-top-bar__datepicker-button:after { height: 7px; width: 12px } .tribe-events .tribe-events-c-top-bar__datepicker-container { max-width: none; min-width: 363px } .tribe-events .tribe-events-c-top-bar__actions { display: block !important; -webkit-box-flex: 0; flex: none; margin-left: auto; visibility: visible } .tribe-events .tribe-events-c-view-selector { width: auto } .tribe-events .tribe-events-c-view-selector--tabs { width: auto } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__button { display: none !important; visibility: hidden } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content { border: 0; border-radius: 0; box-shadow: none; display: block; height: 100%; padding: 0 12px; position: static; -webkit-transform: none; transform: none } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list { display: -webkit-box; display: flex; height: 100% } .tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item { margin: 0 12px } .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-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--tabs .tribe-events-c-view-selector__list-item-link { height: 100%; padding: 20px 0; position: relative } .tribe-events .tribe-events-c-view-selector__button { height: 100%; padding: 20px 24px } .tribe-events .tribe-events-c-view-selector__button:before { content: none } .tribe-events .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-events .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-events .tribe-events-c-view-selector__button-icon { display: none !important; visibility: hidden } .tribe-events .tribe-events-c-view-selector__button-text { clip: auto; width: auto; height: auto; margin: 0; position: static; 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; -webkit-box-flex: 1; flex: auto } .tribe-events .tribe-events-c-view-selector__content { box-shadow: 0 2px 5px 0 rgba(0,0,0, 0.14); left: 0; padding: 8px; right: auto; -webkit-transform: translateY(8px); transform: translateY(8px); width: auto } .tribe-events .tribe-events-c-view-selector__list-item-link { padding: 4px 32px 4px 16px } .tribe-events .tribe-events-c-view-selector__list-item-icon { display: none !important; visibility: hidden } .tribe-events .tribe-events-header { background-color: transparent; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0 } .tribe-events .tribe-events-header__events-bar { width: 100% } .tribe-events .tribe-events-calendar-list__event-row { margin-bottom: 40px; margin-top: 48px; margin-left: -24px; margin-right: -24px } .tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col { padding-left: 24px; padding-right: 24px } .tribe-events .tribe-events-calendar-list__event-row:last-child { margin-bottom: 64px } .tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row { margin-top: 40px } .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-date-tag { margin-right: 0; width: 11.111% } .tribe-events .tribe-events-calendar-list__event-wrapper { -webkit-box-flex: 0; flex: none; width: 88.888% } .tribe-events .tribe-events-calendar-list__event { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: end; justify-content: flex-end } .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper { margin-bottom: 0; width: 37.5% } .tribe-events .tribe-events-calendar-list__event-details { width: 62.5% } .tribe-events .tribe-events-calendar-list__event-datetime-wrapper { margin-bottom: 16px } .tribe-events .tribe-events-calendar-list__event-datetime-featured-text { clip: auto; width: auto; height: auto; margin: 0; position: static; color: #334AFF; font-weight: 700; margin-right: 8px } .tribe-events .tribe-events-calendar-list__event-title { margin-bottom: 16px } .tribe-events .tribe-events-calendar-list__event-venue { margin-bottom: 16px } .tribe-events .tribe-events-calendar-list__event-description { display: block !important; margin-top: 16px; visibility: visible } .tribe-events .tribe-events-calendar-list-nav { padding-top: 32px } .tribe-events .tribe-events-calendar-month { margin: 0 } .tribe-events .tribe-events-calendar-month__body { border-top: 1px solid #E4E4E4 } .tribe-events .tribe-events-calendar-month__week { border-left: 1px solid #E4E4E4 } .tribe-events .tribe-events-calendar-month__header-column-title { text-align: left } .tribe-events .tribe-events-calendar-month__day { border-color: #E4E4E4; border-radius: 0; border-style: solid; border-width: 0 1px 1px 0; height: auto; min-height: 168px; overflow: visible } .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-events .tribe-events-calendar-month__day:hover:after { background-color: #141827 } .tribe-events .tribe-events-calendar-month__day-cell--mobile { display: none !important; visibility: hidden } .tribe-events .tribe-events-calendar-month__day-cell--desktop { display: -webkit-box !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; visibility: visible } .tribe-events .tribe-events-calendar-month__day-date { -webkit-box-flex: 0; flex: none; padding: 8px 16px } .tribe-events .tribe-events-calendar-month-mobile-events { display: none !important; visibility: hidden } .tribe-events .tribe-events-calendar-month__multiday-event-wrapper { height: 19px; margin-bottom: 4px; position: relative } .tribe-events .tribe-events-calendar-month-nav { display: none !important; visibility: hidden } .tribe-events .tribe-events-calendar-day__event { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: end; justify-content: flex-end; margin-bottom: 40px; margin-top: 48px; padding-left: 0 } .tribe-events .tribe-events-calendar-day__event:last-child { margin-bottom: 64px } .tribe-events .tribe-events-calendar-day__time-separator + .tribe-events-calendar-day__event { margin-top: 40px } .tribe-events .tribe-events-calendar-day__event-featured-image-wrapper { margin-bottom: 0; width: 33.333% } .tribe-events .tribe-events-calendar-day__event-details { margin-left: 11.111%; width: 55.555% } .tribe-events .tribe-events-calendar-day__event-datetime-wrapper { margin-bottom: 16px } .tribe-events .tribe-events-calendar-day__event-title { margin-bottom: 16px } .tribe-events .tribe-events-calendar-day__event-venue { margin-bottom: 16px } .tribe-events .tribe-events-calendar-day__event-description { display: block !important; margin-top: 16px; visibility: visible } .tribe-events .tribe-events-calendar-day-nav { padding-top: 32px } } @media (min-width: 960px) { .tribe-events .tribe-events-calendar-list__event-date-tag-datetime { margin-left: 28% } }